/*Base
*/
body   { font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; background: #64b053 url("../im/fdDegr.gif") repeat-x; text-align: center; margin: 0; padding: 0 }
div#rootFilet   { background-color: #dde499; margin-top: 5px; margin-right: auto; margin-left: auto; width: 840px; border: solid 3px #010160 }
div#rootHeader       { background-image: url("../im/bdHaut.jpg"); background-repeat: no-repeat; background-position: left top; text-align: left; margin-right: auto; margin-left: auto; position: relative; width: 840px; height: 180px !important }
div#rootHeader #logo   { position: absolute; top: 0; left: 0 }
div#rootHeader #liens    { font-size: 12px; text-align: center; position: absolute; top: 135px; left: 157px; width: 550px; height: 50px }
/* div#rootHeader #liens span  { margin: 0 20px; padding: 0 } */
div#rootHeader #liens .haut, div#rootHeader #liens .hautS   { margin: 0 40px 0 0; padding: 0; float: left }
div#rootHeader #liens #bas  { text-align: left }


div#rootHeader #halte   { text-indent: -2000px; display: block; margin: 0; padding: 0; position: absolute; top: 0; right: 0; width: 114px; height: 102px }
div#rootHeader #halte a:link,div#rootHeader #halte a:visited { background-image: url("../im/halte.gif"); display: block; height: 102px; width: 114  }
div#rootHeader #halte a:hover  { background-image: url("../im/halte.gif"); background-position: -114px 0; display: block; width: 114; height: 102px }

div#rootHeader #halteS   { text-indent: -2000px; display: block; margin: 0; padding: 0; position: absolute; top: 0; right: 0; width: 114px; height: 102px }
div#rootHeader #halteS a:link,div#rootHeader #halteS a:visited, div#rootHeader #halteS a:hover { background-image: url("../im/halte.gif"); background-position: -114px 0; display: block; height: 102px; width: 114  }


div#rootHeader .hautS a:link, div#rootHeader .hautS a:visited { color: #e60000 !important; text-decoration: none }
div#rootHeader .hautS a:hover { color: #060664 !important }

div#rootHeader .selec a:link, div#rootHeader .selec a:visited { color: #e60000 !important; text-decoration: none }
div#rootHeader .selec a:hover { color: #060664 !important }

div#rootHeader #liens a,div#rootHeader #liens a:visited  { color: #060664; text-decoration: underline }
div#rootHeader #liens a:hover { color: #e60000 }

div#rootHeader #meteo      { font-weight: bold; position: absolute; top: 144px; left: 760px }
div#rootHeader #meteo a,div#rootHeader #meteo a:visited { color: white; text-decoration: none }
div#rootHeader #meteo a:hover  { text-decoration: underline }
div#rootFooter       { color: #b7bf62; font-size: 11px; background: #dde499 url(../im/bdBas.gif) no-repeat left top; clear: both; margin-right: auto; margin-left: auto; width: 840px; height: 51px }
div#liensFooter     { position: relative; top: 32px; left: 100px }
div#liensFooter a, div#liensFooter a:visited  { color: #060664; text-decoration: none }
div#liensFooter a:hover  { color: #e60000; text-decoration: none }
div#rootMenug  { color: white; font-size: 12px; font-family: Verdana, Arial, sans-serif; margin: 0; width: 114px; float: left }
div#rootCentre       { background: #dde499 url(../im/fdCentre.gif); width: 840px; height: 450px }
html>body div#rootCentre { height: auto; min-height: 450px }
/*Menu gauche
*/
div#rootMenug     { color: white; font-size: 12px; font-family: Arial, sans-serif; background-color: #dde499; text-align: left; float: left; margin: 0; padding: 0; position: relative; top: 0px; left: 0px; width: 157px; display: inline }
div#rootMenug h1          { color: white; font-size: 14px; font-family: Arial, sans-serif; font-weight: 700; background-repeat: no-repeat; text-align: center; display: block; margin: 0; padding: 0; width: 157px; height: 55px; overflow: hidden }
div#rootMenug h1 a  { color: white; text-decoration: none; background-image: url("../im/btNavig.gif"); background-position: -157px 0; display: block; margin: 0; padding-top: 12px; padding-right: 20px !important; height: 55px }
div#rootMenug h1 a:hover { background-image: url("../im/btNavig.gif"); background-position: -157px 0 }

div#rootMenug h2          { color: white; font-size: 14px; font-family: Arial, sans-serif; font-weight: 700; background-repeat: no-repeat; text-align: center; display: block; margin: 0; padding: 0; width: 157px; height: 55px; overflow: hidden }
div#rootMenug h2 a  { color: white; text-decoration: none; background-image: url("../im/btNavig.gif"); display: block; margin: 0; padding-top: 12px; padding-right: 20px !important; height: 55px }
div#rootMenug h2 a:hover  { background-image: url("../im/btNavig.gif"); background-position: -157px 0 }
div#rootMenug li      { font-size: 12px; list-style-type: none; display: block; margin: 0; padding: 0; border: solid 1px #dde499 }
div#rootMenug li a   { color: #000062; text-decoration: none; display: block; margin: 0; padding: 2px 4px }
div#rootMenug li.select a, div#rootMenug li.select a:visited, div#rootMenug li.select a:hover  { color: white; text-decoration: none; background-color: #ed0000; display: block; margin: 0; padding: 2px 4px }
div#rootMenug li a:visited { color: #000062; text-decoration: none }
div#rootMenug li a:hover { color: white; text-decoration: none; background-color: #ed0000 }
div#rootMenug ul { list-style-type: none; margin: 0; padding: 0 }
/*Contenu*/
div#rootContenu   { background: transparent url(../im/hArrondi.gif) no-repeat; text-align: left; float: left; width: 683px; display: inline }
div#rootContenu #contenu  { text-align: justify; padding: 12px 26px 10px 10px }