/* Bonnes bases */
html, body { height:100%; font:0.9em Verdana, Helvetica, sans-serif; }
* { margin:0; padding:0; }
/* Agencement */
div.container{ width:856px; margin:0 auto; }
div.scntr { clear:both; float:left; width:856px; }
div.wrapper { clear:both; float:left; width:856px; }
div.contents { margin:0 366px 0 0; }
div.menu { margin:0 366px 0 0; }
div.aside { float:left; width:366px; margin:0 0 0 -366px; }
div.separator { clear:both; }
/* Mise en page */
body { background:#666 url(../images/background.png) repeat center top; }

ul#shortcuts { float:right; margin:0 5px 0 0; padding:0; font-size:0.8em; }
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:#fff; }

p#backmenu { float:left; margin:0 0 0 5px; padding:0; color:#000; font-size:0.8em; }
p#backmenu a { text-decoration:none; color:#000; }
p#backmenu a:hover { text-decoration:underline; color:#fff; }

div.layout { background:#fff url(../images/contain-bg.png) repeat-y right top; }
div.wrapper { background:#fff url(../images/contain-bg.png) repeat-y right top; }

div#header { clear:both; height:155px; background:url(../images/header-bg.png) no-repeat top center; }
div#header h1 { position:relative; top:0; left:0; width:120px; height:155px; }
div#header h1 a { display:block; height:100%; }
div#header span { display:none; }

div.menu { height:28px; margin:0 0 20px 0; padding:0; }
div.menu li { display:block; float:left; list-style-type:none; line-height:28px; font-size:15px; font-weight:bold; margin:0; padding:0; }
div.menu li a { display:block; float:left; color:#fff; text-decoration:none; background:url(../images/menu-left.png) no-repeat bottom left; margin:0; padding:0 0 0 9px; }
div.menu li a span { display:block; background:url(../images/menu-right.png) no-repeat bottom right; margin:0; padding:0 10px 0 1px; }
div.menu li a.selected, div.menu li a:hover, div.menu li a:active { background-image:url(../images/menu-hover-left.png); }
div.menu li a.selected span, div.menu li a:hover span, div.menu li a:active span { background-image:url(../images/menu-hover-right.png); }

div.content { padding:0 10px 10px 10px; }

div.languages { width:100px; margin:0 0 0 176px; }
div.languages li{ display:block; float:right; margin:0 auto; }
div.languages a { display:block; width:50px; height:45px; background-position:center center; background-repeat:no-repeat; }
div.languages a span { display:none; }
div.languages a[hreflang=fr] { background-image:url(../images/button-french.png); }
div.languages a[hreflang=en] { background-image:url(../images/button-english.png); }

div.box { width:270px; float:right; clear:right; color:#666; }
div.box h2 { text-align:right; border-bottom:1px solid #000; padding:0 10px; }
div.box h2 span { display:block; font-size:18px; }
div.box h2 span, div.box h2 a { color:#000; font-weight:bold; text-decoration:none; }
div.box { margin:0 0 10px 0; font-size:12px; color:#000; }
div.box p.contact, div.box h3.contact { text-align:center; }
div.box h3 { padding:0 10px 0 0; font-variant:small-caps; font-weight:bold; font-size:13px; }
div.box h3, div.box h3 a { color:#333; text-decoration:none; }
div.box p { padding:0 10px 10px 0; }
div.box p a { color:#000; }
div.box p.next { text-align:right; }
div.box p.next a { font-weight:bold; color:#000; text-decoration:none; }
div.box p.next a:after { content:' >'; }
div.box p strong { color:#000; }
div.box p img { float:left; margin:0 10px 0 0; border:0; }
div.box.refsbox h3 { display:inline; font-variant:normal; }/*
div.box.refsbox h3:before { content:"\201C"; }
div.box.refsbox h3:after { content:"\201D"; }*/

div.footer { clear:both; text-align:right; border-top:3px solid #000; }
div.footer ul { list-style-type:none; margin:0; padding:0; }
div.footer li { display:inline; font-size:0.8em; margin:0; padding:0 2px;}
div.footer a { text-decoration:none; color:#000; }
div.footer a:hover { color:#fff; text-decoration:underline; }
/* Traitement de texte */
/* Blocs titres */
div.content { color:#222; }
div.content h2, div.content h3, div.content h4, div.content h5, div.content h6, div.content dt {  font-weight:normal; margin:0; }
div.content h2 { padding:10px 0 0 0; font-size:1.1em; font-weight:bold; border-bottom:1px solid #222; }
div.content h3 { padding:8px 0 0 0; font-size: 1em; font-weight:bold; }
div.content h4 { padding:8px 0 0 0; font-size: 1em; font-weight:bold; }
div.content h5 { padding:5px 0 0 0; font-size: 1em; font-weight:bold; }
div.content h6 { padding:5px 0 0 0; font-size: 0.9em; font-weight:bold; }
div.content dt { font-size: 0.9em; font-weight:bold; }
/* Blocs contenus */
div.content ol, div.content ul, div.content dl, div.content p { font:0.9em Verdana, Helvetica, sans-serif; margin:0; padding:5px 0 10px 0; }
div.content dt { margin:0; padding:10px 0 0 0; }
div.content dd { margin:0; padding:0; }
div.content li { margin:0 0 0 15px; }
div.content p { text-align:justify; }
/* Super blocs */
div.content blockquote, div.content address ,div.content pre { text-align:left; border-left:1px solid #000; margin:5px 0 10px 5px; padding:0 0 0 10px; }
div.content blockquote { font-family:Georgia, "times new roman", serif; }
div.content address, div.content pre { font-family:"Courier New", monospace; }
div.content pre { _width:90%; overflow:auto; }
/* Balises en ligne */
/*div.content a { color:#7fc31c; }
div.content a:hover { color:#7fc31c; }
div.content a:visited { color:#7fc31c; }*/
div.content code { text-align:left; }
div.content em { font-style:italic; }
div.content strong { font-weight:bold; color:#8c8c8c; }
div.content q { font-style:italic; }
div.content q:before { content:"\201C"; }
div.content q:after { content:"\201D"; }
div.content img { border-style:none; margin:0 0 10px 0; }
div.content kbd { border: 1px solid #888; padding: 1px 2px; }
div.content kbd { border: 3px outset #f3f3f3; background-color:#f3f3f3; padding: 0px 2px; cursor: default; }
div.content kbd:hover { border: 3px inset #f3f3f3; }
div.content abbr, acronym { cursor:help; }
/* Formulaires */
div.content fieldset { font-weight:bold; border:1px groove #8c8c8c; margin:0; padding:10px; }
div.content legend { font-size: 1em ; color:#666; }
div.content fieldset p { text-align:left; text-indent:0; margin:0; padding:0; }
div.content span.radio, div.content span.select , div.content span.input, div.content span.password, div.content span.textarea { display:block; margin:2px 0 0 0; }
div.content textarea, div.content span.input input, div.content span.password input { width:95%; _clear:both; _width:90%; padding:0; margin:0; }
div.content optgroup { padding:0 0 0 15px; }
div.content fieldset span small.format, div.content fieldset span small.required  { display:none; }
div.content fieldset span.invalid  small.format, div.content fieldset span.invalid  small.required  { display:inline; color:#ff0000; }
/* Tableaux */
div.content table { border:1px solid #9e9e9e; border-collapse:collapse; width:100%; margin:auto; overflow: visible;  margin-bottom: 10px; }
div.content th { border:1px dotted #9e9e9e; padding:5px; font-size:0.9em; }
div.content td { font-size:0.8em; border:none; padding:5px; text-align:center; }
div.content caption { font-weight:bold; font-size:0.9em; margin:10px; text-align:center; }