/* CSS Document */
html 	{ font-size: 100%; background-image: url(../img/fond_site.png); } 
* 		{ margin: 0; padding: 0; }
body 	{ margin: 0 auto; font-size: .8em; }
li  	{ list-style-type: none; }
img		{ border: 0px; }
img a 	{ border: 0px; }
a  		{ text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { outline: 0; } 


em 		{ font-style: italic; } 
strong  { font-weight: bold; } 
p 		{ color: black; }
.center	{ text-align: center; }
.italic { font-style: italic; }
.bold 	{ font-weight: bold; }
.bolditalic { font-weight: bold; font-style: italic; }


div#site { position: relative; margin: 0 auto; width: 780px;  }



div#block_index  { 
	position:absolute;
	width: 780px; height: 250px; 	
	left:50%; margin-left:-390px;
	top:50%; margin-top:-125px;
}



	div#top		{ position: relative; height: 140px; width: 100%; }
		#top h1  { 
			position: absolute; top: 75px; left: 5px;
			height: 140px; width: 140px;
			text-align: left; font: 10px "Times New Roman"; color: white; letter-spacing: 1.5px;
		}
		#top .logo { position: absolute; top: 0px; left: -15px; } 
		ul#menu { 
			position: absolute; left: 378px; top: 92px; height: 25px; 
			overflow: hidden; 
		}
		ul#menu li {
			position: relative; float: left; 
		}
		ul#menu li img:hover { margin-top: -25px; }
		ul#menu li .selectimgmenu { margin-top: -25px; }
		
	div#container 	{ position: relative; width: 640px; margin-left: 140px; margin-top: 15px;  }
		
		/* page galerie */
		.p_titre { font: 14px/20px "Times New Roman"; color: white; letter-spacing: 2px; }
		.p_desc { font: 12px/14px "Times New Roman"; color: #636363; margin-bottom: 15px; letter-spacing: 1px; text-align: justify; }
		.p_desc a { color: #636363; }
		.p_desc a:hover { color: #636363; text-decoration: underline; }
		
		.p_inf_tab { font: 12px/40px "Times New Roman"; color: #636363; letter-spacing: 1px; }
		.p_inf_tab a { color: #636363; }
		.p_inf_tab a:hover { color: #636363; text-decoration: underline; }
		
		.form_contact { width: 300px; padding-left: 2px; font: 12px/20px "Times New Roman"; color: #636363; }
	
		/* page artistes */
		.block_artiste { 
			position: relative; float: left; margin-bottom: 10px; margin-right: 10px;
			width: 150px; height: 200px;
		}
		.block_artiste p { font: 14px/16px "Times New Roman"; color: #4F4F4F; text-align: center; width: 100%; } 
		.block_artiste p a { color: #4F4F4F; } 
		
		
		#bio_artiste {
			position: relative; float:left;  margin-bottom: 10px;
			width: 430px; overflow: hidden;
		}
			#bio_artiste #p_titre { font: 17px/40px "Times New Roman"; color: white; margin-top: 5px; letter-spacing: 2px; margin-left: 10px; }
			#bio_artiste #p_desc { font: 11px/13px "Times New Roman"; color: #636363; margin-bottom: 15px; letter-spacing: 1px; text-align: left; width: 405px; }
		
		#tab_artiste {
			position: relative; float:left; margin-bottom: 10px;
			width: 210px;
			overflow:hidden;
		}
			#tab_artiste #p_titre2 { font: 17px/40px "Times New Roman"; color: white; margin-top: 5px; letter-spacing: 2px; }
			#tab_artiste #p_desc2 { font: 11px/13px "Times New Roman"; color: #636363; margin-bottom: 15px; letter-spacing: 1px; text-align: left; }
			#tab_artiste img { position: relative; float:left; margin-right: 5px; margin-bottom:5px; }
		
	
	div#footer 		{ position: relative; width: 100%; }
		#footer p { position: relative; float: left; font: 11px/60px "Times New Roman"; color:#444; margin: 8px 0px 30px 230px; margin-bottom: 15px; }
		#footer a { color: #555;}
		#footer img {position: relative; float: left; margin-top: 32px; }
		
		
		
	/* envoie des mail */
	.envoi_ok{ 
			margin-left: 15px; margin-top: 10px; margin-bottom: 10px;
			font: italic 13px/18px "Times New Roman", Times; color: #093; /* vert */ 
		}
		.envoi_nonok{ 
			margin-left: 15px; margin-top: 10px; margin-bottom: 10px;
			font: italic 13px/18px "Times New Roman", Times; color: #C33; /* rouge */ 
		}