/* CSS Document */

body {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   background-image:url(images/fond3.jpg);
   background-repeat:repeat;
   

    
}


#tophome {
   float:left;
   width: 749px;
   height: 150px;
   background-image:url(images/home.jpg);
   background-repeat: no-repeat;
   
}


#tophistorique {
   float:left;
   width: 749px;
   height: 150px;
   background-image:url(images/historique.jpg);
   background-repeat: no-repeat;
   
}

#topecologie {
   float:left;
   width: 749px;
   height: 150px;
   background-image:url(images/nature.jpg);
   background-repeat: no-repeat;
}


#topcontact {
   float:left;
   width: 749px;
   height: 150px;
   background-image:url(images/contact.jpg);
   background-repeat: no-repeat;
}

#topliens {
   float:left;
   width: 749px;
   height: 150px;
   background-image:url(images/lien.jpg);
   background-repeat: no-repeat;
}

#topcontact {
   float:left;
   width: 749px;
   height: 150px;
   background-image:url(images/contact.jpg);
   background-repeat: no-repeat;
}


#topsolaire {
   float:left;
   width: 749px;
   height: 150px;
   background-image:url(images/solaire.jpg);
   background-repeat: no-repeat;
   
}


#topnews {
   float:left;
   width: 749px;
   height: 150px;
   background-image:url(images/news.jpg);
   background-repeat: no-repeat;
   
}
/* lien */

a{
	color: #3F3680;
	text-decoration: none;
	font-weight:bold;
	
	
}
	
a:hover{
color: #333333;
}



.hide{
   display: none;
}

#global{
   position: absolute;
   left: 50%;
   width: 760px;
   margin-left: -380px;
   margin-top: 50px;
   background-position: right top;
   background-repeat: no-repeat;
}

/* top */

#enveloppe{
   position: absolute;
   margin-top: 53px;
   margin-left: 562px;
   width: 15px;
   height: 13px;
   background-image:url(images/enveloppe.jpg);
}

#enveloppe2{
   position: absolute;
   margin-top: 52px;
   margin-left: 557px;
   width: 15px;
   height: 14px;
   background-image:url(images/enveloppe2.jpg);
}

.lienpage {
	color: #00000;
	font-size: 10px;
	margin-left: 80px;
	padding-right: 15px;
    margin-top: 53px;
	text-transform: uppercase;
	margin-right: 8px;
}


/* contenu */

#gris{
position:absolute;
width: 759px;
height:23px;
margin-left:2px;
margin-right:2px;
margin-top:2px;

}

#grisgauche{
   float:left;
   margin-top: 0px;
   margin-left: 0px;
   width: 165px;
   height: 23px;
   background-color: #8c8c8c;
}

#grismilieu{
   float:left;
   margin-top: 0px;
   margin-left: 10px;
   width: 391px;
   height: 23px;
   background-color: #8c8c8c;
}

#grisdroit{

   float:left;
   margin-top: 0px;
   margin-left: 10px;
   width: 165px;
   height: 23px;
   background-color:#333333;
}


#grisbas{
   position: absolute;
   margin-top: 0px;
   margin-left: 2px;
   width: 165px;
   height: 10px;
   background-color: #8c8c8c;
}

#grisbas2{
   position:absolute;
   margin-top: 0px;
   margin-left: 578px;
   width: 165px;
   height: 10px;
   background-color: #333333;
}


.titrepage{
font-weight: bold;
color: #FFFFFF;
font-size: 12px;
margin-left: 7px;
margin-top: 4px;
}

.titrenews{
font-weight:normal;
color: #FFFFFF;
font-size: 12px;
margin-left: 7px;
margin-top: 4px;
}

 
 #textephoto{
   position: absolute;
   margin-top: 25px;
   margin-left:177px;
   width: 391px;
   background-color:#0033CC;
 }
 
  #textephoto2{
   position: absolute;
   margin-top: 20px;
   margin-left:177px;
   width: 391px;
   background-color:#0033CC;
 }
 
 #textephoto3{
   position: absolute;
   margin-top: 22px;
   margin-left:177px;
   width: 391px;
   background-color:#0033CC;
 }
 
 #texte{
  position: absolute;
  margin-top: 127px;
  margin-left: 10px;
  width: 380px;
  background-color:#FFFFFF;
  color: #000000;
  line-height: 14px;
 }
 
 #texte2{
  position: absolute;
  margin-top: 6px;
  margin-left: 0px;
  width: 392px;
  background-color:#FFFFFF;
  color: #000000;
  line-height: 14px;
 }

 #texte3{
  position: absolute;
  margin-top: 3px;
  margin-left: 0px;
  width: 392px;
  background-color:#FFFFFF;
  color: #000000;
  line-height: 14px;
 }

