/* CSS Document */

html{
	
background: transparent url(img/bg.jpg)  top center no-repeat;
background-color:#97c4e8;
}
body{
	background: url(img/deg.jpg) repeat-x;
	margin: 0 auto;
	top:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	} 
		#conteneur{
	margin: 0  auto;
	height:100%;
	width:960px;

	/*border:1px black solid;*/
	}
	#header{
	
	margin: 0 auto;
	width:100%;
	background: transparent url(img/head.png)  top center no-repeat;
	height:148px;	
	}
	#contenu{
	margin: 10px auto 0 auto;
	padding: 0 0 40px 0;
	height:100%;
	width:852px;
	background-color:#FFF;
	/*border:1px black solid;*/
	}
	
	#contenuTop{
		width:852px; 
		height:8px; 
	background: url(img/contenuTop.png)  top center; 
	/*border:1px black solid;*/
	
	}
#gauche{
	padding: 0 5px 0 25px;
	width:558px;
	float:left;
	/*border:1px black solid;*/ 
	
}
#droite{
	width:230px;
	float:right;
	padding: 0 15px 0 15px;
	/*border:1px black solid;*/
	
}
#pied{
	font-size:10px;
	text-align:center;
	margin:0 0 0 0;
	/*border:1px solid black;*/
	paddint:30px 0 0 0;
	}
	
	#pied span{
	margin:30px 0 0 0;
	display:block;
	color:#666;

	}
h1{
	font-size: 27px;
	color: #005a9a;	
}
h2{
	
	font-size: 22px;
	color: #005a9a;	
	
}
h3{
	font-size: 18px;
	color: #444040;
	margin:15px 0 2px 5px;
	display:block;
}
p{ 
	font-size: 14px;
	line-height: 18pt;
	color: #333;
	/*letter-spacing: 0.03em;*/
	text-align:justify;
	font-weight: normal;
}
.clear{clear:both;}

.floatLeft{
float:left;	
}
.floatRight{
float:right;	
}
#imgAccueil{
margin:5px 0 0 10px;
/*border:5px solid #edecec;	*/
width:213px;
height:288px;
}

#avantages ul, #notre-savoir-faire ul{
	
	
	padding : 0 0 0 14px;
	font-size: 14px;
	line-height: 18pt;
	color: #333;
	/*letter-spacing: 0.06em;*/  
	text-align:justify;
	font-weight: normal;
	list-style-type: square;  
}
#avantages{
float:left; 
margin: 0 10px 0 0;
width:260px;

}
#notre-savoir-faire{
float:left;
width:280px;

}
.logo{
margin:20px 0 0 0;	
height:80px;
text-align:center;
width:852px;
/*border:1px black solid;*/
padding:0 auto;

}
.logo-accueil{
	

margin:0 0 0 18px;
border:none;
}
.imgGalerie{
	margin:5px 4px 0 0;
	border:1px solid #CCC;

}


.imgGalerieCoupedeau
{
margin:5px 1px 0 0px;
	border:1px solid #CCC;
		
}
#address{
	font-style: normal;	
	font-size:12px;
}
.noborder{border:none;}

#txtFacebook{
font-size:12px;

margin:0;
padding:0 10px 0 10px;
width:181px; 
text-align:center;
color:#666;
}
.galerie{
margin:25px 0 25px 0; 

/*border:1px black solid;*/

}
#services{
	padding: 0 5px 5px 5px;
	border:1px solid #E1E1E1;
	background-color: #F4F9FF;
	/*height:760px;*/
}
#box-bleu-services{
padding: 0 5px 5px 5px;
margin:20px 0 0 0;
	border:3px solid #243f60;
	background-color:#4f81bd;
	/*height:760px;*/	
}

#box-bleu-services p{
text-align:center;
color:#000;
}
#googleMap {
	width:548px;
	height:245px; 
	margin: 0 0 0 0;
	border:5px solid #edecec;	
		
}
.alignCenter{
text-align:center;	
}
#liste_services li{  
padding : 0 0 0 10px;
	font-size: 14px;
	line-height: 18pt;
	color: #333;
	/*letter-spacing: 0.06em;*/  
	text-align:justify;
	font-weight: normal;
	list-style-type: square;  
}
/*************CSS MENU***************/

#menu{

height: 29px;
margin: 1px auto auto auto;
padding: 0 0 0 0;
width:842px;
/*display:table; */
/*border:1px solid black;*/
	
}
#menu ul {
	float:left;
  font-family: Arial, Verdana;
  font-size: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu ul li {
  display: block;
  position: relative;
  float: left;
}
#menu li ul { display: none; }
#menu ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
 
  padding: 8px 30px 5px 0px;
 
  margin-left: 1px;  
  white-space: nowrap;
}
#menu ul li a:hover {

	background: none;
	color: #fbc34e;}
#menu li:hover ul {
  display: block;
  position: absolute;
}
#menu li:hover li {
  float: none;
  font-size: 11px;
}
#menu li:hover a { background: #3a0a1b; }
#menu li:hover li a:hover { background: #00000; }
/*************CSS MENU***************/