body { color: #333; background: #fff; margin:auto;}
td, tr, th, p, div, ul, li, body, h1, h2, h3, h4, h5, .bl { font-size: 11px; font-family: Verdana, Arial, Geneva, Helvetica, Swiss, SunSans-Regular, sans-serif }
A:link, A:visited { color: #06c; text-decoration: underline }
A:active, A:hover { color: #04a; text-decoration: none }
.cl1 { background: #e5e5e5 }
.cl2 { background: #fff }
.cl3 { background: #369 }
.top { background: #fff }
.bgb { background-color: #036; vertical-align: top }
.bgw { background-color: #fff; vertical-align: top }
.fvt2 { background: #fff url("../i/fvt2.gif") repeat-y }
.avert { background: #f9d265; vertical-align: middle }
.lh { line-height: 16px }
h1, h2, h3, h4, h5, .abc { color: #1f368b; font-weight: bold; display: inline }
h1 { font-size: 20px; line-height: 20px }
h2 { font-size: 10px; line-height: 38px }
h3 { color: #999; font-size: 14px; line-height: 30px }
h4 { color: #1f368b; font-size: 20px; line-height: 24px; margin: 0 }
h5 { color: #1f368b; font-size: 14px; line-height: 16px }
.tg { color: #666 }
.t10g { font-size: 10px }
.bl, .blb, .tlchrg { color: #333 }
.blb { font-weight: bold }
.tlchrg { padding-top: 4px; border-top: 1px dotted #ccc }
.note { color: #8f8f8f; font-size: 10px }
.blink { color: #00f }
.abc { color: #036; font-size: 16px; line-height: 16px }
.tdmain { text-align: justify }
.tdmode { text-align: left }
.tdclose { text-align: center }
/* HAUT */
#haut { background-color: #1f368b; background-image: url("../i/haut/head_bg.gif"); background-repeat: repeat-x; text-align: left }
#logo { margin-top: 0; position: absolute; top: 0; left: 0; width: 300px; height: 70px }
#accesclient { background-image: url("../i/haut/bgaccesclient.gif"); background-repeat: no-repeat; background-position: 0 100%; position: absolute; top: 0; right: 0; width: 240px; height: 40px; float: right }
#accesclient h1 { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 8px 0 0 40px; padding: 0 }
#menuhaut { margin: 0; padding: 0; position: absolute; top: 39px; right: 28px; width: 560px; height: 28px }
#menuhaut ul { list-style-type: none; display: block; margin: 0; padding: 0; height: 30px; float: right }
#menuhaut li { background-image: url("../i/haut/elipse.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; margin: 1px 0 0; padding: 0; float: left }
#menuhaut li a { color: #fff; font-size: 11px; line-height: 28px; text-decoration: none; margin: 0 1px 0 0; padding: 0 12px; height: 28px; float: left }
#menuhaut li a:hover { color: #ffd700; text-decoration: none }
#menuhaut li#arrondi_gauche a { background-position: left -24px; padding-left: 1px }
#menuhaut li#arrondi_droite a { background-position: right -24px; padding-right: 1px }
#accesclient { display: none }
#accesclient p.bt { margin-top: 4px; margin-left: 16px }
#accesclient a .accesclientblanc { color: #fff }
#accesclient a .accesclientblanc { color: #fff }
#accesclient p { color: #00bbef; font-size: 10px; margin: 0 0 0 20px }
#accesclient a { color: #ffd204 }
#accesclient a:hover { color: #00bbef }
#haut.erreur { background: #1a226b; text-align: left; height: 82px }
/* Fin HAUT */