/* navig haut */

#navighaut{
   position:absolute;
   width: 583px;
   height:20px;
   margin-top: 49px;
   margin-left: 127px;
   margin-right: 100px;
   
 }
 
 #liens{
    float: left;
	color: #00000;
	font-size: 10px;
	padding-right: 15px;
    margin-top: 4px;
	text-transform: uppercase;
	margin-right: 8px;
	margin-left:72px;
 }
 #liens2{
    
	color: #00000;
	float: left;
	font-size: 10px;
	margin-left:0px;
	padding-right: 15px;
    margin-top: 4px;
	text-transform: uppercase;
	margin-right: 8px;
 }

#liens3{
    
	color: #00000;
	float: left;
	font-size: 10px;
	margin-left:5px;
	padding-right: 15px;
    margin-top: 4px;
	text-transform: uppercase;
	margin-right: 8px;
 }
 
 #liens4{
    
	color: #00000;
	float: left;
	font-size: 10px;
	margin-left:3px;
	padding-right: 15px;
    margin-top: 4px;
	text-transform: uppercase;
	margin-right: 8px;
 }

#liens5{
    
	color: #00000;
	float: left;
	font-size: 10px;
	margin-left:3px;
	padding-right: 15px;
    margin-top: 4px;
	text-transform: uppercase;
	margin-right: 0px;
 }
 
 
 #home{
    
	color: #8c8c8c;
	float: left;
	font-size: 10px;
	margin-left:72px;
	
	padding-right: 15px;
    margin-top: 4px;
	text-transform: uppercase;
	margin-right: 8px;
	font-weight:bold;
 }
 
 #solaire{
    
	color: #8c8c8c;
	font-weight:bold;
	float: left;
	font-size: 1opx;
	margin-left:1px;
	padding-right: 15px;
    margin-top: 4px;
	text-transform: uppercase;
	margin-right: 8px;
 }
 
#ecologie{
    
	color: #8c8c8c;
	font-weight:bold;
	float: left;
	font-size: 10px;
	margin-left:4px;
	padding-right: 15px;
    margin-top: 4px;
	text-transform: uppercase;
	margin-right: 8px;
 }
 
 #contact{
    
	color: #8c8c8c;
	font-weight:bold;
	float: left;
	font-size: 10px;
	margin-left:0px;
	padding-right: 15px;
    margin-top: 4px;
	text-transform: uppercase;
	margin-right: 8px;
 }
 
  #lien{
    
	color: #8c8c8c;
	font-weight:bold;
	float: left;
	font-size: 10px;
	margin-left:3px;
	padding-right: 15px;
    margin-top: 4px;
	text-transform: uppercase;
	margin-right: 8px;
 }

 #historique{
    
	color: #8c8c8c;
	font-weight:bold;
	float: left;
	font-size: 10px;
	margin-left:0px;
	padding-right: 15px;
    margin-top: 4px;
	text-transform: uppercase;
	margin-right: 8px;
 }

/* navig gauche */

#naviggauche{
   position:absolute;
   width: 165px;
   
   
   margin-left: 0px;
   padding-top: 25px;
   margin-top:10px;
   }







#separation{
float:left;
padding-top:-4px;
margin-top: -9px;  
margin-left: 0px;
width: 165px;
height:1px;
}

#separation2{
float:left;
padding-top:-4px;
margin-top: -9px;  
margin-left: 0px;
width: 165px;
height:1px;
}


.liste{
	
	
	margin-top: 0px;
	padding-top:-5px;
	margin-left: 15px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	
}

.listebleue{

	
	margin-top: 0px;
	padding-top: -5px;
	
	
	
    margin-left: 15px;
	text-transform: uppercase;
	font-size: 10px;
	color: #8c8c8c;
	font-weight:bold;
}

.listebleue2{
   
   margin-left: 25px;
   margin-top: -8px;
   padding-top: 1px;
   font-size: 10px;
   color: #8c8c8c;
	font-weight:bold;
 }


.liste2{
   margin-left: 25px;
   margin-top: -8px;
   
   padding-top: 1px;
   font-size: 10px;
   color: #8c8c8c;
	font-weight:bold;
 }
 


/* actu */

 #texteactu{
  
  margin-left: 5px;
  margin-right: 2px;

  
  color: #000000;
  font-size: 10px;
  line-height: 14px;
 
 }
 
 /*page_ecologie*/

