* { margin:0; padding:0 }
body, html { font:0.9em Arial, Verdana, sans-serif; color:#222; padding:5px; color:#222 }
#page { margin:auto; width:960px }
#header { height:85px; position: relative }
#slogan { position: absolute; right:0; top:30px; color:#bbb; font-size:1.5em; font-style:italic; overflow: hidden; letter-spacing: 1px; word-spacing: 3px }
#menu-guide { width:244px; background-color:#efefef; float:left; padding:8px; border-radius: 6px }
#menu-guide li { margin:0.7em 6px; padding-left: 0; background: none }
#menu-guide a { color:#222 }
#menu-guide a:hover { color:orange }
.menu_niv1 { color:orange; font-size:1.1em; margin:1em 0; font-weight: bold; letter-spacing: 1px; word-spacing: 3px; text-transform:uppercase; }
#menu-guide .first { margin-top: 0 }
.menu_niv2 { color:#769712; font-size:1.1em; margin:1em 0; font-weight: bold }
#menu-guide .hr { border:0; height:4px; background: url(images/stripe_vert.gif) 0 0 repeat; margin:15px 0 10px; width:65% }
#content { margin-left:270px }
.illustration img, .illustration_cadre img { float:left; margin: 0 12px 0 0; border-radius: 6px }
.illustration_cadre img { border:1px solid #ddd }
.illustration-txt { margin-left:294px; }
#chapo, #chapo-home { font-size:1.1em; display:block }
#chapo, #chapo-home { border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; padding:10px; margin:1.8em 0 }
#chapo-home { margin-top:0 }
#footer { text-align: center; background: url(images/stripe_gray.gif) 0 0 repeat-x; padding-top:10px; margin-top:18px; font-size:0.9em }
#menu_footer { background-color:#f0f0f0; padding:5px 10px; margin:0; border-radius: 6px; }
#menu_footer li { background: none; display: inline; margin:0 15px 0 0; padding:0  }
#toplink { float:right; background: url(images/icons/top.gif) 0 0 }
#print { background: url(images/icons/print.gif) 0 0 }
#mail { background: url(images/icons/mail.gif) 0 0 }
#star { background: url(images/icons/star.gif) 0 0 }
.light { background: url(images/icons/light.gif) 0 0 }
.ajax { background: url(images/icons/ajax.gif) 0 0 }
.calcul { background: url(images/icons/calcul.gif) 0 0 }
.accept { background: url(images/icons/accept.gif) 0 0; color: #080 }
#print, #mail, #star, #toplink, .ajax, .accept, .light, .calcul { background-repeat: no-repeat; padding-left: 20px }
#menu_footer, #RecoArticle, #share-button, #toplink { margin-top:15px }
.infobox, .exemple { margin:2em 0; padding:0 1em }
.infobox { border-radius: 6px; border:1px solid #ddd }
.exemple { border:1px solid #ddd; background-color:#fafafa; }
.infobox .titre, .exemple .titre { color:#769712; font-weight: bold }
h1 { position: absolute; left:0; top:10px; text-indent:-9000px; display: block; height:67px; }
h1 a { display:block; width:100%; height:100% }
h2 { font-size:1.5em; margin-bottom: 1.2em; color:#769712; background-color:#ECF7D6; padding:3px 0 3px 12px; font-weight: normal; border-radius: 6px; word-spacing: 4px }
h3 { font-size:1em; text-transform:uppercase; margin:1.5em 0; color:orange; background: url(images/h3.gif) 0 1px no-repeat; padding-left:22px; letter-spacing: 1px; word-spacing: 3px }
h4 { background: url(images/li.gif) 0 0.5em no-repeat; padding-left: 1.5em; margin:3.5em 0 1em; color:#769712; font-weight: bold }
h4 strong { color:orange }
p { margin:1em 0; text-align : justify }
p, li { line-height : 1.6em }
ul, ol { list-style-type:none; margin:1em 0 }
li { margin:0.5em 2em; background: url(images/li.gif) 0 0.5em no-repeat; padding-left: 1.5em }
a, a:visited { color: #769712 }
a:hover, a:active { color:orange }
.clear { clear: both }
.red_star { color:red }
.erreur { color: #f03 }
#home-box-link { margin:22px 0 }
#home-box-link p { font-size:0.9em; text-align:left; margin:0 }
#home-box-link .infobox { padding:5px; margin:0; width:325px; height:115px }
#home-box-link strong { display:block; margin-bottom:5px }
#home-box-link a { color:orange }
#home-box-link img { float:left; margin-right:4px }