/*copyright by kitgraphiquegratuit.org*/
body, html  {
     background:#0d0d0d url(images/fond.png) no-repeat top center;
	 margin:0;
	 padding:0;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 text-align:center;
	 color:#FFF;
	 background-attachment: fixed;
	 font-size:12px;
}   	
#conteneur {
	margin: 0 auto 0;
	position: relative;
	width: 1000px;
}  	
#contenu {
	background-color: #232323;
	text-align: left;
	width: 1000px;
}  
#header {
	height: 47px;
	background: url(images/header.jpg) no-repeat top;
	width: 700px;
	padding-top: 133px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 300px;
} 	   
#left {
     float:left;
	 width:150px;
	 margin:0;
	 padding:0;
	 text-align:center;
}	
#right {
	padding: 0;
	width: 820px;
	top: 10px;
	color: #fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 170px;
}	
#pied  {
	background: url(images/pied.png) no-repeat;
	height: 34px;
	width: 1000px;
	clear: both;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}	   	
/*menuhorizontal*/ 
ul#menuhorizon {
     height: 23px;
	 list-style-type: none;
	 margin:0;
	 padding:0;
	 width:300px;
} 	 
ul#menuhorizon li  {
     float: left ;
	 text-align: center ;
}
ul#menuhorizon li a {
     width: 100px;
	 height: 18px;
	 color: #fff;
	 display: block;
	 text-decoration: none ;
	 outline:none;
	 background: url(images/bouton.png) top no-repeat;
	 font-size:10px;
	 font-weight:bold;
	 padding:5px 0 0 0;
}
ul#menuhorizon li a:hover {
     background: url(images/bouton.png) bottom no-repeat;
}
/*menu vertical*/
.hautmenu  {
     width:158px ;
	 height:26px;
	 background:url(images/hautmenu.jpg) no-repeat;
	 margin:0 0 0 12px;
	 font-size:14px;
	 font-weight:bold;
	 padding:19px 0 0 0;
	 color:#fff
}   
.fondmenu  {
     width:158px ;
	 background:url(images/fondmenu.jpg) ;
	 margin:0 0 0 12px;
}  
.basmenu  { 
     width:158px ;
	 height:97px;
	 background:url(images/basmenu.jpg) ;
	 margin:0 0 0 12px;
}    
ul.menu {
     margin:0 auto;padding:0;width:132px;text-decoration: none;list-style: none;font-weight:bold;}
ul.menu li a {
     display: block;
	 height:19px;
	 width:132px;
	 color: #ec7a18;
	 text-decoration: none;
	 background:url(images/menu.png) top no-repeat;
	 font-weight:bold;font-size:11px;
	 padding:5px 0 0 0;
}
ul.menu li a:hover {
     background:url(images/menu.png) bottom no-repeat;
	 color: #FF0;
}	
/*contenu*/
.images_accueil  {
	float: left;
	margin-right: 15px;
}
.haut_contenu  {
	background: url(images/haut_contenu.jpg);
	height: 25px;
	width: 790px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
}
.fond_contenu  {
	background: url(images/fond_contenu.jpg);
	width: 780px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
.bas_contenu   {
	background: url(images/bas_contenu.jpg) no-repeat top;
	height: 28px;
	width: 820px;
}
.haut_contenu2  {
	background: url(images/haut_contenu2.png);
	height: 25px;
	width: 790px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
}
.fond_contenu2  {
	background: url(images/fond_contenu2.png);
	width: 780px;
	padding-top: 0;
	padding-right: 20px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.bas_contenu2   {
	background: url(images/bas_contenu2.png) no-repeat top;
	height: 28px;
	width: 820px;
}
.haut_contenu3  {
	background: url(images/haut_contenu3.png);
	height: 25px;
	width: 790px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
}
.fond_contenu3  {
	background: url(images/fond_contenu3.png);
	width: 780px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
.bas_contenu3   {
	background: url(images/bas_contenu3.png) no-repeat top;
	height: 28px;
	width: 820px;
}
/*COpyright*/
.copyright {
	 margin :0 auto;
	 color:#FFF;
	 font-size:10px;
	 font-weight:bold;
text-align:center;
}   
.copyright a {
	 color:#fff;
	 font-size:10px;
	 font-weight:bold;
	 text-decoration: none;
	 outline:none;
}
.copyright a:hover {
	 color:#ec7a19;
	 }   			
	 
/*Texte d'accueil */

.text-accueil {
	 text-align:center;
	 font-size:14px;
	 font-family:Tahoma, Geneva, sans-serif;
	 }   	
	 
.text-accueil-soulign {
	font-size:16px;
	font-weight : bold;
	font-style : italic;
	border-right:10px;
}
/*Class générique*/
img, p, h1, h2, h3, h4, h5, h6, Span, object, table, td, tr{border:0;margin:0;padding:0} 
a {
     text-align: center;
	 color:#ec7a19;
	 font-weight:bold;
	 text-decoration: none;
} 
a:hover {
	 color: #fff;
} 

#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background-image:url(images/fond3.png); 
	background-repeat:repeat-x;
	padding: 20px;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -25px -25px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}