body
	{
		margin: 0;
		padding: 0;
		/*background-image: url("./images/divers/fond_bg6.png");*/
		background-image: url("./images/divers/if/fond_main.png");
		background-color: #141414;
		background-repeat: repeat-y;
		background-position:center;
		font-family: "Trebuchet MS";
		font-size:12px;
	}
	a
	{ 
		text-decoration: none;
		font-weight:normal;
		color:#EDDDAA;
		font-weight: bold;
	}
	a:hover
	{ 
		text-decoration: none;
		color:#DA9500;
		font-weight:normal;
		font-weight: bold;
	}
	img
	{ 
		border:0;
	}
	.entete
	{
		background-color: #141414;
		color: #FFB677;
		text-align: center;
		font-size:12px;
	}
	/* POur les petits affichages de la fonction conclusion*/
	.conclusion
	{
		font-size: 14px;
		color: Limegreen;
		text-align: center;
		border: 1px solid Limegreen;
		background-color: #141414;
		position: relative;
		width: 50%;
		left: 25%;
		min-height: 30px;
		padding-top: 8px;
		margin-top: 50px;margin-bottom: 10px;
	}
	.conclusionbad
	{
		
		font-size: 14px;
		color: Crimson;
		text-align: center;
		border: 1px solid Crimson;
		background-color: #141414;
		position: relative;
		width: 50%;
		left: 25%;
		padding-top: 8px;
		min-height: 30px;
		margin-top: 50px;margin-bottom: 10px;
	}
	.texte{
		text-align:left; 
		color: #CCCCCC;  
		font-size:12px;
		/*background-image: url(../images/divers/if/barres/new/fond_principal.png);*/
		background-color: #141414;
	}
	.inv
	{ 
		text-align:left; 
		color: #CCCCCC;
		/*background-image: url(../images/divers/if/barres/new/fond_principal.png);*/
		background-color: #141414;
		font-size:12px; 
		padding-left:4px;
		padding-right:4px;
	}
	.invchar
	{
		text-align:left; 
		color: #CCCCCC;
		/*background-image: url(../images/divers/if/barres/new/fond_principal.png);*/
		background-color: #141414;
		font-size:12px; 
	}
	div.inv_title
	{
		text-align:right; 
		color:#CCCCCC;
		font-size:12px; 
		font-weight: bold;
		font-family: "Verdana";
		border-bottom: 1px solid #DA9500;
		margin-bottom: 5px;
		margin-top: 5px;
		padding-right: 10px;
		padding-bottom: 2px;
	}
	/* CLASSE pour les div type bouton*/
	.bout 
	{ 
		color: #000000;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		border-left: 1px solid #000000;
		border-top: 1px solid #000000;
		background-color:#FFFFFF;
		padding-right: 3px;
		padding-left: 3px;
		margin-bottom: 3px; 
		margin-top: 3px;
		font-size:12px; 
		font-weight: normal;
	}
	.bout:hover 
	{ 
		color: #FFFFFF;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		border-left: 1px solid #000000;
		border-top: 1px solid #000000;
		background-color:#000000;
		padding-right: 3px;
		padding-left: 3px;
		margin-bottom: 3px;
		margin-top: 3px;
		font-size:12px;
		font-weight: normal;
	}
	.boutsel 
	{ 
		color: #FFFFFF;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		border-left: 1px solid #000000;
		border-top: 1px solid #000000;
		background-color:#000000;
		padding-right: 3px;
		padding-left: 3px;
		margin-bottom: 3px;
		margin-top: 3px;
		font-size:12px;
	}
	.bouton 
	{ 
		color: #999999;
		border-bottom: 1px solid #999999;
		border-right: 3px solid #999999;
		border-left: 3px solid #999999;
		border-top: 1px solid #999999;
		background-color:#FFFFFF;
		padding-bottom:1px;
		padding-top:1px;
	}
	/* CLASSE pour les div type bouton*/
	.bouton:hover 
	{ 
		color: #000000;
		border-bottom: 1px solid #000000;
		border-right: 3px solid #000000;
		border-left: 3px solid #000000;
		border-top: 1px solid #000000;
		background-color:#FFFFFF;
		padding-bottom:1px;
		padding-top:1px;
	}
	/* CLASSE pour les boutons*/
	.input 
	{ 
		color: #555555;
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
		border-left: 1px solid #999999;
		border-top: 1px solid #999999;
		background-color:#FFFFFF;
		margin-bottom: 1px;
	}
	/* CASE  DE LA MAP*/
	.map{
		border-top: 1px solid #000000;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		border-left: 1px solid #000000;	
	}
	.mapover{
		border-top: 1px solid #00F000;
		border-right: 1px solid #00F000;
		border-bottom: 1px solid #00F000;
		border-left: 1px solid #00F000;		
	}
	/* CASE  OU ON EST SUR LA MAP*/
	.mapo{
		border-top: 1px solid #FF0000;
		border-right: 1px solid #FF0000; 
		border-bottom: 1px solid #FF0000;
		border-left: 1px solid #FF0000;
	}
	/* CLASSE POUR afficher avec la couleur comme les boutons du forums (bleu/gris)*/
	td.forum
	{
		color:#FFB677;
		/*background-color: #FF8C44; */
		font-size:12px;
		padding-left:3px;
		padding-right:2px;
		border: 1px solid #000000;
	}
	td.forum_haut
	{
		color:#FFB677;
		/*background-color: #FF8C44; */
		font-size:12px;
		padding-left:3px;
		padding-right:2px;
		border-bottom: 1px solid #000000;
	}
	td.forum_sujet
	{
		color:#FFFFFF;
		/*background-color: #FF8C44; */
		font-size:12px;
		padding-left:3px;
		padding-right:2px;
		border-bottom: 2px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	td.forum_edit
	{
		color:#FFFFFF;
		/*background-color: #FF8C44; */
		font-size:12px;
		padding-left:3px;
		padding-right:2px;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	.invwhite
	{
		text-align:left; 
		color:#000000;
		background-color: #FFFFFF; 
		font-size:12px; 
		
		padding-left:10px;
		padding-right:5px;
		border-left: 0px dashed #000000;
		border-right: 0px dashed #000000;
		border-top: 0px dashed #000000;
		border-bottom: 0px dashed #000000;
	}
	div.quote
	{
		border: 1px dashed goldenrod;
		background: #141414;
		color: #CCCCCC;
		font: 11px verdana, sans-serif;
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	.form
	{
		background-color:#141414;
		color: #CCCCCC;
		border: 1px solid #CCCCCC;
		cursor: pointer;
		padding-left: 2px;
		padding-right: 2px;
	}
	.form:hover
	{
		background-color:#141414;
		color: #CCCCCC;
		border: 1px solid #DA9500;
		cursor: pointer;
		padding-left: 2px;
		padding-right: 2px;
	}
	.form_selected
	{
		color:#CCCCCC;
		background-color: #DA9500;
		border: 1px solid #CCCCCC;
		cursor: pointer;
		padding-left: 2px;
		padding-right: 2px;
	}
	.inputstyled
	{
		color: #FFFFFF;
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
		border-left: 5px solid #7C1500;
		border-top: 1px solid #999999;
		padding-left: 4px;
		background-color:#141414;
		margin-bottom: 2px;
	}

	.inputstyled2
	{
		color: #333333;
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		border-left: 5px solid #000000;
		border-top: 1px solid #000000;
		background-color:#D9E3EB;
		padding-left: 4px;
		margin-bottom: 2px;
	}


	/* BULLES */

	.titrebulle 
	{
		color: #FFFFFF;
		font-weight: bold;
		font-size: 14px;
		border-bottom: 2px solid #2C3F68;
		margin: 0px ;
		padding-top: 2px;
		padding-left: 4px;
		background-image: url(./images/divers/if/bg_bulle.jpg);
		background-position: top left;
		background-repeat: repeat-y;
	}

	div.bulle 
	{
		padding: 4px;
		top: 0px;
		left: 0px;
		color: #000000;
		font-size: 13px;
		background-color: white;
		border: solid thin ;
		border-color: #004080;
	}

	div.bulle p
	{
		margin: 0; padding: 0 3px;
	}

	/**** CLASS DE TESTS MISE EN FORME DIV ****/

	div.row 
	{
	 	clear: both;
		padding-top: 10px;
	}

	div.row span.label 
	{
	 	float: left;
	 	width: 250px;
	 	text-align: right;
	}

	div.row span.formw 
	{
		float: right;
	 	width: 335px;
	 	text-align: left;
	}

	div.spacer
	{
		clear: both;
	}

	/** DIV de l`affichage d`un livre **/

	#book
	{
		margin : 7px;
	}
	
	/* STYLE COMBAT */
	td.fight_skill
	{
		border: 2px solid #000000;
	}
	td.fight_skill_wrong
	{ 
		border: 2px solid #000000;
	}
	td.fight_skill:hover
	{
		cursor:pointer;
		border: 2px solid #000000;
	}
	td.fight_skill_wrong:hover
	{
		cursor:pointer;
		border: 2px solid #FF0000;
	}
	/*Credits: CSSpplay */
	/*URL: http://www.cssplay.co.uk/menus/pro_one */
	.menu1 {padding:0 0 0 0px; margin:0; list-style:none; height:35px; background:#fff url(./js/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
	.menu1 li {float: left;}
	.menu1 li b {display:block; float:left; height:35px; line-height:35px; color:#FFF; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer;}
	.menu1 li b form{float:left; display:block; padding:0 8px 0 4px;}
	.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#FFF; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer;}
	.menu1 li a b {float:left; display:block; padding:0 8px 0 4px;}
	.menu1 li.current a {color:#fff; background:url(./js/button3.gif);}
	.menu1 li.current a b {background:url(./js/button3.gif) no-repeat right top;}
	.menu1 li a:hover {color:#fff; background:#000 url(./js/button2.png);}
	.menu1 li a:hover b {background:url(./js/button2.png) no-repeat right top;}
	.menu1 li.current a:hover {color:#fff; background:#000 url(./js/button3.gif); cursor:default;}
	.menu1 li.current a:hover b {background:url(./js/button3.gif) no-repeat right top;}

/*MENU EN LIGNE POUR LES TYPES D`OBJETS*/
div.menu_objet_main
{
	margin-top: 10px;  
	min-height: 20px; 
	line-height: 20px;
	vertical-align: center;
	width: 100%;
	text-align: center;
	font-family: verdana; 
	color: #CCCCCC;
	border-top: 1px solid #DA9500;
	border-bottom: 1px solid #DA9500; 
	font-size: x-small;
	cursor: pointer;
}
div.menu_objet_item_selected
{ 
	background-color: #DA9500;
	width: 8%;
	float: left; 
}
div.menu_objet_item
{  
	width: 8%;
	float: left; 
}
div.menu_objet_item:hover
{
	background-color: #DA9500;
	width: 8%;
	float: left;
}
div.footer_bar
{
	position: fixed;
	background-image: url("./images/divers/if/footer_bg.png");
	background-repeat: repeat-x;
	color: white;
	line-height: 39px;
	vertical-align: middle;
	top: 0;
	height: 39px;
	width: 100%;
}
div.footer_bar2
{
	position: fixed;
	color: white;
	top: 0px;
	height: 40px;
	right: 2%;
	width: 96%;
}
div.status_div
{
	position: fixed;
	background-image: url("./images/divers/if/status_bg.png");
	background-repeat: no-repeat;
	bottom: 0px;
	left: 0px;
	height: 100px;
	width: 250px;	
	font-family: "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace; color: white;
	padding-left: 10px;
}
div.pet_div
{
	position: fixed;
	background-image: url("./images/divers/if/pet_bg.png");
	background-repeat: no-repeat;
	bottom: 0px;
	right: 0px;
	height: 100px;
	width: 250px;	
	font-family: "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace; color: white;
}
div.avatar_pet_div
{
	position: fixed;
	background-image: url("./images/divers/if/avatar_bg.png");
	background-repeat: no-repeat;
	bottom: 100px;
	right: 0px;
	height: 100px;
	width: 100px;	
}
div.avatar_div
{
	position: fixed;
	background-image: url("./images/divers/if/avatar_bg.png");
	background-repeat: no-repeat;
	bottom: 100px;
	left: 0px;
	height: 100px;
	width: 100px;	
}
div.sets_div
{
	position: fixed;
	background-image: url("./images/divers/if/sets_bg.png");
	background-repeat: no-repeat;
	bottom: 200px;
	left: 0px;
	height: 150px;
	width: 100px;	
}
div.realm_div
{
	position: fixed;
	background-image: url("./images/divers/if/realm_bg.png");
	background-repeat: no-repeat;
	bottom: 350px;
	left: 0px;
	height: 190px;
	width: 100px;	
}
div.menus_delimiteur
{
	background-image: url("./images/divers/if/delimiteur.png");
	background-repeat: no-repeat;
	height: 40px;
	width: 7px;
	float: left;
}
div.menus_div
{
	position: fixed;
	background-image: url("./images/divers/if/menus_bg.png");
	background-repeat: no-repeat;
	bottom: 21px;
	left: 250px;
	height: 58px;
	width: 680px;
	padding-left: 20px;
}
div.actu_bar
{
	position: fixed;
	color: white;
	top: 40px;
	left: 650px;
	min-width: 200px;
	background-color: #303030;
	padding-right: 5px;
	padding-left: 5px;
	z-index: 10;
}
div.menu_fond_img
{
	width: 37px; 
	height: 40px; 
	padding-right: 5px; 
	padding-top: 2px;
}
div.menu_spacer
{
	float: left;
	min-width: 6px;
	max-width: 6px;
}
@font-face 
{
	font-family: "Jellyka Estrya Handwriting";
	src: url("http://www.aperorpg.fr/js/Jellyka_Estrya_Handwriting.ttf") format("truetype");
}
@font-face 
{
	font-family: "Smirnof";
	src: url("http://www.aperorpg.fr/js/Smirnof.ttf") format("truetype");
}
div.test_police
{
	font-family: "Jellyka Estrya Handwriting", sans-serif;
}
div.bouton_style_war
{
	min-width: 164px;
	min-height: 32px;
	background-image: url("./images/full_bouton_war.png");
	background-repeat: no-repeat;
	color: White;
	float: left;
	text-align: center;
	line-height: 32px;
	vertical-align: center;
	cursor: pointer;
}
div.bouton_style_war:hover
{
	min-width: 164px;
	min-height: 32px;
	background-image: url("./images/full_bouton_war.png");
	background-repeat: no-repeat;
	background-position: 0px -32px;
	color: White;
	float: left;
	text-align: center;
	line-height: 32px;
	vertical-align: center;
	cursor: pointer;
}

div.menus_div {
  left: 50% ! important;
  margin-left: -340px ! important;
  z-index: 101 ! important;
}

div.status_div {
  opacity: 0.4;
}

div.status_div:hover, div.avatar_div:hover + div.status_div {
  opacity: 1;
}

div.pet_div {
  opacity: 0.4;
}

div.pet_div:hover, div.avatar_pet_div:hover + div.pet_div {
  opacity: 1;
}

div.avatar_div {
  opacity: .4;
}

div.avatar_div:hover {
  opacity: 1;
}

div.avatar_pet_div {
  opacity: .4;
}

div.avatar_pet_div:hover {
  opacity: 1;
}

div.status_div, div.pet_div {
  z-index: 100 ! important;
}

div.sets_div {
  opacity: .4;
  background-position: -20px 0px;
  width: 60px ! important;
}

div.sets_div:hover {
  opacity: 1;
}

div.realm_div {
  left: auto ! important;
  right: -20px ! important;
  bottom: 200px ! important;
  opacity: .4;
}

div.realm_div:hover {
  opacity: 1;
}

div.footer_bar2 {
  right: -4px ! important;
  width: 100% ! important;
}

div.menus_div {
  /*bottom: -12px ! important;*/
  opacity: .4;
}

div.menus_div:hover {
  opacity: 1;
}

.cacher .realm_div, .cacher .avatar_div, .cacher .status_div, .cacher .pet_div, .cacher .avatar_pet_div, .cacher .sets_div {
  visibility: hidden ! important;
}

.cacher div.menus_div {
  left: -650px ! important;
  margin: 0 ! important;
  opacity: 1;
  bottom: 0px ! important; /* 45 */
}

.cacher div.menus_div.nouveautees {
	background-image: url('/images/divers/if/menus_bg_nouveautees.png');
}

.cacher div.menus_div:hover {
  background-image: url('/images/divers/if/menus_bg.png') ! important;
  left: 0px ! important;
  bottom: 0px ! important;
}