html,body{
	height: 100%;
	font-family: Helvetica, Arial, Verdana,Geneva,sans-serif;
    font-size: 13px;
	background-color: #1b4a6c;
	color: #3d3d3d;
	height:100%;
	margin:0;
	padding:0;
}

img {
	border:none;
}

a{
	color:#3d3d3d;	
}

a:hover{
	text-decoration:underline;
}

h2{
	height: 100%;
	font-family: Helvetica, Arial, Verdana,Geneva,sans-serif;
    font-size: 13px;
	background-color: #1b4a6c;
	color: #fff;
	height:100%;
	margin:20px 0 10px 0;
	padding:5px;
	font-weight:normal;
}
p{
	text-align:justify;
	
	}
h3{
	height: 100%;
	font-family: Helvetica, Arial, Verdana,Geneva,sans-serif;
    font-size: 15px;
    color: #3d3d3d;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 10px; /* ✅ Une marge positive et raisonnable */
}

}

#bg_header{
	height: 151px;
	width: 100%;
	/*position:absolute;*/
	left: 0;
}


#wrapper{
	height: auto !important;
    margin: 0 auto ;
    min-height: 100%;
    /**/position: relative;
    width: 980px;
	background:url(../images/bg_header.jpg) repeat-x;
}  

/****************** HEADER *********************************/
#header_content {
	height: 151px;
	width: 980px;
	margin: 0 auto;
	/*position: relative;*/
}

	#logo {
		width:299px;
		height:182px;
		position:absolute;
		top:-151px;
		left:0;
		z-index:50;
		margin-left:12px;
	}
	
	#header_right {
		width:650px;
		height:151px;
		float:right;
	}
		
		#tel_haut {
			width:254px;
			height:83px;
			float:right;
			margin:0 53px 0 0;
		}
				#tel_haut img{
					float:right;
					margin-top:45px;
				}						
	
/****************** MENUS *********************************/

#nav {
	width: 590px;
	float:left;
	margin: 15px 0 0 40px;
}

	#nav ul{
		margin:-5px 0 0 0;
		padding:0;
		float:right;
		height:58px;
	}

		#nav ul li{
			list-style:none;
			float:left;
			/*margin-left:13px;
			padding-left: 13px;*/
			/*background: url("../images/separateur.png") no-repeat scroll right center */transparent;
			padding: 16px 2px 21px 2px;
			margin-top:1px;
		}

			#nav ul li.separateur{
				background: url("../images/separateur.png") no-repeat scroll right center transparent;
				padding: 37px 1px 21px 0;
				*padding: 0 1px 43px 0; /*hack ie7 */
			}
			
	#nav ul li a{
		text-decoration:none;
		color:#fff;
		font-family: "Franklin Gothic Book", Verdana, Arial, Geneva,sans-serif;
		font-size:14px;
		text-transform: uppercase;
		padding: 20px 6px;
	}
		#nav ul li:hover, #nav ul li.actif{
			text-decoration:none;
			background:url("../images/hover.png") repeat-x;
			margin-top:1px;
			/*opacity:0.8;*/
		}


/****************** SLIDE SHOW *********************************/

#carousel{
	height: 310px;
	width: 980px;
	float:right;
	margin:0 auto;
	z-index:40;
}

	ul#carousel {
		list-style:none;
		margin:0;
		margin-left:-40px;
	}




/****************** CONTENU *********************************/

#content{
	width: 980px;
	min-height: 300px;
	position: relative;
	margin: 0 auto;
	/*background: url("../images/degradee.png") repeat-x;*/
	
	
}


#main_content{
	float:left;
	width: 980px;
	min-height: 300px;
	position: relative;
	margin: 0;
	padding-top:50px;
	padding-bottom: 50px;
	background: #FFF;
	
}	

/****************** FOOTER *********************************/

#footer, .push {
    height: 165px;
}

#footer {
    background: url("../images/bg_footer.jpg") repeat-x;
    float: left;
    position: relative;
    width: 100%;
	color: #b7b7b7;
	font-family: Arial, Verdana,Geneva,sans-serif;
	margin-top:0;
}

	#footer_content{
		position:relative;
		width: 934px;
		margin:25px auto 0;
		color:#b7b7b7;
	}	

	#footer_content p{
		font-size:12px;
		line-height: 20px;
		margin:0;
	}
	
	#footer_content img{
		margin: 25px 0 0 0;
	}

#footer_gauche{
	float:left;
	width: 370px;
	height: 100%;
}


	#footer_gauche p a{
		text-decoration:none;
		color: #b7b7b7;
		font-family: Arial, Verdana,Geneva,sans-serif;
		
	}

		#footer_gauche a:hover{
			color: #fff;
		}

