@charset "utf-8";
/* CSS Document */

html{color:#000;background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
a, a:hover, a:visited {text-decoration: none; color:#FFFFFF;}
/*END OF YUI RESET*/
strong{	font-weight:bold;}

a:hover
{
	color:#f2fa45;
}
		
html
{
	background-color:#17374c;
	color:#FFF;
	font-size:11px;
}

body
{
	background-color:#17374c;
	color:#FFF;
	font-size:11px;
}

#site
{
	width:947px;
}

	#gauche
	{
		float:left;
		width:232px;
	}
	
		#logo
		{
			width:232px;	
		}
		
		#coordonnee
		{
			background-image:url(images/elips_11.jpg);
			background-repeat:no-repeat;
			min-height:585px;
			width:165px;
			padding-top:10px;
			text-align:right;
			padding-right:67px;
		}
		
			#coordonnee h1
			{
				color:#eee7aa;
				font-size:11px;
				font-weight:bold;
				margin-right:30px;
			}

			#coordonnee p
			{
				margin-top:13px;
				margin-right:30px;
			}

			#coordonnee p.petit
			{
				font-size:8px;
				margin-right:0px;
			}
			
		#copy
		{
			padding-left:10px;
			font-size:9px;
			padding-bottom:10px;
		}
	
	#droite
	{
		float:left;
		width:695px;
		margin-left:20px;
		font-size:10px;
	}
	
		
		#droite h1
		{
			padding-top:5px;
			float:left;
			font-size:18px;
			font-weight:bold;			
		}

		#droite h2
		{
			padding-top:10px;
			float:left;
			font-size:10px;
			color:#f2fa45;
			background-image:url(images/puce_13.jpg);
			background-repeat:no-repeat;
			background-position:7px 12px;
			padding-left:15px;
		}
		
		#droite p
		{
			float:left;
			width:479px;
		}


		
		#droite a.artiste
		{
			float:left;
			height:70px;
			width:200px;
		}
		
		#droite a.puce
		{
			background-image:url(images/puce_17.jpg);
			background-repeat:no-repeat;
			padding-left:10px;
			background-position:0px 3px;
		}

		
		#artiste1
			{
				background-image:url(images/elips2_03.jpg);
				background-position:right;
				background-repeat:no-repeat;
				width:100%;
				height:116px;
			}
			
			#artiste1:hover
			{
				background-image:url(images/elips_03.jpg);
			}		
			
			#artiste2
			{
				background-image:url(images/elips2_08.jpg);
				background-position:right;
				background-repeat:no-repeat;
				width:100%;
				height:136px;
			}
			
			#artiste2:hover
			{
				background-image:url(images/elips_08.jpg);
			}

			#artiste3
			{
				background-image:url(images/elips2_09.jpg);
				background-position:right;
				background-repeat:no-repeat;
				width:100%;
				height:143px;
			}
			
			#artiste3:hover
			{
				background-image:url(images/elips_09.jpg);
			}	
			
			#artiste4
			{
				background-image:url(images/elips2_10.jpg);
				background-position:right;
				background-repeat:no-repeat;
				width:100%;
				height:114px;
			}
			
			#artiste4:hover
			{
				background-image:url(images/elips_10.jpg);
			}	
			
			#artiste5
			{
				background-image:url(images/elips2_12.jpg);
				background-position:right;
				background-repeat:no-repeat;
				width:100%;
				height:96px;
			}
			
			#artiste5:hover
			{
				background-image:url(images/elips_12.jpg);
			}	
			
			#artiste6
			{
				background-image:url(images/elips2_13.jpg);
				background-position:right;
				background-repeat:no-repeat;
				width:100%;
				height:103px;
			}
			
			#artiste6:hover
			{
				background-image:url(images/elips_13.jpg);
			}	
			
			#artiste7
			{
				background-image:url(images/elips2_14.jpg);
				background-position:right;
				background-repeat:no-repeat;
				width:100%;
				height:132px;
			}
			
			#artiste7:hover
			{
				background-image:url(images/elips_14.jpg);
			}	
			
			#artiste8
			{
				background-image:url(images/elips2_15.jpg);
				background-position:right;
				background-repeat:no-repeat;
				width:100%;
				height:156px;
			}
			
			#artiste8:hover
			{
				background-image:url(images/elips_15.jpg);
			}	
			
			#artiste9
			{
				background-image:url(images/elips2_17.jpg);
				background-position:right;
				background-repeat:no-repeat;
				width:100%;
				height:115px;
				margin-bottom:20px;
			}
			
			#artiste9:hover
			{
				background-image:url(images/elips_17.jpg);
			}