/* CSS Document */
html, body{
	height:100%;
	width:100%;
	margin:0;padding:0;
}

body{
	background:#a1b570 url(../images/background-repeat.jpg) repeat-x;
	color:#4e4e4e;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
	font-style:normal;
	height:100%;
	margin:0;padding:0;
	width:100%;
}



/******** ÉLÉMENTS VISUELS ********/


h1,h2,h3,h4,h5,h6{color:white;padding-top:0;margin-top:0;}
h1{font-size:1.1em;font-weight:bold;text-transform:uppercase;}
h2{font-size:1.2em;font-weight:normal;text-transform:uppercase;}
h3{font-size:1em;font-weight:normal;text-transform:uppercase;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

a{color:#0071bb;text-decoration:none;}
a:hover{color:#ed1e24;}
a img{border:none;}
p{padding:6px 0 6px 0;margin:0; text-align:left;}



/******** LAYOUT ********/


#wrap {
	margin:0 auto;
	width:999px;
}

#header {
position:relative;
height:187px;
}

	#header-flash{
		position:absolute;
		left:0px;
		top:44px;
		margin:-7px 0 0 45px;
	}
	
	#navigation-left{
		float:left;
	}
	
	#navigation-right{
		float:left;
	}
	
	#navigation{
		background:url(../images/background-sous-navigation.jpg) repeat-x;
		float:left;
		height:46px;
		width:867px;
		padding-left:30px;
	}
	
		/*#navigation ul{
			list-style:none;
			margin:0;
			padding:0 0 0 16px;
		}
		
			#navigation li{
				float:left;
				margin:12px 14px 0 14px;
			}
			
				#navigation li a{
					color:white;
					font-size:0.9em;
					font-weight:bold;
					text-transform:uppercase;
					text-decoration:none;
				}
				
				#navigation li a:hover{
					text-decoration:underline;
				}*/


#container {
	background:url(../images/img-sous-contenus.jpg) no-repeat;
	clear:both;
	min-height:762px;
	padding:17px 60px 0 56px;
	text-align:center;
}

	#container-left {
		float:left;
		margin:0 7px 0 0;
		width:191px;
	}
	
	#container-middle {
		float:left;
		margin:0 7px 0 0;
		width:484px;
	}
	
	#container-right {
		float:left;
		width:189px;
	}
	
#footer{
}


/****************************************/
/******NAVIGATION HAUT COMPLÈTEMENT******/
/****************************************/

	#navigation-top{
		background:url(../images/background-sous-navigation-top.png) no-repeat;
		height:44px;
		width:600px;
		position:relative;
		
	}
	
		#navigation-top ul{
			list-style:none;
			margin:0;
			padding:0 0 0 40px;
		}
		
			#navigation-top li{
				float:left;
				margin:8px 10px 0 10px;
			}
			
				#navigation-top li a{
					color:white;
					font-size:0.7em;
					font-weight:bold;
					text-transform:uppercase;
					text-decoration:none;
				}
				
				#navigation-top li a:hover{
					color:#d6d6d6;
				}

/*********************************************/
/******** SECTIONS NAVIGATION HAUT ***********/
/*********************************************/

