/* DEBUT REDEFINITION DES BALISES HTML */

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
border: 0;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(../images/design/fond_degrade.jpg);
background-repeat: repeat-x;
background-position: top left;
background-color: #ffffff;
}

td{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}



/* FIN REDEFINITION DES BALISES HTML */

/* DEBUT LIENS */

a{
color: #000000;
text-decoration: underline;
}

a:visited{
color: #000000;
text-decoration: underline;
}

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

a.lien_mentions:link{
color: #666666;
text-decoration: underline;
font-size: 10px;
}

a.lien_mentions:visited{
color: #666666;
text-decoration: underline;
font-size: 10px;
}

a.lien_mentions:hover{
color: #666666;
text-decoration: none;
font-size: 10px;
}

a.lien_blanc:link{
color: #ffffff;
text-decoration: underline;
}

a.lien_blanc:visited{
color: #ffffff;
text-decoration: underline;
}

a.lien_blanc:hover{
color: #ffffff;
text-decoration: none;
}

a.copyright:link{
color:#ffffff;
text-decoration:none;
}

a.copyright:visited{
color:#ffffff;
text-decoration:none;
}

a.copyright:hover{
color:#ffffff;
text-decoration:none;
}

#news a{
color: #008d7c;
}

a.lien_menu_gauche:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 130px;
height: 40px;
padding-top: 11px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_menu_gauche.gif) no-repeat 0 -40px;
font-weight: bold;
padding-left: 10px;
}

a.lien_menu_gauche:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 130px;
height: 40px;
padding-top: 11px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_menu_gauche.gif) no-repeat 0 -40px;
font-weight: bold;
padding-left: 10px;
}

a.lien_menu_gauche:active{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_menu_gauche.gif) no-repeat 0 0px;
font-weight: bold;
color: #ffffff;
padding-left: 10px;
}

a.lien_menu_gauche:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_menu_gauche.gif) no-repeat 0 0px;
font-weight: bold;
color: #ffffff;
padding-left: 10px;
}

h3{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: lighter;
margin: -20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* FIN LIENS */

/* DEBUT POSITIONNEMENT DES ELEMENTS */

.animation_thermometre{
position: absolute;
top: 330px;
left: 182px;
z-index: 40;
width: 32px;
height: 125px;
}

.zoneform{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #d0d1d3;
color: #000000;
border: 1px solid #737476;
width: 320px;
}

.boutonform{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
background-color: #737476;
color: #ffffff;
border: 1px solid #737476;
width: 320px;
}

#news strong{
color: #009081;
}

.temoignage_elu{
color: #9ad1f7;
}

.grand_titre_reference{
color: #d68e24;
}

.texte_blanc{
color: #ffffff;
}

.texte_noir{
color: #000000;
}

.fond_installation_ref{
background-color: #d68e24;
color: #ffffff;
}

.fond_bloc_ref{
background-color: #9bd3ce;
color: #ffffff;
}

#references h2{
color: #d68d24;
}

.fond_bloc_acces{
background-color: #009081;
color: #ffffff;
font-size: 14px;
font-weight: bold;
font-family: Arial, Helvetica, Sans-Serif;
}

#mots_cles_presentation{
color: #ffffff;
font-size: 15px;
font-weight: bold;
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
}

#mots_cles_presentation li{
margin-left: -25px;
list-style-image: url(/images/info_pages/puce_mots_cles.gif);
list-style-position: 10px;
}

#installation li{
margin-left: -25px;
list-style-position: 10px;
}

.legende_reference{
font-size: 11px;
}

.sous_titre_reference{
color: #d68d24;
font-weight: bold;
font-size: 12px;
}

.fond_site{
position: absolute;
top: 0px;
left: 0px;
visibility: visible;
z-index: 10;
background: url(../images/design/fond_site.jpg) no-repeat;
width: 990px;
height: 543px;
}

.accueil{
position: absolute;
top: 70px;
left: 56px;
visibility: visible;
z-index: 40;
width: 73px;
height: 14px;
color: #565658;
text-align:left;
font-size: 9px;
}

.cliquez_sur_image{
position: absolute;
top: 2px;
left: 181px;
visibility: visible;
z-index: 40;
width: 130px;
height: 14px;
color: #565658;
text-align:left;
}

.definition_biogaz{
position: absolute;
top: 494px;
left: 218px;
visibility: visible;
z-index: 10;
width: 757px;
height: 14px;
color: #565658;
text-align:left;
}

.conteneur_menu{
position: absolute;
top: 200px;
left: 0px;
visibility: visible;
z-index: 10;
width: 130px;
height: 220px;
}