#footer_droite{
	float:right;
	width: 500px;
	height: 100%;
}

	#nomeeo {
		width: 500px;
		height: 100%;
	}
	
		#nomeeo p{
			float:right;
			height: 100%;
			margin-top:40px;
		}
		
		#nomeeo a{
			text-decoration:none;
			color:#b7b7b7;
			font-size:12px;
			font-family: Verdana, Arial, Geneva,sans-serif;
		}
		
			#nomeeo a:hover{
				color:#fff;
			}

	#nav_footer {
		float:right;
		margin-top: 0;
		width: 550px;
	}

		#nav_footer ul{
			margin:0;
			padding:0;
			text-align:right;
		}

			#nav_footer ul li{
				list-style:none;
				margin-left:10px;
				padding-left: 10px;
				display:inline;
			}

				#nav_footer ul  li.last{
						border-left: none;
					}

			#nav_footer ul li a{
				text-decoration:none;
				color:#b7b7b7;
				font-size:12px;
				font-family: Verdana, Arial, Geneva,sans-serif;
				text-transform:uppercase;
			}

				#nav_footer ul li a:hover{
					color:#fff;;
				}


/****************** ACCUEIL *********************************/

#ligne1{
	width:100%; 
	height: 420px;
	float:left;
	margin: 0 25px 30px 28px;
}



	#box_accueil{
		width:290px; 
		height:375px;
		float:left;
		margin-right: 25px;
		position:relative;
	}
		
		#box_accueil p{
			width:290px; 
			line-height:18px;
			color:#3d3d3d;
		}
	
		.plus{
			text-decoration:none;
			color:#3d3d3d;
			position:absolute;
			bottom:-45px;;
			left:0;
		}
				
	#box_accueilemploi{
		width:290px; 
		height: 300px;
		float:left;
		margin-right: 25px;
		position:relative;
	}	
	

	
	#contenu_apropos{
		float:left;
		margin-top:15px;
		width:290px; 
	}
	#rapports_img{
    width: 60%;
	}
	#politique{

	}
	#politique img{
    width: 60%;
		
	
    display: block;
}
	#politique a{
		
	}
	
	#contenu_video{
		float:left;
		/*margin-top:15px;*/
		width:290px; 
		position:relative;
		margin-bottom:15px;
		
	}
	#contenu_video img#img_start{	
		position:absolute;
		left:-1px;
		top:0px;
		z-index:999!important;
		/*background:url(../images/index/video1.jpg) no-repeat;*/
	}
/*	#contenu_video embed{
		position:absolute;
		left:-1px;
		top:0px;
		z-index:35!important;
		
		}*/
	
		
		#contenu_apropos p{
			margin-top:10px;
			margin-bnottom:-20px;
		}
	
	#box2_accueil{
		width:600px; 
		height: 220px;
		float:left;
		margin-right:10px;
		position:relative;
	}
		
		#box2_accueil p{
			width:600px; 
			line-height:15px;
			margin-bottom: 15px;
			color:#3d3d3d;
			
		}
	
		#box2_accueil a{
			text-decoration:none;
			color:#3d3d3d;
			position:absolute;
			bottom:0;
			left:0;
		}
		
		.slogan{
			margin-top:60px;
		}
			
		#contenu_controle{
			float:left;
			width:600px;
			padding:0;
			
		}
		
		#contenu_controle img{
			float:right;
			margin-top:0px;
			padding-left:10px;
		}
		
		#contenu_controle p{
			line-height:21px;
		}
	

		
			.lien {
				text-decoration:none;
				color:#3d3d3d;
				position:absolute;
				bottom:0;
				right:0;
			}
	

			.block_accueil {
				clear:both;
				width:290px;
			}

				#block_accueil .tabs{
					float:left;
					width:290px;
					min-height: 300px;
				}
				
					#block_accueil .tabs ul{
						list-style-type: none;
						padding:0;
						margin:0;
					}
				
						#block_accueil .tabs ul li{
							padding:0;
							margin:0;
							display:inline;
						}
				
							#block_accueil .tabs li a {
								float:left;
								padding:0 15px 15px 0;
							}
				
								#block_accueil .tabs li a:hover{
									opacity:0.8;
								}
						
						#box1_accueil a:hover, #box2_accueil a:hover{
							color: #606060;
						}

	
	
	#ligne2{
	width:100%; 
	height: 360px;
	float:left;
	margin: 30px 25px 30px 28px;
}

#fondbleu{
	background-image:url(../images/index/bg_fondbleu.jpg);
	background-repeat:repeat-x;
	padding:8px;
}

#fondbleu p{
	color:#FFF;
	line-height:21px;
}

