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

body {
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#000000;
	background: #d5d4d0 url(../images/body_fond2.jpg) repeat-x;
	}
	
	.contenu {
		background: #FFF url(../images/contenu_fond.jpg) repeat-y;
		width: 994px;
		color: #000000;
		margin: -41px auto; /*44px : marge image par rapport au haut de la page auto : centre l'image horizontallement*/
		padding:0px 0px 41px 0px;
		}
			
		.en_tete { 
			background: #036EB4 url(../images/arrondis.png) no-repeat center top;  
			width: 994px; 
			height: 200px; 
			color: #FFF;
			margin: 41px auto; /*44px : marge image par rapport au haut de la page auto : centre l'image horizontallement*/
			padding:0px 0px 0px 0px;
			}
			
		.menu_horizontal {
			background: #fff url(../images/menu.png) no-repeat center top;
			width: 988px;
			height: 45px;
			color: #FFF;
			margin: 0px 0px 0px 3px; /* décalage du bloc entier */
			}
			
		.page_centale {
			background: #FFF ;
			width: 988px;
			color: #000000;
			margin: 0px 0px 0px 3px; /* décalage du bloc entier */
			padding:0px 0px 0px 0px; /* marge du texte par rapport au bloc*/
			text-align:justify;
			}
			
			.page_centale .gauche {
				background: #FFF url(../images/col_gauche.jpg) repeat-y;
				width: 250px;
				color: #000000;
				margin: 0px 0px -10px 0px; /* décalage du bloc entier */
				padding:0px 0px 0px 0px; /* marge du texte par rapport au bloc*/
				text-align:justify;
				float:left;
				}
	
			.page_centale .gauche p{
				padding:0px 5px 0px 5px; /* marge du texte par rapport au bloc*/
				}
				
			.page_centale .gauche .accueil a {
			background:url(../images/accueil.png)
				}
			.page_centale .gauche .accueil a:hover{
			background:url(../images/accueil_orange.png)
				}
				
				
			.page_centale .droite p{
				padding:0px 10px 0px 5px; /* marge du texte par rapport au bloc*/
				}
				
			.page_centale .droite{
				background: #FFF ;
				width: 738px;
				color: #000000;
				margin: -0px 0px 0px 0px; /* décalage du bloc entier */
				padding:0px 0px 0px 0px; /* marge du texte par rapport au bloc*/
				text-align:justify;
				float:right;
				}
			
		.pied {
			width :988px;
			clear:both;
			height: 1px;
			color:#000;  
			background: #fff ;
			margin: 0px 0px 0px 3px; /* décalage du bloc entier */
			padding:0px 0px 0px 0px; /* marge du texte par rapport au bloc*/
			}
			
		.pied_page{
			background: #FFF url(../images/pied.png) no-repeat;
			width :994px;
			clear:both;
			height: 55px;
			color:#000;  
			margin: 0px auto; /* décalage du bloc entier */
			}
			
		.pied_page p{
			font-weight:bold;
			color:#FFFFFF;
			margin:00px 0px 0px 0px;
			padding:30px 0px 0px 0px;
			}
			
		.pied_page a{
			color:#FFFFFF;
			}
			
		.pied_page a:over {
			color:#FFFFFF;
			}
			
			.imggauche {
			float:left;
			margin: 0px 20px 0px 5px; /* décalage du bloc entier */
			padding:0px 0px 0px 0px; /* marge du texte par rapport au bloc*/
			}
			
			.imgdroite {
			float:right;
			margin: 0px 10px 0px 15px; /* décalage du bloc entier */
			padding:0px 0px 0px 0px; /* marge du texte par rapport au bloc*/
			}
		
/* ============================================== */
.page_centale .gauche .contact {
	margin-right:0px;
	margin-top:0px;
	margin-bottom:-0px; /* espacement négatif à cause de la ligne bleu*/
	padding-bottom:3px;
	font-size:15px;
}


.page_centale .droite .haut_bloc {
	background:url(bg_top_quatre_cols_acceuilD_vert.gif) no-repeat center bottom;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:-0px; /* espacement négatif à cause de la ligne bleu*/
	padding-bottom:3px;
	font-size:15px;
}
.page_centale .droite .cote_bloc {
	background:url(../images/cote_bloc.jpg) repeat-y center left;
	width:433px;
	margin: 0px 0px 0px 5px; /* décalage du bloc entier */
	padding:0px 0px 0px 0px; /* marge du texte par rapport au bloc*/
	color: #000000;
	float:left;
	text-align:justify;
}

.page_centale .droite .cote_bloc p{
	margin: 0px 0px 0px 0px; /* décalage du bloc entier */
	padding:0px 5px 0px 5px; /* marge du texte par rapport au bloc*/
	color: #000000;
	text-align:justify;
}

.page_centale .droite .cote_bloc .style_line {
	background: url(Line_quatre_cols_accueilD_orange.gif) no-repeat center bottom;
	margin:5px;
	padding:5px;
	/* width:100%; */
}

.page_centale .droite .bas_bloc {
	background:url(bg_bottom_quatre_cols_acceuilD_vert.gif) no-repeat center bottom;
	margin:0 5px;
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:5px;
	text-align:right;
}

/* ===============================================*/
.page_centale .droite .spacerD {
	clear:both;/*  enlever pour sauter ube ligne qu'à droite ? */
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.page_centale .droite ul {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	width:351px;
	color:Black;
	/*font-weight:bold; */
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 10px;
	text-align:justify;
	float:left;
}

.page_centale .droite li {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-weight:normal;
	color:#000000;
	margin:0px 0px 0px 5px ;
	padding:0px 0px 5px 20px ;
	list-style-type:none;
	text-align:left;
	background:url(../images/PuceColDroite3.gif) no-repeat left 3px; /* permet d'ajuster la hauteur des puces*/
	/* background:url(../images/PuceColDroite.gif) no-repeat left 5px; /* permet d'ajuster la hauteur des puces*/ 

}
.page_centale .gauche a img {
border: none;	
}


.page_centale .gauche ul {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	width:351px;
	color:Black;
	/*font-weight:bold; */
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 10px;
	text-align:justify;
}

.page_centale .gauche li {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	margin:0px 0px 0px 0px ;
	padding:0px 0px 5px 20px ;
	list-style-type:none;
	text-align:left;
	background:url(../images/PuceColgauche3.gif) no-repeat left 3px; /* permet d'ajuster la hauteur des puces*/
	/* background:url(../images/PuceColDroite.gif) no-repeat left 5px; /* permet d'ajuster la hauteur des puces*/ 
}

.page_centale .droite .cote_bloc_orange {
	background:url(../images/cote_bloc.jpg) repeat-y center left;
	width:350px;
	margin: 0px 0px 0px 5px; /* décalage du bloc entier */
	padding:0px 0px 0px 0px; /* marge du texte par rapport au bloc*/
	color: #000000;
	float:left;
	text-align:justify;
}