body {position: relative; background: black; margin: 0; padding: 0; counter-reset: chapter }
h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: #333; color: #667; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
code, pre {color: #EDC; font: 110% monospace;}
.affirmatif {color: #88BB88;}
.negatif {color: #DD8888;}
.informatif {color: #00FF55;}



/* Positionnement du logo */
	div#logo {position: absolute; top: 40px; left: 0; width: 166px; height: 41px; z-index: 50;}



/* div links : menu principal sur la gauche */
	div#links {position: absolute; top: 81px; left: 0; width: 166px; font: 16px Verdana, sans-serif; z-index: 100;}
	div#links a {display: block; text-align: center; font: bold 1em sans-serif;
	   padding: 5px 10px; margin: 0 0 1px; border-width: 0;
	   text-decoration: none; color: #FFC; background: #444;
	   border-right: 5px solid #505050;}
	div#links a:hover {color: #411; background: #AAA;
	   border-right: 5px double white;}
	div#links a span {display: none;}
	div#links a:hover span {display: block;
	   position: absolute; top: 330px; left: 0; width: 125px;
	   padding: 5px; margin: 10px; z-index: 100;
	   color: #AAA; background: black;
	   font: 10px Verdana, sans-serif; text-align: center;}



/* Menu d'administration pour les admins */
	div#menuadmin {position: absolute; left: 0; top: 0px; height: 30px; z-index: 101;}
	div#menuadmin a {font: 13px Verdana, sans-serif; color: D88; text-decoration: none;}



/* DIV content : cadre principal */
	div#content {position: absolute; top: 26px; left: 161px; right: 25px; min-height: 500px;
	   color: #BAA; background: #22232F;
	   font: 13px Verdana, sans-serif; padding: 10px;
	   border: solid 5px #444;}
	div#content p {margin: 0 1em 1em;}
	div#content h3 {margin-bottom: 0.25em;}
	div#content a:link {color: white;}
	div#content a:visited {color: #BBC;}
	div#content a:link:hover {color: #FF0;}
	div#content a:visited:hover {color: #CC0;}
	div#content b {color: #D0C0C0 !important}
	div#content table {color: #DBB; font: 12px Verdana, sans-serif; padding: 10px;}
	div#content table b {color: #FFD8D8}
	div#content th {color: #FFD8D8; background: #303030}
	div#content td {background: #404040}
	div#content td.conteneur {background: #22232F}
	div#content td.impair {background: #404040}
	div#content td.pair {background: #505050}
	div#content table a.discret {text-decoration: none}
	div#content table a.discret:link {color: #DBB}
	div#content table a.discret:visited {color: #DBB}
	div#content th a.discret:link {color: #FFD8D8}
	div#content th a.discret:visited {color: #FFD8D8}
	div#content table a.discret:link:hover {text-decoration: underline}
	div#content td.none {background: #22232F}



/* Sous menu en haut dans le cadre 'content' */   
	.sublinks {position: relative; height: 20px; 
	   font: 13px Verdana, sans-serif;
	   margin: 0px 0px 10px;
	   }
	.sublinks a {text-align: center; font: bold 1em sans-serif;
	   padding: 3px 10px; margin: 0 0 1px; border-width: 0;
	   color: white !important; 
	   text-decoration: none;}
	.sublinks a:hover {text-decoration: underline;}
	.sublinks a.unselected {text-align: center; 
	   font: bold 1em sans-serif;
	   padding: 3px 10px; margin: 0 0 1px; border-width: 0;
	   background: #844;}


   
/* DIV news : cadre actualité */
	div#news {color: #D0C0C0; border-width: 1px; border-style: solid; 
	    border-color: #D0C0C0; padding: 0px 0px 3px;
	    font: 10px Verdana, sans-serif;
	    margin: 0px 15px 15px;
	    float: right;
	    max-width: 250px;
	    }
	div#news a {text-decoration: none;}
	div#news a:link {color: #D0C0C0}
	div#news a:visited {color: #D0C0C0}
	div#news a:link:hover {color: #D0C0C0; text-decoration: underline;}
	div#news a:visited:hover {color: #D0C0C0; text-decoration: underline;}
	
	div#news p {margin: 0px; margin-left: 2em; text-indent: -2em; padding: 0px 0.5em 1px}
	div#news h2 {margin: 0px; padding: 2px 0.5em;
	    font: 10px Verdana, sans-serif; font-weight: bold;
	    background: #906060; color: white;}


/* DIV news_liste : page listant toutes les news */
	div#news_liste a {text-decoration: none; color: #D0C0C0}
	div#news_liste a:link {color: #D0C0C0}
	div#news_liste a:visited {color: #D0C0C0}
	div#news_liste a:link:hover {color: #D0C0C0; text-decoration: underline;}
	div#news_liste a:visited:hover {color: #D0C0C0; text-decoration: underline;}
	
	div#news_liste p {margin: 0px; margin-left: 2em; text-indent: -2em; padding: 0px 0.5em 1px}
	div#news_liste h2 {margin: 0px; padding: 2px 0.5em;
	    font: 10px Verdana, sans-serif; font-weight: bold;
	    background: #906060; color: white;}


/* Guide de l'utilisateur. le :before ne fonctionne pas */
	.guide h2:before {
	    content: counter(chapter) ". ";
	    counter-increment: chapter;  /* Add 1 to chapter */
	}
       .guide h2 { counter-reset: section }
	.guide h3:before {
	    content: counter(chapter) "." counter(section) " ";
	    counter-increment: section;
	}
	.guide h3 {margin: 0 2em 1em;}

/* Pseudonyme du joueur identifié */
	div#pseudo {position: absolute; top: 31; left: 167; 
	    font: 13px Verdana, sans-serif; color: #A55;
	    z-index: 101}

/* Je ne sais plus à quoi ça sert */
	.cr span {display: none;}
	.cr:selected span {display: block;
	   position: absolute; top: 330px; left: 0; width: 125px;}

#headcomment {position: relative; display: block; width: 100%; background: #603838; text-decoration: bold}