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

* a img{
	border:none;
	}
body{
	border:none;
	margin:0;
	padding:0;
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#00175c;
	
	}
#header_h{
	float:left;
	width:100%;
	background-color:#FFF;
	
	}
#header{
	position:relative;
	margin:0 auto;
	width:1025px;
	height:450px;
	
	
	
	}
#logo{
	position:absolute;
	top:10px;
	left:70px;
	z-index:8;
	width:276px;
	height:140px;
	}
	#logo a img{
		border:none;
	}
#tel_top{
	float:right;
	height:50px;
	margin-top:35px;
	width:340px;
	
	}
#banniere{
	float:left;
	width:982px;
	padding:18px;
	height:350px;
	padding-bottom:0px;
	-moz-box-shadow: 0px 0px 7px #5d5d5d;
	-webkit-box-shadow: 0px 3px 7px #5d5d5d;
	box-shadow: 0px 3px 7px #5d5d5d;

	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	z-index:0;
	position:relative;
}
#nav_h{
	float:left;
	width:100%;
	background:url(../images/bg_nav.png) repeat-x;
	height:55px;
	z-index:10;
	position:relative;
	}
#nav{
	
	margin:0 auto;
	width:1000px;
	
	}
	#nav ul{
		margin:0;
		padding:0;	
		}
		#nav ul li{
			list-style:none;
			float:left;
			margin-right:15px;
			
			}
			#nav ul li a{
				text-decoration:none;
				display:block;
				width:200px;
				height:49px;				
				color:#000;				
				text-align:center;				
				line-height:43px;
				font-size:25px;
				
				}
				#nav ul li a:hover, #nav ul li a.active{
					background:url(../images/item_over.png) no-repeat;
					color:#FFF;
					
					}
					
#container_h{
	float:left;
	width:100%;
	background-color:#00175c;
	}
	#container{
		margin:0 auto;
		width:1018px;
		background-color:#FFF;
		
		
		
		
		}
	#contenu{
		float:left;
		width:1018px;
		background-color:#FFF;
		padding-top:40px;
		height:auto;
		margin-top:-5px;
		padding-bottom:50px;
		
		}
		#contenu_realisations{
		float:left;
		width:1018px;
		background-color:#FFF;
		/*padding-top:40px;*/
		height:auto;
		margin-top:-5px;
		/*padding-bottom:50px;*/
		
		}
		#col_g{
			float:left;
			margin-left:18px;
			width:715px;
			margin-right:20px;
			
			}
			#bloc_gris{
				float:left;
				width:695px;
				
				}
				#bord_h{
					float:left;
					width:695px;
					background:url(../images/bord_h.png) no-repeat;
					height:13px;
					}
				#bord_m{
					float:left;
					width:695px;
					background:url(../images/bord_m.png) repeat-y;
					
					}
					.bloc_milieu{
						float:left;
						width:295px;
						margin-top:20px;
						margin-left:20px;
						padding-bottom:20px;
						padding-right:20px;
						border-right:1px solid #CCC;
						
						}
				#bord_b{
					float:left;
					width:695px;
					background:url(../images/bord_b.png) no-repeat;
					height:13px;
					}
			.index_blocs{
				float:left;
				margin-top:25px;
				width:450px;
				margin-right:25px;
				font-size:11px;
				line-height:22px;
				}
				.index_blocs h2{
					background:url(../images/puce_fleche.png) no-repeat left center;
					padding-left:35px;
					}
					
				.index_blocs ul{
					list-style:none;
					margin:0;
					padding-left:17px;
					}
				
			.index_blocs2{
				float:right;
				margin-top:25px;
				width:215px;
				margin-right:25px;
				font-size:11px;
				line-height:22px;
				}
				
				.index_blocs2 h2{
					background:url(../images/puce_fleche.png) no-repeat left center;
					padding-left:35px;
					}
					
				.index_blocs2 ul{
					list-style:none;
					margin:0;
					padding-left:17px;
					}
		#col_d{
			float:left;			
			width:225px;
			font-size:11px;
			}
			#col_d h2{
				background:url(../images/puce_fleche.png) no-repeat left center;
				padding-left:35px;
				margin-top:0px;
				}
			.nouvelle{
				float:left;
				margin-bottom:20px;*/
				/*margin-top:16px;	*/
				width:225px;
				
				}
