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


body {  
	background-color: #FFE8BE;

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

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

	color:#2A5368;

	}

.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;

	text-align:right;


	border:0px solid #9D6D3C;
}

#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(0, 0, 0);

	display: block;

	padding-right:5px;


	}

#menu a:hover {
	color: rgb( 26,162,216);


	}


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

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

/*pure css menu2*/

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

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

	text-align:right;


	border:0px solid #9D6D3C;
}

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

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

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

	}

#menu2 a {
	text-decoration: none;
	color: rgb(0, 0, 0);

	display: block;

	padding-right:5px;


	}

#menu2 a:hover {
	color: rgb( 26,162,216);


	}


/*main*/



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


	background-color:rgb(0%,10%,8%);
	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(26,162,216);
	text-decoration: none;
	}
#main a:visited {
	color: rgb(26,162,216);}
#main a:hover {
	color: rgb(133,220,252);}



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

img.line {
	margin-left:156px;
	vertical-align:middle;
	}

#barre {

	width:645;
	height: 69px;
	padding-left:0px;

	margin-left:156px;
	background-image: url(images/bg_haut_game.jpg);
	background-repeat: no-repeat;

	}
	
#barre2 {
    width:auto;
    padding-left:0px;
    margin-left:156px;

	}
	
#barre_vide {

	width:645;
	height: 69px;
	padding-left:0px;

	margin-left:156px;
	background-color: #FFE8BE;
	background-image: url(images/bg_haut.jpg);
	background-repeat: no-repeat;

	}



/* couleurs */


.c0 {	/*defaut pj*/
	font-weight: bold;
	color: rgb(66, 43, 4);}	/*noisette*/
.c23 { /*mj*/
	font-weight: bold;
	color: rgb(7, 105, 83);}	/*aquafonce*/
.c6 {	/*race*/
	font-weight: bold;
	color: rgb(34, 90, 104);}	/*bleugrisfonce*/
.c3 {	/*lieu*/
	font-weight: bold;
	color: rgb(37, 97, 88);}	/*grisvertfonce*/


.c1 {	/*pa*/
	font-weight: bold;
	color: rgb(115, 7, 24);}
.c5 {	/*pv*/
	font-weight: bold;
	color: rgb(155, 59, 7);}
.c4 {	/*xp*/
	font-weight: bold;
	color: rgb(103, 80, 28);}
.c2 {	/*gold*/
	font-weight: bold;
	color: rgb(168, 87, 0);}


.c7 {	/*specialite*/
	font-weight: bold;
	color: rgb(93, 55, 175);}	/*mauve*/

.c8 {	/*comp*/
	font-weight: 900;
	color: rgb(93, 55, 175);}	/*mauve*/
.c9 {	/*bonus*/
	font-weight: bold;
	color: rgb(114, 156, 196);}	/*grisbleu*/
.c10 {	/*malus*/
	font-weight: bold;
	color: rgb(80, 12, 157);}	/*violet*/


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


.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();}


/* inventaire */


div#persoinv {
    background-image:  url(/images/Perso.gif);
    background-repeat: no-repeat;
height: 350px;
width: 300px;
top: 20px;
left: 200px;
	
}
.tete {
position:absolute;
top: 110px;
left: 270px;
}
.bouclier {
position:absolute;
top: 210px;
left: 270px;
}
.gant {
position:absolute;
top: 270px;
left: 160px;
}
.amulette {
position:absolute;
top: 145px;
left: 270px;
}
.jambes {
position:absolute;
top: 320px;
left: 250px;
}
.bague {
position:absolute;
top: 270px;
left: 300px;
}
.torse {
position:absolute;
top: 170px;
left: 225px;
}
.arme {
position:absolute;
top: 210px;
left: 160px;
}
.tabs {
	width: auto;
	margin: 10px;
}

.tab_active {
	-moz-border-radius: 5px 5px 0px 0px;
	border-color: #aaa;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	color: #E9967A;
	float: left;
	width: 150px;
	cursor: default;
	font-weight: bold;
	padding: 2px;
	font-size: 10pt;
	text-align: left;
}

.tab_inactive {
	-moz-border-radius: 5px 5px 0px 0px;
	border-color: #9D6D3C;
	border-style: solid;
	border-width: 1px;
	background-color: #FFE4B5;
	color: #777;
	float: left;
	width: 150px;
	cursor: default;
	padding: 2px;
	font-size: 10pt;
	text-align: left;
}

.tab_content {
	-moz-border-radius: 0px 10px 10px 10px;
	width: 90%;
	border-color: #9D6D3C;
	border-style: solid;
	border-width: 1px;
	color: #000;
	float: left;
	text-align: left;
	padding: 10px;
}

/* tooltip styles */

div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#FFEEC7;
   border:1px solid black;
   padding:0.2em;
   font-size:0.8em;
}