body {
	background-color: black;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family:Verdana;
	font-size:9pt;
	color: #FDF5E6;
	z-index : 0;
	overflow: auto;
}
html { overflow: auto; }

a:link {color: #FFCC33;}
a:visited {color: #FFCC33;}
a:hover {color: #FFFFFF;}
a:active {color: #FFCC33;}

a.lien_menu:link {color: #FFCC33; text-decoration:none;}
a.lien_menu:visited {color: #FFCC33;text-decoration:none;}
a.lien_menu:hover {color: #FFFFFF;text-decoration:none;}
a.lien_menu:active {color: #FFCC33;text-decoration:none;}

a.lien_menu_dl:link {color:#3399FF; text-decoration:none;}
a.lien_menu_dl:visited {color:#00CC00;text-decoration:none;}
a.lien_menu_dl:hover {color: #FFFFFF;text-decoration:none;}
a.lien_menu_dl:active {color: #990000;text-decoration:none;}

img {
	border: none;
}


div#fondbloc {
	background-image: url("img/fondcon.jpg");
	width:1024px;
	margin-left: auto; 
	margin-right: auto;
	position: relative;
	z-index: 300;
}

div#ban {
	background-image: url("img/ban.jpg");
	width:985px;
	height:117px;
	margin-left: auto; 
	margin-right: auto;
}

div#boutons {
	width: 985px;
	height: 33px;
	margin-left: auto; 
	margin-right: auto;
}

div#basmenu {
	background-image: url("img/basmenu.jpg");
	background-repeat:no-repeat;
	width: 985px;
	height:14px;
	margin-left: auto; 
	margin-right: auto;
}

div#con {
	background-image: url("img/fondcon.jpg");
	width: 1024px;
	margin-left: auto; 
	margin-right: auto;
	overflow: auto;
}

div#menugauche {
	float:left;
	width: 177px;
 	margin-left:19px;	
}

div#box {	
	margin-left: 11px; 
	float:left;
	width: 777px;
	background-image: url("img/box.jpg");
	background-repeat:no-repeat;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 30px;
	position: relative;
	z-index: 400;
}

img.cent {
   display: block;
   margin-left: auto;
   margin-right: auto 
}

div#bas {
	background-image: url("img/bas.jpg");
	width: 984px;
	height:23px;	
	margin-left: auto; 
	margin-right: auto;
}

fieldset.echec { width: 600px; text-align: left; color: #FFFFFF; border-color: #FFA500; border-style: solid; border-width: 1px; }
fieldset.succes { width: 600px; text-align: left; color: #FFFFFF; border-color: #32CD32; border-style: solid; border-width: 1px; }
fieldset.normal { width: 600px; }

legend.echec { padding: 5px 5px; color: #FFA500; }
legend.succes { padding: 5px 5px; color: #32CD32; }
legend.normal{ padding: 5px 5px; color: #FFFFFF; }

td.stats{ border-right: solid 1px #28374d; }
table.stats { border-width:1px; border-style:solid; border-color:#28374d; background-color:#40546d; }
div.stats { border-width:1px; border-style:solid; border-color:#28374d; width: 70px; height: 15px; background-color:#40546d; }

td.ok { color: #32CD32; }
td.nok { color: #FFA500; }

.test { 	background-color: #c0c0c0; }
.test:focus { background-color: #EAEAEA; }

table.fiche { border: solid 2px #28374d; }
td.fiche { border-bottom: solid 1px #28374d; text-decoration: underline; font-variant: small-caps; font-weight:bold; vertical-align: middle; text-align: left; padding: 7px; }
td.fiche0 { border-bottom: solid 1px #28374d; font-variant: small-caps; font-weight: bold; vertical-align: middle; text-align: left; padding: 7px; }
td.fiche1 { border-bottom: solid 1px #28374d; vertical-align: middle; text-align: left; }
td.fiche2 { border-bottom: solid 3px #28374d; line-height:2em; vertical-align: middle; text-align: center; font-variant: small-caps; font-size:11px; }
td.fiche3 { border-bottom: solid 4px #28374d; line-height:2em; vertical-align: middle; text-align: left;  font-size:11px; }
a.log:hover { color: #FFCC33; cursor: pointer; }
a.logp{ font-size: 16px; }
a.logp:hover { color: #FFCC33; cursor: pointer; }
span.etat{ font-variant: small-caps; }
th.news { padding:5px; font-variant:small-caps; }

.Btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;font-style: normal;color: #333333;
	background-color: #EAEAEA;border: solid;border-width: 1px;padding: 1px;margin-top: 3px;
}

.Btn2, .BtnOFF {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;font-style: normal;color: #333333;
	background-color: #c0c0c0;border: solid;border-width: 1px;padding: 1px;margin-top: 3px;	
}
.Btn2:focus {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;font-style: normal;color: #333333;
	background-color: #EAEAEA;border: solid;border-width: 1px;padding: 1px;margin-top: 3px;
}

.Fieldset{
	width: 600px;	
}

.Bt {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;font-style: normal;color: #333333;
	background-color: #c0c0c0;border: solid;border-width: 1px;padding: 3px;margin-top: 3px;	
}
.Bt:focus, .Bt:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;font-style: normal;color: #333333;
	background-color: #EAEAEA;border: solid;border-width: 1px;padding: 3px;margin-top: 3px;	
}

.MenuGauche {
	margin-left:5px;
}
.Journal {
	font-size:10pt;
	color: #000000;
	font-family:Verdana;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.life:hover { font-size: 11px; border: 1px solid #00FF00; font-weight: bold; background: url('img/caracteristiques/bar-life.gif'); }
.life { font-size: 11px; font-weight: bold; background: url('img/caracteristiques/bar-life.gif'); }

.energy:hover { font-size: 11px; border: 1px solid yellow; font-weight: bold; background: url('img/caracteristiques/bar-energy.gif'); }
.energy { font-size: 11px; font-weight: bold; background: url('img/caracteristiques/bar-energy.gif'); }

.rage:hover { font-size: 11px; border: 1px solid red; font-weight: bold; background: url('img/caracteristiques/bar-rage.gif'); }
.rage { font-size: 11px; font-weight: bold; background: url('img/caracteristiques/bar-rage.gif'); }

.mana:hover { font-size: 11px; border: 1px solid #33CCFF; font-weight: bold; background: url('img/caracteristiques/bar-mana.gif'); }
.mana { font-size: 11px; font-weight: bold; background: url('img/caracteristiques/bar-mana.gif'); }

.metier:hover { font-size: 11px; border: 1px solid #00a8ff; font-weight: bold; cursor: default;}
.metier { font-size: 11px; border: 1px solid #28374d; font-weight: bold; cursor: default;}

#tabl {
	border: thin double #28374D;
}
.titre {
	font-size: 24px;
	text-align: center;
}

.tutotitre {
	color: #FFCC33;
	font-weight: bold;	
}
.new_mnugauche {
	padding:0px;
}
.newmenu_rubrique {
	font-weight:bold;
	padding-left:10px;
	font-size:9pt;
	cursor:pointer;
}
td.newmenu_menu {
	height:11px;
	font-family:Verdana;
	font-size:9pt;
	padding-bottom:3px;
	cursor:pointer;
	background: url('img/menu/menu_02.png');
	width: 9px;
}

td.newmenu_menu2 { 
	background: url('img/menu/menu_03.png'); 
	text-align: left;
	width: 141px;
}
td.newmenu_menu3 { 
	background: url('img/menu/menu_04.png'); 
	width: 19px;
}
td.newmenu_menu4 { 
	background: url('img/menu/menu_05.png'); 
	background-repeat: no-repeat;
}

.new_mnu_style {
	border:1px #999999 solid;
	padding-left:3px;
	padding:1px;
	background-color:#28374D;
	font-variant:small-caps;
	font-size:10pt;
	font-weight:500;
	cursor:pointer;
}
.new_status { height:28px; }
.hv { border-bottom:1px black solid; height:35px; background-color:#4B6483; padding:3px; }
.hv_title { border-bottom:1px black solid; border-top:1px black solid;height:35px; background-color:#28374D; padding:3px; }

.icon_border_0 { display:block; border: 0px; padding: 6px; width: 32px; height: 32px; background: url('img/icon_border/icon_border_0.png'); }
.icon_border_1 { display:block; border: 0px; padding: 6px; width: 32px; height: 32px; background: url('img/icon_border/icon_border_1.png'); }
.icon_border_2 { display:block; border: 0px; padding: 6px; width: 32px; height: 32px; background: url('img/icon_border/icon_border_2.png'); }
.icon_border_3 { display:block; border: 0px; padding: 6px; width: 32px; height: 32px; background: url('img/icon_border/icon_border_3.png'); }
.icon_border_4 { display:block; border: 0px; padding: 6px; width: 32px; height: 32px; background: url('img/icon_border/icon_border_4.png'); }
.icon_border_5 { display:block; border: 0px; padding: 6px; width: 32px; height: 32px; background: url('img/icon_border/icon_border_5.png'); }
.icon_border_6 { display:block; border: 0px; padding: 6px; width: 32px; height: 32px; background: url('img/icon_border/icon_border_6.png'); }

.wttip td, .wttip th { background: url('img/ttip.png'); font-family: Arial; font-size: 12px; line-height: 16px; color: white; border: none; }
.wttip table.shrink b { font-size: 10px; line-height: 15px }
.wttip table.shrink td, .wttip table.shrink th { font-size: 10px; line-height: 14px }
.wttip th { padding: 3px; height: 8px }
.wttip td { padding: 8px 4px 1px 9px }
.wttip div.indent { padding-left: 0.6em }
.wttip table { background-color: transparent }
.wttip td table { border-spacing: 0; border-collapse: collapse }
.wttip td table th, .wttip td table td { background: none }
.wttip td table th { padding: 0 0 0 4em; text-align: center; font-weight: normal }
.wttip td table td { padding: 0 }

a.info { 
	position: relative; 
	padding: 1px; 
	color: #FFCC33;
	text-decoration:none;
	border-bottom: 1px #FFCC33 dotted; /* on souligne le texte */ 
}
a.info span{ display: none; /* on masque l'infobulle */ }
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: block; /* on affiche l'infobulle */
   position: absolute;
   #white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   right: -30px;
   text-align: justify;
   background: #4a6180; 
   color: #FFFFFF;
   padding: 5px;
   border: 1px solid #10171d;
   border-left: 5px solid #10171d;
   border-right: 5px solid #10171d;
   border-radius: 10px 10px; 
   -moz-border-radius: 10px;
}