/* CSS Document */

<style type="text/css">
body {
	background-color:#FFFFFF;
	margin:auto;
	text-align:center;
	padding:0;
}

body, p, a, div, ul, li, input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

ul, li, form, input  {
	margin:0px;
	padding:0px;
}

a {text-decoration:none}
a:hover {text-decoration:underline}

a.bio {	font-weight:bold; color:#E5E8F1;}

#conteneur {
	margin:auto;
	width:780px;
	text-align:left;
	margin-bottom:0px;
	background-image:url(images/bouton_accueil-haut.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}


#conteneurOn {
	margin:auto;
	width:780px;
	text-align:left;
	margin-bottom:0px;
	background-image:url(images/bouton_accueil-haut_on.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

.invisible {display:none}

#nav-top {
	width:780px;
	height:87px;
	}


#nav-top ul{
	margin-left:15px;
	padding:0px;
}
#nav-top li{
	list-style-type:none;
	float:left;
	height:39px;
	width:39px;
	margin:18px 8px 0px 8px;
}

#nav-top a{height:39px;display:block}

#nav-top .nav1 a{background-image:url(images/bouton_chantry.jpg);}
#nav-top .nav1 a:hover, .nav1on{background-image:url(images/bouton_chantryon.jpg);}
#nav-top .nav2 a{background-image:url(images/bouton_daisy.jpg);}
#nav-top .nav2 a:hover, .nav2on{background-image:url(images/bouton_daisyon.jpg);}
#nav-top .nav3 a{background-image:url(images/bouton_dina.jpg);}
#nav-top .nav3 a:hover, .nav3on{background-image:url(images/bouton_dinaon.jpg);}
#nav-top .nav4 a{background-image:url(images/bouton_magali.jpg);}
#nav-top .nav4 a:hover, .nav4on{background-image:url(images/bouton_magalion.jpg);}
#nav-top .nav5 a{background-image:url(images/bouton_mcd.jpg);}
#nav-top .nav5 a:hover, .nav5on{background-image:url(images/bouton_mcdon.jpg);}
#nav-top .nav6 a{background-image:url(images/bouton_natacha.jpg);}
#nav-top .nav6 a:hover, .nav6on{background-image:url(images/bouton_natachaon.jpg);}
#nav-top .nav7 a{background-image:url(images/bouton_pierre.jpg);}
#nav-top .nav7 a:hover, .nav7on{background-image:url(images/bouton_pierreon.jpg);}
#nav-top .nav8 a{background-image:url(images/bouton_rosita.jpg);}
#nav-top .nav8 a:hover, .nav8on{background-image:url(images/bouton_rositaon.jpg);}
#nav-top .nav9 a{background-image:url(images/bouton_lemoh.jpg);}
#nav-top .nav9 a:hover, .nav9on{background-image:url(images/bouton_lemohon.jpg);}


#nomArtistePetit{
	clear:both;
	width:200px;
	height:15px;
	margin-left:250px;
	padding-top:6px;
	font-size:12px;
	color:#666666;
	}


#contenu {
	width:780px;
	background-color:#B5BEDE;
	}
	
#contenu_bio {
	background-color:#B5BEDE;
	}



.table_contenu	{
	margin:15px 0px 0 15px;
	background-color:#B5BEDE;}
	
	
#tableScroll{
		width:362px; 
		height:88px; 
		overflow:auto;
		text-align:left; 
		margin:0 0 30px 0;
		z-index:2;
}

#tableScroll  table td{
	background-color:#CCD0DB;
	white-space:nowrap;
	text-align:center;
	/*width:48px;
	padding:10px;*/
}

#descriptIndex {
	position:absolute;
	top:180px;
	left:50%;
	text-align:left;
	width:365px;
	height:156px;
	margin-left:-367px;
	font-size:12px;
	color:#CC0000;
	z-index:2;
}
		
#nomArtiste{
	position:relative;
	top:-430px;
	left:0px;
	text-align:left;
	width:500px;
	height:40px;
	margin-left:23px;
}

#nomArtiste, .artiste{
	font-size:20px;
	color:#E5E8F1;
}

#artiste_bio {
	height:35px;
	font-size:20px;
	padding-left:15px;
	color:#B5BEDE;}
	
#textDescription {
	padding:2px 0 0 0;
	width:362px;
	height:30px;
	/*float:right;*/
	font-size:90%;
}
#img_groupe {
	width:780px;
	background-color:#FFFFFF;
	text-align:right;}

#nav-bottom {
	width:500px;
	height:60px;
}

#nav-bottom ul{
	margin:0px;
	padding:0px;

}
#nav-bottom li{
	list-style-type:none;
	float:left;
}

#nav-bottom a{
	position:relative;
	top:-28px;
	left:0px;
	margin-left:23px;
	height:42px;
	width:50px;
	display:block;
	background-image:url(images/boutonoff.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	font-size:90%;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF}

#nav-bottom a:hover{
	background-image:url(images/boutonon.jpg);
	color:#333333}

#nav-bio a{
	position:absolute;
	width:60px;
	height:40px;
	top:9px;
	left:263px;
	text-align:center;
	display:block;
	background-image:url(images/boutonoff.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	font-size:85%;
	text-decoration:none;
	color:#333333;	
}

#nav-bio a:hover{
	background-image:url(images/boutonon.jpg);
	text-decoration:underline;
}
</style>