/* Bonnes bases */
html, body { height:100%; }
* { margin:0; padding:0; }
/* Agencement */
div.container { width:770px; margin:0 auto; }
div.wrapper { clear:both; float:left; width:770px; }
div.contents { margin:50px 0 0 225px; }
div.aside { float:left; width:165px; margin:50px 0 0 -730px; }
div.separator { clear:both; }
/* Mise en page */
body { font:1em sans-serif; background:	#C8C4B7 url(../images/body.png) repeat-x left top; }

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

#shortcuts{ float:right; margin:0; padding:0; height:20px; }
#shortcuts li { display:inline; font-size:10px; padding:0 2px;}
#shortcuts a { text-decoration:none; color:#000;}

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

#header { clear:both; margin:0; padding:0; height:177px; }
#header h1 { margin:0; }
#header span { display:none; }
#header a { display:block; width:770px; height:177px; position:relative; left:0px; top:0px; }

div.menu { padding:0 0 0 200px; height:42px; font:1em sans-serif; background:url(../images/menu.png) no-repeat left top; }
div.menu li { display:inline; font-weight:bold; }
div.menu a { float:left; text-decoration:none; margin:15px 0 0 48px; padding:0; color:#000000; }
div.menu a.selected { color:#AA0000; }
div.menu a:hover { color:#FFFF4F; }

div.wrapper { background:url(../images/wrapper.png) no-repeat left top; }

div.contents  { padding:20px 30px; _height:400px; min-height:400px; background:#E5DEDE; border-top-style: solid; border-top-color:#AA0000; border-bottom-style: solid; border-bottom-color:#AA0000; }

div.box { background:url(../images/encart-bottom-left.png) repeat-x bottom left; margin:0 0 10px 0; }
div.box div.sbox { padding:0 0 30px 0; background:url(../images/encart-bottom-right.png) no-repeat bottom right; }
div.box h2 { text-align:center; height:23px; background-color:#AA0000; color:#FFFFFF; font-size:16px; }
div.box h2 a { text-decoration:none; color:#FFFFFF; }
div.box h3 { margin:0 0 0 15px; font-size:0.9em; }
div.box p { margin:0 0 10px 20px; font-size:0.7em;}
div.box ul { list-style-type:none; }
div.box li { clear:left; margin:0 0 10px 0; font-size:0.9em; }
div.box img{ border-style:none; }
div.box a { text-decoration:none; color:#505050; font-style: italic; }
div.box a[hreflang] { display:block; height:20px; width:30px; margin:10px auto; }
div.box a[hreflang=fr] { background:url(../images/france.png) no-repeat; }
div.box a[hreflang=en] { background:url(../images/unitedStates.png) no-repeat; }
div.box li a#rss { float:left; display:block; height:16px; width:44px; margin: 0 5px; background:url(../images/rss.gif) no-repeat; }
div.box li a#atom { float:left; display:block; height:16px; width:44px; margin: 0 5px; background:url(../images/atom.gif) no-repeat; }
div.box li a>span { display:none; }

div.footer { clear:both; text-align:right; margin:0 0 0 auto; width:547px; height:38px; background: url(../images/footer.png) no-repeat top right; }
div.footer ul { list-style-type:none; margin:0; padding:0; }
div.footer li { display:inline; text-align:center; font-size:0.7em; margin:0; padding:0 2px;}
div.footer a { text-decoration:none; color:#FFFFFF; font-weight:bold; }
div.footer a:hover { color:#AA0000; }

/* Traitement de texte  */

#contain h2, h3, h4, dt, legend { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
#contain h2 { font-size:1.2em; padding :0 10px; margin:30px 0 20px 0; border-left:2px solid #AA0000; border-bottom:2px solid #AA0000; }
#contain ul { list-style-type: none; }
#contain li { background: url(../images/puce.png) no-repeat left top; padding: 1px 0 0 25px; margin:5px 0 0 0; }
#contain  p { text-align: justify; text-indent:20px; }
#contain dt { font-size:0.8em; padding :0 10px; margin:15px 0 10px 65px; font-weight:bold; color:#F00F00; }
#contain dd p { font-size:0.8em; }
#contain dt p cite{ text-decoration:italic; }
#contain img { border-style:none; }
#contain a { color:#AA0000; }
#contain dt a { text-decoration:none; }
#contain strong.intro { font-size:x-large; font-style:italic; font-weight:normal; color:#333; }
#contain code { text-align:left; }
#contain em { text-decoration:underline; font-style:normal; }
#contain strong { font-weight:bold; }
#contain q { font-style:italic; }
#contain q:before { content:"\201C"; }
#contain q:after { content:"\201D"; }
#contain blockquote { text-align:justify; text-indent:5%; }
#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; }

.entries h2, h3, h4, dt, legend { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
.entries h3 { font-size:0.9em; }
.entries p a { text-decoration:none; color:#000; }
.entries p.stats { margin:0 0 20px 0; }
/* Formulaires */
.contents .content fieldset { font-weight:bold; border:1px groove #8c8c8c; margin:0; padding:10px; }
.contents .content legend { font-size: 1em ; color:#666; }
.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; }