body { background-image:url(../images/fond-page.gif); background-repeat:repeat; background-position:center; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; background-color:#FFFFFF}

a { text-decoration:none; font-weight:bold; color:#FF3300}
a:hover{ text-decoration:underline; color:#000000}
input, select, textarea { background-color:#f3f3f3; border-left: 1px solid #fff; border-bottom: 1px solid #cccccc; border-top: 1px solid #fff; border-right: 1px solid #ffffff; padding:3px; width:350px; margin:5px; font-family:Arial, Helvetica, sans-serif}
input.obligatoire { background-color:#ffeeee; border-left: 3px solid #FF3300; border-bottom: 1px solid #cccccc; border-top: 1px solid #fff; border-right: 1px solid #ffffff; padding:3px;width:350px}

hr {}

.ombre-g { background-image:url(../images/ombre1.gif); background-repeat:repeat-y}
.ombre-d { background-image:url(../images/ombre2.gif); background-repeat:repeat-y}

#nav { width:239px; height:226px; background-image:url(../images/fond-nav.gif); background-repeat:no-repeat;}
#nav div {padding-left:25px; padding-bottom:2px; padding-top:1px}
#nav a { text-decoration:none; color:#cde1f0; font-size:13px; font-weight:bold; font-variant:small-caps}
#nav a:hover { color:#ffffff; padding-left:10px}

#contenu { background-color:#FFFFFF}
#contenu li { list-style-image:url(../images/puce1.gif); padding-bottom:10px; margin:0px}

#contenu .hp-energie { background-image:url(../images/fond-energie.gif); background-repeat:repeat-x}
#contenu .hp-energie a { text-decoration:none; color:#FF3300}
#contenu .hp-energie a:hover {color:#000000; text-decoration:underline}
#contenu .hp-energie li { list-style-image:url(../images/puce1.gif); padding-bottom:10px; margin:0px}

#contenu .hp-eau { background-image:url(../images/fond-eau.gif); background-repeat:repeat-x}
#contenu .hp-eau a { text-decoration:none; color:#0066CC}
#contenu .hp-eau a:hover {color:#000000; text-decoration:underline}
#contenu .hp-eau li { list-style-image:url(../images/puce1.gif); padding-bottom:10px; margin:0px}

#contenu .hp-alarme { background-image:url(../images/fond-alarme.gif); background-repeat:repeat-x}
#contenu .hp-alarme a { text-decoration:none; color:#666666; font-size:10px}
#contenu .hp-alarme a:hover {color:#000000; text-decoration:underline}
#contenu .hp-alarme li { list-style-image:url(../images/puce1.gif); padding-bottom:5px; margin:0px; padding:0px}

#contenu .dashed-vert { background-image:url(../images/dashed-vert.gif); background-repeat:repeat-y}
#contenu .dashed-hor { background-image:url(../images/dashed-hor.gif); background-repeat:repeat-x;}
#contenu .img-cont { border:1px solid #e8e8e8; padding:5px}

#rubrique { padding-left:15px;padding-right:5px;padding-bottom:15px; float:left; width:510px; background-image:url(../images/dashed-vert.gif); background-repeat:repeat-y;background-color:#FFFFFF}
#rubrique h3 { background-image:url(../images/fond-titre.gif);padding-left:35px; line-height:33px; font-size:14px }
#rubrique h2 { font-size:20px; text-align:left; margin-bottom:50px; color:#333333; background-image:url(../images/fond-h2.gif); background-repeat:no-repeat; height:61px; line-height:77px; padding-left:25px }

#menu-energies { float:left; width:210px; padding:5px; BACKGROUND-COLOR: #ffffff}
#menu-energies div { padding:5px;}
#menu-energies a {text-decoration:none; color:#666666}
#menu-energies a:hover {color:#FF3300; text-decoration:none}

#titre-adou { background-image:url(../images/titre-adou.gif); background-repeat:no-repeat; width:493px; padding-top:50px}
#titre-osmo { background-image:url(../images/titre-osmo.gif); background-repeat:no-repeat; width:493px; padding-top:50px}
#titre-filtre { background-image:url(../images/titre-filtre.gif); background-repeat:no-repeat; width:493px; padding-top:50px}




#partenaires { text-align:center}

#bas-page { background-image:url(../images/pied.gif); background-repeat:no-repeat; color:#cccccc}
#bas-page a { text-decoration:none; color:#999999; font-size:11px; padding:4px}
#bas-page a:hover { text-decoration:underline; color:#000000;}

#signature{ font-size:9px; text-align:center; padding:20px; color:#3366CC}
#signature a{ color:#3366CC; text-decoration:none}
#signature a:hover{ color:#000000;}

#cont_div h2 {font-size:9px; text-align:center; color:#3366CC; text-decoration:none}
#cont_div h2 a{font-size:9px; text-align:center; color:#3366CC; text-decoration:none}
#cont_div h2 a:hover{font-size:9px; text-align:center; color:#3366CC; text-decoration:none}