/* Bonnes bases */
html, body { height:100%; }
* { margin:0; padding:0; }
/* Agencement */
div.container{ width:100%; min-width:890px; margin:0 auto; }
div.ssscntr{ width:890px; margin:0 auto; }
div.wrapper { clear:both; float:left; width:890px; }
div.contents { margin:0 0 0 235px; }
div.aside { float:left; width:225px; margin:0 0 0 -880px; }
div.separator { clear:both; }
/* Mise en page */
body { background-color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; }

div.container { background:url(../images/contain.png) repeat-y center top; }
div.scntr { background:url(../images/header.png) no-repeat center top; }
div.sscntr { background:url(../images/footer.png) no-repeat center bottom; }

#shortcuts { float:right; height:20px; font-size:10px; }
#shortcuts ul { list-style-type:none; margin:0; padding:0; }
#shortcuts li { float:right; display:inline; list-style-type:none; }
#shortcuts a { color:#e8e8f2; text-decoration:none; font-weight:bold; padding:0 0 0 10px; }
#shortcuts a:hover { color:#bebebe; }

p#backmenu { float:left; color:#e8e8f2; font-size:10px; height:20px; }
p#backmenu a { color:#e8e8f2; text-decoration:none; font-weight:bold; }
p#backmenu a:hover { color:#bebebe; }

#header { clear:both; width:890px; height:297px; margin:0 auto; padding:0; }
#header h1 { margin:0; padding:0; }
#header a { margin:0; padding:0; width:700px; height:120px; display:block; position:relative; left:100px; top:160px; }
#header a span { display:none; }

div.aside { background:#f2f2f2; }

div.box h2 { clear:both; margin:0; padding:1px 10px; background:#f7f619; font-size:16px; font-weight:bold; text-align:center; }
div.box a { font-weight:bold; color:#000; text-decoration:none; }
div.box div.bcontent { margin:10px 10px 15px 10px; }
div.box h3 { text-align:center; font-size:12px; }
div.box p { text-align:justify; font-size:10px; }
div.box p a.more:after { content:">>"; }
div.box p img { display:block; margin:0 auto; text-align:center; }
div.box li { list-style-type:none; text-align:center; font-size:16px; }
div.box li a.selected { color:#222; }
div.box li a { padding:0; background:no-repeat center top; color:#000; text-decoration:none; font-weight:bold; text-align:center; }
div.box li a:hover { color:#222; }

div.contents { min-height:360px; padding:20px; }

div.footer { clear:both; padding:20px 0 0 0; }
div.footer ul { height:35px; margin:0 auto; padding:0 140px 0 0; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; list-style-type:none; }
div.footer li { float:right; margin:0; padding:0 5px; }
div.footer a { color:#000; text-decoration:none; font-weight:bold; }

/* Traitement de texte */
/* Blocs titres */
.contents .content { color:#000; }
.contents .content h2, .contents .content h3, .contents .content h4, .contents .content h5, .contents .content h6, .contents .content dt { font-weight:normal; }
.contents .content h2 { padding:0; font-size:18px; border-bottom:1px solid #000; font-weight:bold; }
.contents .content h3 { padding:8px 0 0 0; font-size: 16px; font-weight:bold; }
.contents .content h4 { padding:8px 0 0 0; font-size: 14px; font-weight:bold; }
.contents .content h5 { padding:5px 0 0 0; font-size: 12px; font-weight:bold; }
.contents .content h6 { padding:5px 0 0 0; font-size: 12px; font-weight:bold; }
.contents .content dt { font-size: 12px; font-weight:bold; }
/* Blocs contenus */
.contents .content ol, .contents .content ul, .contents .content dl, .contents .content p { font:Verdana, Helvetica, sans-serif; margin:0; padding:5px 0 10px 0; }
.contents .content dt { margin:0; padding:10px 0 0 0; }
.contents .content dd { margin:0; padding:0; }
.contents .content ul, .contents .content ol { margin:0; padding:0 0 0 20px; }
.contents .content ul li { list-style-type:none; background:url(../images/dot.png) no-repeat left top; padding-left:15px; }
.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:5px 0 10px 5px; padding:0 0 0 10px; }
.contents .content blockquote { font-family:Georgia, "times new roman", serif; }
.contents .content address, .contents .content pre { font-family:"Courier New", monospace; }
/* Balises en ligne */
.contents .content code { text-align:left; }
.contents .content em { font-style:italic; }
.contents .content strong { font-weight:bold; }
.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; }
.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 { font-weight:bold; border:1px solid #787e82; margin:15px 0; padding:0; }
.contents .content legend { font-size:16px; line-height:30px; color:#787e82; padding:0 5px; margin:0 10px; }
.contents .content label { cursor:pointer; }
.contents .content fieldset strong, .contents .content label { color:#000; font-weight:bold; }
.contents .content fieldset p { text-align:left; }
.contents .content fieldset p.summary { padding:0 15px; }
.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:96%; margin:0 0 15px 0; padding:0 1%; }
.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%; text-align:right; }
.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; font-size:12px; }
.contents .content span.textarea textarea { height:120px; }
.contents .content span.radio strong { float:left; width:45%; text-align:right; }
.contents .content span.radio label, .contents .content span.checkbox label { clear:right; float:right; padding:0; width:45%; }
.contents .content fieldset span small { display:block; float:left; width:45%; clear:left; font-size:10px; color:#666; text-align:right; }
.contents .content optgroup { padding:0 0 0 15px; }
.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:0 0 15px 0; }
.contents .content th { border:1px dotted #9e9e9e; font-size:12px; }
.contents .content td { font-size:10px; border:none; text-align:center; }
.contents .content caption { font-weight:bold; font-size:12px; margin:15px; text-align:center; }
/* Listes */
.contents .content div.entries div.item h3 { clear:left; }
.contents .content div.entries div.item h3 a { text-decoration:none; color:#000; }
.contents .content div.entries div.item img { float:left; margin:15px 10px 10px 0; }
.contents .content div.entries div.item p a { text-decoration:none; color:#000; }
.contents .content div.entries div.item p.stats, .contents .content div.entries div.item p.sign { clear:left; font-size:10px; color:#222; border-top:1px dotted #222; text-align:right; padding:0; }
.contents .content div.entry p.options { text-align:center; clear:both; }
.contents .content p.page { clear:both; text-align:right; line-height:17px; vertical-align:top; padding:20px 0 0 0; }