BODY { background 		: url("images/fond.jpg") repeat; 
	   font-family		: Arial, Verdana, Helvetica, sans-serif;
	   margin-left		: 10px;
	   font-size		: 12px;
	   color			: #272727;
	   font-weight		: normal;
}

#conteneur {width 	 : 1030px; 
			position : relative; 
			margin	 : 0 auto;}

div#header div#savoirPlus {
	position: absolute;
	top: 215px;
	left: 823px;
}
/*###############################
#								#
#	DIVERS						#	
#								#
#################################*/	


A{	color			: #272727;
	text-decoration	: none;}

A:hover {text-decoration: underline; }
	
A.seealso{	font-size		: 10px;
			font-weight		: bold;
			text-decoration	: none; }

h1 { color 		: #FE6700; font-size 	: 14px;}
h2 { color 		: green;   font-size 	: 12px;}
h3 { color 		: #FE6700; font-size 	: 12px;}
h4 { color 		: #272727; font-size 	: 11px;}

.vert 	  { color : green;}
.orange   { color : #FF6600} 
.orangebis{	color : #FE6700;}
.couleur  {	color : #0066FF;}
.gris	  {	color : #272727 !important;}
.gris_clair{color :#DAD8D9;}

.align_right { float : right;}
.align_left { float : left;}

.clear{clear:both;	line-height:1px;}
.center, .centrer {text-align 	: center; }
.num_tel {color : black; font-size : 12px; font-weight: bold;}
.cache { display: none;}

.tel { 	float 	: left; 
		width 	: 30px; 
		height 	: 19px; 
		margin 	: 0 2px 0 0; 
		padding : 0;}

.retrait {padding-top 	: 10px; 
		  margin-left 	: 10px;
		  float 		: left;}


/*###############################
#								#
#	Contenu nécessaire au CMS	#	
#								#
#################################*/		
div.accroche, div.media, div.texte, div.texte2, div.texte3 {
	margin-bottom : 20px; }

div.media {	text-align : center;}

div.texte2 { float : left;
			 width : 49%;
			 margin-right : 2%;}

div.texte3 { float : left;
			 width : 32%;
			 margin-right : 2%;}

div.last {	margin-right: 0;}

div.left {	float : left;
			margin : 0 10px 10px 0;
			text-align : center;}

div.right {	float : right;
			margin : 0 0 10px 10px;
			text-align : center;}

q {	display    : block;
	text-align : center;
	font-size  : 10px; }

div.clear { clear: both;}

div.accroche{ font-weight: bold;
			/*color: red !important;*/ }

/*** ENTETE ***/
#header { margin 	: 5px 5px 0px 0;
		  float 	: left;
		  height 	: 250px; }
	
.logo {	float 	: left;
		width 	: 144px; 
		height	: 92px;
		border	: 0; }		 
		 
/* cadre haut avec titre et anim flash */			
#menu{	background 			: url("images/headerB2.jpg");
		background-repeat	: no-repeat;
		width 				: 870px;
		height				: 100px;
		float 				: left;
		margin				: 0;}
		
#menuAnnonce{ text-align : center;
			  width		 : 680px;
			  padding	 : 20px 0 0 0;
			  float		 : left;
}		
#menuFlash{ width		: 176px;
		 	height		: 90px;
			margin-top	: 2px;
			/*background 			: url("images/headermap.jpg");*/
			float		: left;}
			
		#menuFlash2{ width		: 853px;
		 	height		: 82px;
			margin-top	: 2px;
			/*background 			: url("images/headermap.jpg");*/
			float		: left;}
			
#contenuFlash { width		: 587px;
		 		height		: 355px;position : relative;z-index :1;}

/*		
.menuNav1 { 	background 			: url("images/menuNav1.jpg");
		 		background-repeat	: no-repeat;
		 		width 				: 20px;
		 		height				: 41px;
		 		float 				: left;}
		 	
.menuNav2 { 	background 	: url("images/menuNav2.jpg") repeat-x;
				height		: 29px;
				float 		: left;
				padding-top	: 12px;
				position: relative;}
		 	
.menuNav3 { 	background 			: url("images/menuNav3.jpg");
		 		background-repeat	: no-repeat;
		 		float 				: left;
		 		width 				: 20px;
		 		height				: 41px;}
*/	

/* englobe les cases menu haut : accueil ...*/
#menuNav {	margin-left	: 180px; 
			/*margin-top	: -2px;*/
			height		: 25px;
			color		: black;
			clear 		: both;
			float 		: left;
			font-weight	: bold;
			display		: inline;
			position	: absolute;
			z-index		: 10 !important; }	
			
	/* A CHANGER */
			
#menuNav ul.menu1 { background 			: url("images/menuNavB1.jpg");
			 		background-repeat	: no-repeat;
			 		width 				: 15px;
			 		height				: 26px;
			 		float 				: left;
			 		list-style-type 	: none;
			 		margin:0;padding:0;}
			 		
