body, html { margin:0; padding:0; font:0.9em Arial, Verdana, sans-serif; color:#222; background:#7F7F7F; text-align:center }
#page { margin:auto; background:url(images/page_bg.gif) #fff repeat-y; text-align:left; width:778px }
#header { background:url(images/header.jpg) #000 no-repeat; height:100px; position:relative }
#menu { background:url(images/menu/menu_bg.gif) #fff repeat-x; height:80px; margin:0 10px 1px }
#menu ul { background:url(images/menu/menu_end.gif) 100% 0 no-repeat; height:80px; margin:0; padding: 0 }
#menu li { background:none; float: left; padding: 0 }
#menu a { display:block; white-space:nowrap; height:80px; line-height:80px; background:url(images/menu/menu_triple.gif) top left transparent repeat-x; padding:0 10px; color:#fff; text-decoration:none; text-transform:uppercase; font-size:.8em }
#menu a:hover { background-position:center left }
#menu .select a, #menu .select a:hover { background-position:bottom left }
#first_menu a { background:url(images/menu/menu_start_triple.gif) no-repeat; padding:0 10px 0 30px }
#footer { background:url(images/page_bottom.gif) bottom center transparent no-repeat; padding:15px 0 25px; text-align:center; font-size:.8em }
#footer a { color:#222 }
h1 { background:url(images/poids-ideal.gif) 0 no-repeat; text-indent:-9000px; font-size:0.5em; margin: 0; padding: 0; width:257px; height:24px; position:absolute; top: 35px; left: 25px }
h1 a { display:block; width:100%; height:100% }
#header strong { color:#bbb; font:0.8em Verdana, sans-serif; position:absolute; top: 67px; left: 45px }
h2 { border-bottom:2px solid #B99BED; font-size:1.3em; color:#515151; padding:0; margin:1.4em 0 }
h2 a { text-decoration:none; border:none }
h2 a:hover { border-bottom:1px dotted silver }
h3 { font-size:0.9em; color:#515151; text-transform:uppercase; padding:0; margin:1.7em 0 1em 0 }
#content { margin: 0 10px; padding: 0 4px 0 10px; background: url(images/ad_bg.gif) 100% 0 repeat-y }
#content_corp { width: 570px; float:left }
#content_right { float:right; margin-top:25px; width:160px; }
.right_title { background:url(images/stripe_gray.gif) 0 repeat; padding: 3px 5px; margin:10px 0; color: #555; font-weight:bold }
.right_menu { margin:0; padding:0 }
.right_menu li { background:none; padding:4px }
.highlight_box, .Result { border:2px dotted #ccc; padding:0.6em; }
ul, ol { list-style-type:none }
ul li, ol li { background:transparent url(images/puce.png) 2px .4em no-repeat; padding:0 0 0.6em 18px }
ul ul li, ol ol li { background:transparent url(images/bullet.gif) 0px .5em no-repeat; padding-left:8px }
form { padding:0; margin:0 }
table { font-size:1em }
p { line-height:1.5em }
a { color:#0066cc; font-weight:bold }
td {padding : 2px }
dl { padding:0; margin:0 0 1em 0 }
dt, dd { line-height: 1.6em }
dt { width: 15em; float: left }
dd { color: #738D0A; font-weight:bold }
.lft { width:170px }
.clear { clear: both; height: 1px; overflow: hidden }
.calcul { background: url(images/icons/calcul.gif) 0 }
.table { background: url(images/icons/table.gif) 0 }
.delete { background: url(images/icons/delete.gif) 0 }
.link { background: url(images/icons/link.gif) 0 }
.add { background: url(images/icons/add.gif) 0 }
.equilibre { background: url(images/icons/equilibre.gif) 0 }
.chart_line { background: url(images/icons/chart_line.gif) 0 }
.memail { background: url(images/icons/memail.gif) 0 }
.list { background: url(images/icons/list.gif) 0 }
.table, .calcul, .delete, .link, .add, .equilibre, .chart_line, .list { background-repeat: no-repeat; padding-left: 20px; }
.memail { background-repeat: no-repeat; padding-left: 16px } 
.ccr-help { float:right; width: 16em; color:#666; font-size:.8em; font-family: Verdana;  background-color: #f2f2f2; padding:5px; }
div.erreur { border: 1px dashed #f03; background: #f2f2f2 url(images/icons/error.gif) 8px 9px no-repeat; padding: 8px 8px 8px 28px; margin-bottom:20px}
.erreur { color: #f03 }
#point td { padding: 2px 15px }
#point tr { background-color: #eee; cursor: default }
#point thead td { background-color: #ddd; padding: 4px 15px; text-transform:uppercase; font-size:0.8em; }