BODY {background-color:#4872B5; color:#223a51; font-family:Verdana, Arial; font-size:12px;margin:0px;padding:0px;}
#footer {background-color:#4872B5;}
.RG_13, .RG_13 #footer {background-color:#4872B5;}
.RG_14, .RG_14 #footer  {background-color:#417F1E;}


A {color:#223a51; text-decoration:none;}
P {padding:0px; margin:0px; line-height:20px; text-indent:0px;}
.spip li {line-height:20px;}
UL {margin:0px; padding:0px;list-style:none; }
H1,H2,H3, H4 {padding:0px; margin:0px;}
H2 {font-size:100%;}
H3 {font-size:18px;}
IMG {border:none;}
a:hover IMG {border:none;}
STRONG {padding-left:0px;}
#page 
{
    top:0px;
    left:50%;
    margin-left:-490px;
    margin-top:0px; 
    width:980px; 
    background-color:#FFF;
    position:absolute; }
    
#header {height:130px;background-image:url(./media/img/hplante.jpg); background-repeat:no-repeat;}
#header P {font-size:26px; font-weight:bold;padding-left:175px; padding-top:20px;}
#menu {height:28px;background-color:#8A97A3;background-image:url(./media/img/fmenu.jpg); background-repeat:no-repeat; background-position:top;}
#content {height:100%;background-color:#FFF;float:left;width:980px;}
#footer {height:22px;float:left;width:980px;}


/* menu */
#menu {font-size:14px; font-weight:bold;}
#menu ul {margin: 0; padding: 0;  list-style: none; }
#menu ul li { display:inline;}
#menu ul li a {display:block;float:left; text-decoration:none; padding:4px 1% 3px 2%;}
#menu ul li a:hover ,
#menu ul .current a {background:#8A97A3; color:#FFF;}

/* content */
#content #mleft,
#content #czone,
#content #mright {/*height:390px;float:left;*/}
#content #tgen TD {vertical-align:top;}
#content #mleft {width:215px;border-right:solid 2px #8A97A3;}
#content #czone {width:550px; }
#content #mright {width:213px;background-image:url(./media/img/trait.gif);background-repeat:repeat-y; background-position:0px top;}

/*article (czone)*/
#content #czone { /*overflow:auto;*/}
#content #czone H3 {margin-top:15px;margin-left:10px;}
#content #czone H3 .date { font-size:12px;font-weight:normal; font-style:italic;}
#content #czone p {padding:10px 10px 0px 10px; text-align:justify; text-indent:0px;}
#content #czone #doclk {margin-left:20px;cursor:pointer; height:22px;padding-left:26px;padding-top:10px;background-image:url(./media/img/logopdf.png); background-position:left; background-repeat:no-repeat; font-size:11px; font-weight:normal; text-decoration:underline;}
#content #czone #docs {border:solid 1px #223A51; position:absolute; background-color:#fff;margin:3px;padding:5px;width:300px;}
#content #czone #docs #close {display:block;cursor:pointer;background-image:url(./media/img/close.gif); background-repeat:no-repeat; background-position:right top;height:16px;width:100%;}
#content #czone #docs .lkdoc {display:block; padding-bottom:6px;}
#content #czone #docs .lkdoc .ext { font-size:11px; font-style:italic;}
#content #czone #docs .lkdoc P {padding:0px 0px 0px 15px;}
#content #czone #docs .lkdoc IMG { vertical-align:middle;}

#content #czoned IMG {margin:5px;}

/* Menu gauche */
#content #mleft { font-size:13px; font-weight:bold;background-image:url(./media/img/planete.gif);background-repeat:no-repeat; background-position:center bottom;}
.RG_13 #content #mleft {background-image:url(./media/img/eaum.jpg);}
.RG_14 #content #mleft {background-image:url(./media/img/nrjm.jpg);}
#content #mleft ul {padding-left:3px;padding-top:7px;}
#content #mleft li {margin-top:4px;height:18px;font-size:12px;padding-left:4px;}
#content #mleft li H4 {font-size:12px;}
#content #mleft ul a {color:#8A97A3;}
#content #mleft ul a:hover {color:#4872B5;}
#content #mleft ul .current a {/*background-image:url(./media/img/etiquette.gif);background-repeat:no-repeat; background-position:right 0px;*/color:#4872B5;}
#content #mleft #title {text-align:left; text-decoration:underline;padding-top:15px;padding-left:3px;}
#content #mleftsoc #title {text-align:left; text-decoration:none;padding-top:15px;padding-left:3px;}
#content #mleftsoc { border-bottom:solid 2px #8A97A3; margin-right:1px;padding-bottom:10px;}
/* Menu droite */
#content #mright .title {color:#FFF;font-size:18px; font-style:italic; margin-left:7px;margin-bottom:5px;padding-left:5px;}
#content #mright #fn,#content #mright #fc  {background-image:url(./media/img/fnews.png); background-repeat:no-repeat;height:21px; margin-top:15px;} 
#content #mright #fc { text-align:left;}

#content #mright #magenda {margin-top:20px;}
#content #mright #fd {background-image:url(./media/img/fdate.png); background-repeat:no-repeat;height:21px; margin-top:15px;} 
#content #mright ul {padding-left:15px;height:65px; font-size:11px;}
#content #mright li {padding-bottom:2px;}
#content #mright .pagin {text-align:center;font-size:11px;}
#content #mright #logo {margin-top:15px;height:125px; background-image:url(./media/img/logo.png); background-repeat:no-repeat; background-position:center;}
#content #mright #mcontact { text-align:center;}
/* footer */
#footer #pygmoo { float:left;}
#footer #divers { float:right;}
#footer #divers,
#footer A {color:#FFF;font-weight:bold;}

/* document bibliotheque */
.bibli {margin:10px 0px;}
.bibli .title { text-decoration:underline; color:#4872B5;}
.bibli .ext { text-decoration:none; color:#4872B5; font-size:90%;}
.bibli .desc {margin-left:10px;font-size:100%; color:#000;}

/* formulaire contact */
.erreur {color:Red;}
#formcontact H3 {padding:0px; margin:0px;border:solid 1px red;}
#formcontact SELECT ,
#formcontact TEXTAREA, 
#formcontact INPUT  {border:solid 1px black;width:179px;}
#formcontact INPUT  {height:15px;}
#formcontact #button INPUT {height:20px;}
#formcontact .col1 {padding-left:5px;}
#formcontact #button { text-align:center; margin-top:10px;}
#formcontact TEXTAREA {height:70px;}
#formcontact SELECT {width:181px;}
#formcontact SELECT.error, 
#formcontact TEXTAREA.error,
#formcontact INPUT.error { border:solid 1px red; /*background-color:#ff3838;*/}


#formulaire_login FIELDSET {padding:10px;width:50%;margin-left:25%;}
#formulaire_login FIELDSET INPUT {width:150px;}
#formulaire_login FIELDSET LEGEND {color:#4872B5; font-weight:bold; margin:auto;display: block;}
#formulaire_login .choix INPUT {width:10px;}
#formulaire_login LI {margin:5px 0px;}
#formulaire_login #var_login {margin-left:50px;}
#formulaire_login .details {display:block;margin-top:5px;}
#formulaire_login .boutons {margin-left:40%;}

.logged { margin:15px 5px;}
.logged .sign { margin-top:10px;}


.home #page,.home #content {background-color:Transparent;}
.home #cont P {text-align:center; font-size:130%;}
.home #mnuimg {width:100%; height:235px; text-align:center;padding-left:150px;}
.home #mnuimg #eau,.home #mnuimg #nrj {float:left; width:350px; height:250px;}


.home #mnuimg #eau {background-image:url(./media/img/eau.jpg); background-repeat:no-repeat; background-position:center;}
.home #mnuimg #nrj {background-image:url(./media/img/energie.jpg); background-repeat:no-repeat; background-position:center;}

#czone #czoned #ssmenu { margin-top:5px;}
#czone #czoned #ssmenu H4 {color:#000;margin-left:5px; margin-right:5px;font-size:13px;}
#czone #czoned #ssmenu A H4 {text-decoration:none; padding:3px;}
.RG_13 #czone #czoned #ssmenu A H4 {background-color:#9abaee;}
.RG_13 #czone #czoned #ssmenu A:hover H4 {background-color:#4872B5;color:#FFF;}

.RG_14 #czone #czoned #ssmenu A H4 {background-color:#a3db84;}
.RG_14 #czone #czoned #ssmenu A:hover H4 {background-color:#85c660; }

#czone #czoned #ssmenu A.current H4 { text-decoration:none;}

.dimg {margin-top:10px; text-align:center;}
.dimg .tit { font-weight:bold;}
.dimg .desc { font-style:italic;}