#menuNav ul.menu { 	background 		: url("images/menuNavB2.jpg") repeat-x;
					height			: 27px;
					float 			: left;					
			 		list-style-type : none;
			 		padding			: 5px 0 0 0; 
			 		margin:0;}
			 		
#menuNav ul.menu3 { background 			: url("images/menuNavB3.jpg");
			 		background-repeat	: no-repeat;
			 		float 				: left;
			 		width 				: 14px;
			 		height				: 27px;
			 		list-style-type 	: none; 
			 		margin:0;padding:0;margin-right :10px;	}

div#menuNav ul.menu { position	: relative; 
					  left		:0;
					  list-style-type : none; }
		

#menuNav ul.menu a.menu_base {top : 5px; }
#menuNav ul.menu a {color	: black;	
					text-decoration : none; }
					
#menuNav ul.menu a:hover {	color : #FF3300;
							text-decoration : underline;}


div#menuNav ul.sous-menu a.out, div#menuNav ul.sous-menu a {color: black;}
div#menuNav ul.sous-menu a.out:hover, div#menuNav ul.sous-menu a:hover {color: #CD0000 !important;}

div#menuNav ul.sous-menu a.parent {	background-image 	: url("images/fleche.gif");
									color			 	: #000000;
									background-position	: center right;
									background-repeat	: no-repeat;}
									
#menuNav ul.sous-menu a{ display	   : block;
						 padding	   : 6px;
						 border		   : 1px solid #eeeeee;
						/* margin-bottom : -2px;*/
						 width		   : 150px;
						 left		   : 0;}

div#menuNav ul.sous-menu, div#menuNav ul.sous-menu ul{
						position		: absolute;z-index :10;
						display			: none;
						list-style-type : none;
						top				: 27px;
						margin-left		: 0;}
						
div#menuNav ul.sous-menu ul{ margin-top	: 2px;
							 left		: 150px;
							 float		: left; }						

#menuNav ul.sous-menu li{ background-color : #D5D3D4;
						  width			   : 165px;
						  z-index		   : 10;
						  min-height	   : 15px;
						  display		   : block;
						  margin-left	   : -50px; }

/* FIN ENTETE*/
#header_ban{background 	: url("images/headerB.jpg")  no-repeat;
			width 		: 864px;
			height		: 101px;			
			float 		: left;
			margin		: -5px 0 0 144px;
			padding		: 10px 0 0 5px; }

/*conteneurBas*/
#conteneurBas{ padding-top: 20px; }

/*** MENU GAUCHE ***/
#gauche {	background 	: url("images/left2.jpg")  no-repeat;
	   		/*width		: 147px;
	   		height		: 535px;*/
	   		width		: 150px;
	   		height		: 576px;
	   		float 		: left;
	   		padding-top : 40px;
			font-size	: 11px;
		   	font-weight	: bold;	 }

	#gauche_bas{background 	: url("images/gauche-bas.jpg")  no-repeat;
				width		: 136px;
				height		: 177px;
				margin		: 5px 0 0 10px;} 	   	
		   	
