/* CSS Document */
body{
margin-top:0px;
margin-left:0px;
height:100%;
background-image: url(img/fond-body.jpg);
background-repeat: repeat-x;
font-family:Arial, Helvetica, sans-serif;	
background-color:#4F4F4D;
}

.img a{border:0px;}

#global{
	position:absolute;
	top:0;
	left:50%;
	width : 900px;
	height: auto;	
	margin-left:-450px;
	font-size: 12px;
}
#tete{
	float:left;
	display:block;
	width :900px;
	height:105px;
	font-size: 12px;
	font-weight:bold;
	margin:0;
	color:#666666;
	font-size: 10px;
	background-image: url(img/fond-tete.jpg);
	background-repeat: no-repeat;
	text-align:right;
}

#menuX{
	float:left;
	display:block;
	width :900px;
	height:38px;
	font-size: 10px;
	margin:0;
	margin-top:20px;
	color:#998E7E;
	text-align:center;
	/*font-weight:bold;*/

}
	#menuX a{	text-decoration:none;	color:#998E7E;	font-size: 12px; text-align:center;	}

	#menuX ul{float:left; display:block; padding:0; margin:0;   width:490px;} 
	#menuX li {float:left; display:block; clear:inline; width:120px; height:15px;  border-right:2px solid #998E7E; }
	#menuX li a{float:left; display:block; clear:inline; width:120px; height:15px;  font-size:12px; color:#998E7E;
	 			 text-decoration:none;}
	#menuX li a:hover{width:120px; height:15px;  font-size:12px;  color:#BCB7B1;}
	#menuX li a#activeY{ width:120px; height:15px; color:#BCB7B1; font-size:12px; 
	 			 text-decoration:none;}

/*corps --------------------------------------
*/
#corps{
	float:left;
	display:block;
	clear:both;
	width : 900px;
	height: 438px;
	color:#998E7E;
	font-size: 12px;
	margin:0;
	padding:0;
	background-image: url(img/fond-corps.jpg);
	background-repeat: repeat-x;
	text-align:center;
}
		#corps a{color:#998E7E;}



#cadre{
	float:left;
	display:block;
	width : 350px;
	height: auto;
	color:#998E7E;
	font-size: 12px;
	margin:0;
	padding:0;
	margin-left:20px;
	border:1px solid #998E7E;
}


#lienBottom{
	float:left;
	display:block;
	clear:both;
	width : 900px;
	height: 20px;
	color:#000000;
	font-size: 10px;
	margin:0;
	padding:0;
	text-align:right;
	border-top:1px solid #54554E;
	text-align:center;
}
		#lienBottom a{	color:#000000;	font-size: 10px;}


.gauche1col {float: left; display:block;}
			
.centre2col { background-color: white; text-align: left; padding:20px 20px 20px 15px;  float: left; padding-top:20px;}

.droite1col {float: right; display:block;}



#ligne{
	float:left;
	display:block;
	width : 900px;
	height: auto;
	margin:0px;
	margin-top:120px;
	text-align:center;
}

#col{
	float:left;
	display:block;
	width : 126px;
	height: auto;
	margin:0px;
	margin-left:30px;
	margin-top:10px;
}


#img{
	float:left;
	display:block;
	clear:both;
	width : 126px;
	height: 126px;
}

#imgTitre{
	float:left;
	display:block;
	clear:both;
	width : 126px;
	height: 45px;
	color:#9D9E9D;
	font-weight:bold;
	margin:0px;
	margin-top:10px;
	line-height:11px;
	text-align:center;
	vertical-align:center;
}
		#imgTitre a{color:#6B675F; text-decoration:none; padding:0px; text-align:center;}
		#imgTitre a:hover{color:#BCB7B1; text-decoration:none; padding:0px; text-align:center;}

/*mise en forme du texte--------------------------------------
*/

.fondBeige{background-color:#998E7E; border:0px;}

table td{font-size:12px; color:#998E7E; vertical-align:middle;}
h1{font-size:16px; font-weight:bold; color:#998E7E;}
h2{font-size:14px; font-weight:bold; color:#998E7E;}

#listCategorie{
	float:left;
	clear:both;
	display:block;
	width : 230px;
	height: auto;
	margin:0px;
	padding:0;
	margin-top:50px;
	color:#998E7E;
	font-size:14px;
}
	
	#listCategorie ul{float:left; padding:0; margin:0; width:150px;} 
	#listCategorie li {  float:left; display:block; clear:both; width:150px; height:20px; padding:0; margin:0;}
	#listCategorie li a{float:left; display:block; clear:both; width:150px; height:20px; padding:0; margin:0; font-size:14px; color:#998E7E;
	 			 text-decoration:none; text-align:left;}
	#listCategorie li a:hover{width:150px; height:20px;  font-size:14px;  color:#BCB7B1; padding:0; margin:0; text-decoration:none; text-align:left;}
	#listCategorie li a:active { width:150px; height:20px; color:#BCB7B1; font-size:14px; 
	 			 text-decoration:none;}
	#active {float:left; display:block; clear:both;  width:150px; height:20px; color:#BCB7B1; font-size:14px;
	 			 text-decoration:none;}

	#descr{
	float:left;
	clear:both;
	display:block;
	width : 150px;
	height: auto;
	margin:0px;
	padding:0px;
	margin-top:5px;
	color:#BCB7B1;
	font-size:11px;
	text-align:left;
	border-top:1px solid #BCB7B1;
	}


/*SCROLL diaporama ---------------------------------------------------------
*/
#diaporama{
	float:left;
	display:block;
	width : 450px;
	height: 415px;
	margin:0px;
	margin-top:10px;
	font-size:16px;
	font-weight:bold;
}
		#diaporama a{font-size:16px; font-weight:bold; text-decoration:none;}

#vignette{	
	float:left;
	display:block;
	width : 50px;
	height: 50px;
	margin:0px;
	margin-left:2px;
	margin-top:2px;
	border:1px solid #6B675F;
	/*text-align:left;*/
}

#divUpControl{position:absolute; left:600px; top:100px; width:250px; height:20px; z-index:1; text-align: right;}
#divDownControl {position:absolute; left:600px; top:520px; width:250px;height:20px; z-index:1;text-align: right;}
#divContainer {position:absolute;  left:770px;  top:170px; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH:110px; CLIP: rect(0px 110px 320px 0px); HEIGHT:320px;}
#divContent {position:absolute;  left:770px;  top:170px; width:110px;}
-->