.conteneur_rubrique{
position: absolute;
top: 124px;
left: 130px;
z-index: 30;
width: 860px;
height: 400px;
background-color: #FFFFFF;
opacity : 0.9; 
filter : alpha(opacity=90); 
}

.contenu_rubrique{
position:absolute;
top: 123px;
left: 130px;
width: 860px;
/*height: 274px;*/
background-color: #FFFFFF;
layer-background-color: #FF00FF;
border: 1px none #000000;
opacity : 1; 
filter : alpha(opacity=100); 
z-index: 50;
text-align: left;
}

/*
.contenu_rubrique{
position:absolute;
top: 123px;
left: 130px;
width: 860px;
height: 274px;
background-color: #FFFFFF;
layer-background-color: #FF00FF;
border: 1px none #000000;
opacity : 1; 
filter : alpha(opacity=100); 
z-index: 50;
visibility: hidden;
text-align: left;
}
*/

.padding_contenu_rubrique{
padding: 10px;
}

.logo_gas_coin_hg{
position: absolute;
top: 23px;
left: 0px;
visibility: visible;
z-index: 20;
background: url(../images/design/logo_gas_coin_hg.gif) no-repeat;
width: 174px;
height: 35px;
border: 0px solid #000000;
}

/* FIN POSITIONNEMENT DES ELEMENTS */

/* DEBUT MENU HAUT */

a.lien_presentation:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 88px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_presentation.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_presentation:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 88px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_presentation.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_presentation:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_presentation.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_technique:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 88px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_technique.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_technique:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 88px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_technique.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_technique:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_technique.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_finance:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 88px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_finance.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_finance:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 88px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_finance.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_finance:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_finance.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_elu:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 88px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_elu.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_elu:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 88px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_elu.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_elu:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_elu.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_comprendre:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 88px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_comprendre.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_comprendre:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 88px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_comprendre.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_comprendre:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_comprendre.gif) no-repeat 0 0px;
font-weight: bold;
}




.bouton_presentation{
position: absolute;
top: 20px;
left: 180px;
z-index: 10;
width: 75px;
height: 86px;
}
.bouton_comprendre{
position: absolute;
top: 20px;
left: 528px;
z-index: 10;
width: 75px;
height: 86px;
}
.bouton_technique{
position: absolute;
top: 20px;
left: 354px;
z-index: 10;
width: 75px;
height: 86px;
}
.bouton_finance{
position: absolute;
top: 20px;
left: 267px;
z-index: 10;
width: 75px;
height: 86px;
}
.bouton_elu{
position: absolute;
top: 20px;
left: 441px;
z-index: 10;
width: 75px;
height: 86px;
}



.bouton_presentation_home{
position: absolute;
top: 20px;
left: 180px;
visibility: visible;
z-index: 10;
width: 75px;
height: 86px;
}
.bouton_comprendre_home{
position: absolute;
top: 20px;
left: 528px;
visibility: visible;
z-index: 10;
width: 75px;
height: 86px;
}
.bouton_technique_home{
position: absolute;
top: 20px;
left: 354px;
visibility: visible;
z-index: 10;
width: 75px;
height: 86px;
}
.bouton_finance_home{
position: absolute;
top: 20px;
left: 267px;
visibility: visible;
z-index: 10;
width: 75px;
height: 86px;
}
.bouton_elu_home{
position: absolute;
top: 20px;
left: 441px;
visibility: visible;
z-index: 10;
width: 75px;
height: 86px;
}



a.lien_presentation_home:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 86px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_presentation.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_presentation_home:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 86px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_presentation.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_presentation_home:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_presentation.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_comprendre_home:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 86px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_comprendre.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_comprendre_home:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 86px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_comprendre.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_comprendre_home:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_comprendre.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_technique_home:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 86px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_technique.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_technique_home:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 86px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_technique.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_technique_home:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_technique.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_finance_home:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 86px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_finance.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_finance_home:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 86px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_finance.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_finance_home:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_finance.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_elu_home:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 86px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_elu.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_elu_home:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 86px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_elu.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_elu_home:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_elu.gif) no-repeat 0 -88px;
font-weight: bold;
}

a.lien_comprendre_home:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 86px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_comprendre.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_comprendre_home:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 75px;
line-height: 86px;
color: #7d7d7d;
text-decoration: none;
background: url(../images/design/bouton_comprendre.gif) no-repeat 0 0px;
font-weight: bold;
}

a.lien_comprendre_home:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/bouton_comprendre.gif) no-repeat 0 -88px;
font-weight: bold;
}

/* FIN MENU HAUT */