td, body { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
body { background: #fff url(images/background.gif) fixed no-repeat 100% 100%; margin: 0 }
form { padding: 0; margin: 0 } 
a { color: #03C; text-decoration: none; font-weight: bold }
a:hover { color: #999; text-decoration: underline }
a img, table, img { border: 0 }
body, p, dl { text-align: center } 
h1 { font-size: 16px; color: #666 }
ul { margin: 0; padding: 0; text-align: left }
li { list-style-type: none; padding-left: 23px; margin: 7px 0; background: url(images/puce.gif) no-repeat 0% 50% }

#anno li, .txt li, #oneclic ul li { background: url(images/arrow.gif) no-repeat 0% 50% }
.txt li { background-position: 0 1% }
#description { position: absolute; display: none }

/* divers */
#erreur { background: #FFF; padding: 10px }
.chrono { font-size: 9px; color: #999; }
.petit { font-size: 10px }
.pop { visibility: hidden; position: absolute; width: 15%; background: #eee; right: 4px; text-align: left; padding: 4px; font-size: 11px }
#corps p, #corps ul, td p, #txthome { text-align: justify; line-height: 137% }
#corps p, #corps ul, #corps table { margin: 13px 10% }
#txthome { width: 250px; height: 165px; overflow: auto; margin: 0; padding: 1px 3px 1px 0 }
.lex { background: #eee; border: 1px solid #000; text-align: center }
#webo { margin: 15px 0 } /* virer */
#pub { margin: 0 auto 10px auto; padding: 0 }
.folio * { margin: 0 7px }
.folio span { font-weight: bold; visibility: hidden }

/* en tête */
h1#entete { width: 100%; font-size: 16px; text-align: center; padding: 7px 0 7px 0; margin: 0 0 10px 0 }
.jau { background: #fc0; color: #000 }
.rou { background: #c00; color: #fff }
.ble { background: #30c; color: #fff }
.ver { background: #090; color: #fff }
.mau { background: #909; color: #fff }

/* home */
#homepage select { width: 225px }
#homepage form { margin-top: 5px }
a#one, a#two { display: block; width: 250px; height: 167px; margin: 0 }
a#one:hover, a#two:hover { background-position: 100% 0 }
#homepage .liste { border: 1px dotted #999; padding: 5px; text-align: justify }

#matos td { font-size: 10px; width: 150px }
#matos a img { border: 1px solid #000; width: 150px; height: 100px }
#matos .droite { text-align: right }

#geom { width: 650px }
#geom td { text-align: justify }
#geom img { width: 300px }

/* tech */
#menu td { text-align: center }
#menu .comment { width: 250px; font-size: 10px }

#spot td { text-align: center; width: 200px }
#spot td img { width: 149px; height: 99px }

/* corps de page */
#icontenu { border-left: 100px solid #000 }
#imenu { position: absolute; top: 0; left: 0; width: 100px; padding: 17px 0; background: #000 }

/* menu */
#imenu img { margin-bottom: 5px }
#imenu a { display: block; width: 25px; height: 25px; margin: 3px auto; clear: both }
a#anns { background: url(images/imenu/jaune.gif) }
a#tech { background: url(images/imenu/rouge.gif) }
a#annu { background: url(images/imenu/vert.gif) }
a#mato { background: url(images/imenu/bleu.gif) }
a#spot { background: url(images/imenu/mauve.gif) }
a#accu { background: url(images/imenu/orange.gif) }
a#anns:hover, a#tech:hover, a#annu:hover, a#mato:hover, a#spot:hover, a#accu:hover { background-position: 100% 0 }

.cssimg a span, #imenu a span { display: none }

/* màj */
h1#entete { margin: 0 0 10px 0 }
#webo { margin: 0; padding: 15px 0 }
li.warning { background: url(images/puce_news.gif) no-repeat 0% 50% }

/* plan du site */
#oneclic ul { margin-left:100px }
#oneclic h1 { text-align:left; margin: 23px 0 0 90px }