.menu-top-element{
	float:left;
	font-size:13px;
	font-weight:bold;
	padding:10px 10px 0px 0px;
	margin-left:20px;
	text-transform:uppercase;
}
.menu-top-element a{color:white;}
.menu-top-element a:hover {color:#d6d6d6;text-decoration:none;}

/*.menu_list a.a-menu-left {
	display:block;
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
	color:white;
   text-align:left;
}

.menu_list .menu_body a.a-menu-left {
	display:block;
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
	color:white;
   text-align:left;
}

.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
	color:white;
   text-align:left;
}
.menu_body {
	display:none;
}
.menu_body a {
  display:block;
  color:#333;
  padding:6px 0 6px 10px;
  text-decoration:underline;
  text-align:left;
}
.menu_body a:hover {
  text-decoration:underline;
  color:#111;
}*/

/****************************************/
/***** STYLE DE LA NAVIGATION GAUCHE ****/
/****************************************/

#section-liens-gauche ul{
	padding:0;
	margin:0;
	list-style-type:none;
}	
	
	#section-liens-gauche ul li{
		background:url(../images/bloc-vert.png) no-repeat;
		margin-bottom:2px;
		padding:6px 0 0 14px;
		text-align:left;
		width:191px;
		min-height:24px;
	}
	
	#section-liens-gauche ul li span{
		color:#FFF; display:block;font-size:0.8em; margin-top:-8px;font-weight:bold; padding:10px 0 5px 0;
	}
	
		#section-liens-gauche ul li a{
			color:white;
			font-size:0.75em;
			font-weight:bold;
		}
		
		#section-liens-gauche ul li ul{
			background:#9cb64d;
			padding:10px 0 0 0;
			margin:0 0 0 -14px;
			list-style-type:none;
			width:189px;
		}
		
			#section-liens-gauche ul li ul li{
				background:#9cb64d;
				margin:0;
				padding:0px 10px 8px 19px;
				text-align:left;
				width:162px;
			}

/*** CAS SPÉCIAL (SCROLL MENU) **/
 
.treeview li a{
	color:#FFF; text-decoration:none; display:block;margin-top:-8px;font-weight:normal; padding:10px 0 5px 0;
}

.treeview li span.span0{
	color:#FFF; display:block;margin-top:-8px;font-weight:normal; padding:6px 0 5px 0;
}

.treeview li a.level1{
	color:#FFF; padding:0;margin-top:0px;
}

.treeview li a.level2{
	color:#FFF; padding:0;margin-top:0px;
}

/* HAUT EN BLEU */

#section-bloc-vert-gauche {
	background: url(../images/section-haut-gauche.jpg) no-repeat;
	height:64px;
	margin-bottom:2px;
	width:191px;
}

	#section-bloc-vert-gauche h1{
		color:white;
		font-size:0.9em;
		padding:18px 0 0 6px;
		text-align:left;
	}

/****************************************************/
/******************* FIL D'ARIANE *******************/
/****************************************************/

