body 
{
	text-align:center;
	width:auto;
}

.divpp
{
	width:1000px;
	text-align:center;
}

.topbandeaux
{
  width:800px;
  height:158px;
  background:url('images/bandeauhaut.jpg');
}

.menutop
{
  width:800px;
  height:80px;
}

.menudown
{
  width:800px;
  height:50px;
}

.boiteboutonmenutop
{
  float:left;
  width:160px;
}

.titremenuhautTop, a.titremenuhautTop
{
  color:Green;
  font-family: @Arial Unicode MS;
  margin-bottom:5px;
}

.elementphoto
{
  height:50px;
}

.titremenuhautDown, a.titremenuhautDown
{
  color:Blue;
  font-family: @Arial Unicode MS;
  margin-top:5px;
}

.menugauche
{
  float:left;
  width:150px;
  height:auto;
  text-align:left;
}

.titremenugaucheverttitre, a.titremenugaucheverttitre
{
  color:Green;
  float:left;
  margin-bottom:10px;
  font-family: @Arial Unicode MS;
}

.titremenugauchevert, a.titremenugauchevert
{
  color:Green;
  float:left;
  font-size:14px;
  margin-left:10px;
  width:100%;
  font-family: @Arial Unicode MS;
  /*margin-bottom:2px;*/
}

.titremenugaucheorangetitre, a.titremenugaucheorangetitre
{
  color:Orange;
  float:left;
  font-family: @Arial Unicode MS;
}

.titremenugaucheorange, a.titremenugaucheorange
{
  color:Orange;
  float:left;
  font-size:14px;
  margin-left:10px;
  width:100%;
  font-family: @Arial Unicode MS;
  /*margin-bottom:2px;*/
}

.titremenugauchebleutitre, a.titremenugauchebleutitre
{
  color:Blue;
  float:left;
  margin-bottom:10px;
  font-family: @Arial Unicode MS;
}

.titremenugauchebleu, a.titremenugauchebleu
{
  color:Blue;
  float:left;
  font-size:14px;
  margin-left:10px;
  width:100%;
  font-family: @Arial Unicode MS;
  /*margin-bottom:2px;*/
}

.imagepuce
 {
   float:left;

 }
 
 .boitebaspage
 {
   width:100%;
   height:80px;
 }
 
 .zonetextebasvert
 {
   margin-top:15px;
   text-align:center;
   width:100%;
   color:Green;
   font-family: @Arial Unicode MS;
 }
 
 .baspageaveclogo
 {
   width:100%;
   margin-top:15px;
   text-align:center;
   color:Green;
   font-family: @Arial Unicode MS;
 }

.boitepagemainzoneverte
{
  width:100%;
  height:115px;
  text-align:justify;
  color:Green;
  font-family: @Arial Unicode MS;
  font-size:13px;
  margin-top:10px;
  margin-left:10px;
}

.boitepagemainzonevertetitre
{
  width:100%;
  text-align:center;
  color:Green;
  font-family: @Arial Unicode MS;
  font-size:13px;
  margin-left:10px;
}

.boitepagemainzoneorange
{
  /*border:1px solid #000;*/
  width:100%;
  margin-left:10px;
  height:100px;
  text-align:justify;
  color:Orange;
  font-family: @Arial Unicode MS;
  font-size:13px;
}

.boitepagemainzoneorangetitre
{
  /*border:1px solid #000;*/
  width:100%;
  margin-top:15px;
  margin-left:10px;
  text-align:center;
  color:Orange;
  font-family: @Arial Unicode MS;
  font-size:13px;
}

.boitepagemainzonebleu
{
  /*border:1px solid #000;*/
  width:100%;
  margin-left:10px;
  height:180px;
  text-align:justify;
  color:Blue;
  font-family: @Arial Unicode MS;
  font-size:13px;
}

.boitepagemainzonebleutitre
{
  /*border:1px solid #000;*/
  width:100%;
  margin-top:45px;
  margin-left:10px;
  text-align:center;
  color:Blue;
  font-family: @Arial Unicode MS;
  font-size:13px;
}

.boite1vide
{
	width:250px;
	float:left;
	height:150px;
}

.boiteentreprise, a.boiteentreprise
{
	padding-top:8px;
	width:250px;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	color:#063e6f;
	font-weight:bold;
	height:150px;
	text-decoration:none;
}

.boitecollectivite, a.boitecollectivite
{
	width:250px;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	color:#063e6f;
	font-weight:bold;
	height:150px;
	text-decoration:none;
}

