/* Bonnes bases */
html, body { height:100%; }
* { margin:0; padding:0; }
/* Agencement */
div.container  { width:900px; margin:0 auto; }
div.wrapper { clear:both; float:left; width:900px; }
div.contents { height:300px; overflow:auto; }
div.separator { clear:both; }
/* Mise en page */
body { background:#040011 url(../images/bg.png) repeat-x top center; color:#fff; font-family:Arial, sans-serif; }
div.sbody { background:url(../images/site.jpg) no-repeat top center; }
body#pageaccueil div.sbody { background:url(../images/accueil.jpg) no-repeat top center; }

ul#shortcuts { float:right; margin:0; padding:0; font-size:10px; height:15px; }
ul#shortcuts li { display:inline; margin:0; padding:0 0 0 4px;}
ul#shortcuts a { text-decoration:none; color:#fff; }
ul#shortcuts a:hover { text-decoration:underline; color:#fff; }

p#backmenu { margin:0; padding:0; color:#fff; font-size:10px; height:15px; }
p#backmenu a { text-decoration:none; color:#fff; }
p#backmenu a:hover { text-decoration:underline; color:#fff; }

div#header { clear:both; height:85px; }
div#header h1 { position:relative; top:0; left:2px; width:260px; height:80px; }
div#header h1 a { display:block; height:100%; }
div#header span { display:none; }

div.menu { height:25px; margin:0; padding:0 35px 0 35px; }
div.menu li { display:block; float:left; list-style-type:none; font-size:13px; padding:0 0 0 15px; line-height:25px; background:url(../images/menu.gif) no-repeat 0 3px; }
div.menu li:first-child { background:none; }
div.menu li a { display:block; color:#fff; text-decoration:none; padding:0 15px 0 15px; font-weight:bold; font-variant:small-caps; }
div.menu li a.selected { color:#fff; }
div.menu li a:hover, div.menu li a:active { color:#000; background:url(../images/menu-hover.gif) no-repeat center center; }

p.important { clear:both; text-align:center; color:#f2f2fe; padding:30px 70px 10px 70px; font-size:12px; }

div.footer { clear:both; padding:0 0 30px 0; text-align:center; }
div.footer ul { list-style-type:none; margin:0 auto; padding:0; }
div.footer li { display:inline; font-size:12px; padding:0 4px; border-left:1px solid #99979c;}
div.footer li:first-child { border:0;}
div.footer a { text-decoration:none; color:#99979c; }
div.footer a:hover { color:#99979c; text-decoration:underline; }
/* Traitement de texte */
/* Blocs titres */
div.contents div.content { padding:10px 40px 10px 55px; font-size:12px; }
div.contents div.content h2, div.contents div.content h3, div.contents div.content h4, div.contents div.content h5, div.contents div.content h6, div.contents div.content dt { font-weight:bold; margin:0; }
div.contents div.content h2 { padding:12px 0 17px 45px; font-size:15px; color:#c8c8c6; background:url(../images/h2.gif) no-repeat left top; text-decoration:underline; }
div.contents div.content h3 { padding:8px 0 0 15px; font-size: 14px; color:#4c44a9; }
div.contents div.content h4 { padding:8px 0 0 15px; font-size: 13px; }
div.contents div.content h5 { padding:5px 0 0 15px; font-size: 13px; }
div.contents div.content h6 { padding:5px 0 0 15px; font-size: 12px; }
div.contents div.content dt { font-size:12px; font-weight:bold; }
/* Blocs contenus */
div.contents div.content ol, div.contents div.content ul, div.contents div.content dl, div.contents div.content p { margin:0; padding:5px 0 10px 15px; }
div.contents div.content dt { margin:0; padding:10px 0 0 0; }
div.contents div.content dd { margin:0; padding:0; }
div.contents div.content li { margin:0; padding:0; }
div.contents div.content ul>li { list-style-type:none; background:url(../images/dot.gif) no-repeat left 2px; padding:0 0 0 15px; }
div.contents div.content p { text-align:justify; }
div.contents div.content hr { width:102px; height:58px; background:url(../images/hr.gif) no-repeat center center; border:0; margin:5px auto; }
/* Super blocs */
div.contents div.content blockquote, div.contents div.content address ,div.contents div.content pre { text-align:left; border-left:1px solid #000; margin:0 0 0 5px; padding:5px 0 10px 10px; }
div.contents div.content blockquote { font-family:Georgia, "times new roman", serif; }
div.contents div.content address, div.contents div.content pre { font-family:"Courier New", monospace; }
div.contents div.content pre { _width:90%; overflow:auto; }
/* Balises en ligne */
div.contents div.content a { color:#fff; }
div.contents div.content a:hover { color:#fff; }
div.contents div.content a:visited { color:#fff; }
div.contents div.content code { text-align:left; }
div.contents div.content em { font-style:italic; }
div.contents div.content strong { font-weight:bold; }
div.contents div.content q { font-style:italic; }
div.contents div.content q:before { content:"\201C"; }
div.contents div.content q:after { content:"\201D"; }
div.contents div.content img { border-style:none; }
div.contents div.content kbd { border: 1px solid #888; padding: 1px 2px; }
div.contents div.content kbd { border: 3px outset #f3f3f3; background-color:#f3f3f3; padding: 0px 2px; cursor: default; }
div.contents div.content kbd:hover { border: 3px inset #f3f3f3; }
div.contents div.content abbr, acronym { cursor:help; }
/* Formulaires */
div.contents div.content fieldset { font-weight:bold; border:1px solid #ccc; margin:0 0 10px 15px; padding:0; }
div.contents div.content legend { font:normal 14px Verdana; color:#ccc; border:1px solid #ccc; padding:2px 10px; margin:0 0 0 10px; }
div.contents div.content label { cursor:pointer; }
div.contents div.content fieldset strong, div.contents div.content label { font-size:1em; color:#fff; font-weight:bold; }
div.contents div.content fieldset p { text-align:left; }
div.contents div.content fieldset p.summary { padding:5px 1%; }
div.contents div.content fieldset br { display:none; }
div.contents div.content span.radio, div.contents div.content span.select , div.contents div.content span.input, div.contents div.content span.password, div.contents div.content span.textarea, div.contents div.content span.checkbox, div.contents div.content span.file, div.contents div.content span.submit { display:block; float:left; clear:both; width:98%; margin:0; padding:5px 1%; border-bottom:1px dotted #dbdbdb; }
div.contents div.content span.code img, div.contents div.content span.code object { float:right; margin:0; }
div.contents div.content span.input label, div.contents div.content span.textarea label, div.contents div.content span.select label, div.contents div.content span.password  label, div.contents div.content span.file label { float:left; width:45%; text-align:right; }
div.contents div.content span.input input, div.contents div.content span.textarea textarea, div.contents div.content span.select select, div.contents div.content span.password input, div.contents div.content span.file input, div.contents div.content span.submit input { float:right; width:45%; margin:0; padding:0; background:#c8c8c8; border:1px solid #fff; }
div.contents div.content span.radio strong { float:left; width:45%; text-align:right; }
div.contents div.content span.radio label, div.contents div.content span.checkbox label { clear:right; float:right; padding:2px 0 0 0; width:45%; }
div.contents div.content fieldset span small { display:block; float:left; width:45%; clear:left; font-size:0.8em ; color:#fff; text-align:right; }
div.contents div.content optgroup { padding:0 0 0 10px; }
div.contents div.content fieldset span small.format, div.contents div.content fieldset span small.required  { display:none; }
div.contents div.content fieldset span.invalid  small.format, div.contents div.content fieldset span.invalid  small.required  { display:inline; color:#ff0000; }
/* Tableaux */
div.contents div.content table { border:1px solid #9e9e9e; border-collapse:collapse; width:100%; margin:auto; overflow: visible;  margin-bottom: 10px; }
div.contents div.content th { border:1px dotted #9e9e9e; padding:5px; font-size:0.9em; }
div.contents div.content td { font-size:0.8em; border:none; padding:5px; text-align:center; }
div.contents div.content caption { font-weight:bold; font-size:0.9em; margin:10px; text-align:center; }