/* styles principaux */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
background-color: #028BBC;
cursor:default;
}

p, h1, h2 {
margin: 0;
}

img {
border: 0;
}

ul, li {
list-style-type: none;
margin:0;
padding:0;
}

td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
}


/* calques */
#conteneur {
position: absolute;
width: 766px;
top: 20px;
left: 50%;
margin-left: -383px;
background: url(./images/conteneur.gif) repeat-y;
}

#entete {
height: 136px;
background: url(./images/entete.gif) no-repeat;
}

#centre {
background: url(./images/centre.gif) no-repeat;
}

#pied {
clear: both;
height: 71px;
background: url(./images/pied.gif) no-repeat;
}


/* calques internes */
#h1_bord  {
float:left;
width: 13px;
height: 29px;
background: url(./images/h1_bord.gif) no-repeat;
}

#h1_corps  {
float:left;
height: 29px;
background: url(./images/h1_corps.gif) repeat-x;
}

#h1_bout  {
float:left;
width: 14px;
height: 29px;
background: url(./images/h1_bout.gif) no-repeat;
margin-bottom: 20px;
}

td.domaines {
width: 425px;
height: 297px;
background: url(./images/domaines.gif) no-repeat;
}

td.carte {
width: 350px;
height: 350px;
vertical-align: top;
}

.h2_bord  {
float:left;
width: 24px;
height: 18px;
margin-top: 10px;
background: url(./images/h2_bord.gif) no-repeat;
}

.h2_corps  {
float:left;
height: 18px;
margin-top: 10px;
background: url(./images/h2_corps.gif) repeat-x;
}

.h2_bout  {
float:left;
width: 14px;
height: 18px;
margin-top: 10px;
background: url(./images/h2_bout.gif) no-repeat;
}

#contenu_liste {
clear: both;
width: 650px;
margin-left: 40px;
}

#contenu {
clear: both;
width: 550px;
margin-left: 80px;
}

.references {
clear:both;
width:550px;
background-color: #676767;
}

.references td {
padding: 2px;
background-color: #FFFFFF;
font-size: 10px;
vertical-align: top;
}


/* menu */
#assistance {
position: absolute;
width : 215px;
height: 28px;
margin-left: 245px;
margin-top: 47px;
}

#audits {
position: absolute;
width : 72px;
height: 28px;
margin-left: 450px;
margin-top: 47px;
}

#contrats {
position: absolute;
width : 85px;
height: 28px;
margin-left: 510px;
margin-top: 47px;
}

#diagnostics {
position: absolute;
width : 100px;
height: 28px;
margin-left: 585px;
margin-top: 47px;
}

#actualite {
position: absolute;
width : 91px;
height: 28px;
margin-left: 675px;
margin-top: 47px;
}

#assistance:hover {
width : 215px;
height: 28px;
margin-left: 245px;
margin-top: 47px;
background: url(./images/assistance.gif) no-repeat;
z-index: 100;
}

#audits:hover {
width : 72px;
height: 28px;
margin-left: 450px;
margin-top: 47px;
background: url(./images/audits.gif) no-repeat;
z-index: 100;
}

#contrats:hover  {
width : 85px;
height: 28px;
margin-left: 510px;
margin-top: 47px;
background: url(./images/contrats.gif) no-repeat;
z-index: 100;
}

#diagnostics:hover  {
width : 100px;
height: 28px;
margin-left: 585px;
margin-top: 47px;
background: url(./images/diagnostics.gif) no-repeat;
z-index: 100;
}

#actualite:hover  {
width : 91px;
height: 28px;
margin-left: 675px;
margin-top: 47px;
background: url(./images/actualite.gif) no-repeat;
z-index: 100;
}


/* Retour accueil et contact */
#accueil {
position: absolute;
width : 200px;
height: 75px;
margin-left: 20px;
margin-top: 20px;
}

#contact {
position: absolute;
width : 90px;
height: 60px;
margin-left: 670px;
margin-top: 5px;
}


/* Double navigation */
#energie {
position: absolute;
width : 80px;
height: 35px;
left: 187px;
top: 185px;
}

#bilan {
position: absolute;
width : 120px;
height: 35px;
left: 310px;
top: 235px;
}

#eau {
position: absolute;
width : 50px;
height: 35px;
left: 355px;
top: 365px;
}

#telecom {
position: absolute;
width : 80px;
height: 35px;
left: 187px;
top: 450px;
}

#transports {
position: absolute;
width : 90px;
height: 35px;
left: 30px;
top: 365px;
}

#dechets {
position: absolute;
width : 80px;
height: 35px;
left: 35px;
top: 250px;
}

#energie:hover {
width : 80px;
height: 35px;
left: 188px;
top: 187px;
background: url(./images/energie.gif) no-repeat;
z-index: 100;
}

#bilan:hover {
width : 120px;
height: 35px;
left: 309px;
top: 238px;
background: url(./images/bilan.gif) no-repeat;
z-index: 100;
}

#eau:hover {
width : 50px;
height: 35px;
left: 355px;
top: 366px;
background: url(./images/eau.gif) no-repeat;
z-index: 100;
}

#telecom:hover {
width : 80px;
height: 35px;
left: 189px;
top: 449px;
background: url(./images/telecom.gif) no-repeat;
z-index: 100;
}

#transports:hover {
width : 90px;
height: 35px;
left: 32px;
top: 367px;
background: url(./images/transports.gif) no-repeat;
z-index: 100;
}

#dechets:hover {
width : 80px;
height: 35px;
left: 36px;
top: 252px;
background: url(./images/dechets.gif) no-repeat;
z-index: 100;
}


/* textes */
h1.titres {
padding-top: 8px;
font-size: 10px;
color: #FFFFFF;
}

h2.titres {
padding-top: 2px;
font-size: 9px;
font-style: oblique;
color: #FFFFFF;
}

h2.titres:first-letter {
font-size: 11px;
}

p.edito {
border-left: 1px dotted #F21D16;
padding: 5px;
}

ul.liste {
clear:both;
list-style-image: url(./images/puce.gif);
padding-top: 10px;
padding-left: 30px;
}

#form {
padding-top: 10px;
padding-left: 30px;
}

#form li {
padding-top: 5px;
}

.texte {
clear:both;
padding-top: 10px;
padding-left: 15px;
}

.copy {
padding-top: 30px;
padding-left: 15px;
font-size: 9px;
color: #FFFFFF;
}

/* liens */
a {
text-decoration: none;
font-weight:bold;
color: #000000;
}

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

.suite {
float: right;
text-decoration: none;
color: #F21D16;
}

.suite:hover {
float: right;
text-decoration: underline;
color: #F21D16;
}

.requis {
	color:#FF7F00;
}