#fondbleu img{
	margin-right:10px;
	padding:4px;
}

	.projets{
		width:934px; 
		min-height: 70px;
		float:left;
	}	
	
	.projets img {
		width:294px; 
		height: 144px;
		float:left;
		margin:0 0 30px 0;
	}	
	
	.txt_droite {
		width:500px; 
		height:120px;
		float:left;
		margin-left:25px;
	}
	
		.txt_droite p {
			width:390px;
			margin:0;
			line-height:20px;
			color: #fff;
		}
		
			
		.txt_droite ul {
			color: #fff;
			padding:0 0 0 15px;
		}
	
		.txt_droite ul li {
			line-height:20px;
		}
	

/************* TOUS LES PAGES SAUF ACCUEIL ********************************/

.banniere{
	height: 295px;
	width: 980px;
	float:right;
	margin:0 auto;
}

	.banniere img{
		height: 295px;
		width: 980px;
		z-index:30;
		position:absolute;
	}

/************* SERVICES / A PROPOS ********************************/

.contenu{
	min-height: 250px;
	width: 919px;
	float:left;
	margin-left:28px;
}

.contenu_g{
	float:left;
	width:300px;
	margin-left:28px;
}

.contenu_d{
	float:right;
	width:580px;
	margin-left:28px;
	margin-right:28px;
}

.contenu_g ul, .contenu_d ul{
	list-style:none;
	text-indent:-40px;
	margin-top:30px;
	line-height:28px;
}

.droite{
	min-height: 392px;
	width: 341px;
	float:right;
	margin: 0 28px 0 0;	
	align:right;
}


	.contenu p, .droite p{
		line-height: 20px;
		margin-top:25px;
	}


	.contenu ul li, .droite ul li{
		margin-bottom: 10px;
		line-height: 14px;
	}
	
	.contenu ul {
		padding-left: 15px;
	}

	.imgdroite{
		padding-left:15px;
	}
	
/************* CONTACT ET EMPLOIS ********************************/

#contact_gauche{
    width: 450px;
    float: left;
    margin-left: 28px;
    min-height: 400px;
    box-sizing: border-box;
}

	#contact_gauche h3{
		height: 100%;
		font-family: Helvetica, Arial, Verdana,Geneva,sans-serif;
		font-size: 15px;
		color: #3d3d3d;
		font-weight:bold;
		margin-top:20px;
		margin-bottom:10px;
	}

	#contact_gauche img{
		margin-bottom:30px;
	}

#contact_droite{
    width: 450px;
    float: left;
    margin-left: 28px;
    min-height: 400px;
    box-sizing: border-box;	
	margin-bottom: 20px;
}

	#contact_gauche p, #contact_droite p {
		line-height: 20px;
		margin-top: 0;
	}
	
	.erreur {
		border:none;
		color:red;
		background-color:transparent;
	}
	
	input[type=text]{
		width:400px;
	}
	
	textarea {
		width:560px;
	}
	
	#courriel a {
		text-decoration:none;
		color:#194868;
		font-size:13px;
	}
	
		#courriel a:hover {
			color:#000;
		}
	

#map{
	width:340px;
	height:285px;
	margin-top:30px;
	/*margin-bottom:7px;
	padding: 8px;
	color: #f5f5f5;
	border: 1px solid #c3c3c3;
	-moz-box-shadow: 5px 5px 3px #888;
	-webkit-box-shadow: 5px 5px 3px #888;
	box-shadow: 5px 5px 3px #888;*/

}

#emplois_gauche{
	min-height: 60px;
	width: 560px;
	float:left;
	margin-left:28px;
}

#emplois_droite{
	min-height: 330px;
	width: 330px;
	float:left;
	margin: 0 28px;	
}

/**************************** REALISATIONS - TABS ***************************/

#realisations {	
	width:875px; 
	float:left;
	min-height:250px;
	margin: 0 25px;
}

	#realisations p {	
	margin-top:20px;
	line-height:20px;
}




.block {
	clear:both;
	width:875px;
}

.htabs{	
	width:875px; 
	float:left;
	list-style:none;
	padding: 5px 0 5px 0;
	margin: 15px 0 15px 0;
}

	.htabs li{
		display:inline;
		float:left;
	}
	
	#realisations .htabs li a{
		padding:10px 30px 10px 0; 	
		color:#696969;
		font-family: Arial,Verdana,Geneva,sans-serif;
		font-size:12px;
		text-transform: uppercase;
		text-decoration:none;
	}
	
		#realisations .htabs li a:hover{
			color:#000;
		}

		#realisations .htabs li a.select{
			color:#000;
		}

#realisations .tabs{
	float:left;
	width:890px;
	min-height: 390px;
}

	#realisations .tabs ul{
		list-style-type: none;
		padding:0;
		margin:25px 0 0 0;
	}

		#realisations .tabs ul li{
			padding:0;
			margin:0;
			display:inline;
		}

			#realisations .tabs li a {
				float:left;
				padding:0 15px 15px 0;
			}

				#realisations .tabs li a:hover{
					opacity:0.8;
				}
			
			#realisations .tabs li a img {
				border: 1px solid #fff;
			}