/*	*********************************************************************************************************
														FONT
		********************************************************************************************************* */
	@font-face {
		font-family: 'system_fontregular';
		src: url('../font/SystemFont-Regular.eot');
		src: url('../font/SystemFont-Regular.ttf') format('truetype'),
			 url('../font/SystemFont-Regular.eot?#iefix') format('embedded-opentype'),
			 url('../font/SystemFont-Regular.woff2') format('woff2'),
			 url('../font/SystemFont-Regular.woff') format('woff'), 
			 url('../font/SystemFont-Regular.svg#system_fontregular') format('svg');
		font-weight: normal;
		font-style: normal; 
	} 
	  
	/*	*********************************************************************************************************
														PAGE LOGIN
		********************************************************************************************************* */
	#div_form_loggin{
		width: 500px;
		height: 250px;
		text-align:center;
		vertical-align:middle;
		background-color: #fff;
		border: 1px solid #eee; 
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		margin-bottom: 25px; 
		padding-bottom: 30px;
	}
	
	#form_loggin{
		padding-top:50px;
		line-height: 50px;
		vertical-align:middle;
		margin-left: auto;
		margin-right: auto;
		margin-top: auto;
		margin-bottom: auto;
	}
	
	#image_page_login {
		margin-top: 50px;
		display: block;
		margin-left: auto;
		margin-right: auto 
	}
	
	
	p.classe_information {
		color: blue;
		font-weight:bold;
	}
	
	p.classe_attention {
		color: red;
		font-weight:bold;
	}
	
	.fontWeightBold {
		font-weight:bold;
	}
	
	td.fontTDRight {
		text-align:right;
	}
	
	td.fontTDLeft {
		text-align:left;
	}
	
		 
	/*	*********************************************************************************************************
												PAGE ACCUEIL VERSION 2
		********************************************************************************************************* */
		
	#div_form_login{
		font-family: 'Open Sans Condensed', arial, sans;
	}
	
	#div_form_login h2{
		background: #eee;
		text-transform: uppercase;
		font-family: 'Open Sans Condensed', sans-serif;
		color: #797979;
		font-size: 18px;
		padding: 10px;
		margin-top:0px;
		text-align:center;
	}
	#div_form_login input[type="text"],
	#div_form_login input[type="date"],
	#div_form_login input[type="datetime"],
	#div_form_login input[type="email"],
	#div_form_login input[type="number"],
	#div_form_login input[type="search"],
	#div_form_login input[type="time"],
	#div_form_login input[type="url"],
	#div_form_login input[type="password"],
	#div_form_login textarea,
	#div_form_login select 
	{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		outline: none;
		display: block;
		width: 100%;
		padding: 7px;
		border: none;
		border-bottom: 1px solid #ddd;
		background: transparent;
		margin-bottom: 10px;
		font: 16px Arial, Helvetica, sans-serif;
		height: 45px;
	}
	#div_form_login textarea{
		resize:none;
		overflow: hidden;
	}
	#div_form_login input[type="button"], 
	#div_form_login button, 
	#div_form_login input[type="submit"]{
		-moz-box-shadow: inset 0px 1px 0px 0px #45D6D6;
		-webkit-box-shadow: inset 0px 1px 0px 0px #45D6D6;
		box-shadow: inset 0px 1px 0px 0px #45D6D6;
		background-color: #2CBBBB;
		border: 1px solid #27A0A0;
		display: inline-block;
		cursor: pointer;
		color: #FFFFFF;
		width: 100%;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 14px;
		padding: 8px 18px;
		text-decoration: none;
		text-transform: uppercase;
	}
	#div_form_login input[type="button"]:hover, 
	#div_form_login input[type="submit"]:hover {
		background:linear-gradient(to bottom, #34CACA 5%, #30C9C9 100%);
		background-color:#34CACA;
	} 
	
	/*	*********************************************************************************************************
														PAGE INSCRIPTION
		********************************************************************************************************* */
	#div_form_inscription {
		width: 750px;
		height: 400px;
		text-align:center;
		vertical-align:middle;
		background-color: #fff;
		border: 1px solid #eee; 
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		margin-bottom: 25px; 
		padding-bottom: 30px;
	}
	
	#form_inscription  {
		padding-top:10px;
		line-height: 50px;
		vertical-align:middle;
		margin-left: auto;
		margin-right: auto;
		margin-top: auto;
		margin-bottom: auto;
	}
	
	#h2_page_inscription {
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;
	}
	
	.colonne_gauche_inscription {
		text-align:right;
	}
	
	p.attention_inscription { 
		padding-top:10px;
		color:blue;
		font-weight:bold;
	}
	
	.testtest {
		display:block;
		margin-left: auto;
		margin-right: auto;
		width: 400px;
		margin-top:50px;
	}
	
	/*	*********************************************************************************************************
														BALISES GENERALES
		********************************************************************************************************* */
	body {
		margin :0;
		padding : 0; 
		font-size: 12px; 
		font-family: "system_fontregular", Verdana;
	}
	
	html {
		 margin:0;
		padding:0;
		height: 100%;
		background: url("../images/bg/fond_test2.jpg") no-repeat center fixed; 
		-webkit-background-size: cover; 
		background-size: cover;   
	}
	
	/*body ,html {
		margin :0;
		padding : 0;
		background-color : #f9f9f9;
		font-size: 12px;
		height: 100%;
		font-family: "system_fontregular", Verdana;
	}*/
	
	body {
		height:100%;
	}
	
	fieldset {
		width: 400px;
	}	
	
	a , a:hover, a:visited , a:active {
		color:#919191;
		text-decoration:none;
	}
	
	h3 {
		margin:0;
		text-align:center;
		font-size:16px;
	}
			
	/*	*********************************************************************************************************
														BALISE GNEERIQUES
		********************************************************************************************************* */
	#page_jeu {
		width: 100%;
		margin: auto;
		min-height: 100%;
	}
	
	.membreAdmin > a{
		color: #A44040;
		font-weight:bold;
	}
	
	.membreSemi > a{
		color: #40A497;
		font-weight:bold;
	}
	
	.membreModo  > a{
		color: #ff7d27;
		font-weight:bold;
	}
	
	.membreMembre  > a {
		color: #000000;
		font-weight:bold; 
	}
	
	.membreAdmin{
		text-align:center;
		color: #A44040;
		font-weight:bold;
	}
	
	.membreSemi{
		text-align:center;
		color: #40A497;
		font-weight:bold;
	}
	
	.membreModo {
		text-align:center;
		color: #ff7d27;
		font-weight:bold;
	}
	
	.membreMembre  {
		text-align:center;
		color: #000000;
		font-weight:bold; 
	}
	
	
	.pourcentvie {
		background: #ffffff url(../images/pourcentage/pourcent-pv-2.png) left top no-repeat;
		background-position: 0 0;  
	} 
	
	.pourcentmana { 
		background: #ffffff url(../images/pourcentage/pourcent-mana-2.png) left top no-repeat;
		background-position: 0 0; 
	}
	
	
	.pourcentVieMonstre {
		background: #ffffff url(../images/pourcentage/pourcent-pv.png) left top no-repeat;
		background-position: 0 0;  
	}  
	
	#message_error {
		text-align:center;
		margin-top:25px;
		color:red;
		margin-bottom:-25px; 
		font-weight:bold;
	}
	
	#message_error2 {
		text-align:center;
		margin-top:25px;
		color:red; 
		font-weight:bold;
	}
	
	
	#message_reussite {
		text-align:center;
		margin-top:25px;
		margin-bottom:-25px; 
		color:green;
		font-weight:bold;
	}
	
	#message_reussite2 {
		text-align:center;
		margin-top:25px;
		color:green;
		font-weight:bold;
	}
	
	#retour_carte {
		text-align:center;
		margin-top:15px;
	}
	
	.bouton_submit { 
		font-size: 12px;
		color: #FFF;
		font-weight:bold;
		padding: 3px 13px;
		background: -moz-linear-gradient(top, #0e76a2 0%, #7BB4CC);
		background: -webkit-gradient(linear, left top, left bottom, from(#0e76a2), to(#7BB4CC));
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #7BB4CC;
				-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
				-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(255,255,255,0);
	}

	.bouton_submit:hover { 
		font-size: 12px;
		color: #FFF;
		font-weight:bold;
		padding: 3px 13px;
		background: -moz-linear-gradient(top, #7BB4CC 0%, #0e76a2);
		background: -webkit-gradient(linear, left top, left bottom, from(#7BB4CC), to(#0e76a2));
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #7BB4CC;
		-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(255,255,255,0);
	}

	.bouton_submit:active {
		position:relative;
		top:1px;
	}
	
	.asterix_obligatoire {
		color:red;
		font-weight:bold;
	}
	
	.attention_obligatoire {
		font-style: italic;
		font-size:10px;
	}
	
	/*	*********************************************************************************************************
														  HEADER
		********************************************************************************************************* */		
	#header_page_jeu {
		background: #eee; 
		background: -webkit-linear-gradient(#bebebe,#969696);
		background:    -moz-linear-gradient(#bebebe,#969696);
		background:      -o-linear-gradient(#bebebe,#969696);
		background:         linear-gradient(#bebebe,#969696);
		box-shadow: 0 1px 0 rgba(255,255,255,.5) inset, 
					0 -1px 0 rgba(0,0,0,.8) inset,
					0 0 2px black;
		height: 33px;
		width:100%;
		margin : auto;
		display: inline-block;
		text-align: right;
	}
	
	#header_conteneur_page_jeu {
		margin-left:auto;
		margin-right:auto;
		line-height: 35px;
		width:1024px;
	}
	
	#header_gauche_page_jeu {
		float:left;	
	}
	
	
	#header_gauche_page_jeu ul  {
		margin: auto;
		padding: 0;
		width : 800px;
		padding-top: 5px;
		text-align: center;   
		list-style-type: none;
	}

	#header_gauche_page_jeu li {		
		width: 20%;
		display: inline-block;
		margin-right: 15px;
		color : #FFFFFF;
	}

	#header_gauche_page_jeu a {
		font-size: 12px;
		width: 100%;
		height: 30px;
		line-height: 30px;
		color: #FFF;
		text-decoration: none;
		text-shadow: rgba(0, 0, 0, .5) 1px 1px 1px;
		transition: all .2s;
		margin-right:25px;
	}
	
	#header_gauche_page_jeu a:first-child {
		margin-left:25px;
	}

	#header_gauche_page_jeu a:hover {
		color : #FFFFFF;
		opacity : 0.6;
		-moz-opacity : 0.6;
	}

	#header_droite_page_jeu {
		
	}
	
	#header_droite_page_jeu ul  {
		margin: auto;
		padding: 0;
		width : 800px;
		padding-top: 5px;
		text-align: center;   
		list-style-type: none;
	}

	#header_droite_page_jeu li {		
		width: 20%;
		display: inline-block;
		margin-right: 15px;
		color : #FFFFFF;
	}

	#header_droite_page_jeu a {
		font-size: 12px;
		width: 100%;
		height: 30px;
		line-height: 30px;
		color: #FFF;
		text-decoration: none;
		text-shadow: rgba(0, 0, 0, .5) 1px 1px 1px;
		transition: all .2s;
		margin-right:25px;
	}
	
	#header_droite_page_jeu a:first-child {
		margin-left:25px;
	}

	#header_droite_page_jeu a:hover {
		color : #FFFFFF;
		opacity : 0.6;
		-moz-opacity : 0.6;
	}
	 
	/*	*********************************************************************************************************
													MENU ONGLETS
		********************************************************************************************************* */
	#menu_onglets {  
		margin-top:25px;
		margin-left: auto;
		margin-right: auto;
		width: 1024px; 
		margin-bottom:42px;
	}

	#onglets {
		/*border : 1px solid transparent;*/
		padding : 1; 
		list-style-type : none; 
		/*margin-bottom : 6;*/
		width : 1024px;
		margin-left: -43px;
		/*margin-left : 159px;*/ /* la moitié de width */
		/*z-index:4;*/
	}

	 
	#onglets li {
		float : left;
		height : 40px; 
		background-color: #f9f9f9;
		margin : 3px 2px 0 2px !important;  
		margin : 3px 2px 0 2px;  
		border : 1px solid #eee;
	}

	#onglets li.active {
		border-bottom: 1px solid #fff;
		background-color: #fff;
	}
	
	#onglets a {
		display : block;
		color : #eee;
		text-decoration : none;
		padding : 4px;
	}
	
	#onglets a:hover {
		background : #fff;
		height : 40px; 
	}
	
	  
	#ongletsD {
		border : 1px solid transparent;
		padding : 1; 
		list-style-type : none; 
		/*margin-bottom : 6;*/
		width : 1024px;
		margin-left: -38px;
		/*margin-left : 159px;*/ /* la moitié de width */
		/*z-index:4;*/
	}

	 
	#ongletsD li {
		float : right;
		height : 40px; 
		background-color: #f9f9f9;
		margin : 2px 2px 0 2px !important;  
		margin : 1px 2px 0 2px;  
		border : 1px solid #eee;
	}

	#ongletsD li.active {
		border-bottom: 1px solid #fff;
		background-color: #fff;
	}
	
	#ongletsD a {
		display : block;
		color : #eee;
		text-decoration : none;
		padding : 4px;
	}
	
	#ongletsD a:hover {
		background : #fff;
		height : 40px; 
	}
	
	  
	
	/*	*********************************************************************************************************
														CONTENEUR
		********************************************************************************************************* */
	#conteneur_page { 
		margin-top: 25px;
		margin-bottom: 25px;
		margin-left: auto;
		margin-right: auto;
		width: 1024px;
		border: 1px solid #eee; 
		background-color : #FFF;
		min-height: 500px;
		padding-bottom: 30px;
	}
	
	#hr_mon_perso {
		height: 1px; 
		color: #E1E1E1; 
		background-color: #E1E1E1; 
		border: 0; 
		width:90%;
	}
	/*	*********************************************************************************************************
														  MON PERSO
		********************************************************************************************************* */
	#mon_perso {
	}	
	
	#stats_mon_perso {
		float:left;
		width:70%;
		margin:5px;
		font-size:11px;
	}
	
	#div_image_perso_connecte {
		float:left;
		padding:5px 20px 5px 10px;
	}
	
	#image_perso_connecte { 
	}
	
	#recap_stats_mon_perso {
		margin-top:10px;
		margin-left:5px;
	}
	
	#nom_perso_mon_perso {
		font-size:18px; 
		font-weight:bold;
	}
	
	#stats_2_mon_perso {
		float:left;
		width:25%;
		border:1px solid #E1E1E1;
		margin:10px;
		padding:5px;
	}

	#table_perso_mon_perso {
		margin-top: -45px;
		margin-left:100px;
	}
	
	#table_stats_2_mon_perso {
		margin-left:auto; 
		margin-right:auto;
	}
	
	#table_stats_2_mon_perso tr td:nth-child(odd){
		text-align:right;
	}
	
	#table_stats_2_mon_perso tr td:nth-child(even){
		font-weight:bold;
	}
	
	#page-wrap { 
		float:left; 
		width: 200px;  
		margin-left: -105px;
		margin-top: 35px;	
	}
	
	.meter { 
		height: 10px;  /* Can be anything */ 
		margin: 5px 0 0px 0; /* Just for demo spacing */
		background: rgb(235,235,235);
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
		padding: 4px;
		-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,2525,0.3);
		-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,2525,0.3);
		box-shadow        : inset 0 -1px 1px rgba(255,255,2525,0.3);
	}
	.meter > span {
		display: block;
		height: 100%;
		   -webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
			   -moz-border-radius-topright: 8px;
			-moz-border-radius-bottomright: 8px;
				   border-top-right-radius: 8px;
				border-bottom-right-radius: 8px;
			-webkit-border-top-left-radius: 20px;
		 -webkit-border-bottom-left-radius: 20px;
				-moz-border-radius-topleft: 20px;
			 -moz-border-radius-bottomleft: 20px;
					border-top-left-radius: 20px;
				 border-bottom-left-radius: 20px;
		background-color: rgb(255,255,255);
		background-image: -webkit-gradient( linear,
											  left bottom,
											  left top,
											  color-stop(0, rgb(255,255,255)),
											  color-stop(1, rgb(255,255,255))
											 );
		background-image: -moz-linear-gradient(
						  center bottom,
						  rgb(255,255,255) 37%,
						  rgb(255,255,255) 69%
						 );
		-webkit-box-shadow: 
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
		-moz-box-shadow: 
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
		box-shadow: 
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
		position: relative;
		overflow: hidden;
	}
	
	.meter > span:after, .animate > span > span {
		content: "";
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background-image:  -webkit-gradient(linear, 0 0, 100% 100%, 
							  color-stop(.25, rgba(255, 255, 255, .2)), 
							  color-stop(.25, transparent), color-stop(.5, transparent), 
							  color-stop(.5, rgba(255, 255, 255, .2)), 
							  color-stop(.75, rgba(255, 255, 255, .2)), 
							  color-stop(.75, transparent), to(transparent)
						   );
		background-image:  -moz-linear-gradient(
							  -45deg, 
							  rgba(255, 255, 255, .2) 25%, 
							  transparent 25%, 
							  transparent 50%, 
							  rgba(255, 255, 255, .2) 50%, 
							  rgba(255, 255, 255, .2) 75%, 
							  transparent 75%, 
							  transparent
						   );
		z-index: 1;
		-webkit-background-size: 50px 50px;
		-moz-background-size: 50px 50px;
		-webkit-animation: move 2s linear infinite;
		-webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		-moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-topleft: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		overflow: hidden;
	}
		
	.animate > span:after {
		display: none;
	}
	
	@-webkit-keyframes move {
		0% {
		   background-position: 0 0;
		}
		100% {
		   background-position: 50px 50px;
		}
	}
		
	.red > span {
		background-color: #E91F11;
		background-image: -moz-linear-gradient(top, #E91F11, #AB1308);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E91F11),color-stop(1, #AB1308));
		background-image: -webkit-linear-gradient(#E91F11, #AB1308);
	}
		
	.orange > span {
		background-color: #f1a165;
		background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
		background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
	}
	
	.green > span {
		background-color: #03D649;
		background-image: -moz-linear-gradient(top, #03D649, #02A838);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #03D649),color-stop(1, #02A838));
		background-image: -webkit-linear-gradient(#03D649, #02A838);
	}

	.blue > span {
		background-color: #0075db;
		background-image: -moz-linear-gradient(top, #0075db, #0067c2);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0075db),color-stop(1, #0067c2));
		background-image: -webkit-linear-gradient(#0075db, #0067c2);
	}
	
	.yellow > span {
		background-color: #FFD721;
		background-image: -moz-linear-gradient(top, #FFD721, #CC7A14);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFD721),color-stop(1, #CC7A14));
		background-image: -webkit-linear-gradient(#FFD721, #CC7A14);
	}
	
	.nostripes > span > span, .nostripes > span:after {
		-webkit-animation: none;
		background-image: none;
	}
	
	/*	*********************************************************************************************************
														  CARTE
		********************************************************************************************************* */	
		
	/* ----------------------------------------------- GLOBAL ----------------------------------------------- */	
	/* CARTE FORTERESSE */
	#conteneur_carte_forteresse_gauche {   
		float:left;
		margin-top : 25px; 
	}
	
	/* CARTE FORTERESSE */
	#carte_forteresse_gauche {
		margin-left:25px;
		margin-right:25px;
	}
	 
	/* JOUEURS */
	#joueurs_monstres_forteresse_item_gauche {  
		margin-left:25px;
		margin-right:25px;
		width: 600px;
	}
	
	/* BATIMENTS + PNJ */
	#conteneur_carte_forteresse_droite{ 
		margin-top:25px;
	}
	    
	/*  PNJ */
	#pnj_droite {  
		margin-left:25px;
		margin-right:25px;
	}
	
	
	/* ----------------------------------------- CARTE FORTERESSE ------------------------------------------ */
	#table_carte_forteresse { 
		border-collapse: collapse; 
		margin-left:auto; 
		margin-right:auto; 
		margin-top:0;
	}
	
	#table_carte_forteresse_boussole {
		padding:0; 
		border:0px solid black;
	}
	 
	.letter_forteresse {
		border : 1px solid white;
		width:21px;
		height:21px;
		font-weight:bold;
		font-size:8pt;
		color:black;
		text-align:center;
	}
	
	.firstletter_forteresse {
		border: 0px solid white;
		border-top: none;
		border-left: none;
		width: 21px;
		height: 21px;
		font-weight: bold;
		font-size: 8px;
		color: black;
	}
	
	/*	*********************************************************************************************************
														  CARTE
		********************************************************************************************************* */	
		
	/* ----------------------------------------------- GLOBAL ----------------------------------------------- */	
	/* CARTE */
	#conteneur_carte_gauche {   
		float:left;
		width: 700px; 
		margin-top : 25px; 
	}
	
	/* CARTE */
	#carte_gauche {
		/*margin-left:25px;
		margin-right:25px;*/
	}
	 
	/* JOUEURS + ITEMS + MONSTRE */
	#joueurs_monstres_item_gauche {  
		margin-left:25px;
		margin-right:25px;
		/*width: 600px;*/
	}
	
	/* BATIMENTS + PNJ */
	#conteneur_carte_droite{ 
		float:right; 
		margin-top:25px;
	}
	 
	/* BATIMENT */
	#batiment_droite {
	/*	margin-left:25px;*/
		margin-right:35px; 
	}
	
	/* FORTERESSE */
	#forteresse_droite {
		/*margin-left:25px;*/
		margin-right:35px; 
	}
	
	/*  PNJ */
	#pnj_droite {  
		/*margin-left:25px;*/
		margin-right:35px; 
	}
	
	/* --------------------------------------------- CARTE ---------------------------------------------- */
	#table_cate { 
		border-collapse: collapse; 
		margin-left:auto; 
		margin-right:auto; 
		margin-top:0;
	}
	
	#table_cate_boussole {
		padding:0; 
		border:0px solid black;
	}
	
	.letter {
		border : 1px solid white;
		width:21px;
		height:21px;
		font-weight:bold;
		font-size:8pt;
		color:black;
		text-align:center;
	}
	
	.firstletter {
		border: 0px solid white;
		border-top: none;
		border-left: none;
		width: 21px;
		height: 21px;
		font-weight: bold;
		font-size: 8px;
		color: black;
	}
				
	/* --------------------------------------------- BATIMENTS ---------------------------------------------- */	
	
	.class_mere_pnj_carte_droite {  
		float:left;
		margin-right:15px;
		width: 110px;
		border: 1px solid #eee;
		margin-top: 5px; 
		min-height: 100px;
		text-align:center;
	}
	
	.class_mere_pnj_carte_droite img { 
		padding:7px 5px 5px 7px;
		max-height: 75px;
		max-width: 75px;
	}
	
	.class_mere_pnj_carte_droite p {
		margin-top:20px;
		font-weight:bold; 
	}
	
	.class_mere_pnj_carte_droite p, .class_mere_pnj_carte_droite div {
		 
	}
	
	/* --------------------------------------------- BATIMENTS ---------------------------------------------- */
	/*.class_mere_batiment_carte_droite {  
		margin-left:auto;
		margin-right:auto;
		width: 300px;
		border: 1px solid #eee;
		margin-top: 5px; 
		text-align: justify;
		min-height: 75px;
	}
	
	.class_mere_batiment_carte_droite img { 
		float:left;
		padding:7px 5px 5px 7px;
	}
	
	.class_mere_batiment_carte_droite p {
		margin-top:20px;
		line-height:0; 
		font-weight:bold; 
	}
	
	.class_mere_batiment_carte_droite p, .class_mere_batiment_carte_droite div {
		margin-left:80px; 
	}*/
	
	.class_mere_batiment_carte_droite {  
		float:left;
		margin-right:15px;
		width: 125px;
		border: 1px solid #eee;
		margin-top: 5px; 
		min-height: 150px;
		text-align:center;
	}
	
	.class_mere_batiment_carte_droite img { 
		padding:7px 5px 5px 7px;
		max-height: 75px;
		max-width: 75px;
	}
	
	.class_mere_batiment_carte_droite p {
		margin-top:20px;
		font-weight:bold; 
	}
	
	.class_mere_batiment_carte_droite p, .class_mere_batiment_carte_droite div {
		 
	}
	
	.bouton_visiter_carte_droite { 
		font-size: 12px;
		color: #fff;
		font-weight:bold;
		padding: 3px 13px;
		background: -moz-linear-gradient(top, #0e76a2 0%, #7BB4CC);
		background: -webkit-gradient(linear, left top, left bottom, from(#0e76a2), to(#7BB4CC));
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #7BB4CC;
				-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
				-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(255,255,255,0);
	}

	.bouton_visiter_carte_droite:hover { 
		font-size: 12px;
		color: #fff;
		font-weight:bold; 
		padding: 3px 13px;
		background: -moz-linear-gradient(top, #7BB4CC 0%, #0e76a2);
		background: -webkit-gradient(linear, left top, left bottom, from(#7BB4CC), to(#0e76a2));
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #7BB4CC;
		-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(255,255,255,0);
	}

	.bouton_visiter_carte_droite:active {
		position:relative;
		top:1px;
	}
	
	/* ----------------------------------------------- ITEMS ------------------------------------------------ */
	.cadre_item_carte {  
		float:left;
		margin-right:15px;
		width: 125px;
		border: 1px solid #eee;
		margin-top: 5px; 
		min-height: 125px;
		text-align:center;
	}
	
	.cadre_item_carte a, .cadre_item_carte a.hover, .cadre_item_carte a.visited{
		color: black;
		text-decoration: none; 
	}
	
		
	.image_item_carte {
		margin: 5px;
	}
	
	/* ---------------------------------------------- MONSTRES ---------------------------------------------- */
	#monstres { 
		margin-left: auto;
		margin-right: auto; 
		/*width: 900px;*/
	}
	
	.cadre_monstre_carte {
		border: 1px solid #969696; 
		float:left;
		margin:5px;
		/*max-width:185px;*/
		width:200px; 
	}
	
	.image_monstre_carte {
		padding:5px;
		float:left;
		max-width:70px;
		max-height:70px;
		margin-top:15px;
	}
	
	.caracteristique_monstre_carte {
		float:left;
		padding:5px 0px 5px 0px;
		text-align:center;
		min-height:70px;
		min-width:140px;
	}
	
	
	
	/* ---------------------------------------------- PNJS ---------------------------------------------- */
	#pnjs { 
		margin-left: auto;
		margin-right: auto; 
		/*width: 900px;*/
	}
	
	.cadre_pnjs_carte {
		border: 1px solid #969696; 
		float:left;
		margin:5px;
		/*max-width:185px;*/
		width:200px; 
	}
	
	.image_pnjs_carte {
		padding:5px;
		float:left;
		max-width:70px;
		max-height:70px;
		margin-top:15px;
	}
	
	.caracteristique_pnjs_carte {
		float:left;
		padding:5px 0px 5px 0px;
		text-align:center;
		min-height:70px;
		min-width:140px;
	}
	
	
	/* -------------------------------------------- PERSONNAGES --------------------------------------------- */
	#personnage	{ 
		margin-left: auto;
		margin-right: auto; 
		/*width: 500px;*/
	}
	
	.cadre_personnage_carte {
		border: 1px solid #eee;
		margin: 5px;
		height: 167px;
		width: 125px;
		text-align: center;
		float:left;
	}
	  
	.cadre_forteresse_carte {
		border: 1px solid #eee;
		margin: 5px;
		height: 167px;
		width: 275px;
		text-align: center;
		float:left;
	}

	.div_image_carte_clan_classe {
		float:left;
		width:50%;
	}
	
	.image_carte_clan {
		margin-left:10px;
		width:30px;
		height:30px;
		border:1px solid black;
		margin-top:0px;
	}
	
	.image_carte_classe {
		margin-right:10px;
		width:30px;
		height:30px;
		border:1px solid black;
		margin-top:0px;
	}
	
	/*	*********************************************************************************************************
														 GUILDES
		********************************************************************************************************* */	
	
	/* ----------------------------------------------- NOTHING ------------------------------------------------ */
	#page_guilde_nothing {
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		width:850px;
	}
	
	#page_guilde_nothing_gauche {
		border:1px solid #eee;
		float:left;
		padding: 5px;
		margin-right: 20px;
		height:150px;
		width:375px;
	}
	
	#page_guilde_nothing_droite {
		border:1px solid #eee;
		float:left;
		padding: 5px;
		margin-left: 20px;
		height:150px;
		width:375px;
	}
	
	.titre_div_page_guilde_nothing {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	
	.contenu_div_page_guilde_nothing {
		margin-top:25px;
		line-height:25px;
		text-align:center;
		color:#000;
	}
	
	
	/* ----------------------------------------------- WAIT ------------------------------------------------ */
	#page_guilde_wait { 
		margin-left: auto;
		margin-right: auto;
		width:80%;
		border:1px solid #eee;
		background-color:#f9f9f9;
		text-align:center;
		font-weight:bold;
	}
	
	
	/* -------------------------------------------- IN GUILDE ------------------------------------------------ */
	#page_guilde_in {
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		width:850px;
	}
	
	#page_guilde_in h2 {
		text-align:center;
	}
	
	#page_guilde_in img.blason_page_guilde_in{
		display: block; 
		margin-left: auto;
		margin-right: auto;
	}
	
	#soluce_page_guilde_in {
		text-align:center;
		padding:10px;
	}
	
	#contenu_div_page_guilde_in {
		width:850px;
	}
	
	#contenu_gauche_page_guilde_in {
		float:left;
		padding: 5px;
		margin-right: 20px;
		width:375px;
		text-align:center;
	}
	
	#contenu_droite_page_guilde_in {
		float:left;
		padding: 5px;
		margin-left: 30px;
		width:375px;
	}
	
	.cadre_personnage_guilde {
		margin-left:auto;
		margin-right:auto; 
		width: 400px;
		border: 1px solid #eee;
		margin: 5px; 
		text-align: center;
	}
	
	.image_personnage_guilde {
	}
	
	.cadre_personnage_guilde_avatar {
		float: left;
		margin: 20px;
		width: 135px;
	}
	
	.cadre_personnage_guilde_donnees {
		float: left;
		margin: auto;
		padding: 0;
		text-align: center;
		width: 225px;
	}
	
	.cadre_personnage_guilde a, .cadre_personnage_guilde a.hover, .cadre_personnage_guilde a.visited{
		color: black;
		text-decoration: none;
	}
	
	#description_contenu_droite_page_guilde_in {
		margin-bottom:10px;
		border:1px solid #eee;
		float:left;
		padding: 5px;
		width:375px;
	}
	
	#titre_description_contenu_droite_page_guilde_in {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	
	#desc_description_contenu_droite_page_guilde_in {
		margin-top:25px;
		line-height:25px;
		text-align:center;
		color:#000;
	}
	
	.message_contenu_droite_page_guilde_in {
		margin-top:10px;
		margin-bottom:10px;
		border:1px solid #eee;
		float:left;
		padding: 5px;
		width:375px;
	}
	
	.titre_message_contenu_droite_page_guilde_in {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	
	.form_mess_message_contenu_droite_page_guilde_in {
		margin-top:25px;
		line-height:25px;
		text-align:center;
		color:#000;
	}
	
	.mess_message_contenu_droite_page_guilde_in {
		margin-top:25px;
		line-height:25px;
		text-align:justify;
		color:#000;
	}
	

	/*	*********************************************************************************************************
													PAGE PERSONNAGES
		********************************************************************************************************* */
	#page_personnage { 
		margin-top:25px;
		margin-left:auto;
		margin-right:auto;
		width: 1024px; 
	}
	
	#caracteristique_page_personnage { 
		margin-left:auto;
		margin-right:auto; 
		float:left;
		width: 320px; 
	}
	
	#div_caracteristique_page_personnage { 
		margin-left:auto;
		margin-right:auto;  
		width: 250px;  
		border: 1px solid #eee; 
		padding: 5px; 
	}
	  
	#titre_caracteristique_page_personnage {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	 
	#contenue_caracteristique_page_personnage { 
	}
	
	#div_statistiques_page_personnage { 
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;  
		width: 250px;  
		border: 1px solid #eee; 
		padding: 5px; 
	}
	  
	#titre_statistiques_page_personnage {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	 
	#contenue_statistiques_page_personnage { 
	}
	
	#div_trophe_page_personnage { 
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;  
		width: 250px;  
		border: 1px solid #eee; 
		padding: 5px; 
	}
	  
	#titre_trophe_page_personnage {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	 
	#contenue_trophe_page_personnage { 
	}
	
	#equipement_perso_page_personnage { 
		margin-left:auto;
		margin-right:auto; 
		float:left;
		width: 300px; 
	}
	
	#competences_perso_page_personnage {
		margin-left: auto;
		margin-right: auto;
		width: 300px;
		border: 1px solid #eee;
		margin-top: 5px;
		text-align: justify;
		min-height: 75px;
		padding:5px;
	}
	
	#competences_perso {
		background-color: #eee; 
		text-align: center; 
		font-size: 18px; 
		color: #000; 
		font-weight: bold;
	}
	
	#items_sur_moi_page_personnage { 
		margin-left:37px;
		margin-right:auto; 
		float:left;
		width: 325px;  
		border: 1px solid #eee;
		margin-top: 5px;
		text-align: justify;
		min-height: 75px;
		padding:5px;
	}
	
	#sac_a_dos_page_perso {
		background-color: #eee; 
		text-align: center; 
		font-size: 18px; 
		color: #000; 
		font-weight: bold;
	}
	
	.class_mere_items_sur_moi {  
		margin-left:auto;
		margin-right:auto;
		width: 300px;
		border: 1px solid #eee;
		margin-top: 5px; 
		text-align: justify;
		min-height: 75px;
	}
	
	.class_mere_items_sur_moi img { 
		float:left;
		padding:7px 5px 5px 7px;
	}
	
	.class_mere_items_sur_moi p {
		margin-top:20px;
		line-height:0; 
		font-weight:bold; 
	}
	
	.class_mere_items_sur_moi p, .class_mere_items_sur_moi div {
		margin-left:80px; 
	}
	
	/*	*********************************************************************************************************
													   PAGE FIGHT
		********************************************************************************************************* */		
	#message_error_fight, #message_description_fight {
		margin-left:auto;
		margin-right:auto;
		width:500px;
		text-align:center;
		margin-top:10px;
		margin-bottom:10px;
	} 
	
	.image_monstre_fight {
		min-height : 115px;
		min-width  : 100px;
	}

	.cadre_monstre_fight {
		border: 1px black solid;
		margin: 5px;
		height: 150px;
		width: 100px;
		text-align: center;
	}
	
	.cadre_monstre_fight {
		border: 1px black solid;
		margin: 5px;
		height: 150px;
		width: 100px;
		text-align: center;
	}
	
	#div_gauche_fight {
		float:left;
		width:33%;
	}
	
	#div_centre_fight {
		float:left;
		width:33%;
		vertical-align:top;
	}
	
	#div_droite_fight {
		float:left;
		width:33%;
	}
	
	#cadre_detail_joueur_fight { 
	}
	
	#cadre_description_joureur_fight { 
		margin-left:auto;
		margin-right:auto;  
		width: 300px;  
		border: 1px solid #eee; 
		padding: 5px; 
	}
	  
	#cadre_titre_description_joureur_fight { 
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	
	
	#cadre_trophes_joueur_fight { 
		margin-top:25px;
		margin-left:auto;
		margin-right:auto;  
		width: 300px;  
		border: 1px solid #eee; 
		padding: 5px; 
	}
	  
	#cadre_titre_trophes_joueur_fight { 
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	 
	 #cadre_description_clan_fight { 
		margin-top:25px;
		margin-left:auto;
		margin-right:auto;  
		width: 300px;  
		border: 1px solid #eee; 
		padding: 5px; 
	}
	  
	#cadre_titre_description_clan_fight {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}

	#cadre_competences_global {
		margin-left: auto;
		margin-right: auto;
		width: 300px; 
		border: 1px solid #eee;
		margin-top: 5px;
		text-align: justify;
		min-height: 75px;
		padding:5px;
	}
	
	#div_titre_competences {
		background-color: #eee; 
		text-align: center; 
		font-size: 18px; 
		color: #000; 
		font-weight: bold;
	}
	
	#div_corps_competences {
		
	}
	
	.image_competence_fight {
		float:left; 
		padding:7px 5px 5px 7px;
	}
	
	#cadre_don_cristaux_global { 
		margin-left: auto;
		margin-right: auto;
		width: 300px; 
		border: 1px solid #eee;
		margin-top: 15px;
		text-align: justify;
		min-height: 75px;
		padding:5px;
	}
	
	#div_titre_don_cristaux {
		background-color: #eee; 
		text-align: center; 
		font-size: 18px; 
		color: #000; 
		font-weight: bold; 
	}
	 
	#div_corps_don_cristaux { 
		margin-left: auto;
		margin-right: auto;
		padding: 15px;
		width: 250px; 
	}
	
	/*	*********************************************************************************************************
													   PAGE OPTIONS
		********************************************************************************************************* */		
	#options_float_left {
		float: left;
		width: 512px;
		margin-top:20px;
	}
	
	#options_float_right {
		float: left;
		width: 512px;
		margin-top:20px;
	}
	
	#options_parametres, #options_compte, #options_personnages {
		margin-right: auto;
		margin-left: auto;
		width: 450px;
	} 
	
	h2#page_option {
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;
	} 
	
	#page_conteneur_option { 
	} 
	
	#page_option h3 {
		text-align:center; 
		margin-bottom:0px;
		color:#0e76a2;
	}	
		 
	#div_page_option {
		width:340px;
		float:left;
	}
	
	#option_float_center {

	}
	
	#div_page_option_float_center {
		margin-top: 25px;
	}
	
	#options_joueurs h3, #options_compte h3, #options_parametres h3 {
		text-align:center; 
		margin-bottom:5px;
		color:#0e76a2;
	}
	
	fieldset.fieldset_option { 
		margin-left:auto;
		margin-right:auto;
		width:275px;
		margin-bottom:10px;
	} 
	
	fieldset.fieldset_option legend {
		font-weight:bold;
		color:#0066B4;
		text-align:center;
	} 
	
	fieldset.fieldset_option select {
		font-size:10px; 
	} 
	
	fieldset.fieldset_option input[type="text"] { 
		height:10px;
		font-size:10px;
	}
	
	fieldset.fieldset_option input[type="mail"] { 
		height:10px;
		font-size:10px;
	}
	
	fieldset.fieldset_option input[type="password"] { 
		height:10px;
		font-size:10px;
	}
	
	fieldset.fieldset_option textarea {  
		font-size:12px;
		width:250px;
	}
	 
	fieldset.fieldset_option input[type="submit"] { 
		font-size:11px;
		display: block;
		margin : auto;
	}
	
	#option_float_center {
		width:1024px;
	}

	/*	*********************************************************************************************************
													  PAGE STAFF
		********************************************************************************************************* */
	#page_staff {
		width: 70%;
		margin-left:auto;
		margin-right:auto;
		margin-top: 20px;
	}
	
	#titre_staff {
		text-align:center;
		font-weight: bold;
		font-size: 18px;
	}
	
	#description_staff {
		text-align:justify;
	}
	
	#liste_membre_staff { 
		margin-left:auto;
		margin-right:auto;
		width:600px;
	}
	 
	.membre_staff {
		width:600px; 
		margin-top:20px;
		border: 1px #eee solid;
		background-color: #f9f9f9;
	}
	
	.avatar_membre_staff {
		float:left; 
		width:150px;
		text-align:center;
		font-size:16px;
		font-weight:bold;
	}
	
	.description_membre_staff {
		float:left; 
		width:450px;
	}
	
	.description_membre_staff_div {
		min-height: 90px;
	}
	
	.sign_membre_staff {
		text-align:right;
		margin-top:7px; 
		height: 20px;
		vertical-align : bottom;
	}
	
	/*	*********************************************************************************************************
													PAGE CLASSEMENT
		********************************************************************************************************* */	
	#page_classements {
		text-align:center;
	}
	
	#div_tableau_classement {
		margin-left:auto;
		margin-right:auto;
		width: 800px;
	}
	
	h2#classement_h2 { 
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;
	}
	
	#tableau_classement {
		width: 100%;
		border-collapse:collapse;
	}
	
	#tableau_classement thead tr {
		background-color:#919191;
	}
	
	#numero_tableau_classement {
		width: 5%;
	}
	
	#pseudo_tableau_classement {
		width: 25%;
	}
	
	#clan_tableau_classement {
		width: 30%;
	}
	
	#etat_tableau_classement {
		width: 15%;
	}
	
	#dispo_tableau_classement {
		width: 15%;
	}
	
	#mp_tableau_classement {
		width: 15%;
	}
	
	#tableau_classement tbody tr:nth-child(even)  {
		background-color:#f9f9f9;
	}
	
	/*	*********************************************************************************************************
														 AUBERGES
		********************************************************************************************************* */
	#page_auberge {
		margin-top:50px;
		background-color:#f9f9f9;
		border:1px solid #eee;
		margin-left:auto;
		margin-right:auto;
		width: 800px;
		padding:20px;
	}
	
	#formulaire_auberge_dormir {
		text-align:center;
	}
	
	#temps_restant_page_auberge {
		margin-top:10px;
		text-align: center;
	}
	
	/*	*********************************************************************************************************
														 BANQUES
		********************************************************************************************************* */
	#page_banque { 
		margin-left:auto;
		margin-right:auto;
		width: 800px; 
	}
	
	#argent_page_banque { 
		margin-top:25px;
		border:1px solid #eee; 
		margin-left:auto;
		margin-right:auto;
		width: 500px;
		padding:10px;
	}
	
	#titre_argent_page_banque { 
		background-color:#eee;
		text-align:center;
		font-size:18px;
		font-weight:bold;
	}
	
	#hr_argent_page_banque {
		height: 1px;  
		color: #eee; 
		background-color: #eee;  
		border: 0;
	}
	
	#items_conteneur_page_banque { 
		margin-top:25px;
		border:1px solid #eee; 
		margin-left:auto;
		margin-right:auto;
		width: 800px; 
		padding:10px;
	} 
	
	
	#items_gauche_page_banque { 
		border:1px solid #eee;
		float:left;
		padding: 5px;
		margin-left: 12px; 
		margin-right: 15px; 
		width:360px;
	}
	
	#items_droite_page_banque { 
		border:1px solid #eee;
		float:left;
		padding: 5px;
		margin-left: 15px; 
		width:360px;
	}
	
	#titre_items_conteneur_page_banque { 
		background-color:#eee;
		text-align:center;
		font-size:18px;
		font-weight:bold;
		margin-bottom:10px;
	}
	
	#titre_gauche_page_banque, #titre_droite_page_banque { 
		background-color:#eee;
		text-align:center;
		font-size:18px;
		font-weight:bold;
		margin-bottom:10px;
	}
	
	
	.class_mere_items_page_banque {  
		margin-left:auto;
		margin-right:auto;
		width: 300px;
		border: 1px solid #eee;
		margin-top: 5px; 
		text-align: justify;
		min-height: 75px;
	}
	
	.class_mere_items_page_banque img { 
		float:left;
		padding:7px 5px 5px 7px;
	}
	
	.class_mere_items_page_banque p {
		margin-top:20px;
		line-height:0; 
		font-weight:bold; 
	}
	
	.class_mere_items_page_banque p, .class_mere_items_page_banque div {
		margin-left:80px; 
	}
	/*	*********************************************************************************************************
														 ECHANGEURS
		********************************************************************************************************* */
	#page_echangeur {
		/*margin-top:50px;
		background-color:#f9f9f9;
		border:1px solid #eee;
		margin-left:auto;
		margin-right:auto;
		width: 800px;
		padding:20px;*/ 
		margin-left:auto;
		margin-right:auto;
		width: 900px;  
	}
	 
	/*#formulaire_echangeur {
		text-align:center;
	} */
	
	p#paragraphe_echangeur {
		
	}
	
	div.div_grand_echangeur {
		border: 1px solid #eee; 
		margin:auto; 
		padding:5px; 
		margin-top: 15px; 
		padding-bottom: 15px; 
		width:900px;
	}
	
	
	div.div_titre_grand_echangeur { 
		background-color: #eee; 
		text-align: center; 
		font-size: 18px; 
		font-weight: bold; 
		margin-bottom: 10px;
	}
	
	
	div.div_petit_echangeur {
		border: 1px solid #eee; 
		float: left; 
		padding: 5px;
		margin-left: 15px;
		margin-right: 15px;
		width: 400px;
	}
	
	div.div_texte_petit_echangeur {
		margin: 10px;
	}
	
	div.div_titre_petit_echangeur {
		background-color: #eee; 
		text-align: center; 
		font-size: 18px; 
		font-weight: bold; 
		margin-bottom: 10px;
	}
	
	div.div_texte_grand_echangeur {
		margin: 10px;
	}
	
	/*	*********************************************************************************************************
													  MAISON COMMUNE
		********************************************************************************************************* */
	#page_common_home {
		margin-top:50px;
		background-color:#f9f9f9;
		border:1px solid #eee;
		margin-left:auto;
		margin-right:auto;
		width: 800px;
		padding:20px;
	}
	
	#formulaire_common_home {
		text-align:center;
	} 
	
	
	/*	*********************************************************************************************************
													  CONSTRUCTEUR
		********************************************************************************************************* */
	#page_constructeur {
		margin-top:50px;
		background-color:#f9f9f9;
		border:1px solid #eee;
		margin-left:auto;
		margin-right:auto;
		width: 800px;
		padding:20px;
	}
	
	#formulaire_constructeur {
		text-align:center;
	} 
	  	
	#page_constructeur_gauche {
		border:1px solid #eee;
		float:left;
		padding: 5px;
		margin-right: 20px;
		/*height:150px;*/
		width:350px;
	}
	
	#page_constructeur_droite {
		border:1px solid #eee;
		float:left;
		padding: 5px;
		margin-left: 20px;
		/*height:150px;*/
		width:350px;
	}
	
	#page_constructeur_center { 
		border:1px solid #eee; 
		padding: 5px; 
		width:75%;
		margin:auto;
		margin-top:25px;
	}
	
	.titre_div_page_constructeur {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	
	.contenu_div_page_constructeur {
		margin-top:25px;
		line-height:25px;
		text-align:left;
		color:#000;
		margin: 5px 5px 0px 5px;
	}
	
	.liste_forteresse_enchere {
		border:1px solid black; 
		margin-top:10px; 
		padding:10px; 
		width:400px; 
		margin-left:auto;
		margin-right:auto;
	}
	
	/*	*********************************************************************************************************
														 BOUTIQUES
		********************************************************************************************************* */
	#page_boutique {
		margin-top:25px;
		margin-left:auto;
		margin-right:auto;
		width: 1024px; 
	}
	
	#armes_page_boutique { 
		margin-left:auto;
		margin-right:auto; 
		float:left;
		width: 340px; 
	} 
	
	#div_armes_page_boutique { 
		margin-left:auto;
		margin-right:auto;  
		width: 300px;  
		border: 1px solid #eee; 
		padding: 5px; 
	}
	  
	#titre_armes_page_boutique {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	 
	#contenue_armes_page_boutique { 
	}
	
	
	
	#div_livres_page_boutique { 
		margin-left:auto;
		margin-right:auto;  
		width: 300px;  
		border: 1px solid #eee; 
		padding: 5px; 
	}
	  
	#titre_livres_page_boutique {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	 
	#contenue_livres_page_boutique { 
	}
	
	
	#objets_page_boutique { 
		margin-left:auto;
		margin-right:auto; 
		float:left;
		width: 340px; 
	}
	
	#div_objets_page_boutique { 
		margin-left:auto;
		margin-right:auto;  
		width: 300px;  
		border: 1px solid #eee; 
		padding: 5px; 
	}
	  
	#titre_objets_page_boutique {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	
	#contenue_objets_page_boutique { 
	}
	
	#inventaire_page_boutique { 
		margin-left:auto;
		margin-right:auto; 
		float:left;
		width: 340px; 
	}
	
	#div_inventaire_page_boutique{ 
		margin-left:auto;
		margin-right:auto;  
		width: 300px;  
		border: 1px solid #eee; 
		padding: 5px; 
	}
	  
	#titre_inventaire_page_boutique {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	
	#contenue_inventaire_page_boutique { 
	}
	
	.table_class_mere_items_page_boutique {  
		margin-left:auto;
		margin-right:auto;
		width: 300px;
		border: 1px solid #eee;
		margin-top: 5px; 
		text-align: justify;
		min-height: 75px;
	}
	
	.table_class_mere_items_page_boutique img {  
		padding:7px 5px 5px 7px;
	}
	
	.table_class_mere_items_page_boutique p {
		margin-top:5px;  
	}
	
	.table_class_mere_items_page_boutique div {
		margin-top: -15px; 
	}
	
	.table_class_mere_items_page_boutique p, .table_class_mere_items_page_boutique div { 
	}
	
	
	.table_class_mere_items_page_boutique span.nom_item {  
		color:#0e76a2;
		margin-top:5px;
		font-weight:bold;
		font-size : 12px;
	}
	
	
	/*	*********************************************************************************************************
											BIBLIOTHEQUE
		********************************************************************************************************* */
		
	.table_class_mere_livres_page_boutique {  
		margin-left:auto;
		margin-right:auto;
		width: 300px;
		border: 1px solid #eee;
		margin-top: 5px; 
		text-align: justify;
		min-height: 75px;
	}
	
	.table_class_mere_livres_page_boutique img {  
		padding:7px 5px 5px 7px;
	}
	
	.table_class_mere_livres_page_boutique p {
		margin-top:5px;  
	}
	
	.table_class_mere_livres_page_boutique div {
		margin-top: -15px; 
	}
	
	.table_class_mere_livres_page_boutique p, .table_class_mere_livres_page_boutique div { 
	}
	
	
	.table_class_mere_livres_page_boutique span.nom_livre {  
		color:#0e76a2;
		margin-top:5px;
		font-style: italic;
		font-weight:bold;
		font-size : 12px;
	} 


	/*	*********************************************************************************************************
														 TOUR DE MAGIE
		********************************************************************************************************* */
	#page_tourdemagie {
		margin-top:25px;
		margin-left:auto;
		margin-right:auto;
		width: 1024px; 
	}
	
	#sort_page_tourdemagie { 
		margin-left:auto;
		margin-right:auto; 
		float:left;
		width: 510px; 
	} 
	
	#div_sort_page_tourdemagie { 
		margin-left:auto;
		margin-right:auto;  
		width: 350px;  
		border: 1px solid #eee; 
		padding: 5px; 
	}
	  
	#titre_sort_page_tourdemagie {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	 
	#contenue_sort_page_tourdemagie { 
	}
	 
	#inventaire_page_tourdemagie { 
		margin-left:auto;
		margin-right:auto; 
		float:left;
		width: 510px; 
	}
	
	#div_inventaire_page_tourdemagie{ 
		margin-left:auto;
		margin-right:auto;  
		width: 350px;  
		border: 1px solid #eee; 
		padding: 5px; 
	}
	  
	#titre_inventaire_page_tourdemagie {
		background-color:#eee;
		text-align:center;
		font-size:18px;
		color:#000;
		font-weight:bold;
	}
	
	#contenue_inventaire_page_tourdemagie { 
	}
	
	.class_mere_sorts_page_tourdemagie {  
		margin-left:auto;
		margin-right:auto;
		width: 300px;
		border: 1px solid #eee;
		margin-top: 5px; 
		text-align: justify;
		min-height: 75px;
	}
	
	.class_mere_sorts_page_tourdemagie img { 
		float:left;
		padding:7px 5px 5px 7px;
	}
	
	.class_mere_sorts_page_tourdemagie p {
		margin-top:5px;  
		line-height:20px; 
	}
	
	.class_mere_sorts_page_tourdemagie div {
		margin-top: -15px; 
	}
	
	.class_mere_sorts_page_tourdemagie p, .class_mere_sorts_page_tourdemagie div {
		margin-left:80px; 
	}
	
	/*	*********************************************************************************************************
													 MINICHAT
	********************************************************************************************************* */	
	#conteneur_minichat { 
		margin-top: 25px;
		margin-bottom: 25px;
		margin-left: auto;
		margin-right: auto;
		width: 1024px;
		border: 1px solid #eee; 
		background-color : #FFF;
		min-height: 210px;
		padding-bottom: 30px;
	}
	
	#message_minichat {
		margin:20px;
		padding:5px;
		width:700px;
		float:left;
	}
	
	#affichage_message_chat {	
		border:1px solid #969696;
		padding: 0px 10px;
		height: 175px; 
		overflow-y: scroll;
	}
	
	#affichage_message_chat p { }
	
	#formulaire_chat {
		margin-top:5px;
	}
	
	#formulaire_chat input[type=text] { 
		width: 500px;
	}
	
	#liste_connecte_minichat {
		margin:20px 20px 20px 0px;
		padding:5px;
		width:225px;
		float:left;
	}
	
	#connecte_minichat { 
		border:1px solid #969696;
		padding: 10px;
		height: 180px; 
		overflow-y: scroll;
	}
	 
	.bouton_envoyer_minichat { 
		font-size: 12px;
		color: #FFF;
		font-weight:bold;
		padding: 3px 13px;
		background: -moz-linear-gradient(top, #0e76a2 0%, #7BB4CC);
		background: -webkit-gradient(linear, left top, left bottom, from(#0e76a2), to(#7BB4CC));
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #7BB4CC;
				-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
				-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(255,255,255,0);
	}

	.bouton_envoyer_minichat:hover { 
		font-size: 12px;
		color: #FFF;
		font-weight:bold;
		padding: 3px 13px;
		background: -moz-linear-gradient(top, #7BB4CC 0%, #0e76a2);
		background: -webkit-gradient(linear, left top, left bottom, from(#7BB4CC), to(#0e76a2));
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #7BB4CC;
		-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
		text-shadow: 0px 0px 0px rgba(000,000,000,0.2), 0px 0px 0px rgba(255,255,255,0);
	}

	.bouton_envoyer_minichat:active {
		position:relative;
		top:1px;
	}
	
	/*	*********************************************************************************************************
													 FOOTER
	********************************************************************************************************* */	
	 
	#footer_page_jeu {  
		width:100%; 
		margin : 0;
		padding : 0;
		text-align: right; 
		text-align:center;
		color:#fff; 
		padding-top:10px;  
		background: #eee; 
		background: -webkit-linear-gradient(#bebebe,#969696);
		background:    -moz-linear-gradient(#bebebe,#969696);
		background:      -o-linear-gradient(#bebebe,#969696);
		background:         linear-gradient(#bebebe,#969696);
		box-shadow: 0 1px 0 rgba(0,0,0,.5) inset, 
					0 -1px 0 rgba(255,255,255,.8) inset, 
					0 0 2px black
	} 
	
	#footer_page_jeu_conteneur {
		width:1024px;
		margin:auto;
		padding:auto;
	}
	
	#logo_footer_site {
		float:left;
		margin-left:18%;
		/*margin-bottom:-10px;*/
	}
	
	#generate_page_footer {
		line-height:60px;
		float:left;
	}  
	
	#copyright_footer{
		line-height:55px;
		float:right;
	}  
	
	/*	*********************************************************************************************************
													   PAGE REGLES
		********************************************************************************************************* */	
	#conteneur_regles {
		margin:0px 10px 10px 10px;
		padding:0px 10px 10px 10px;
	}
	#conteneur_regles h2 {
		text-align:center;   
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;
	}
	
	#conteneur_regles h3 {
		text-align:center; 
		margin-top:10px;
		color:#0e76a2;
	}

	/*	*********************************************************************************************************
													   PAGE F.A.Q
		********************************************************************************************************* */	
	#conteneur_FAQ {
		margin: 0px 10px 10px 10px;
		padding: 0px 10px 10px 10px;
	}
	#conteneur_FAQ h2 { 
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;
	}
	
	#conteneur_FAQ h3 {
		text-align:center; 
		margin-top:10px;
		margin-bottom:0px;
		color:#0e76a2;
	}	
	
	/*	*********************************************************************************************************
												  MESSAGES PRIVES
		********************************************************************************************************* */	
	 
	#conteneur_liste_message h2, #conteneur_brouillon h2 {
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;
	}

	
	#new_mp {
		width: 98%;  
		height:auto;
		margin : 0 auto;
		font-weight: normal;
		text-align:center;
		padding: 0px 0px 10px 0px;
	}
	/*
	#new_mp  #new_mp_button {
		height:auto;
		background-color: #38678d;
		border:1px solid #38678d;
		font-weight:bold;
		padding:5px;
		font-style: italic;
		color:#FFFFFF;
	}
	
	.new_mp_button {
		height:auto;
		background-color: #87c1e7;
		border:1px solid #000000;
		font-weight:bold;
		padding:5px;
		font-style: italic;
		color:#38678d;
	}
	
	.new_mp_button_insert {
		height:auto;
		background-color: #38678d;
		border:1px solid #38678d;
		font-weight:bold;
		padding:5px;
		font-style: italic;
		color:#FFFFFF;
	}*/
	
	#liste_MP {
		width: 98%;  
		height:auto;
		border-collapse: collapse; 
		padding: 0; 
		margin: auto; 
		font-weight: normal;
	}
	
	#statutMP {
		text-align:center;
		width: 4%;  
	}
	
	#destinataire_MP {
		text-align:center;
		width: 20%; 
	}
	
	#objet_MP {
		text-align:center;
		width: 56%; 
	}
	
	#date_MP {
		text-align:center;
		width: 20%; 
	}
	
	#th_MP {
		width:auto;
		height:auto;
		background-color: grey ;
		border:0px solid grey ;
		padding:5px;
		text-align:left;
		font-weight:bold;
		font-size:12px;
		color:#000000;
	}
	
	
	#liste_MP tbody tr:nth-child(even)  {
		background-color:#f9f9f9;
	}
	
	.supprimer_selection {
		text-align:right;
	}
 
	.message_mp {
		width:60%;
		margin: 0px 20px;
		padding:10px;
		border-radius: 5px;
		color: #FFFFFF;
		font-weight:normal;
		border:1px solid #969696;
		box-shadow: 0px;
		font-size:12px;
		margin-bottom:20px;
	}
	 
	.messageMoi {
		float : right;
		color : #FFFFFF;
		background-color : #bcbcbc;
	}
	
	.messageLui {
		float : left;
		color : #000000;
		background-color : #f9f9f9;
	}
	
	.spanObjetMP { 
		font-size: 20px;
		font-weight:bold;
	}
	
	.spanDateNameMP {
		display: block;
		font-size: 14px;
		margin : 0px 0px 0px 0px;
	}
	
	.hr_message_prive {
		margin: 28px 0px 10px 0px; 
	}
	
	.titreMP {
		padding : 0px 5px 0px 5px;
	}
	
	.titreLui {

		text-align:left;
		height:45px;
	}
	
	.titreMoi {
		text-align:right;
		height:45px;
	}
	
	.avatarLui {
		padding : 0px 5px 0px 5px;
		float:left;
		max-width:75px;
		max-height:75px;
	}
	
	.avatarMoi {
		padding : 0px 5px 0px 5px;
		float:right;
		max-width:75px;
		max-height:75px;
	}
	
	#formulaires_mp, #formulaires_mp_new {
		margin:auto;
		padding:0;
	}
	
	.comment {
		color:black;
		font-size: 12px;
	}
	 
	
	#destinataire_mp_hidden, #destinataire_mp_new_hidden {
		margin-left: 5px;
		color:black;
		display:none;
	}
	
	#h2_mp {
		text-align:center; 
		margin-top:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;
	}
	
	
	/*	*********************************************************************************************************
												  PAGE LOGS
		********************************************************************************************************* */	
	
	.div_tableau_logs {
		margin-left:auto;
		margin-right:auto;
		width: 800px;
	}
	
	.div_tableau_logs  h2{
		text-align:center;
	}
	
	.tableau_logs {
		width: 100%;
		border-collapse:collapse; 
	}
	 
	
	.tableau_logs thead tr {
		background-color:#919191;
	}
	
	.tableau_logs   td {
		text-align:center;
	}
	
		
	.tableau_logs tbody tr:nth-child(even)  {
		background-color:#f9f9f9;
	}
	
	.toggle_container {
		display:none;
	}
	
	/*	*********************************************************************************************************
											  PAGE EQUIPE
	********************************************************************************************************* */	
	
	h2#staff {
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;
	}
	
	/*	*********************************************************************************************************
											  PAGE LIENS
	********************************************************************************************************* */	
	
	h2#liens {
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px; 
	}
	
	#conteneur_liens {
		margin:10px;
		padding:10px;
	} 
	
	#conteneur_liens h3 {
		text-align:center; 
		margin-bottom:0px;
		color:#0e76a2;
	}
	
	#conteneur_liens hr {
		margin-bottom:15px;
		height: 1px;  
		color: #eee; 
		background-color: #eee;  
		border: 0;
		width:75%;
	}
	
	/*	*********************************************************************************************************
											  PAGE JOURNAL
	********************************************************************************************************* */	 
	
	h2#journal {
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px; 
	}
	
	#journaldebord {
		background: url("../images/site/journaldebord.png") no-repeat center; 
		width:876px;
		height:552px; 
		margin:auto;
		padding:0;
	}
	
	#journaldebord_center {
		padding: 30px 0px 0px 100px;
	}
	
	#journaldebord_gauche {
		float:left;
		width:40%; 
	}
	
	#journaldebord_droite { 
		margin-left:65px;
		float:left;
		width:40%; 
		height: 480px;
		padding:0px 15px 0px 15px; 
		overflow: auto;
		text-align:justify;
	} 
	
	/*	*********************************************************************************************************
											  PAGE LIVRE
	********************************************************************************************************* */	 
	
	h2#h2_livres {
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px; 
	}
	
	#livre {
		background: url("../images/site/journalquetes.png") no-repeat center; 
		width:876px;
		height:552px; 
		margin:auto;
		padding:0;
	}
	
	#livre_center {
		padding: 30px 0px 0px 100px;
	}
	
	#livre_gauche {
		float:left;
		width:300px; 
	}
	
	#livre_droite { 
		margin-left:50px;
		float:left;
		width:375px; 
		height: 480px;
		overflow: auto;
	} 
	
	#description_livre {
		margin-top: 10px;
	}
	
	#titre_livre {
		font-weight : bold;
		text-align : center;
		padding : 20px;
		font-size : 20px;
		color : #003366;
	}
	
	#sommaire_livre { 
		margin-top:10px;
		width:300px; 
		height: 265px;
		overflow: auto;
		
	}
	
	/*	*********************************************************************************************************
											  PAGE DES BONUS
	********************************************************************************************************* */	 
	
	h2#bonus { 
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px; 
	}
	
	div.div_grand_bonus {
		border: 1px solid #eee; 
		margin:auto; 
		padding:5px; 
		margin-top: 15px; 
		padding-bottom: 15px; 
		width:900px;
	}
	
	
	div.div_titre_grand_bonus { 
		background-color: #eee; 
		text-align: center; 
		font-size: 18px; 
		font-weight: bold; 
		margin-bottom: 10px;
	}
	
	
	div.div_petit_bonus {
		border: 1px solid #eee; 
		float: left; 
		padding: 5px;
		margin-left: 15px;
		margin-right: 15px;
		width: 400px;
	}
	
	div.div_texte_petit_bonus {
		margin: 10px;
	}
	
	div.div_titre_petit_bonus {
		background-color: #eee; 
		text-align: center; 
		font-size: 18px; 
		font-weight: bold; 
		margin-bottom: 10px;
	}
	
	div.div_texte_grand_bonus {
		margin: 10px;
	}
	
	
	/*	*********************************************************************************************************
											  PAGE DES LEVELS UPS
	********************************************************************************************************* */	
	
	h2#level_up {
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;  
	}
	
	#gestion_level_up {
		text-align:center;
		margin:auto;
		padding:0;
	}
	
	#point_a_ajouter {
		text-decoration:underline;
		font-weight:bold;
	}
	
	#table_caracteristique_level_up {
		text-align:center;
		width: 300px;
		margin:auto;
		padding:0;
	}
	
	.nom_carac_level_up {
		text-align:right;		
		font-weight:bold;
		width: 100x;
	}
	
	.value_carac_level_up {
		width: 75px;
	}
	
	.up_carac_level_up { 
		width: 75px;
	}
	
	.add_carac_level_up {
		width: 50px;
	}
	
	.input_invisible {
		border:0;
		width: 50px;
		text-align:center;
	} 
	
	/*	*********************************************************************************************************
														PAGE COMPTE
		********************************************************************************************************* */
	.p_pas_de_personnage {
		color:blue;
		text-align:center;
		margin:auto;
		padding:0;
		margin-top:35px;
		font-weight:bold;
	}
	
	.a_pas_de_personnage { 
		text-align:center;
		margin:auto;
		padding:0;
		margin-top:35px;
		font-weight:bold;
	}
	
	
	/*	*********************************************************************************************************
												PAGE CREATION PERSONNAGE
		********************************************************************************************************* */
	
	h2#page_creation_perso {
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;
	} 
	
	#page_conteneur_creation_perso { 
	} 
	
	#page_creation_perso h3 {
		text-align:center; 
		margin-bottom:0px;
		color:#0e76a2;
	}	
	
	/*	*********************************************************************************************************
													PAGE CHANGE LOG
		********************************************************************************************************* */
	#conteneur_changelog {
		margin: 0px 10px 10px 10px;
		padding: 0px 10px 10px 10px;
	}
	#conteneur_changelog h2 { 
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;
	}
	
	#conteneur_changelog h3 {
		text-align:center; 
		margin-top:10px;
		margin-bottom:0px;
		color:#0e76a2;
	}	
	
	
	/*	*********************************************************************************************************
													PAGE QUETES
		********************************************************************************************************* */
		
	
	h2#page_quete {
		text-align:center; 
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;
	} 
	
	#page_conteneur_quete { 
	} 
	
	#page_quete h3 {
		text-align:center; 
		margin-bottom:0px;
		color:#0e76a2;
	}	
		 
	#story_quete {
		background: url("../images/site/journaldebord.png") no-repeat center; 
		width:876px;
		height:552px; 
		margin:auto;
		padding:0;
	}
	
	#story_quete_center {
		padding: 30px 0px 0px 100px;
	}
	
	#story_quete_gauche {
		float:left;
		width:40%; 
		text-align:center;
		padding-top: 100px;
	}
	
	div#story_quete_gauche h4 {
		text-align:center;
		font-weight:bold;
		font-size:16px;
	}
	
	#story_quete_droite { 
		margin-left:75px;
		float:left;
		width:40%; 
		height: 480px;
		overflow: auto;
	} 
	
	
	/*	*********************************************************************************************************
													PAGE TABLEAU DE CHASSE
		********************************************************************************************************* */
	#page_tableau_chasse { 
		margin-left:auto;
		margin-right:auto;
		width: 100%; 
	}
	
	
	#page_tableau_chasse h2 {
		text-align:center;   
		margin-bottom:0px;
		color:#0c668a;
		text-decoration:underline;
		font-size:22px;
	}
	
	#page_tableau_chasse h3 {
		text-align:center; 
		margin-top:10px;
		color:#0e76a2;
	}
	  
	#page_tableau_chasse_table { 
		margin-top:25px;
		border:1px solid #eee; 
		margin-left:auto;
		margin-right:auto;
		width: 90%; 
		padding:10px;
	} 
	
	
	#page_tableau_chasse_gauche { 
		border:1px solid #eee;
		float:left;
		padding: 5px;
		margin-left: 12px; 
		margin-right: 15px; 
		width:46%;
	}
	
	#page_tableau_chasse_droite { 
		border:1px solid #eee;
		float:left;
		padding: 5px;
		margin-left: 15px; 
		width:46%;
	}
	
	#page_tableau_chasse_gauche_titre, #page_tableau_chasse_droite_titre { 
		background-color:#eee;
		text-align:center;
		font-size:18px;
		font-weight:bold;
		margin-bottom:10px;
	}
	
	.td_contient_joueur { 
		text-align:center;
		width:105px;
	}
	
	.td_contient_monstre { 
		text-align:center;
		width:105px;
	}