#gauche li {list-style-type : none; } 
	 
ul.btn_left {	  /*background 	: url("images/bouton-left.jpg") no-repeat;
			  clear		: both;
			  padding		: 5px 0 0 8px;*/
			  padding		: 0;
			  margin 		: 10px 0px 15px 10px;
			  width 		: 120px;
			  height		: 22px;	
			  background 	: #DAD8D9; }
		
ul.btn_left a.parentleft{ padding		: 5px 3px 0 8px;
						  background 	: #DAD8D9;
						  color			: #333333;
						  display		: block;
						  border	 	: 1px solid #FFFFFF;
					      width 		: 120px;
					      min-height : 25px;}

	.btn_left a {text-decoration : none;}
	.btn_left a:hover {	color			: #FF3300 !important;
						text-decoration : underline;
						/*background 		: #3A6A3B !important;*/ }
						
	
#menu_left1, #menu_left2, #menu_left3, #menu_left4 { position 	: relative;
													 z-index 	: 10;
											   		 /*display 	: block;*/
											   		 float 		: left;
											   		 margin		: 0; }	
											   		 
    .sousmenu_left {color 	: #000000;
					padding : 0; 
					margin 	:0;}
	
	.sousmenu_left a{ padding 	: 5px 0 5px 5px;
					  border	: 1px solid #828282;
					  display	: block;}					
					  
		.sousmenu_left a:hover{color : #CD0000 !important;	}
		
		
#sousmenu_left1, #sousmenu_left2, #sousmenu_left3, #sousmenu_left4 
		{	display 		: none; 
			background-color: #D5D3D4;
		   	border	 		: 1px solid #FFFFFF;
		   	float 			: left;
		   	z-index			: 10;
		   	position 		: absolute;
		   	width			: 200px;
		   	/*padding			: 0px 0 0 10px;*/
		   	left 			: 142px;}
		   	
		   	
		/* ZONE EMAIL */
.news { margin 		: 50px 0 10px 10px;
		font-size	: 12px;
		font-weight	: bold;	}
		
	input.text_mail { 	background	: url("images/text_mail.jpg") no-repeat;
						width		: 125px;
						height		: 19px;
						color		: #272727;
						font-size	: 12px;
						font-weight	: bold;	
						margin		: 0;  }
	
	
	input.ok {	background			: url("images/btn_mail.jpg") no-repeat;
				width				: 130px;
				height				: 25px;
				text-align 			: left;
				margin-top			: -10px;
				color				: #272727;
				font-size			: 12px;
				font-weight			: bold;
			 }
			 

/* FIN MENU GAUCHE*/


/*** CONTENU PAGE ***/
#fond_contenu1 {background 		: url("images/fond_contenuB1.jpg") no-repeat;
				background-color: #FFFFFF;
				width 			: 871px;
				height			: 35px;
		   		float 			: left;
		   		z-index			: 1;}
		   		
#fond_contenu {	background 		: url("images/fond_contenuB.jpg") repeat-y right;
				background-color: #FFFFFF;
				width 			: 871px;
		   		float 			: left;
		   		z-index			: 1;}
		   		
#contenu_page { background 	: url("images/content_back_repeatB.jpg") repeat-y;
				width 		: 627px;
				float		: left;
				position	: relative;
				padding		: 10px 8px 0 8px;
				margin-top	: -25px;
				margin-left	: 20px;
				min-height	: 430px;
				z-index		: 1; }
				
#contenu_centre_bas{ background : url("images/contenu_centre_basB.jpg");
					 width 		: 645px;
					 height		: 14px;
					 float		: left;
					/* position 	: absolute;
					 z-index	: 2; */
					 margin		:0 0 0 -9px;
					 padding	:0; }
					 
