/********** GLOBAL **********/
* { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}
HTML { height: 100%; }
BODY { height: 100%; background: #F7F7F7 url(../pics/interface/bg-top.gif) repeat-x; }
#conteneur { position: relative; width: 770px; height: 100%; left: 50%; margin-left: -385px; background: url(../pics/interface/bg-menu.gif) repeat-y 130px; }

#conteneur_search { position: absolute; width: 100%; height: 1050px; left: 0%; top:0px; visibility:hidden; background: url(../pics/blanc_filigranne.gif) repeat;}
#window_search { position: absolute; width: 22%; height: 105px; left: 36%; top: 300px; background: #FFDDDD; border:#000000 solid 4px; padding:5px;}

#conteneur_login { position: absolute; width: 100%; height: 1050px; left: 0%; top:0px; visibility:hidden; background: url(../pics/blanc_filigranne.gif) repeat;}
#window_login { position: absolute; width: 27%; height: 136px; left: 35%; top: 350px; background: #FFDDDD; border:#000000 solid 4px; padding:5px;}

HTML>BODY #conteneur { min-height: 100%; height: auto; }
/********** EN-TETE **********/
#header { height: 80px; background: url(../pics/interface/header.gif) no-repeat 100px; }
#header H1 { padding: 55px 0 0 405px; font-weight: bold; }
/********** MENU **********/
#menu { float: left; width: 130px; margin-top: 30px; padding-bottom: 220px; background: url(../pics/interface/croix.gif) no-repeat right bottom; list-style: none; text-align: right; }
#menu LI { padding-bottom: 10px; }
#menu A { display: block; padding: 0 5px 5px 0; background: none; font-weight: bold; text-decoration: none; }
#menu .nohover:hover { color: #000000; background: url(); }
#menu A:hover { color: #E2954F; background: url(../pics/interface/pointilles.gif) no-repeat bottom;}
/********** CORPS DE LA PAGE **********/
#article { float: right; width: 620px; padding-top: 24px; text-align: justify;}
#article P { margin-bottom: 10px; line-height: 20px; }
#article H1 { height: 30px; margin-bottom: 10px; padding: 5px 0 0 30px; background: url(../pics/interface/tonneau.gif) no-repeat; color: #C00; font-size: 14px; font-weight: bold; font-style: italic; }
#article H2 { margin-bottom: 10px; background: url(../pics/interface/h2.gif) repeat-x 0 8px; }
#article .texteH2 { margin-left: 10px; padding: 0 10px 0 10px; background: #F7F7F7; color: #E2954F; font-size: 13px; font-weight: bold; }
#article H3 { margin: 5px 0 10px 0; font-weight: bold; }
#article .pointilles { border-bottom: 1px dashed #55373A; padding-bottom: 10px; }
#article A { color: #C00; text-decoration: none; }
#article A:hover { text-decoration: underline !important; }
#article UL { margin: 15px 0 15px 30px; }
#article LI { margin: 0 0 5px 0; line-height: 20px; }
#article INPUT.lock { background: #F7F7F7 url(../pics/interface/lock.gif) no-repeat left center; padding-left: 20px; width: 100px; border: 0px; }
#article TD { vertical-align: middle; padding: 5px; }
#article TD.champ INPUT, #article TD.champ TEXTAREA { border: 1px solid #C00; }
#enbref { float: right; width: 200px; margin: 0 0 10px 15px; padding: 5px; border: 1px dotted #666; }
#enbref UL { margin-left: 15px; }
/********** PIED-DE-PAGE **********/
#footer { clear: both; padding: 10px 0 15px 150px; text-align: center; }
#footer A:hover { color: #E2954F; }
/********** AUTRES **********/
IMG { border: 0; vertical-align: middle; }
.center { text-align: center; }
.right { text-align: right; }
.copyright { font-size: 10px; color: #CCCCCC; }
.gauche { float: left; margin: 0 10px 2px 0; }
.droite { float: right; margin: 0 0 2px 10px; }
.tab { border: 0px; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #55373A; }
.max { width: 95%; }
.blink { text-decoration: blink; }
.top { vertical-align: top !important; }