body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #58585a;
	
}
/* si on veut centrer le site mais pb si fenetre trop petite
#horizon	
	{
		color: white;
		background-color: #58585;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 1px;
		overflow: visible;
		visibility: visible;
		display: block;
	}
	
	
	

#container,#container1,#container2,#container3,#container4,#container5{
	width: 836px;
	height: 609px;
	display:block;
		margin-left: -418px;
		position: absolute;
		top: -312px;
		left: 50%;
		visibility: visible;
	
	


	background-repeat: no-repeat;
}
*/
/*sinon centarge calssique*/
#horizon	
	{
	
	margin: 0px;
	padding: 0px;
	height:100%;
	width: 100%;		
	}
	
	
	

#container,#container1,#container2,#container3,#container4,#container5,#container9{
	width: 836px;
	height: 612px;
	display:block;
	background-repeat: no-repeat;
	margin-top: -5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}




#container,#container1{background-image: url(../img/conteneur.jpg);}
#container2{background-image: url(../img/conteneur2.jpg);}
#container3{background-image: url(../img/conteneur3.jpg);}
#container4{background-image: url(../img/conteneur4.jpg);}
#container5{background-image: url(../img/conteneur5.jpg);}
#container9{background-image: url(../img/conteneur-accueil.jpg);}
#tete{
	height: 127px;
	width: 834px;
}

#titrepage,#menu{float:left;}

#titrepage{	/*width: 390px;*/
	padding-top: 15px;
}
#menu{
	/*width: 415px;*/
	/*font-size: 12px;
	text-decoration: none;
	float: right;
	padding-top: 100px;
	padding-right: 25px;*/
}
#menu a,#menu a:visited{
	padding-right: 5px;
	padding-left: 5px;
	float: right;
	padding-top: 5px;
	color: #000000;
	text-decoration: underline;
}
#menu a:hover{
	color: #FFFFFF;
}
#corp{
	height: 390px;
	width: 810px;
	padding-right: 12px;
	padding-left: 12px;
overflow: hidden;
}
* html #corp{
	height: 375px; !important;overflow: hidden;
}
#titremenu{
	height: 67px;overflow:overflow: hidden;
}
* html #titremenu{
	height: 50px !important;overflow: hidden;
}
#colgauche,#contenu #coldroite{
float:left;height: 320px;
}


#colgauche{
	

}
#coldroite{
	
	
}
#contenu{

}
#menu{

}




#pied {
	height: 80px;
	color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 11px;
	display:block;
	padding-top: 1px;	
}

#pied a,#pied a:visited{
	color: #FFFFFF;
	text-decoration: underline;
}
#pied a:hover{
	text-decoration: none;
}
#titre-pied{
	float:left;
	width:150px;
	background-image: url(../img/titre-actu.png);
	background-repeat: no-repeat;
	height: 46px;
	text-indent: -2000px;
}

#actu1,#actu2, #actu3{
	float:left;
	width:180px;
	padding-left: 20px;
	text-align: left;
	background-image: url(../img/flechenews.png);
	background-repeat: no-repeat;
	background-position: -1px 6px;
	padding-right: 15px;
}
#actu1 h1,#actu2 h1,#actu3 h1{
	font-size: 12px;
	color: #FFFFFF;
}
*html #actu1{background-position: -1px 0px!important;}
*html #actu2{background-position: -1px 0px!important;}
*html #actu3{background-position: -1px 0px!important;}
#actu1 p,#actu2 p,#actu3 p{
	padding: 0px;	
}
.actuacrroche{
	padding-bottom: 5px;
	height: 75px;
	overflow:hidden
}
#mentions{
padding-right:50px;
}
*html #mentions{
	padding-top: -10px;
	
}

#mentions a{
	font-size: 10px;
	color: #FBF4E9;
	text-decoration: none;
	float: right;
	padding-top: 0px;
	padding-right:10px;	
}
/* */
#centre-1{
	/*height: 295px;
	padding-right: 00px;
	padding-left: 40px;*/
	height: 320px;
	padding-right: 0px;
	padding-left: 40px;

}
#centre-2,#centre-3,#centre-4,#centre-5{
	height: 320px;
	padding-right: 0px;
	padding-left: 40px;

}
/* */
#chantier-gauche{
	width: 410px;
	float:left;
}
#chantier-droite{
	width: 351px;float:left;
}
/* scrollable div area */

	#centre-1 #scrollable1,	#centre-2 #scrollable1, #centre-3 #scrollable1, #centre-4 #scrollable1, #centre-5 #scrollable1 {
	width: 710px;
	/*height: 210px;*/	height: 310px;
	overflow: hidden;
	float: left;
	padding-right: 40px;
	}
	#centre-2 #scrollable1, #centre-3 #scrollable1, #centre-4 #scrollable1, #centre-5 #scrollable1{			
	height: 310px!important;			
	}	
	
			/* vertical track */
	#centre-1 #track1,#centre-2 #track1, #centre-3 #track1, #centre-4 #track1 ,#centre-5 #track1 {
	float: left;
	width: 8px;
	/*height: 200px;*/height: 300px;
	background-image: url(../img/scroll-bar.gif);
	background-repeat: repeat-y;
			}
	#centre-2 #track1, #centre-3 #track1, #centre-4 #track1 ,#centre-5 #track1{			
	height: 300px!important;			
	}			
			/* vertical track handle */
	#handle1 {
	width: 8px;
	height: 55px;
	background-color: black;
	cursor: move;

	background-repeat: no-repeat;
	}
	
	#centre-1 #handle1 {
	
	background-image: url(../img/scroll1.gif);
	background-repeat: no-repeat;
	}
	#centre-2 #handle1 {
	
	background-image: url(../img/scroll2.gif);
	background-repeat: no-repeat;
	}
	#centre-3 #handle1 {
	
	background-image: url(../img/scroll3.gif);
	background-repeat: no-repeat;
	}
	#centre-4 #handle1 {
	
	background-image: url(../img/scroll4.gif);
	background-repeat: no-repeat;
	}
	#centre-5 #handle1 {

	background-image: url(../img/scroll5.gif);
	background-repeat: no-repeat;
	}
	
	
	
	
	
	
	
	
	
	
			
#centre-2 #scrollable2, #centre-3 #scrollable2, #centre-4 #scrollable2, #centre-5 #scrollable2{
	height: 300px!important;
	width: 380px!important;
	float: left;
	overflow: hidden;
	background-color: #FFFFFF;
	}	
	
	
			
/* */