#contenu_droit {background 	: url("images/droit2B.jpg") no-repeat;
				width 		: 157px;
				height		: 486px;
				position	: relative;
				z-index 	: 1;
				margin-left : 20px;
				top			: -27px;
				padding		: 20px 0 0 10px;
				float		: left; }					 
					 
div#tracker { background : url("images/fond-tracker3B.jpg") top left no-repeat;
			  font-size	 : 9px;
			  padding    : 8px;
			  position	 : absolute;
			  left		 : 0;
			  top		 : 0;
			  width		 : 629px;
			  height	 : 30px;
			  z-index	 : 2;}
			  
#home{min-height : 430px !important;margin :35px 0 0 20px;}

div#flags { position: absolute;
			right	: 0;
			top		: 0;
			z-index	: 3; }

 div#contenu-back { background	: url("images/contenu-back.gif") top left no-repeat;
					height		: 15px;
					float		: left;  }					
	
				
#contenu { margin  : 20px 0 0 0px; 
		   z-index :1;}
	#contenu a{ text-decoration : underline !important;}		
   
#contenu table, #contenu form, #contenu input, #contenu select, #contenu option,#contenu td, #contenu tr
	{ z-index :1 !important;}
	

#contenu ul.nopuce li{ list-style-type : none;}

#contenu_page img {border :0;}

div#actualite {	 /*height			: 70px;*/
				 overflow		: hidden;
				 height			: 330px;
				/* background 	: url("images/btn_actualite.jpg") no-repeat;*/
		 		 width 			: 135px;
		 	 	 float			: left;
		 	 	 font-size		: 12px;
		   		 font-weight	: bold;
		 	 	 margin			: 20px 0 0 0px; 
		 	 	 padding		: 0 0 0 5px;
		 	 	 /*text-transform : uppercase; */	}
		 	 	 
	
.btn_actualite { background 	: url("images/btn_actualite2.jpg") no-repeat;
		 		 width 			: 135px;
		 	 	 height			: 22px;
		 	 	 float			: left;
		 	 	 font-size		: 12px;
		   		 font-weight	: bold;
		 	 	 margin			: 20px 0 0 0px; 
		 	 	 padding		: 5px 0 0 5px; }
		 	 	 
.temoignage	 {   background 	: url("images/temoignage.jpg") no-repeat;
		 		 width 			: 142px;
		 	 	 height			: 63px;
		 	 	 float			: left;
		 	 	 font-size		: 12px;
		   		 font-weight	: bold;
		 	 	 margin			: 50px 0 0 0px; 
		 	 	 padding		: 10px 0 0 10px; }		
		 	 	  
	.temoignage a { text-decoration : none;}
	
.extrait_actu { padding-top : 20px;
				float		: left;
				font-size	: 10px;
				width		: 135px;}
				
	/* bas de contenu */
#bottom {background 	: url("images/fond_contenuB3.jpg") no-repeat;
		 width 			: 840px;
		 height			: 35px;
		 margin-top		: 10px;
		 padding-top	: 10px;
		 padding-left	: 30px;
		 text-align		: left; }	
		 
		
 /*#bottom {background 	: url("images/bottom.jpg") no-repeat;
		 width 			: 839px;
		 height			: 24px;
		 padding-top	: 5px;
		 }*/
		 
	/*#bottom a {	color			: #272727;*/
	#bottom a {	color			: #999999;
				text-decoration : none;				
				font-size		: 9px;
				font-weight		: bold;
				margin 			: 0 10px 0 10px;}
		
		#bottom a:hover {	color			: black;
							text-decoration : underline;}
	/* fin bas de contenu */
	
	
	/* page partenaire */
	#partenaires {  width 		: 400px; 
					margin 		: 50px 0 0 0px;
					padding-left: 100px;
					/*float 		: center;*/}
	
	.logo_part	{ background	: url("/images/btn_partenaire.jpg") no-repeat;
				  width 		: 165px;
				  height		: 88px;
				  text-align	: center;
				  float 		: left;
				  margin-top 	: 10px;
				  padding-top	: 10px ;}	
				    
	.coordonnees{ 	font-size	: 12px;
					/*font-weight	: bold;*/
					float 		: left;
					margin 		: 15px 0 0 20px; }
					
			.coordonnees a {text-decoration : none;
							color 			: #0066FF;}		
/* FIN CONTENU */ 



.image {	position 	: relative; 
			float 		: left;
			border		: none;}

.colonne { 	position 	: relative;
			float		: left;
			/*width		: 155px ;*/
			margin		: 0 3px; 
			height 		: 519px; 
			float 		: left;}
			
	.colonne a { text-decoration : none;}
			
.texte_cont  {	position 	: absolute; 
				font-size	: 14px;
				font-weight	: bold;
				float 		: left;  
				width		: 150px; 
				text-align 	: center; 
				padding-top	: 20px; }

/*image drapeau*/
.drapeau{ border : none;}

/*** BAS DE PAGE ***/
#footer{ clear 		: both;
		 text-align	: center;}

