body {
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size:15px;
line-height:20px;
margin-top:0px;
}

h1{
font-family: "Agency FB", Arial, Helvetica, sans-serif;
color:#000000;
}

h2{
font-family: "Agency FB", Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:underline;
}

p{ 
 text-align:justify;

}

#conteneur {
  width: 1200px;
  margin-left:auto;
  margin-right:auto;
  
}

#header {
  width: 1200px;
  height:160px;
  background-color:#999900;
}

#footer{
 clear:both;
 width:900px;
 height:87px;
 margin-left:auto;
 margin-right:auto;
 background-image:url(../img/imgfooter.gif);
 background-repeat:no-repeat;
 margin-top:20px;
 
}

/*menu*/

#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;


 }
 
#menu li {
 float:left;  
 padding-top:5px;
 border-bottom:thin;
 border-bottom-style:solid;
 border-width:2px;
 background-color:#FFFFFF;

  }
  
#menu li a {
 display:block;
 width:199px;
 height:30px;
 color:#000000;
 text-decoration:none;
 
  
 }
 
#menu li a:hover {
 color:#999900;
 }
 
#menu ul li ul {
 display:none;
*left:675px;
*top:190px;
z-index:2;
}

#menu ul li:hover ul {
 display:block;
 }
 
#menu li:hover ul li {
 float:none;
 }
 
#menu li ul {
 position:absolute;
 background-color:#FFFFFF;
 
 }
 
#menu {
 width:1200px;
 height:37px;
 font-family:"Agency FB", Arial, Helvetica, sans-serif;
 font-size:22px; 
 font-weight:bold; 
 float:left;
 border-color:#000000;
 border-top:thin; 
 border-top-style:solid;
 border-width:2px;
 background-color:#FFFFFF;
 
 
 
  
 }

.bordGmenu{
 border-left:thin;
 border-left-style:solid;

}

.bordmenu{
 border-top:thin;
 border-top-style:solid;
 border-bottom:thin;
 border-bottom-style:solid;

}

/*fin menu*/

#drapeaux {
 width:160px;
 height:25px;
 position:absolute;
 margin-top:120px;
 display:inline;
 padding-left:830px;
 
 
}

.padDdrapo{
 padding-right:10px;
}

.padDdrapo2{
 padding-right:20px;
}

.padHome{
 padding-right:30px;
}


#mpsp {
 width:250px;
 height:57px;
 position:absolute;
 display:inline;
 padding-left:720px;
 padding-top:30px;
 
}

#mathieu{
 width:900px;
 margin-left:auto;
 margin-right:auto;

}

#kim{
 width:900px;
 margin-left:auto;
 margin-right:auto;

}

#any{
 width:900px;
 margin-left:auto;
 margin-right:auto;

}

#michel{
 width:900px;
 margin-left:auto;
 margin-right:auto;

}

.center{
 text-align:center;
}

.retrait {
margin-left:100px;
}

.policeAgency{
 font-family:"Agency FB", Arial, Helvetica, sans-serif;
 font-size:22px;
 text-align:center;
}

.policeAgency2{
 font-family:"Agency FB", Arial, Helvetica, sans-serif;
 font-size:22px;
 
}

.flotte {
float:left;
padding-right:25px;
}

.flotte2 {
float:right;
padding-left:25px;
}

.padHaut{
 padding-top:20px;
}

.padHaut2{
 padding-top:35px;
}

.padHaut3{
 padding-top:50px;
}

#contact{
 width:650px;
 margin-left:auto;
 margin-right:auto;
 margin-top:80px;
}

.icones{
 margin-top:25px;
 margin-right:15px;
 vertical-align:-20px;
}

.icones2{
 margin-top:10px;
 margin-right:15px;
 vertical-align:-20px;
}

.textcontact{
 font-family:Arial, Helvetica, sans-serif;
 color:#cc3333;
 font-weight:bold;
 font-size:30px;
}

.textcontact a{
 text-decoration:none;
 color:#cc3333;
}

.textcontact a:hover{
 text-decoration:none;
 color:#999900;
}

#liens{
 width:500px;
 margin-left:auto;
 margin-right:auto;
 margin-top:50px;
}

.padliens{
 padding-right:80px;
}

#diapo{
 width:1200px;
 margin:0;
 padding:0;
 

}

#liste{
 float:right;
 width:500px;
 height:auto;
 margin-top:10px;
 line-height:23px;

}

#liste ul ul li{
  font-size:18px;
  list-style:circle;
 }
 
#liste ul{

}

#liste li{
 font-size:25px;
 list-style:none;
}

#photoServices{
 float:right;
 width:650px;
 height:auto;
 margin-top:50px;
}

/*offre conférences*/

#offreconf{
	width:1000px;
	height:auto;
	clear:left;
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
	padding-top:20px;
	font-size:17px;
	line-height:21px;
	
		
}

#offreconf ul{
	list-style:none;
	float:left;
}

#offreconf a{
	text-decoration:none;
	color:#000000;
}


#offreconf p{
 clear:left;
 text-align:center;
}

a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
   
}
a.info span {
   display: none; /* On masque l'infobulle. */
}
a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */

   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   white-space:pre; /* On change la valeur de la propriété white-space = tel qu'écrit*/

   top: 20px; /* On positionne notre infobulle. */
   left: 50px;

   background: white;

   color:#000000;
   padding: 3px;

   border: 1px solid #d83b2a;
   border-left: 4px solid #d83b2a;
  
}

/*fin offre conférences*/

#datesconf{
	width:500px;
	height:auto;
	clear:left;
	margin-left:auto;
	margin-right:auto;	
	text-align:left;
	padding-top:20px;
	font-size:17px;
	line-height:21px;
	
		
}

#realisations{
 width:650px;
 margin-left:auto;
 margin-right:auto;
 font-size:17px;

}

#realisations ul{
	list-style:none;
	float:left;
}

#bassins{
 width:500px;
 margin-left:auto;
 margin-right:auto;
 font-size:17px;

}

#eclairage{
 width:300px;
 margin-left:auto;
 margin-right:auto;
 font-size:17px;

}

.retour{
 text-align:right;
}

.retour a:link{
 text-decoration:none;
 color:#000000;
}

.retour a:hover{
 text-decoration:none;
 color:#999900;
}

.retour a:visited{
 text-decoration:none;
 color:#000000;
}

#bois{
 width:700px;
 margin-left:auto;
 margin-right:auto;
 font-size:17px;

}