/* site */
html, div  {
	margin: 0; padding: 0;}


body {  
	background-color: #000000;

	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;

	font-family: Tahoma, Verdana, Helvetica;
	font-size:10pt;
	margin: 0; padding: 0;

	color:#FFddaa;

	}

.center {
	border:1px solid red;
	text-align:center;
	}


/* remise en page des tables ;) */

#main table {
	font-size:95%;
	}

#main table, #main td {
	border-collapse:collapse;
	border:0px solid;
	padding:1px;
	}

#main td {
	width:auto;
	}

#main table.details,
#main table.details td
{
	border:2px solid rgb(20%,40%,30%);
}

div#barre td, th {

	padding-left:5px;
	white-space: nowrap;
	}

div#barre table {
	width:100%;

	text-align:center;
	border-collapse:collapse;
}




/*pure css menu*/

div#menu {
	position:absolute;
	top:120px;

	width:135px;
	padding:0px;
	margin-left:10px;

	color:orange;
	text-align:right;

	background-color: rgb(0%,10%,8%);
	background-image: url(images/bg_menu.jpg);
	background-position: 0px 35px;
	background-repeat: no-repeat;

	
	border:1px solid #9D6D3C;
	border-top:none;
}

#menu p {
	padding:0 ;margin:0;
	}

#menu h4 {
	padding:0 ;margin:0;

	font-size: 85%;
	
	padding-right:4px;
	padding-left:4px;
	padding-bottom:4px;

	}

#menu a {
	text-decoration: none;
	color: rgb(70%, 60%, 20%);

	display: block;

	padding-right:5px;

	border:1px solid rgb(10%,5%,0%);
	border-bottom:1px solid rgb(10%,5%,0%);

	background-image: url(images/trame_dark.png);
	}

#menu a:hover {
	color:navajowhite;

	background-color: #000000;
	background-image: none;

	border:1px solid rgb(41%,28%,8%);
	}


img.top {
	vertical-align:text-bottom;
	padding-bottom:4px;
	}

img.bottom {
	vertical-align:text-bottom;
	}




/*main*/



#main {
	padding:10px;
	margin-top:69px;
	margin-left:157px;


	background-color:000000;
	background-image: url(images/bg2.jpg);
	background-repeat: repeat;

	border:1px solid #9D6D3C;
	}


#main h1 {
	margin-top:10px;
	margin-left:20px;
	margin-bottom:20px;
	white-space: nowrap;
	}


#main a {
	font-weight:bold;
	color: rgb(90%,90%,80%);
	text-decoration: none;
	}
#main a:visited {
	color: rgb(90%,90%,80%);}
#main a:hover {
	color: white;}



/* barre du haut */
#barre_container {
	position:absolute;
	top:0px;
	}

img.line {
	margin-left:157px;
	vertical-align:text-top;
	}

#barre {

	width:auto;
	height: 57px;

	margin-left:157px;
	background-color:000000;
	background-image: url(images/bg_barre.jpg);
	background-repeat: no-repeat;

	border-bottom:1px solid #9D6D3C;
	border-left:1px solid #9D6D3C;
	border-right:1px solid #9D6D3C;
	}

#barre_vide {

	width:auto;
	height: 68px;

	margin-left:157px;
	background-color: #000000;
	background-image: url(images/bg_barre2.jpg);
	background-repeat: no-repeat;

	}



/* couleurs */


.c0 {	/*defaut pj*/
	font-weight: bold;
	color: rgb(241, 192, 109);}	/*jaunebrillant*/
.c23 { /*mj*/
	font-weight: bold;
	color: rgb(177, 241, 227);}	/*bleubrillant*/
.c6 {	/*race*/
	font-weight: bold;
	color: rgb(80, 146, 163);}	/*bleugris*/
.c3 {	/*lieu*/
	font-weight: bold;
	color: rgb(86, 152, 142);}	/*vertgris*/


.c1 {	/*pa*/
	font-weight: bold;
	color: rgb(252, 169, 8);}
.c5 {	/*pv*/
	font-weight: bold;
	color: rgb(244,104,27);}
.c4 {	/*xp*/
	font-weight: bold;
	color: rgb(184,158,98);}
.c2 {	/*gold*/
	font-weight: bold;
	color: rgb(254, 154, 47);}


.c7 {	/*specialite*/
	font-weight: bold;
	color: rgb(154,122,224);}	/*mauve*/

.c8 {	/*comp*/
	font-weight: 900;
	color: rgb(154,122,224);}	/*mauve*/
.c9 {	/*bonus*/
	font-weight: bold;
	color: rgb(159,203,244);}	/*bleuciel*/
.c10 {	/*malus*/
	font-weight: bold;
	color: rgb(122, 54, 198);}	/*violet*/


.c11 {	/*etattemp*/
	font-weight: bold;
	color: rgb(196, 110, 103);}
.c12 {	/*date*/
	font-weight: bold;
	color: rgb(196,198,169);}


.c13 {	/*objet*/
	font-weight: bold;
	color: rgb(147,198,201);}
.c14 { /*spell*/
	font-weight: bold;
	color: rgb(170,145,215);}

.c15 { /*durabilite*/
	font-weight: bold;
	color: rgb(200,158,200);}	/*default*/
.c16 { /*ammo*/
	font-weight: bold;
	color: rgb(200,158,200);}	/*default*/
.c17 { /*degats*/
	font-weight: bold;
	color: rgb(221,108,56);}
.c18 { /*poids chap, place*/
	font-weight: bold;
	color: rgb(200,158,200);}	/*default*/
.c20 {	/*equiped*/
	font-weight: bold;
	color: rgb(53, 122, 139);}
.c19 {  font-weight: bold; color: rgb(196,198,169);} /*date color*/


.c21 { /*dead*/ font-weight: bold; color: rgb();}
.c22 { /*paralysed*/ font-weight: bold; color: rgb();}


/* AJOUTS POUR INFO-BULLES */

.info{
	color: #000000;
	text-decoration: none;
}

.info span{
	display: none;
}

.info:hover span{
	overflow: auto;
	display: block;
	position: absolute;
	padding: 5px;
	left: 24px; 
	border: 1px solid #000000;
	background-color: yellow; 
	color: #000000;
}