#contenuec{
   float:left;
   margin-top: 5px;
   width: 745px;
   height: 910px;
   background-color: #FFFFFF;
}


#gris2ec{
position:absolute;
width: 745px;
height:13px;
margin-left:0px;
margin-right:3px;
margin-top:903px;
background-color:#FFFFFF;
}



#contouractuec{
   position:absolute;
   width: 163px;
   height: 876px;
   margin-left: 578px;
   margin-top: 25px;
   border: 1px;
   border-style:solid;
   border-color: #333333;

  
}


/*page_home*/
#contenu{
   float:left;
   margin-top: 5px;
   width: 745px;
   height: 344px;
   background-color: #FFFFFF;
}


#contouractu{
   position:absolute;
   width: 163px;
   height: 302px;
   margin-left: 578px;
   margin-top: 25px;
   border: 1px;
   border-style:solid;
   background-color:#FFFFFF;
   
   border-color: #333333;
  
}

#gris2{
position:absolute;
width: 745px;
height:13px;
margin-left:0px;
margin-right:3px;
margin-top:329px;
background-color:#FFFFFF;
}



/*page_contact*/

#contenuc{
   float:left;
   margin-top: 5px;
   width: 745px;
   height: 343px;
   background-color: #FFFFFF;
}


#gris2c{
position:absolute;
width: 745px;
height:13px;
margin-left:0px;
margin-right:3px;
margin-top:328px;
background-color:#FFFFFF;
}

#contouractuc{
   position:absolute;
   width: 163px;
   height: 301px;
   margin-left: 578px;
   margin-top: 25px;
   border: 1px;
   border-style:solid;
   border-color:#333333;
   background-color:#FFFFFF;
  
}


 
 #photoc{
   position: absolute;
   width: 391px;
   height:124px;
   background-image:url(images/groupe.jpg);
   }
   
   /*page_liens*/

#contenul{
   float:left;
   margin-top: 5px;
   width: 745px;
   height: 1213px;
   background-color: #FFFFFF;
}


#gris2l{
position:absolute;
width: 745px;
height:13px;
margin-left:0px;
margin-right:3px;
margin-top:1208px;
background-color:#FFFFFF;
}

#contouractul{
   position:absolute;
   width: 163px;
   height: 1181px;
   margin-left: 578px;
   margin-top: 25px;
   border: 1px;
   border-style:solid;
   border-color: #333333;
   background-color:#FFFFFF;
  
}


/*page_histrorique*/

#contenuc{
   float:left;
   margin-top: 5px;
   width: 745px;
   height: 343px;
   background-color: #FFFFFF;
}


#gris2c{
position:absolute;
width: 745px;
height:13px;
margin-left:0px;
margin-right:3px;
margin-top:328px;
background-color:#FFFFFF;
}

#contouractuc{
   position:absolute;
   width: 163px;
   height: 301px;
   margin-left: 578px;
   margin-top: 25px;
   border: 1px;
   border-style:solid;
   border-color: #333333;
   background-color:#FFFFFF;
  
}


 
 #photoh{
   position: absolute;
   width: 391px;
   height:124px;
   background-image:url(images/groupe.jpg);
   }
   
   
 /*page_solaire*/

#contenuso{
   float:left;
   margin-top: 5px;
   width: 745px;
   height: 573px;
   background-color: #FFFFFF;
}


#gris2so{
position:absolute;
width: 745px;
height:13px;
margin-left:0px;
margin-right:3px;
margin-top:558px;
background-color:#FFFFFF;
}



#contouractuso{
   position:absolute;
   width: 163px;
   height: 531px;
   margin-left: 578px;
   margin-top: 25px;
   border: 1px;
   border-style:solid;
   border-color: #333333;
   background-color:#FFFFFF;
  
}

/*page_news*/


#grismilieune{
   float:left;
   margin-top: 0px;

   margin-left: 10px;
   width: 566px;
   height: 23px;
   background-color: #8c8c8c;
}
#textene{
  position: absolute;
  margin-top: 129px;
  margin-left: 20px;
  width: 540px;
  background-color:#FFFFFF;
  color: #000000;
  line-height: 14px;
 }
 
 #photone{
   position: absolute;
   margin-top:5px;
   width: 566px;
   height:124px;
   background-image:url(images/feuille.jpg);
   }
   
   #contenun{
   float:left;
   margin-top: 5px;
   width: 745px;
   height: 375px;
   background-color: #FFFFFF;
}
  #gris2n{
position:absolute;
width: 745px;
height:13px;
margin-left:0px;
margin-right:3px;
margin-top:359px;
background-color:#FFFFFF;
}