body  { font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; background: #c83601; text-align: center; margin: 0; padding: 0 }

div#header    { background: #c83601 url("../im/fdHaut.gif") no-repeat left top; margin-right: auto; margin-left: auto; width: 818px; height: 100px !important }
div#header .marge  { margin: 0; padding-top: 55px; padding-left: 110px }
div#navig      { background: #c83601 url("../im/fdMenu.gif") no-repeat left top; text-align: left; margin-right: auto; margin-left: auto; width: 818px; height: 62px !important }
div#navig #droite { margin-top: 5px; margin-right: 15px; padding: 0; float: right }
html>body div#navig #droite { margin-top: 5px; margin-right: 30px; padding: 0; float: right }
div#body  { background: #c83601 url("../im/fdPage.gif") repeat-y left top; margin-right: auto; margin-left: auto; width: 818px; height: 450px }
html>body div#body   { height: auto; min-height: 450px }
div#footer   { background: #c83601 url("../im/bas.gif") no-repeat left top; margin-right: auto; margin-left: auto; width: 818px; height: 12px !important }
div#colgauche    { color: white; font-size: 12px; font-family: Verdana, Arial, sans-serif; text-align: left; float: left; margin: 0; width: 114px }
div#coldroite  { margin: 0; padding: 0; width: 114px; float: right; font-size: 9px }
div#coldroite .marge    { margin: 0; padding-right: 16px; padding-left: 6px }
div#coldroite h2  { color: #6d0600; font-size: 12px; font-family: Tahoma }
div#coldroite strong { color: #6d0600 }
div#centre     { text-align: left; margin-right: 112px; margin-left: 114px; padding: 5px 20px 20px }
/**/
#bt1,#bt2,#bt3,#bt4,#bt5,#bt1s,#bt2s,#bt3s,#bt4s,#bt5s  { margin: 0; padding: 0; height: 45px; float: left }

#bt1,#bt1s  { width: 134px }
#bt2,#bt2s  { width: 111px }
#bt3,#bt3s  { width: 120px }
#bt4,#bt4s  { width: 145px }
#bt5,#bt5s  { width: 178px }

#bt1 a, #bt1 a.visited, #bt2 a, #bt2 a.visited, #bt3 a, #bt3 a.visited, #bt4 a, #bt4 a.visited, #bt5 a, #bt5 a.visited, #bt1s a, #bt1s a.visited, #bt2s a, #bt2s a.visited, #bt3s a, #bt3s a.visited, #bt4s a, #bt4s a.visited, #bt5s a, #bt5s a.visited  { background-repeat: no-repeat; text-indent: -2000px; display: block; height: 45px }

#bt1 a, #bt1 a.visited  { background-image: url("../im/bt1.gif"); width: 134px }
#bt2 a, #bt2 a.visited  { background-image: url("../im/bt2.gif"); width: 111px }
#bt3 a, #bt3 a.visited  { background-image: url("../im/bt3.gif"); width: 120px }
#bt4 a, #bt4 a.visited  { background-image: url("../im/bt4.gif"); width: 145px }
#bt5 a, #bt5 a.visited  { background-image: url("../im/bt5.gif"); width: 178px }

#bt1 a:hover, #bt2 a:hover, #bt3 a:hover, #bt4 a:hover, #bt5 a:hover { background-repeat: no-repeat; background-position: 0 -45px }

#bt1s a, #bt1s a.visited, #bt1s a:hover  { background-image: url("../im/bt1.gif"); background-position: 0 -45px; width: 134px }
#bt2s a, #bt2s a.visited, #bt2s a:hover  { background-image: url("../im/bt2.gif"); background-position: 0 -45px; width: 111px }
#bt3s a, #bt3s a.visited, #bt3s a:hover  { background-image: url("../im/bt3.gif"); background-position: 0 -45px; width: 120px }
#bt4s a, #bt4s a.visited, #bt4s a:hover  { background-image: url("../im/bt4.gif"); background-position: 0 -45px; width: 145px }
#bt5s a, #bt5s a.visited, #bt5s a:hover  { background-image: url("../im/bt5.gif"); background-position: 0 -45px; width: 178px }

#btSituation, #btSituationS   { margin-top: 0px; margin-left: 12px; width: 102px; height: 134px; display: block }
#btSituation a, #btSituation a:visited { background-image: url("../im/villes.gif"); text-indent: -2000px; background-repeat: no-repeat; width: 102px; height: 134px; display: block; }
#btSituation a:hover  { background-position: -102px 0 }
#btSituationS a, #btSituationS a:visite, #btSituationS a:hover { background-image: url("../im/villes.gif"); text-indent: -2000px; background-repeat: no-repeat; width: 102px; height: 134px; display: block; background-position: -102px 0 }

#btMusee, #btMuseeS   { margin-top: 15px; margin-left: 12px; width: 100px; height: 88px; display: block }
#btMusee a, #btMusee a:visited { background-image: url("../im/musee.gif"); text-indent: -2000px; background-repeat: no-repeat; width: 100px; height: 88px; display: block; }
#btMusee a:hover  { background-position: -100px 0 }
#btMuseeS a, #btMuseeS a:visite, #btMuseeS a:hover { background-image: url("../im/musee.gif"); text-indent: -2000px; background-repeat: no-repeat; width: 100px; height: 88px; display: block; background-position: -100px 0 }


#btPhoto, #btPhotoS   { margin-top: 15px; margin-left: 28px; width: 70px; height: 84px; display: block }
#btPhoto a, #btPhoto a:visited { background-image: url("../im/photo-mois.gif"); text-indent: -2000px; background-repeat: no-repeat; width: 70px; height: 84px; display: block; }
#btPhoto a:hover  { background-position: -70px 0 }
#btPhotoS a, #btPhotoS a:visited, #btPhotoS a:hover { background-image: url("../im/photo-mois.gif"); text-indent: -2000px; background-repeat: no-repeat; width: 70px; height: 84px; display: block; background-position: -70px 0 }

#btAgir, #btAgirS     { display: block; margin-top: 25px; margin-left: 19px; width: 92px; height: 148px }
#btAgir a, #btAgir a:visited  { background-image: url("../im/aimez-agir.gif"); background-repeat: no-repeat; text-indent: -2000px; display: block; width: 92px; height: 148px }
#btAgir a:hover  { background-position: -92px 0 }
#btAgirS a, #btAgirS a:visited, #btAgirS a:hover  { background-image: url("../im/aimez-agir.gif"); background-repeat: no-repeat; background-position: -92px 0; text-indent: -2000px; display: block; width: 92px; height: 148px }
div#centre h1   { color: #870008; font-size: 24px; margin-top: 0px; margin-bottom: 10px }
div#centre h2 { color: black; font-size: 14px }

/* sous menu */
div#navig ul   { margin: 0; padding: 0; position: relative; top: 5px; left: 20px }
div#navig li { list-style-type: none; display: inline; margin: 0; padding: 0 }
div#navig li a, div#navig li a:visited  { color: white; text-decoration: none; background-color: #b23211; margin-right: 8px; padding: 2px 4px; border-bottom: 1px solid #501608 }
div#navig li a:hover  { color: #78210d; text-decoration: none; background-color: white; margin-right: 8px; padding: 2px 4px; border-bottom: 1px solid #501608 }

div#navig li.selec  { font-weight: bold; list-style-type: none; display: inline; margin: 0; padding: 0 }
div#navig li.selec a, div#navig li.selec a:visited   { color: #78210d; text-decoration: none; background-color: white; margin-right: 8px; padding: 2px 4px; border-bottom: 1px solid #501608 }
div#navig li.selec a:hover    { color: #bf0005; text-decoration: underline; background-color: white; margin-right: 8px; padding: 2px 4px; border-bottom: 1px solid #501608 }
/*Sous menu droite*/
div#navig #droite li a, div#navig #droite li a:visited    { color: white; text-decoration: none; background-color: #db532e; margin-right: 8px; padding: 2px 4px; border-bottom: 1px solid #501608 }
div#navig #droite li a:hover  { color: #78210d; text-decoration: none; background-color: white; margin-right: 8px; padding: 2px 4px; border-bottom: 1px solid #501608 }
div#navig #droite li.selec a, div#navig #droite li.selec a:visited  { color: #78210d; text-decoration: none; background-color: white; margin-right: 8px; padding: 2px 4px; border-bottom: 1px solid #501608 }
div#navig #droite li.selec a:hover  { color: #bf0005; text-decoration: underline; background-color: white; margin-right: 8px; padding: 2px 4px; border-bottom: 1px solid #501608 }
/*CrŽdits*/
#credits { color: silver; font-size: 11px; margin: 0 112px 0 114px; border-top: 1px solid silver }
#credits a, #credits a:visited { color: silver; text-decoration: none }
#credits a:hover { color: #2e3a84; text-decoration: underline }
/**/