.filariane{clear:both; height:26px; padding-left:74px;}
.filariane ul{list-style:none; margin:0; padding:0}
.filariane ul li{float:left; margin:0; padding-right:10px;}
.filariane ul li a{text-transform:uppercase;color:#4e4e4e;font-weight:bold;font-size:9px;color:#869b47;}
.filariane ul li a:hover{color:#3a3a3a;text-decoration:none;}

/****************************************************/
/********* BLOCS DANS LA SECTION CONTENUS ***********/
/****************************************************/

#section-milieu-haut{
	margin:-8px 0 3px 2px;
}

.bloc-bleu-top{
	background:url(../images/bloc-bleu-top.png) no-repeat;
	height:35px;
	margin-top:-2px;
	text-align:left;
	width:484px;
}

	.bloc-bleu-top h1{
		padding:10px 0 10px 10px;
	}

.bloc-bleu-middle-accueil{
		background:url(../images/bloc-bleu-middle.png) repeat-y;
		width:484px;
}

.bloc-bleu-middle{
		background:url(../images/bloc-bleu-middle.png) repeat-y;
		min-height:392px;
		width:484px;
}

	.bloc-bleu-middle-texte, .bloc-bleu-middle-accueil-texte{
		min-height:100px;
		padding:20px 20px 0 20px;
		text-align:left;
		width:444px;
	} 
	
		.bloc-bleu-middle-texte h1,h2,h3,h4,h5,h6{
			color:#4e4e4e;
			font-weight:bold;
			padding:20px 0 0px 0;
		}
		
		.bloc-bleu-middle-accueil-texte h1,h2,h3,h4,h5,h6{
			color:#4e4e4e;
			font-weight:bold;
			padding:20px 0 0px 0;
		}

.bloc-bleu-footer{
	background:url(../images/bloc-bleu-footer.png) no-repeat;
	height:26px;
	width:484px;
}

.bloc-vert-top{
	background:url(../images/bloc-vert-top.png) no-repeat;
	height:35px;
	margin-top:-2px;
	text-align:left;
	width:484px;
}

	.bloc-vert-top h1{
		padding:10px 0 0 10px;
	}

.bloc-vert-middle{
		background:url(../images/bloc-bleu-middle.png) repeat-y;
		width:484px;
}

	.bloc-vert-middle-texte{
		padding:10px 20px 0 20px;
		text-align:left;
		width:444px;
	} 

.bloc-vert-footer{
	background:url(../images/bloc-bleu-footer.png) no-repeat;
	height:26px;
	margin-bottom:3px;
	width:484px;
}


/****************************************************/
/***** BLOCS VERS SIDEBAR DE DROITE *****************/
/****************************************************/

.bloc-vert-droite {
	background:url(../images/bloc-vert.png) no-repeat;
	height:32px;
	margin-bottom:3px;
	width:189px;
}
	
.bloc-vert-oka {
	background:url(../images/bloc-oka.png) no-repeat;
	height:107px;
	margin-bottom:3px;
	width:189px;
}
	
.bloc-vert-faq {
	background:url(../images/bloc-faq.png) no-repeat;
	height:109px;
	margin-bottom:3px;
	width:189px;
}

.bloc-vert-cld {
	background:url(../images/bloc-cld.png) no-repeat;
	height:109px;
	margin-bottom:3px;
	width:189px;
}

.bloc-vert-eco {
	background:url(../images/bloc-eco.png) no-repeat;
	height:109px;
	margin-bottom:3px;
	width:189px;
}

.bloc-vert-express {
	background:url(../images/bloc-express-oka.png) no-repeat;
	height:109px;
	margin-bottom:3px;
	width:189px;
}
	
.bloc-vert-gallerie {
	background:url(../images/bloc-gallerie.png) no-repeat;
	height:111px;
	width:189px;
}

	.bloc-vert-droite-titre, .bloc-vert-oka-titre, .bloc-vert-faq-titre, .bloc-vert-gallerie-titre{
		color:white;
		font-size:0.8em;
		font-weight:bold;
		padding:10px 0 0 18px;
		text-align:left;
	}
	
	.bloc-vert-droite-titre-petit { 
		color:white;
		font-size:0.75em;
		font-weight:bold;
		padding:12px 0 0 14px;
		text-align:left; 
	}
	
	.bloc-vert-gallerie a, .bloc-vert-faq a, .bloc-vert-oka a, .bloc-vert-droite a, .bloc-vert-gallerie a, .bloc-vert-express a, .bloc-vert-eco a, .bloc-vert-cld a, .bloc-vert-faq a{
		color:white;
		text-underline:none;
	}
	
	.bloc-vert-gallerie a:hover, .bloc-vert-faq a:hover, .bloc-vert-oka a:hover, .bloc-vert-droite a:hover, .bloc-vert-gallerie a:hover, .bloc-vert-express a:hover, .bloc-vert-eco a:hover, .bloc-vert-cld a:hover, .bloc-vert-faq a:hover{
		color:white;
		text-underline:none;
	}
	
/***********OTHERS**************/

.bouton-plus{
	background:url(../images/boule-jaune.png) left no-repeat;
	list-style:circle;
	padding:5px 0 5px 0;
	text-align:left;
}
	
	.bouton-plus a{
		color:#577300;
		font-size:0.9em;
		font-weight:bold;
		padding:4px 0 0 10px;
		text-align:left;
	}

a.level0 {color:#143449;font-size:1.2em;text-transform:uppercase;}
a.level1 {color:#194867;}
a.level2 {color:#2974a5;}	

#red ul li{padding-bottom:10px;}
#red ul li ul{padding-top:10px;}
#red ul {padding-top:10px;}

.copyright{color:111;font-size:0.8em;margin-left:430px;padding-bottom:15px;padding-top:20px;}

.gallerybox{width:88px; }
.gallerybox img{ border:1px solid #999; display:block; margin:0 auto;}