* {
margin: 0;
padding: 0;
}

.spacer{
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}

body {
margin:0;
background:url(../images/fond_herbe.jpg) repeat-x left 122px;
font-family:Arial, Helvetica, sans-serif;
}

#general {
width:917px;
margin:0 auto;
}

/* Header__________________________________*/ 


#header {
position:relative;
width:917px;
height:278px;
}

#header #gauche {
top:0;
position:absolute;
height:278px;
width:8px;
left:0;
background:url(../images/header_gauche.jpg) no-repeat;
}

#header #droite {
top:0;
position:absolute;
height:278px;
width:8px;
right:0;
background:url(../images/header_droite.jpg) no-repeat;
}

#header h1 a{
display:block;
height:122px;
width:227px;
text-indent:-5000px;
background:url(../images/logo-air-et-chaleur.gif) no-repeat;
float:left;
}

#header strong#numerovert{
display:block;
height:21px;
width:218px;
text-indent:-5000px;
background:url(../images/numero-vert.gif) no-repeat;
float:right;
margin-top:39px;
margin-right:10px;
}

#header ul{
margin-top:10px;
list-style:none;
display:block;
height:52px;
width:674px;
background:url(../images/fond_menu.jpg) no-repeat;
margin-right:4px;
float:right;
}

#header ul li{
margin-top:16px;
float:left;
}

#header ul li a{
display:block;
height:21px;
text-indent:-5000px;
margin:0;
padding:0;
}

#header a#quisommesnous{
width:150px;
background:url(../images/qui-sommes-nous.gif) no-repeat 0 0;
}

#header a:hover#quisommesnous{
background:url(../images/qui-sommes-nous.gif) no-repeat 0 -21px;
}

#header a#engagements{
width:154px;
background:url(../images/nos-engagements.gif) no-repeat 0 0;
}

#header a:hover#engagements{
background:url(../images/nos-engagements.gif) no-repeat 0 -21px;
}

#header a#produits{
width:114px;
background:url(../images/nos-produits.gif) no-repeat 0 0;
}

#header a:hover#produits{
background:url(../images/nos-produits.gif) no-repeat 0 -21px;
}

#header a#services{
width:128px;
background:url(../images/nos-services.gif) no-repeat 0 0;
}

#header a:hover#services{
background:url(../images/nos-services.gif) no-repeat 0 -21px;
}

#header a#contacter{
width:127px;
background:url(../images/nous-contacter.gif) no-repeat 0 0;
}

#header a:hover#contacter{
background:url(../images/nous-contacter.gif) no-repeat 0 -21px;
}

#bandeau{
margin-left:8px;
}


#bandeau h2, #bandeau img, #bandeau p{
display:block;
float:left;
text-indent:-5000px;
}

#bandeau h2{
width:227px;
height:156px;
background:url(../images/credit-impot.jpg);
}

#bandeau p{
width:227px;
height:156px;
background:url(../images/slogan.jpg);
}

/* Page__________________________________*/ 


#page {
width:901px;
background:#d2eeff url(../images/pointille.gif) repeat-y;
padding:0 8px;
}

#contenu {
font-size:11px;
color:#2d2d2d;
width:887px;
background:url(../images/pointille.gif) repeat-y;
padding:10px 15px;
}


#contenu a{
color:#2d2d2d;
font-weight:bold;
text-decoration:none;
}

#contenu a:hover{
text-decoration:underline;
}

#colonne {
float:right;
display:block;
width:206px;
padding:10px;
font-size:11px;
color:#2d2d2d;
margin-left:1px;
text-align:justify;
}

#colonne ul{
list-style-image:url(../images/puce.gif);
display:block;
margin-left:15px;
margin-bottom:15px;
}

#colonne a{
color:#2d2d2d;
font-weight:bold;
text-decoration:none;
}

#colonne a:hover{
text-decoration:underline;
}

#colonne img{
margin-left:15px;
}

#colonne img.marge{
margin:3px 50px;
}

#centre{
background:#FFF;
float:left;
font-size:11px;
color:#2d2d2d;
display:block;
width:673px;
}

#centre p{
padding:10px 10px 0 10px;
display:block;
text-align:justify;
}

#centre ul{
margin-left:25px;
display:block;
list-style-image:url(../images/puce_bleu.gif);
text-align:justify;
}

#centre li{
padding:5px 0px;
}


#texte {
text-align:justify;
float:left;
width:430px;
}

#texte a{
text-decoration:none;
color:#2d2d2d;
}

#texte_gd {
float:left;
width:650px;
}

#illustration {
display:block;
width:230px;
float:left;
height:280px;
}

#illustration.quisommesnous {
background:url(../images/carte-situation-france.jpg) no-repeat;
}