/*###############################
#								#
#	PLAN DU SITE				#	
#								#
#################################*/
		 
	#plan_site{ position: relative;
				float	: left;
				padding : 10px 25px 20px 25px;}
	
	#plan_site h1{ 	font-size : 16px;	}
	
	#plan_site h2{	font-size : 15px;
					margin    : 0 0 0 00px;}
					
	#plan_site h3{ 	font-size : 14px;
					margin 	  : 0 0 0 20px;}	
					
	#plan_site h4{	font-size: 13px;
					margin 	 : 0 0 0 40px !important;
					color	 : green; }
					
	#plan_site h5{ 	font-size: 12px;
					margin 	 : 0 0 0 60px;
					color	 : green;
	}
	#plan_site h6{	font-size:11px;
					margin 	 : 0 0 0 80px;}
					
	#plan_site h3 a{color : #FE6700;	}
	
	#plan_site h4 a, #plan_site h5 a, #plan_site h6 a {color : green;}
	
	#plan_site p{margin : 0 0 0 0;}
	
	#plan_site a{ color		: #272727;
				  font-size	: 11px;	}
				  
	#plan_site ul.sous-menu a{ margin : 0 20px 0 0;	}
	
	#plan_site ul.sous-menu li{	margin : 0 50px 0 0; }
	
	
/*Style pour l'annuaire*/	
	#golden-n1 a{ color : #272727;}
	
	#golden-n1 ul.golden-n2 a{ color : #FF6600;}
	
	#golden-n1 ul.golden-n2 a, #golden-n1 ul.golden-n2 h3{ display : inline;}

/*###############################
#								#
#	FORMULAIRE					#	
#								#
#################################*/	
form div { 	text-align	: right;
			margin-top	: 4px;
			width		: 420px; } 
			
div label{  width : 200px;
			cursor: pointer;}
			
form ul { list-style-type : none; }

form p{ margin	: 0 0 0 70px;
		padding	: 0;}
		
div select, div textarea {	background-color: #f6f6f6;
							border			: 1px solid #666666;
							font-family		: Arial, sans-serif;
							font-size		: 12px;
							vertical-align	: middle;
							width			: 300px;}

div .error { background-color	: #fff6f6;
			 border				: 1px solid #ff6666;}

div input.center { text-align : center; }

form input#valider, form input#effacer{ border : 0;
										width  : 75px; }
										
div input.txt, div select, form ul#info input {	width	: 160px;
												margin	: 3px; }
												
div input.txt2 { width  : 250px;
				 margin : 3px;
}
div input.txtdate { width: 30px;
					margin: 3px; }
					
/*Concerne les zones contacts et sociétés...*/
div.cont input.txtCont, div.cont select.txtCont { width	: 95px;
												  margin: 3px; }
												  
form div.cont { text-align	: right;
				margin-top	: 4px;
				width		: 255px; }
				
form div.entour { float :left;
				  width : 260px; }
				  
div.cont label{ width : 120px;
				cursor: pointer; }