/* Bonnes bases */
html, body { height:100%; }
* { margin:0; padding:0; }
/* Agencement */
div.scntr{ width:930px; margin:0 auto; }
div.wrapper { clear:both; float:left; width:930px; }
div.contents { margin:0 180px; }
div.aside.right { float:left; width:170px; margin:0 0 0 -170px; }
div.aside.left { float:left; width:170px; margin:0 0 0 -930px; }
div.separator { clear:both; }
/* Mise en page */
body { font-family:Verdana, sans-serif; background:#2c2c2a url(../images/background.png); }

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

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

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

div.contents div.subcontent { clear:both; background:#f9f9f9 url(../images/contain.png) repeat-y top right; color:#000; padding:10px 80px 10px 20px; border-bottom:3px solid #b3b3b3; }

div#header { clear:both; margin:0; padding:0; height:155px; }
div#header h1 { margin:0; }
div#header h1 a { display:block; position:relative; top:40px; width:100%; height:100px; }
div#header span { display:none; }

div.category { background:#b3b3b3; margin:0 auto; height:30px; padding:0; }
div.category li { display:block; float:left; list-style-type:none; height:30px; line-height:30px; font-size:15px; font-weight:bold; margin:0; padding:0 10px; }
div.category li:first-child { background:none; }
div.category li a { display:block; float:left; width:100%; _width:auto; color:#000; text-decoration:none; margin:0; padding:0; font-weight:bold; }
div.category li.selected>a { color:#ccc; }
div.category li a:hover, div.category>li:hover>a { color:#ffd42a; }
div.category li a:active {  }
div.category div { clear:left; line-height:16px; }
div.category dl { display:none; position:absolute; z-index:100; list-style-type:none; margin:0; padding:0; border:1px solid #999; border-top:0; font-size:11px; }
div.category dl dt, div.category dl dd { display:block; width:100%; list-style-type:none; margin:0; padding:0; }
div.category dl dt a, div.category dl dd a { display:block; min-width:200px; width:100%; float:none; list-style-type:none; }
div.category dl dt a:hover, div.category dl dd a:hover { color:#666; }
div.category dl dt { background:#dbdbdb; }
div.category dl dt a { padding:2px 5px 2px 10px; }
div.category dl dd {}
div.category dl dd a {}

div.aside.right { background:#2a7fff url(../images/tatoo.png) no-repeat top center; }
div.aside.left { background:#ffaaaa url(../images/piercing.png) no-repeat top center; }
div.aside { padding:165px 0 0 0; min-height:100px; }
div.aside div.piercing h2, div.aside div.tatoo h2 { display:none; }
div.aside div.bcontent { background:#fff; border-bottom:3px solid; padding:2px 3px; }
div.aside h2 { text-align:center; font-size:13px; line-height:20px; }
div.aside h3 { text-align:center; font-size:12px; }
div.aside img { text-align:center; border:0; display:block; margin:0 auto; }
div.aside p { font-size:10px; }
div.aside a, div.aside a:hover { color:#000; font-weight:bold; text-decoration:none; }
div.aside a.more:after { content:' >>'; }
div.aside.right p { border-color:#002050; }
div.aside.right h2 { color:#002050; }
div.aside.left p { border-color:#9e0000; }
div.aside.left h2 { color:#9e0000; }

div.footer{ clear:both; width:570px; text-align:right; margin:0 auto; padding:0 0 10px 0; }
div.footer ul { list-style-type:none; margin:0; padding:0; }
div.footer li { display:inline; font-size:0.7em; margin:0; padding:0 2px;}
div.footer a { text-decoration:none; color:#808080; font-weight:bold; }
div.footer a:hover { color:#fff; }

/* Traitement de texte */
/* Blocs titres */
.contents .content { color:#222; }
.contents .content h2 { margin:0 0 15px 0; font-size:16px; font-weight:bold; line-height:30px; color:#333; border-bottom:1px solid #333; }
.contents .content h3 { margin:15px 0 0 0; font-size:14px; font-weight:bold; color:#333; }
.contents .content h4 { margin:15px 0 0 0; font-size:14px; font-weight:normal; text-decoration:underline; font-style:italic; }
.contents .content h5 { margin:15px 0 0 0; font-weight:bold; }
.contents .content h6 { margin:15px 0 0 0; font-weight:normal; text-decoration:underline; font-style:italic;  }
.contents .content dt { font-weight:bold; }
/* Blocs contenus */
.contents .content p, .contents .content ul, .contents .content dl { margin:0 0 15px 0; }
.contents .content ol { margin:0 0 15px 15px; padding:0; }
.contents .content dd { margin:0; padding:0 0 0 15px; }
.contents .content li { margin:0; padding:0; }
.contents .content ul>li { list-style-type:none; background:url(../images/dot.png) no-repeat left 7px; padding:0 0 0 15px; }
.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:15px 0; padding:0 0 0 15px; }
.contents .content pre { font-family:"Courier New", monospace; }
.contents .content pre { _width:90%; overflow:auto; }
/* Balises en ligne */
.contents .content a { color:#000; }
.contents .content a:hover { color:#000; }
.contents .content a:visited { color:#000; }
.contents .content code { text-align:left; }
.contents .content em { font-style:italic; }
.contents .content strong { font-weight:bold; }
.contents .content cite { text-decoration:underline; }
.contents .content q { font-style:italic; }
.contents .content q:before { content:"\201C"; }
.contents .content q:after { content:"\201D"; }
.contents .content img { border:0; margin:0; }
.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; }
/* Tableaux */
.contents .content table { border:1px solid #9e9e9e; border-collapse:collapse; width:100%; margin:auto; overflow: visible;  margin:0 0 15px 0; }
.contents .content th { border:1px dotted #9e9e9e; font-size:12px; }
.contents .content td { font-size:10px; border:none; text-align:center; }
.contents .content caption { font-weight:bold; font-size:12px; margin:15px; text-align:center; }
/* Listes */
.contents .content div.entries div.item h3 { clear:left; }
.contents .content div.entries div.item h3 a { text-decoration:none; }
.contents .content div.entries div.item img { float:left; margin:0 10px 10px 0; }
.contents .content div.entries div.item p.description { margin:0; }
.contents .content div.entries div.item p.description a { color:#000;text-decoration:none; }
.contents .content div.entries div.item p.stats { clear:left; font-size:10px; color:#222; border-top:1px dotted #222; text-align:right; padding:0; }
.contents .content div.entry p.options { text-align:center; clear:both; }
.contents .content p.page { clear:both; text-align:right; line-height:17px; vertical-align:top; padding:20px 0 0 0; }