#illustration_services {
display:block;
width:230px;
float:left;
height:390px;
background:url(../images/services-plus.jpg) no-repeat;
}

#illustration_engagements {
display:block;
width:230px;
float:left;
height:390px;
background:url(../images/engagements-environnement.jpg) no-repeat;
}

#illustration_plansite {
display:block;
width:230px;
float:left;
height:390px;
background:url(../images/plan-site.jpg) no-repeat;
}

/* Produits__________________________________*/ 

#illustration_produits {
display:block;
width:230px;
float:left;
height:200px;
}

#illustration_solaire {
display:block;
width:230px;
float:left;
height:500px;
background:url(../images/panneau-solaire.jpg) no-repeat;
}

#illustration_solaire2 {
display:block;
width:230px;
float:left;
height:300px;
background:url(../images/panneau-solaire2.jpg) no-repeat;
}

#illustration_airair {
display:block;
width:230px;
float:left;
height:900px;
background:url(../images/chauffage-reversible-air-air.jpg) no-repeat;
}

#illustration_aireau {
display:block;
width:230px;
float:left;
height:220px;
background:url(../images/pompe-chaleur-air-eau.jpg) no-repeat;
}

#illustration_plancher {
display:block;
width:230px;
float:left;
height:220px;
background:url(../images/plancher-chauffant.jpg) no-repeat;
}

#illustration_chaudiere {
display:block;
width:230px;
float:left;
height:390px;
background:url(../images/remplacement-chaudiere.jpg) no-repeat;
}

#illustration_bois {
display:block;
width:230px;
float:left;
height:390px;
background:url(../images/poele-bois.jpg) no-repeat;
}

#illustration_autre {
display:block;
width:230px;
float:left;
height:390px;
background:url(../images/autres-produits.jpg) no-repeat;
}

.filet_bleu {
display:block;
height:5px;
background:#d2eeff;
width:672px;
margin:5px 0;
}

li.lien_produit{
border-bottom:1px solid #FFF;
height:20px;
line-height:20px;
}

#colonne li.lien_produit a{
font-weight:normal;
}

#photo {
display:block;
width:210px;
float:left;
margin:5px 5px 0 0;
}

#photo .legende{
font-size:9px;
}

a#innovert {
display:block;
width:150px;
height:100px;
margin-top:240px;
margin-left:40px;
}

/* Accueil__________________________________*/ 

#produits {
border-right:1px solid #FFF;
float:left;
list-style:none;
width:673px;
background:#FFF;
height:365px;
}

#produits a {
float:left;
display:block;
text-indent:-5000px;
}

#produits a#energie-solaire {
width:337px;
height:178px;
background:url(../images/energie-solaire.jpg) no-repeat;
}

#produits a#energie-bois {
width:337px;
height:186px;
background:url(../images/energie-bois.jpg) no-repeat;
}

#produits a#chauffage-reversible {
width:336px;
height:178px;
background:url(../images/chauffage-reversible.jpg) no-repeat;
}

#produits a#pompe-chaleur {
width:336px;
height:186px;
background:url(../images/pompe-chaleur.jpg) no-repeat;
}



/* Contact__________________________________*/ 


#centre a.bouton{
display:block;
height:15px;
padding:4px;
background:#d2eeff;
width:80px;
float:left;
margin-top:7px;
text-align:center;
color:#00519e;
font-weight:bold;
text-align:left;
line-height:15px;
}

#centre a:hover.bouton{
background:#00519e;
color:#FFF;
}

form{
padding:5px 10px;
display:block;
}

#centre form ul{
list-style-image:none;
list-style:none;
display:block;
width:320px;
margin:0px;
}

form ul.left{
float:left;
}

form ul.right{
float:right;
}

#centre form li{
padding:2px 0 0;
}

form li.filet{
border-top: 1px solid #CCCCCC;
margin-top:15px;
padding-top:15px;
}

form label{
display:block;
width:140px;
float:left;
}

form label.droite{
display:block;
width:300px;
float:right;
}

form input.gauche{
float:left;
}


/* Contact_erreur__________________________________*/

#error {
color:#CC0002;
font-size:9px;
display:block;
height:20px;
text-align:left;
}

.erreur{
border: 1px solid #CC0002;
}

li.erreur{
color:#CC0002;
border:none;
}

li.erreur label{
color:#CC0002;
}

li.erreur strong{
color:#CC0002;
}

/* Footer__________________________________*/ 

#footer {
margin:0;
background:url(../images/fond_bas.jpg) repeat-x top left;
}

#footer p{
width:917px;
margin:0 auto;
display:block;
padding-top:20px;
color:#2d2d2d;
font-size:11px;
text-align:center;
}

#footer a{
color:#2d2d2d;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}