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:775px }
#header { background:url(images/header.gif) #000 no-repeat; height:76px; position:relative }
#deco { background:url(images/deco.jpg) no-repeat; height:25px; margin-left:10px } 
#menu { background:url(images/menu/menu_bg.gif) #fff repeat-x; height:80px; margin:1px 10px }
#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:20px; text-align:center; font-size:.8em }
#footer a { color:#222 }
h1 { background:url(images/simulation-epargne.gif) 0 no-repeat; text-indent:-9000px; font-size:0.5em; margin: 0; padding: 0; width:298px; height:28px; position:absolute; top: 33px; left: 36px }
h1 a { display:block; width:100%; height:100% }
#desc { color:#999; font-size:0.9em; position:absolute; top: 57px; right: 13px; font-size:.9em }
h2 { border-bottom:2px solid #B0D80F; 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:3.5em 0 1.5em 0 }
#content { margin: 0 20px }
.highlight_box, .Result { border:2px dashed #ccc; padding:0.6em; margin:20px 0 }
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 }
.table { background: url(images/icons/table.gif) 0 }
.table { background-repeat: no-repeat; padding-left: 20px; }
.ccr-help { float:right; width: 16em; color:#666; font-size:.8em; font-family: Verdana;  background-color: #f2f2f2; padding:5px; }
.link { background: url(images/icons/link.gif) 0 }
.link { background-repeat: no-repeat; padding-left: 20px }