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

* { 
	margin:0;
	padding:0;
	}




html {
    height: 100%;
    width: 100%;
	
}

body {
    background:#001529;
    color: #ebebeb;
    font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	overflow-x: hidden;
	
}

.bg {
    background: url("../images/bg2.jpg") repeat-y scroll center 0 transparent;
    min-height: 100%;
    width: 100%;
	
}


.mainWrapper{
    margin-left: auto;
	margin-right: auto;
	padding: 40px 0 20px 0;
    width:1117px;
	overflow-x: hidden;
	
}


.wrapper {
    position: relative;
    width:100%;
	min-height:100px;
	padding-bottom:100px;
	overflow-x: hidden;
	
}



#colGauche {
	position: relative;
	float: left;
	display: block;
	width: 400px;
	min-height: 1000px;
	border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: top;
}

#header {
}

#logo{
	width:319px;
	height:100px;
}

.mainNav li {
    font-size: 14px;
	font-weight:bold;
    line-height: 18px;
	width: 340px;
	height:50px;
	padding-left:15px;
}

.mainNav li a {
    color: #243253;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
    display: block;
    padding: 14px 0 0 20px;
    position: relative;
    text-align:left;
    text-decoration: none;
	
}

.mainNav li a:hover, .mainNav li a.active {
	background-image: url(../images/menu_hover.png) ;
	background-repeat:no-repeat;
	width:350px;
	height:50px;
	font-weight:bold;
}

	#section1{
		margin-top:97px;
		width: 300px;
		height: 400px;
		float:left;
		padding-left: 35px;
	}
	
	#section1 img{
		margin-bottom:25px;
	}

/**CONTENT DROITE***/

#colDroite {
	display: inline;
    float:left;
	width: 682px;
	min-height: 1000px;
   	margin-left: 30px;
    position: relative;
	margin-bottom:120px;
}

	#content {
		position: relative;
		width:682px;
		
	}

		#banniere{
			position: relative;
			float:left;
			width:688px;
			height:389px;
		}

		.col1 {
			position: relative;
			float:left;
			width:300px;
			height:400px;
			padding:40px 0 20px 0;
			font-size:13px;
		}	
			.col1 img{
				margin-bottom:30px;
			}
			
			.col1 a{
				color: #ebebeb;
    			font-family: Helvetica, Arial, sans-serif;
				text-decoration:none;
				float:right;	
			}
			
		.txt_droite {
			width:300px; 
			float:left;
		}
		
			.txt_droite p {
				width:300px;
				margin:0;
				line-height:22px;
				margin-bottom:10px;
			}
			
			.txt_droite img {
				float:left;
				width:82px;
				height: 86px;
				margin: 0 10px 0 0;
			}
		
		.col2 {
			position: relative;
			float:right;
			width:310px;
			height:400px;
			padding:40px 0 20px 0;
			color:#e5e5e5;
			font-size:13px;
			line-height:22px;
		}
		.col2  ul li a{
			color: #ebebeb;
			font-family: Helvetica, Arial, sans-serif;
			text-decoration:none;
			float:left;		
		}
		
			.col2 img{
				margin-bottom:30px;
			}
			
			.col2 a{
				color: #ebebeb;
    			font-family: Helvetica, Arial, sans-serif;
				text-decoration:none;
				float:right;
			}
			
			.col2 p{
				margin-bottom:20px;
				padding-right:30px;
			}
							
			.col2 ul{
                                                               
                                               
		   }
		   
		   .col2 ul li{
						   list-style:none;
						   line-height: 28px;
						   background:url(../images/puce.png) no-repeat center left;
						   padding-left: 25px;
						   /*list-style-image: 
		   list-style-position: outside;*/
						   
		   }
		   
		   .col2 ul li a{
						   text-decoration:none;
						   color: #ebebeb;
		   font-family: Helvetica, Arial, sans-serif;
						   text-decoration:none;
						   
						   float:inherit;
						   /*line-height:15px;*/
		   }
		   .col2 a{
						   color: #ebebeb;
		   font-family: Helvetica, Arial, sans-serif;
						   text-decoration:none;
						   float:right;
		   }


		.col3 {
			position: relative;
			float:left;
			width:680px;
		}
		
		.col3 img {
			margin: -150px 0 0 560px;
		}

/**FOOTER***/

#footer{
	
	height:185px;
	background-color:#fff;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}


	#footerContainer{
		width:1117px;
		height:185px;
		position:relative;
		margin: 0 auto;
		margin-bottom:40px;
		
	}
	
	.float{
		float:left;
		width: 1117px;
	}
	
	
		#footerGauche{
			width:400px;
			height: 185px;
			float:left;
			
		}
		
		#footerGauche img{
			margin-top: 40px;
		}
		
		#footerDroite{
			width:600px;
			height: 185px;
			float:right;
			margin-top:20px;
		}

		.footmenu{
			float:right;
			font-size:13px;
			font-family:Helvetica;
			color:#000;
			margin-right:0px;
			margin-top: 10px;
			width:600px;
		}
		
			.footmenu p{
				float:right;
				line-height:20px;
				text-align:right;
			}
	
			.footmenu img{
				position:absolute;
				top:-250px;
				right:530px;
			}
			
	
			#footer a {
				color: #000;
				text-decoration: none;
			}

				#footer a:hover {
					text-decoration: underline;
				}
				
			#pipe {
					width: 91%;
					height: 262px; 
					background-image: url(../images/piperepeat_footer.png) ;
					background-repeat: repeat-x;
					position:absolute;
					left:586px;
					top:-250px;
			}
			
			/*#pipe img {
					repeat: repeat-x;
					position:absolute;
					top:-250px;
			}*/
			
			

			font { 
				font-size:11px; 
				color: #5d5d5d;
			}
			
			font a{ 
				font-size:11px; 
				color: #5d5d5d;
			}
			
			
/*******************APROPOS - SERVICES*********************************/

		.container {
			position: relative;
			margin: 0 auto;
			width:688px;
			min-height:400px;
			padding:40px 0 20px 15px;
			font-size:13px;
		}	
				
			.container p {
				margin:0;
				line-height:22px;
				margin-bottom:18px;
				font-size:13px;
				padding-right:30px;
			}
			
			.titre {
				margin: 50px 0 30px 0;
				float:left;
				width:100%;
			}



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

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

.htabs{	
	width:650px; 
	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;
		}

.tabs{
	float:left;
	width:665px;
	min-height: 390px;
}

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

		.tabs ul li{
			padding:0;
			margin:0;
		}

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

				.tabs li a:hover{
					opacity:0.8;
				}
/***************CONTACT****************************/	
	
	.coord{ 
		float: left;
	}
	
	#coord {
		float:left;
		width: 200px;
		height:100px;
	}
	
	#coord p{
		font-family: Helvetica, Arial;
		font-size:13px;
	}
	
	#map {
		float:right;
		/*border: 1px solid #C3C3C3;
		box-shadow: 5px 5px 3px #888888;*/
		color: #F5F5F5;
		height: 140px;
		padding: 8px;
		width: 175px;
		margin-bottom:30px;
	}
		

	#form {
		float:left;
		margin-top: 30px;
	}
	
		input[type=submit] {
			cursor:pointer;
		}

	.erreur {
		background-color: transparent;
		border: medium none;
		color: #bb292f;
	}