/* Bonnes bases */
html, body { height:100%; }
* { margin:0; padding:0; }
/* Agencement */
div.container{ width:100%; }
div.wrapper { clear:both; float:left; width:750px; }
div.contents { margin:0 250px 0 0px; }
div.aside { float:left; width:250px; margin:0 0 0 -250px; }
/* Mise en page */
body { background:#fef7e8 url(../images/header-bg.png) repeat-x; font-family:Times new roman; font-size:14px; }
div.sbody { background:url(../images/footer-bg.png) repeat-x bottom left; }

ul#shortcuts { float:right; margin:0; padding:5px 0 0 0; font-size:10px; height:16px; font-style:italic; }
ul#shortcuts li { display:inline; margin:0; padding:0 2px;}
ul#shortcuts a { text-decoration:none; color:#000; }
ul#shortcuts a:hover { text-decoration:underline; color:#000; }

p#backmenu { margin:0; padding:5px 0 0 0; color:#000; font-size:10px; height:16px; font-style:italic; }
p#backmenu a { text-decoration:none; color:#000; }
p#backmenu a:hover { text-decoration:underline; color:#000; }

div.container { background:url(../images/background.png) repeat-y top center; min-width:750px; }
div.scntr { background:url(../images/header.jpg) no-repeat top center; }
div.sscntr { background:url(../images/footer.png) no-repeat bottom center; }
div.ssscntr { width:750px; margin:0 auto; }

div#header { clear:both; height:260px; }
div#header h1 { position:relative; top:40px; left:10px; width:295px; height:170px; }
div#header h1 a { display:block; height:100%; }
div#header span { display:none; }

div.menu { height:58px; margin:0; padding:20px 25px 0 25px; }
div.menu li { display:block; float:left; list-style-type:none; line-height:28px; font-size:16px; padding:0 25px; }
div.menu li a { display:block; color:#000; text-decoration:none; }
div.menu li a.selected { font-weight:bold; }
div.menu li a:hover, div.menu li a:active { text-decoration:underline; }

div.wrapper { width:100%; }

div.contents { min-height:490px; padding:0 55px 0 15px; }

div.aside { padding:17px 0 0 0; }

div.box { width:235px; float:right; clear:right; background:url(../images/box-background.png) repeat-y top right; margin:0 1px 0 0; font-size:12px; }
div.box div.sbox { background:url(../images/box-top.png) no-repeat top right; }
div.box div.ssbox { background:url(../images/box-bottom.png) no-repeat bottom right; padding:30px 5px 30px 30px; }
div.box div.sssbox { background:none; padding:0; }
div.box h2 { padding:0; font-size:15px; text-decoration:underline; }
div.box h2 a { color:#000; }
div.box h3 { padding:0; font-size:14px; }
div.box h3 a { color:#000; text-decoration:none; }
div.box p a { color:#000; text-decoration:none; font-weight:bold; display:block; clear:left; }
div.box p a.more:after { content:' >'; }
div.box img { float:left; margin:0 5px 0 0; }

div.footer { clear:both; height:130px; padding:60px 0 0 0; text-align:right; font-style:italic; }
div.footer ul { list-style-type:none; margin:0; padding:0; }
div.footer li { display:inline; font-size:10px; padding:0 2px;}
div.footer a { text-decoration:none; color:#000; }
div.footer a:hover { color:#000; text-decoration:underline; }

/* Traitement de texte */
/* Blocs titres */
.contents .content { color:#000; }
.contents .content h2 { padding:10px 0 0 0; font-size:20px; border-bottom:2px solid #000; font-weight:bold; font-style:italic; }
.contents .content h2:before { content:"> "; font-weight:bold; font-style:italic; }
.contents .content h3 { padding:8px 0 0 0; font-size:14px; color:#ffcc33; font-weight:bold; }
.contents .content h4 { padding:8px 0 0 0; font-weight:bold; }
.contents .content h5 { padding:5px 0 0 0; font-weight:bold; }
.contents .content h6 { padding:5px 0 0 0; font-weight:bold; }
.contents .content dt { font-weight:bold; }
/* Blocs contenus */
.contents .content dl, .contents .content p { margin:0; padding:5px 0 10px 0; }
.contents .content ol, .contents .content ul { margin:0 0 0 15px; padding:5px 0 10px 0; }
.contents .content dt { margin:0; padding:10px 0 0 0; }
.contents .content dd { margin:0; padding:0; }
.contents .content li { margin:0; padding:0; }
.contents .content ul>li { list-style-type:square; padding:0 0 0 5px; }
.contents .content p { text-align:justify; }
/* Super blocs */
.contents .content blockquote, .contents .content address ,.contents .content pre { text-align:left; border-left:1px solid #000; margin:0 0 0 5px; padding:5px 0 10px 10px; }
.contents .content blockquote { font-family:Georgia, "times new roman", serif; }
.contents .content address, .contents .content pre { font-family:"Courier New", monospace; }
.contents .content pre { _width:90%; overflow:auto; }
/* Balises en ligne */
.contents .content a { color:#000; }
.contents .content a:hover { color:#000; }
.contents .content a:visited { color:#333; }
.contents .content code { text-align:left; }
.contents .content em { font-style:italic; }
.contents .content strong { font-weight:bold; color:#8c8c8c; }
.contents .content q { font-style:italic; }
.contents .content q:before { content:"\201C"; }
.contents .content q:after { content:"\201D"; }
.contents .content img { border-style: none; margin:10px; }
#ads img { margin:2px 0; border:none; }
.contents .content kbd { border: 1px solid #888; padding: 1px 2px; }
.contents .content kbd { border: 3px outset #f3f3f3; background-color:#f3f3f3; padding: 0px 2px; cursor: default; }
.contents .content kbd:hover { border: 3px inset #f3f3f3; }
.contents .content abbr, acronym { cursor:help; }
/* Formulaires */
.contents .content fieldset { border-color:#dbdbdb; border-width:1px; border-style:dotted; border-top-color:#8c8c8c; border-top-style:groove; border-bottom:0; margin:0 0 10px 0; padding:0; }
.contents .content legend { font-size:1em; color:#666; font-weight:bold; }
.contents .content label { cursor:pointer; }
.contents .content fieldset strong, .contents .content label { font-size:1em; color:#666; font-weight:bold; }
.contents .content fieldset p { text-align:left; }
.contents .content fieldset p.summary { padding:5px 1%; }
.contents .content fieldset br { display:none; }
.contents .content span.radio, .contents .content span.select , .contents .content span.input, .contents .content span.password, .contents .content span.textarea, .contents .content span.checkbox, .contents .content span.file, .contents .content span.submit { display:block; float:left; clear:both; width:98%; margin:0; padding:5px 1%; border-bottom:1px dotted #dbdbdb; }
.contents .content span.code img, .contents .content span.code object { float:right; margin:0; }
.contents .content span.input label, .contents .content span.textarea label, .contents .content span.select label, .contents .content span.password label, .contents .content span.file label { float:left; width:45%; }
.contents .content span.input input, .contents .content span.textarea textarea, .contents .content span.select select, .contents .content span.password input, .contents .content span.file input, .contents .content span.submit input { float:right; width:45%; margin:0; padding:0; }
.contents .content span.radio strong { float:left; width:45%; }
.contents .content span.radio label, .contents .content span.checkbox label { clear:right; float:right; padding:2px 0 0 0; width:45%; }
.contents .content fieldset span small { display:block; float:left; width:45%; clear:left; font-size:0.8em ; color:#666; }
.contents .content optgroup { padding:0 0 0 10px; }
.contents .content fieldset span small.format, .contents .content fieldset span small.required  { display:none; }
.contents .content fieldset span.invalid  small.format, .contents .content fieldset span.invalid  small.required  { display:inline; color:#ff0000; }
/* Tableaux */
.contents .content table { border:1px solid #9e9e9e; border-collapse:collapse; width:100%; margin:auto; overflow: visible;  margin-bottom: 10px; }
.contents .content th { border:1px dotted #9e9e9e; padding:5px; font-size:0.9em; }
.contents .content td { font-size:0.8em; border:none; padding:5px; text-align:center; }
.contents .content caption { font-weight:bold; font-size:0.9em; margin:10px; text-align:center; }
/* Listes */
.contents .content div.entries div.item h3 { clear:left; }
.contents .content div.entries div.item h3 a { text-decoration:none; }
.contents .content div.entries div.item p.description a { text-decoration:none; }
.contents .content div.entries div.item img { float:left; margin:0 10px 10px 0; }
.contents .content div.entries div.item p.description { }
.contents .content div.entries div.item p.stats { clear:left; font-size:10px; color:#333; border-top:1px solid #333; text-align:right; }