/* 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#subcontainer { clear:both; float:left; width:856px; }
div#wrapper { clear:both; float:left; width:856px; }
div#contain { margin:0 366px 0 0; }
div#menu { margin:0 366px 0 0; }
div#right { float:left; width:366px; margin:0 0 0 -366px; }
/* 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#container{  }
div#subcontainer { 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; }

ul#menu { height:28px; margin:0 0 20px 0; padding:0; }
ul#menu li { display:block; float:left; list-style-type:none; line-height:28px; font-size:15px; font-weight:bold; margin:0; padding:0; }
ul#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; }
ul#menu li a span { display:block; background:url(../images/menu-right.png) no-repeat bottom right; margin:0; padding:0 10px 0 1px; }
ul#menu li a.selected, ul#menu li a:hover, ul#menu li a:active { background-image:url(../images/menu-hover-left.png); }
ul#menu li a.selected span, ul#menu li a:hover span, ul#menu li a:active span { background-image:url(../images/menu-hover-right.png); }

div#contain { padding:0 10px 10px 10px; }

ul#languages { width:100px; margin:0 0 0 176px; }
ul#languages li{ display:block; float:right; margin:0 auto; }
ul#languages a { display:block; width:50px; height:45px; background-position:center center; background-repeat:no-repeat; }
ul#languages a span { display:none; }
ul#languages a[hreflang=fr] { background-image:url(../images/button-french.png); }
ul#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.contact { text-align:center; }
div.box div h3 { padding:0 10px 0 0; font-variant:small-caps; font-weight:bold; font-size:13px; }
div.box div h3, div.box div h3 a { color:#333; text-decoration:none; }
div.box div p { padding:0 10px 10px 0; }
div.box div p a { color:#000; }
div.box div p.next { text-align:right; }
div.box div p.next a { font-weight:bold; color:#000; text-decoration:none; }
div.box div p.next a:after { content:' >'; }
div.box div p strong { color:#000; }
div.box div p img { float:left; margin:0 10px 0 0; border:0; }

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