/* Bonnes bases */
html, body { height:100%; }
* { margin:0; padding:0; }
/* Agencement */
div.container{ width:960px; margin:0 auto; }
div.wrapper { clear:both; float:left; width:960px; }
div.contents { margin:0 0 15px 320px; }
div.aside { float:left; width:300px; margin:0 0 15px -960px; }
div.separator { clear:both; }
/* Mise en page */
body { margin:0; padding:0; background:#e5ebc1 url(../images/background.png); }

div.container{ background:url(../images/header.png) no-repeat top center; font-family:Verdana, sans-serif; padding:0; }

ul#shortcuts { float:right; margin:0 5px 0 0; padding:0; font-size:0.6em; height:25px; }
ul#shortcuts li { display:inline; margin:0; padding:0 2px;}
ul#shortcuts a { text-decoration:none; color:#fff; }
ul#shortcuts a:hover { text-decoration:underline; color:#000; }

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

div#header { height:165px; clear:both; margin:0; padding:0; }
div#header h1 { position:relative; top:0; left:382px; width:200px; height:140px; margin:0; }
div#header h1 a { display:block; height:100%; background:url(../images/logo.gif) no-repeat center center; }
div#header span { display:none; }

div.menu ul { height:30px; margin:0 0 20px 0; padding:0; }
div.menu li { display:block; float:left; list-style-type:none; line-height:30px; font-size:16px; font-weight:bold; margin:0; padding:0; }
div.menu li a { display:block; float:left; color:#000; 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.contents { font-size:12px; max-width:1200px; background:#f4f7e5; padding:10px; }

div.box { width:300px; float:left; clear:left; }
div.box h2 { background:url(../images/box-top-left.png) no-repeat top left; margin:0; padding:0; text-align:center; }
div.box h2 span { display:block; background:url(../images/box-top-right.png) no-repeat top right; margin:0; padding:5px 45px 5px 45px; font-size:18px; }
div.box h2 span, div.box h2 a { color:#fff; font-weight:bold; text-decoration:none; }
div.box { background:url(../images/box-bottom-left.png) no-repeat bottom left; margin:0 0 10px 0; padding:0; font-size:12px; color:#000; }
div.box div.bcontent { background:url(../images/box-bottom-right.png) no-repeat bottom right; margin:0; padding:5px 15px 16px 15px; }
div.box h3 { margin:0; padding:0; font-size:14px; }
div.box h3, div.box h3 a { color:#000; text-decoration:none; }
div.box p { margin:0; padding:0; }
div.box p a { color:#000; }
div.box p strong { color:#000; }
div.box p img { float:left; margin:0 10px 0 0; border:0; }
div.box.about div p img { margin:0; border:0; }
div.box hr { clear:both; color:#bfcf66; background:#bfcf66; border:0; height:1px; width:50%; margin:10px 0 10px auto; }
div.box ul { margin:0; padding:0; }
div.box ul li { font-size:14px; list-style-type:none; background:url(../images/box-dot.png) no-repeat center left; margin:0; padding:0 0 0 19px; }

div.footer { clear:both; text-align:right; margin:0; padding:5px 10px 5px 10px; background:#bfcf66; }
div.footer ul { list-style-type:none; margin:0; padding:0; }
div.footer li { display:inline; font-size:0.6em; margin:0; padding:0 2px;}
div.footer a { text-decoration:none; color:#fff; }
div.footer a:hover { text-decoration:underline; }

/* Traitement de texte */
/* Blocs titres */
.contents .content { color:#000; }
.contents .content h2, .contents .content h3, .contents .content h4, .contents .content h5, .contents .content h6, .contents .content dt {  font:Verdana, Helvetica, sans-serif; font-weight:normal; margin:0; }
.contents .content h2 { padding:0 0 0 13px; font-size:18px; color:#ca006d; background:url(../images/h2.png) no-repeat bottom left; font-style:italic; }
.contents .content h3 { padding:8px 0 0 0; font-size: 14px; color:#666; font-weight:bold; }
.contents .content h4 { padding:8px 0 0 0; font-size: 12px; font-weight:bold; }
.contents .content h5 { padding:5px 0 0 0; font-size: 1em; font-weight:bold; }
.contents .content h6 { padding:5px 0 0 0; font-size: 0.9em; font-weight:bold; }
.contents .content dt { font-size: 0.9em; font-weight:bold; }
/* Blocs contenus */
.contents .content ol, .contents .content ul, .contents .content dl, .contents .content p { font:Verdana, Helvetica, sans-serif; margin:0; padding:5px 0 10px 0; }
.contents .content dt { margin:0; padding:10px 0 0 0; }
.contents .content dd { margin:0; padding:0; }
.contents .content ul, .contents .content ol { margin:0; padding:0 0 0 20px; }
.contents .content p { text-align:justify; }
/* Super blocs */
.contents .content blockquote, .contents .content address ,.contents .content pre { text-align:left; border-left:1px solid #000; margin:5px 0 10px 5px; padding:0 0 0 10px; }
.contents .content blockquote { font-family:Georgia, "times new roman", serif; }
.contents .content address, .contents .content pre { font-family:"Courier New", monospace; }
/* Balises en ligne */
.contents .content a { color:#ca006d; }
.contents .content a:hover { text-decoration:underline; }
.contents .content a:visited { color:#ca006d; }
.contents .content code { text-align:left; }
.contents .content em { font-style:italic; }
.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 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 solid #787e82; margin:15px 0; padding:0; }
.contents .content legend { font-size:16px; line-height:30px; color:#787e82; padding:0 5px; margin:0 10px; }
.contents .content label { cursor:pointer; }
.contents .content fieldset strong, .contents .content label { color:#000; font-weight:bold; }
.contents .content fieldset p { text-align:left; }
.contents .content fieldset p.summary { padding:0 15px; }
.contents .content fieldset br { display:none; }
.contents .content span.radio, .contents .content span.select , .contents .content span.input, .contents .content span.password, .contents .content span.textarea, .contents .content span.checkbox, .contents .content span.file, .contents .content span.submit { display:block; float:left; clear:both; width:96%; margin:0 0 15px 0; padding:0 1%; }
.contents .content span.code img, .contents .content span.code object { float:right; margin:0; }
.contents .content span.input label, .contents .content span.textarea label, .contents .content span.select label, .contents .content span.password  label, .contents .content span.file label { float:left; width:45%; text-align:right; }
.contents .content span.input input, .contents .content span.textarea textarea, .contents .content span.select select, .contents .content span.password input, .contents .content span.file input, .contents .content span.submit input { float:right; width:45%; margin:0; padding:0; font-size:12px; }
.contents .content span.textarea textarea { height:120px; }
.contents .content span.radio strong { float:left; width:45%; text-align:right; }
.contents .content span.radio label, .contents .content span.checkbox label { clear:right; float:right; padding:0; width:45%; }
.contents .content fieldset span small { display:block; float:left; width:45%; clear:left; font-size:10px; color:#666; text-align:right; }
.contents .content optgroup { padding:0 0 0 15px; }
.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; }