.apropos{
	line-height:22px;
	float:left;
	}
#footer_h{
	float:left;
	width:100%;
	background-color:#00175c;
	}
	#bande_bleu{
		float:left;
		width:100%;
		height:15px;
		background-color:#616f9b;
	}
	#footer{
		margin:0 auto;
		width:1015px;
		height:275px;
		color:#FFF;
		}
		#nav_secondaire{
			float:right;
			width:175px;
			color:#FFF;	
			margin-top:20px;
			}
			#nav_secondaire ul{
				list-style:none;
				margin:0;
				padding:0;				
				}
				#nav_secondaire ul li{
					float:left;
					margin-right:20px;	
					}
					#nav_secondaire ul li a{
						text-decoration:none;
						color:#FFF;
						font-size:12px;						
						}
						#nav_secondaire ul li a:hover{
							text-decoration:underline;					
							
							}
			#coordonnees{
				float:left;
				width:240px;
				margin-right:30px;	
				margin-top:45px;
				font-size:12px;
				}
				#coordonnees table td{
					vertical-align:top;
					}
				#coordonnees table td p{
					margin-top:0;
					}
				#coordonnees table td img{
					margin-top:5px;
					}
				#coordonnees table td a{
					text-decoration:none;
					color:#FFF;
					}
					#coordonnees table td a:hover{
					text-decoration:underline;
					
					}
				
		#map{		
			float:left;
			width:260px;
			margin-right:30px;
			margin-top:25px;
			border:10px solid #FFF;
			background-color:#FFF;
				}
				#map a{
					text-decoration:none;
					color:#000;
					font-size:11px;
				}
		#copyright{
			float:right;
			clear:both;
			width:300px;
			font-size:11px;
			
			}
			#copyright a{
				text-decoration:underline;
				color:#FFF;
				}
				#copyright a:hover{
				text-decoration:none;
				color:#09F;
				}
		
small a {
	text-decoration:none;
	color:#00175c;
	font-weight:bold;
	}		
	small a:hover {
	text-decoration:underline;
	}

/*******************************
		RÉALISATIONS
		
******************************/
#bande_grise{
	float:left;
	width:161x;
	margin-left:18px;
	padding-left:25px;
	padding-right:10px;
	padding-top:30px;
	font-size:16px;
	color:#000;
	line-height:30px;
	min-height:675px;
	background:#ebebeb url(../images/realisations/bg_bande_grise.jpg) repeat-x;
	}
	/*#bande_grise a{
		text-decoration:none;
		color:#000;
	}*/
	#liste_realisations{
		margin:0;
		padding:0;
		padding-left:23px;
		
			}
			#liste_realisations li{
				list-style:none;
				list-style-image:url(../images/realisations/puce_carre_inactif.png);
				
		
			}
			#liste_realisations li:hover{
					text-decoration:underline;	
					cursor:pointer;
				}
			#liste_realisations .liste_active{
				list-style:none;
				list-style-image:url(../images/realisations/puce_carre.png);
				}
			#liste_realisations .liste_inactive{
				list-style:none;
				list-style-image:url(../images/realisations/puce_carre_inactif.png);
				}
			
				#liste_realisations li a{
					text-decoration:none;	
					color:#000;
					
				}
#contenu_realisation{
	
	float:left;
	width:700px;
	margin-left:30px;
	font-size:12px;
	padding-top:45px;
	
	}
	
	



.tabContent{
	float:left;
	width:700px;
	padding-top:30px;
	}
	#portfolio{
		list-style:none;
		margin:0;
		padding:0;
		
		}
		#portfolio li{
			margin-right:10px;
			margin-bottom:17px;
			float:left;
		}
		#portfolio li:hover{
			opacity:0.8;
		}




/************************
	SERVICES 
************************/
.index_blocs .list_services{
	float:left;
	margin-right:25px;
	width:205px;
	margin-bottom:5px; 
	
	}
.index_blocs .list_services_last{
	float:left;
	margin-right:0px;
	margin-bottom:35px; 
	
	
	}