.cleardiv
{
	clear:both;
}

.boiteinvestisseur, a.boiteinvestisseur
{
	margin-top:-30px;
	width:250px;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	color:#063e6f;
	font-weight:bold;
	height:150px;
	text-decoration:none;
}

.boitecentrale
{
	width:500px;
	float:left;
	height:150px;
}

.boitepatrimoine, a.boitepatrimoine
{
	margin-top:-30px;
	width:250px;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	color:#063e6f;
	font-weight:bold;
	height:150px;
	text-decoration:none;
}

.boitediagnostic, a.boitediagnostic
{
	margin-top:0px;
	width:166px;
	float:left;
	color:#fea418;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	font-weight:bold;
	height:50px;
	text-decoration:none;
	
}

.boiteservice, a.boiteservice
{
	margin-top:-50px;
	width:166px;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	color:#063e6f;
	font-weight:bold;
	height:150px;
	text-decoration:none;
}

.boiteprojet, a.boiteprojet
{
	margin-top:0px;
	margin-left:20px;
	width:136px;
	float:left;
	color:#fea418;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	font-weight:bold;
	height:50px;
	text-decoration:none;
}

.boitetechnologie, a.boitetechnologie
{
	margin-top:-70px;
	width:500px;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	color:#063e6f;
	font-weight:bold;
	height:150px;
	text-decoration:none;
}

.boiteeconomie, a.boiteeconomie
{
	margin-top:-10px;
	margin-left:-170px;
	width:250px;
	float:left;
	color:#fea418;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	font-weight:bold;
	height:50px;
	 
	text-decoration:none;
}

.boitefiscalite, a.boitefiscalite
{
	margin-top:-10px;
	margin-left:-70px;
	width:250px;
	float:left;
	color:#fea418;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	font-weight:bold;
	height:50px;
	text-decoration:none;
}

.boiteameliorationhabitat, a.boiteameliorationhabitat
{
	margin-top:10px;
	margin-left:-240px;
	width:160px;
	color:#fea418;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	font-weight:bold;
	height:50px;
	text-decoration:none;
}

.boiteventeimmobilier, a.boiteventeimmobilier
{
	margin-top:10px;
	margin-left:-190px;
	width:250px;
	float:left;
	color:#fea418;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	font-weight:bold;
	height:50px;
	text-decoration:none;
}

.boitehydro, a.boitehydro
{
	margin-top:-30px;
	margin-left:-105px;
	width:250px;
	float:left;
	color:#1400e0;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	font-weight:bold;
	height:50px;
	text-decoration:none;
}

.boitecogeneration, a.boitecogeneration
{
	margin-top:-40px;
	margin-left:60px;
	width:250px;
	float:left;
	color:#1400e0;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	font-weight:bold;
	height:50px;
	text-decoration:none;
}

.boiteeolien, a.boiteeolien
{
	margin-top:-25px;
	margin-left:-95px;
	width:250px;
	float:left;
	color:#1400e0;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	font-weight:bold;
	height:50px;
	text-decoration:none;
}

.boitemethanisation, a.boitemethanisation
{
	margin-top:-35px;
	margin-left:50px;
	width:250px;
	float:left;
	color:#1400e0;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	font-weight:bold;
	height:50px;
	text-decoration:none;
}

.boitephotovoltaique, a.boitephotovoltaique
{
	margin-top:-30px;
	margin-left:308px;
	width:250px;
	float:left;
	color:#1400e0;
	float:left;
	font-family:@Arial Unicode MS;
	font-size:16px;
	font-weight:bold;
	height:50px;
	text-decoration:none;
}

.titrepageeolienne
{
  font:@Arial Unicode MS;
  font-weight:bold;
  font-size:16px;
  text-align:center;
  width:100%;
  color:Blue;
  margin-top:20px;
  margin-bottom:20px;
}

.blocphotoeolienne
{
  width:24%;
  color:Blue;
  text-align:center;
  float:left;
}

.textbleucentre1
{
  font:@Arial Unicode MS;
  font-size:14px;
  text-align:center;
  width:100%;
  color:Blue;
}

.imageeolienne
{
  float:left;
  width:40%;
  text-align:right;
}

.texteliaisoneolienne
{
  width:19%;
  float:left;
  color:Blue;
  font:@Arial Unicode MS;
  font-size:14px;
  text-align:center;
  margin-top:20px;
}

.imageeolienne2
{
  float:Right;
  width:40%;
  text-align:left;
}

.boitephotoeoliennebas
{
  width:33%;
  float:left;
  text-align:center;
}