/* Bonnes bases */
html, body { height:100%; }
* { margin:0; padding:0; }
/* Agencement */
div.container  { width:806px; margin:0 auto; }
div.wrapper { clear:both; float:left; width:806px; }
div.contents { margin:0 20px 0 220px; }
div.aside { float:left; width:200px; margin:0 0 0 -806px; }
div.separator { clear:both; }
/* Mise en page */
body { margin:0; padding:0; font:1em Verdana, Arial, Eurostyle, sans-serif; background:#4B6997 url(../images/background.png) repeat-x left top; }

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

#shortcuts { float:right; height:15px; text-align:right; font-size:10px; }
#shortcuts li { display:inline; }
#shortcuts a { text-decoration:none; color:#ddd; font-weight:bold; padding:0 0 0 15px; }
#shortcuts a:hover { color:#fff; }

p#backmenu { float:left; height:15px; font-size:10px; color:#ddd; }
p#backmenu a { color:#ddd; text-decoration:none; }
p#backmenu a:hover { text-decoration:underline; }

#header { clear:both; height:156px; }
#header h1 { margin:0; padding:0; }
#header a { margin:0; padding:0; width:170px; height:100px; display:block; position:relative; left:20px; top:10px; }
#header a span { display:none; }

div.languages { padding:10px 60px; margin:0 auto; }
div.languages ul { list-style-type:none; margin:0; padding:0; }
div.languages li { display:inline; margin:0 5px 0 0; padding:0; }
div.languages a { display:block; float:left; width:30px; height:20px; background-color:#fff; color:#000; text-decoration:none; font-weight:bold; }
div.languages a.selected { border-left:2px solid #fff; border-right:2px solid #fff; border-top:1px solid #fff; }
div.languages a[hreflang=fr] { background:url(../images/flags/france.png); }
div.languages a[hreflang=en] { background:url(../images/flags/united_states.png); }
div.languages a[hreflang=de] { background:url(../images/flags/germany.png); }
div.languages a>span { display:none; }

div.menu { padding:0 3px 0 0; margin:0; font-size:1em; font-family:Arial, Helvetica, sans-serif; text-align:right; font-variant:small-caps; }
div.menu ul { list-style-type:none; margin:0; padding:0; float:right; }
div.menu li { display:inline; margin:0; padding:0; }
div.menu a { color:#fff; text-decoration:none; font-weight:bold; height:100%; padding:5px 15px; }
div.menu a:hover { color:#000; background-color:#fff; }
div.menu a.selected { color:#aaa; background-color:#fff; }

div.aside { }
div.submenu { width:100%; padding:0; margin:0; font-size:1.1em; font-variant:small-caps; text-align:center; }
div.submenu ul { list-style-type:none; margin:0; padding:0; }
div.submenu li { list-style-type:none; margin:0; padding:5px 0; }
div.submenu a { color:#000; text-decoration:none; font-weight:bold; height:100%; padding:5px 15px; }
div.submenu a:hover { color:#222; }
div.ads { padding:10px 0; text-align:center; }

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

div.footer { clear:both; margin:0; padding:3px; text-align:right; background:url(../images/footer.png); }
div.footer ul { list-style-type:none; margin:0; padding:0; }
div.footer li { display:inline; font-size:0.8em; margin:0; padding:0 5px 0 10px; margin:0; }
div.footer a { text-decoration:none; color:#ccc; }
div.footer a:hover { color:#fff; }

/* Traitement de texte */
/* Titres */
.contents .content h2, h3, h4, dt, legend { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
.contents .content h2 { font-size:1.2em; padding :0 0 0 20px; margin:5px 0 20px 0; color:#000; font-weight:bold; }
.contents .content h3 { font-size:1.1em; padding :0 0 0 25px; margin:45px 0 20px 0; color:#000; font-weight:bold; }
.contents .content h4 { font-size:1em; padding :0 0 0 30px; color:#114459; margin:35px 0 20px 0; font-weight:bold; text-decoration:underline; }
.contents .content h5 { font-size:1em; padding :0 0 0 35px; color:#000; margin:25px 0 10px 0; font-weight:bold; }
.contents .content h6 { font-size:0.9em; padding :0 0 0 35px; color:#000; margin:25px 0 10px 0; font-weight:bold; }
.contents .content dt { font-size:0.9em; padding :0 0 0 35px; color:#000; margin:25px 0 10px 0; font-weight:bold; }
/* Contenus */
#contents ol, ul, dd, p, label { font-family: Arial, Helvetica, sans-serif; margin-left:20px; margin-right:20px; }
#contents ul>li { list-style-type:none; background:url(../images/dot.png) no-repeat left top; padding-left:15px; }
.contents .content dt { margin:15px 0 0 0; }
.contents .content p { text-indent:20px; text-align:justify; }
.contents .content code { text-align:left; }
.contents .content em { text-decoration:underline; font-style:normal; }
.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 blockquote { text-align:justify; text-indent:5%; }
.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 groove #000; margin:0 50px 15px 20px; padding:10px; }
.contents .content fieldset p { text-align:left; text-indent:0; }
.contents .content span.radio, .contents .content span.select , .contents .content span.input, .contents .content span.password, .contents .content span.textarea { display:block; margin:2px 0; }
.contents .content textarea, .contents .content span.input input, .contents .content span.password input { width:95%; _clear:both; _width:90%; padding:0; margin:0; }
.contents .content optgroup { padding:0 0 0 10px; }
.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; }