* { margin:0;padding:0; }

html {
	height:100%;
	background:#4E4E4E;
}

a.title {
	color:#FF2E0D;
	text-decoration:none;
	font-weight:bold;
}

a.title:hover {
	color:#FF2E0D;
	text-decoration:none;
	font-weight:bold;
}

body {
	height:100%;
	font:normal 0.7em "Trebuchet MS",Verdana,Helvetica,sans-serif;
	color:#3A3A3A;
}

#page {
	position:absolute;
	top:50%;
	left:50%;
	width:800px;
	margin-top:-300px;
	margin-left:-400px;
	border:1px solid #0A0A0A;
	background-color:#FFFFFF;
}

#index {
	display:block;
	width:800px;
	height:524px;
	background:url('pics/index.jpg') top no-repeat;
}

.lien1 {
	display:block;
	height:20px;
	width:800px;
	position:absolute;
	left:0px;
	top:187px;
	color:#0A0A0A;
	text-decoration:none;
	font:normal 2em "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

.lien2 {
	display:block;
	height:20px;
	width:800px;
	position:absolute;
	left:0px;
	top:217px;
	color:#0A0A0A;
	text-decoration:none;
	font:normal 2em "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

.lien3 {
	display:block;
	height:20px;
	width:800px;
	position:absolute;
	left:0px;
	top:245px;
	color:#0A0A0A;
	text-decoration:none;
	font:normal 2em "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

.lien4 {
	display:block;
	height:20px;
	width:800px;
	position:absolute;
	left:0px;
	top:273px;
	color:#0A0A0A;
	text-decoration:none;
	font:normal 2em "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

a.lien1:hover {
	text-align:center;
	color:#0A0A0A;
	text-decoration:none;
	font:normal 2.5em "Trebuchet MS",Verdana,Helvetica,sans-serif;
	background:url('pics/bglink1.gif') top no-repeat;
}

a.lien2:hover {
	text-align:center;
	color:#0A0A0A;
	text-decoration:none;
	font:normal 2.5em "Trebuchet MS",Verdana,Helvetica,sans-serif;
	background:url('pics/bglink2.gif') top no-repeat;
}

a.lien3:hover {
	text-align:center;
	color:#0A0A0A;
	text-decoration:none;
	font:normal 2.5em "Trebuchet MS",Verdana,Helvetica,sans-serif;
	background:url('pics/bglink3.gif') top no-repeat;
}

a.lien4:hover {
	text-align:center;
	color:#0A0A0A;
	text-decoration:none;
	font:normal 2.5em "Trebuchet MS",Verdana,Helvetica,sans-serif;
	background:url('pics/bglink4.gif') top no-repeat;
}

#podcast {
	display:block;
	position:absolute;
	width:800px;
	height:524px;
	background:url('pics/podcast.jpg') top no-repeat;
}

#contact {
	display:block;
	position:absolute;
	width:800px;
	height:524px;
	background:url('pics/contact.jpg') top no-repeat;
}

#facebook {
	display:block;
	position:absolute;
	width:800px;
	height:524px;
	background:url('pics/facebook.jpg') top no-repeat;
}

#bio {
	display:block;
	position:absolute;
	width:800px;
	height:524px;
	background:url('pics/bio.jpg') top no-repeat;
}

#media {
	display:block;
	position:absolute;
	width:800px;
	height:524px;
	background:url('pics/media.jpg') top no-repeat;
}

.scroll_photos {
overflow:auto;
position:absolute;
margin-left: 674px;
margin-right: Opx;
left:0%;
top: 0%;
width: 145px;
height: 523px;
border: 0px solid black
}

#fan {
	position:absolute;
	margin-left:50px;
	margin-top:50px;
}

#profil {
	position:absolute;
	margin-left:625px;
	margin-top:50px;
}

.back {
	display:block;
	position:absolute;
	width:50px;
	height:20px;
	background:none;
}

.suscribe {
	display:block;
	position:absolute;
	height:253px;
	width:257px;
	margin-left:545px;
	margin-top:80px;
	position:absolute;
	left:0px;
	top:187px;
	color:#0A0A0A;
	text-decoration:none;
	font:normal 2em "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

a.suscribe:hover {
	color:#0A0A0A;
	text-decoration:none;
	margin-left:545px;
	margin-top:80px;
	font:normal 2.5em "Trebuchet MS",Verdana,Helvetica,sans-serif;
	background:url('pics/bglinkpodcast.jpg') top no-repeat;

}