/* Bonnes bases */
html, body { height:100%; font-family:Verdana, Helvetica, sans-serif; }
* { margin:0; padding:0; }
/* Agencement*/
div.layout { width:950px; margin:0 auto; }
div.wrapper { clear:both; float:left; z-index:1; width:610px; }
div.contents { margin:0 0 0 0; }
div.aside { float:left; width:310px; margin:0 0 0 30px; z-index:2; }
div.separator { clear:both; }

div#lilband { width:100%; margin:0; padding:0; background:url(../images/header-bg.png); }

ul#shortcuts { float:right; list-style-type:none; font-size:10px; height:15px; }
ul#shortcuts li { display:inline; list-style-type:none; margin:0 0 0 10px; }
ul#shortcuts a { color:#fff; text-decoration:none; }
ul#shortcuts a:hover, ul#shortcuts a:focus { color:#000; }

p#backmenu { float:left; margin:0 0 3px 0; padding:0 0 3px 0; font-size:10px; color:#fff; height:15px; }
p#backmenu a { color:#fff; text-decoration:none; }
p#backmenu a:hover, p#backmenu a:focus { color:#000; }

div#header { width:100%; height:115px; background:url(../images/header-bg.png); }
div#header h1 { width:950px; height:100%; margin:0 auto; padding:0; background:url(../images/fr/header.png) no-repeat; }
body.langen div#header h1 { background-image:url(../images/en/header.png); }
div#header a { margin:0; padding:0; width:950px; height:80px; display:block; position:relative; left:0; top:30px; }
div#header a span { display:none; }

div.languages { clear:both; float:left; list-style-type:none; font-size:18px; line-height:20px; margin:0; padding:10px 0 0 0; font-size:12px; }
div.languages li { float:left; padding:0 10px 0 0; }
div.languages li  a { display:block; background:url(../images/lang.gif) no-repeat center left; color:#ffee25; padding:0 0 0 14px; text-decoration:none; }
div.languages li  a:hover, div.language li  a.selected { background-image:url(../images/lang-selected.gif); }
div.languages li  a span { display:none; }
div.languages li[lang="fr"]  a:after { content:'Français'; }
div.languages li[lang="en"]  a:after { content:'English'; }


div.menu { height:30px; background:url(../images/menu-bg.png) repeat-x top left; font-size:12px; margin:0 0 30px 0;; }
div.smn { width:950px; margin:0 auto; }
div.menu ul { float:right; list-style-type:none; font-size:18px; line-height:30px; margin:0; padding:0; }
div.menu li { float:left; }
div.menu li a { display:block; color:#e6e6e6; text-decoration:none; }
div.menu li a span { display:block; cursor:pointer; padding:0 25px; }
div.menu li a:hover, #menu li a.selected , #menu li a:focus { display:block; background:url(../images/menu-left.png) no-repeat top left; color:#333; }
div.menu li a:hover span, #menu li a.selected span, #menu li a:focus span { display:block; cursor:pointer; background:url(../images/menu-right.png) no-repeat top right; padding:0 25px; }

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

div.footer { height:30px; line-height:30px; clear:both; background:url(../images/menu-bg.png) repeat-x top left; padding:0 5px; font-size:10px; }
div.footer ul { width:950px; list-style-type:none; margin:0 auto; padding:0; }
div.footer li { float:right; padding:0 10px; }
div.footer a { color:#fff; text-decoration:none; }
div.footer a:hover { text-decoration:underline; }

/* Encarts latéraux */
div.box { clear:right; float:right; width:310px; background:url(../images/box-black-bottom-left.png) no-repeat bottom left; margin:0 0 12px 0; }
div.box div.sbox { background:url(../images/box-black-bottom-right.png) no-repeat bottom right; font-size:12px; padding:0 0 10px 0; }
div.box h2 { background:url(../images/box-black-top-left.png) no-repeat top left; font-size:16px; color:#fff; text-align:center; line-height:22px; }
div.box h2 a, div.box h2 strong { text-decoration:none; color:#fff; }
div.box h2 span { display:block; background:url(../images/box-black-top-right.png) no-repeat top right; }
div.box p, div.box h3, div.box ul { margin:10px 0 0 0; padding:0 10px; }
div.box h3 { font-size:12px; font-weight:bold; }
div.box ul { list-style-type:none; }
div.box img { float:left; border:0; margin:0 10px 0 0; }
div.box.ads p { margin:0; padding:0 2px; }
div.box.ads img { margin:0; }
div.box li:before { content:"- "; }
div.box a.more:after { content:" >"; }
div.box ul.categories { text-align:center; font-size:0.9em; height:250px; overflow:auto; margin:0; padding:0; }
div.box ul.categories li { float:left; display:block; width:30%; }
div.box ul.categories ul { height:auto; overflow:visible; }
div.box ul.categories#cat-domains { text-align:left; margin:0 0 0 5px; }
div.box ul.categories#cat-domains li { float:none; display:block; width:100%; }
/*div.box ul.categories#catdomains li li { float:left; display:block; width:50%; }*/
div.box ul.categories li a { color:#000; text-decoration:none; }
div.box ul.categories#cat-languages li:before { content:""; }

div.box.yellow { background:url(../images/box-yellow-bottom-left.png) no-repeat bottom left; }
div.box.yellow div.sbox { background:url(../images/box-yellow-bottom-right.png) no-repeat bottom right; }
div.box.yellow h2 { background:url(../images/box-yellow-top-left.png) no-repeat top left; }
div.box.yellow h2 span { background:url(../images/box-yellow-top-right.png) no-repeat top right; }
/* 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; }
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-size:12px; 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; padding:0; }
div.content ul>li { list-style-type:square; 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:0 0 0 5px; padding:5px 0 10px 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 {  }
div.content a:hover {  }
div.content a:visited {  }
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:10px; }
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 { 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; }
div.content legend { font-size:1em; color:#666; font-weight:bold; }
div.content label { cursor:pointer; }
div.content fieldset strong, div.content label { font-size:1em; color:#666; font-weight:bold; }
div.content fieldset p { text-align:left; }
div.content fieldset p.summary { padding:5px 1%; }
div.content fieldset br { display:none; }
div.content span.radio, div.content span.select , div.content span.input, div.content span.password, div.content span.textarea, div.content span.checkbox, div.content span.file, div.content span.submit { display:block; float:left; clear:both; width:98%; margin:0; padding:5px 1%; border-bottom:1px dotted #dbdbdb; }
div.content span.code img, div.content span.code object { float:right; margin:0; }
div.content span.input label, div.content span.textarea label, div.content span.select label, div.content span.password label, div.content span.file label { float:left; width:45%; }
div.content span.input input, div.content span.textarea textarea, div.content span.select select, div.content span.password input, div.content span.file input, div.content span.submit input { float:right; width:45%; margin:0; padding:0; }
div.content span.radio strong { float:left; width:45%; }
div.content span.radio label, div.content span.checkbox label { clear:right; float:right; padding:2px 0 0 0; width:45%; }
div.content fieldset span small { display:block; float:left; width:45%; clear:left; font-size:0.8em ; color:#666; }
div.content optgroup { padding:0 0 0 10px; }
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; }