/*-----------------------------------------------------------*/
/*						Style spécifique à l'usage mobile							 */
/*-----------------------------------------------------------*/
html, body{ 
 background:url('../images/mb/bg2.jpg') repeat;
 margin:0 auto; 
 padding:0;  
 background-color:#000000; 
 background-attachment:fixed;
 color: #cc9112;
 } 
A:link{
	/*padding-left: 5px;*/
}
i{
 font-style: italic;	
}
.menufirst{
 background-color:#231a03;
 border:1px solid #854e44;
 display: block;
 margin: 0 auto;
 text-align:center;
 position: relative;
 width: 702px;
 clear: both;
}
#bandeau_ann{
	background: url("../images/b-denim3.jpg") repeat-y scroll 0 0 #151111;
	position:relative;
	border:1px solid #854e44;
	background-color:#1d1309;
	width: 80%;
	height:1.1em;
	width:57%;
	margin:0 auto;
}
#chat_title{
	background: url("../images/b-denim3.jpg") repeat-y scroll 0 0 #151111;
	position:relative;
	border:2px solid #9A6C01;
	background-color:#1d1309;
	height:10px;
	width: 100%;
	top:0px;
	font-weight: bolder;
	padding-bottom: 2px;
	z-index: 11;	
}
#chat_title img{
	float: right;
	padding-right: 1px;
	border:1px solid #9A6C01;
	background-color:#855729;
}
#chat_title img:hover{
	border:1px solid #FEC849;	
}
.loader{
	background: url("../images/loading.gif") no-repeat;
	background-color:#6B4621;
}
.chat{
	background: url("../images/b-denim3.jpg") repeat-y scroll 0 0 #151111;
	position:fixed;
	border:1px solid #FEB407;
	background-color:#1d1309;
	float: right;
	min-height:450px;
	height: 100%;
	width: 200px;
	z-index: 10;
	bottom: 0px;
	right: 0px;
	text-align: left;
	vertical-align: text-top;
}
#aide_tchat{
	background: url("../images/b-denim3.jpg") repeat-y scroll 0 0 #151111;
	position:relative;
	border:1px solid #FEB407;
	z-index: 11;
	text-align: left;	
}
#tchat_max{
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
}
.admin_band{
	text-align:left;
	width: 45%;
	margin: 2px 6px;
	padding: 2px;
	background-color: #3B0B17;
	border: 2px ridge #593602;
	position:relative;
	float: left;
	display: inline-block;
	line-height: 1.5em;
}
.larger{
	width: 100%;
}
.inline-block{
	display: inline-block;
}
#admin_chat{
	border:3px inset #FEB407;
	background: url("../images/b-denim3.jpg") repeat-y scroll 0 0 #151111;	
	background-color:#333333;
	float:left;
	width:100%;	
	margin-bottom: 0px;
	z-index:11;
	position: relative;
	left: -5px;
}
#admin_bar{
	float:right;
	clear:both;
	display: inline;
}
#chat_area{
	position:fixed;
	bottom: 10px;
	overflow: hidden;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 30px;
	word-wrap: break-word;	
}
.para_tchat span{
	word-wrap: break-word;	
}
#tchat_erreur{	
  background-color:#6C0010;
  border:3px inset #FEB407;
  padding-left: 5px;
  padding-right: 5px;
  display:none;
  font-weight:bolder;
  margin:0 auto;
  height:100%;
  position:relative;
  vertical-align:50%;
  z-index:11;
}
.mini_band{
	    background: url("images/b-denim7.jpg") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
	    border: 1px solid #523f49;
	    display: block;
	    margin: 2px auto;
	    position: relative;
	    width: 98%;
	    color: #cc9112;
    	font-weight: bold;
    	font-size: 12px;
    	padding-top: 5px;
    	padding-bottom: 5px;
}
.button_bar{
	display:inline-block;
	bottom: -5px;
	position: relative;
}
#alerteur{
	text-align:left;
	margin-top:20px;
	margin-bottom:10px;
	background-color: #8B0C18;
}
.defileParent {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 100%;
}
.defile {
	display:block;
	animation: linear marqueelike 20s infinite ;
	-webkit-animation: linear marqueelike 20s infinite ;
	margin-left:-100%;
	padding:0 0px;
	text-align:left;
	margin-right:-100%;
	height: 1.5em;
}
@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
.button_bar li{
	display:inline-block;
	margin: 0px;
}
.ico_light{
	opacity: 1;
 	filter:alpha(opacity=100); /* For IE8 and earlier */
 	background-color: #FFFFFF;
 	z-index:100;
}
.b_mb{
 position: relative;
 height: 25px;
 width: 25px;
 vertical-align: baseline;
}
.menuid{
 border:1px solid #854e44;
 padding: 0px;
 display: block;
 position: relative;
 width: 702px;
 margin: 0 auto;
 text-align:center;
}
.b_menu{
 background-color:#1d1309;
 margin-right: 2px;
 margin-left: 2px;
 padding-right: 3px;
 font-size: 12px;
 position:relative;
 display: inline;
}
.b_menu:hover{
 background-color:#b16456;
}
.b_menu ol li{
 text-align: center;
 float:none;	
}
#conteneur{
 background:url('../images/b-denim2.png');
 display: block;
 position: relative;
 border:2px solid #633932;
 width: 700px;
 text-align:center; 
 left: -2px;
}
#contenu{
	background:url('../images/b-denim2.jpeg');
	background-color:#ffffff;
	margin: 10px;
	padding: 10px;
	display: block;
  position: relative;
	text-align:left;
}
#footer:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} * html #footer {height: 1%;}
#fauxfond{
	background-color:#2c2401;
	position: relative;
  width: 700px;
  margin: 0 auto;
  z-index : 2;
}
.context_menu{
 background:url('../images/mb/bois_tex3.jpg') repeat;
 background-color:#2c2401;
 position: relative;
 border:2px solid #5a3302;
 background-color:#5a3302;
 padding-top: 0px;
 margin: 0 auto;
 margin-top: 0px;
 text-align:center;
 width: 700px;
 top: 0px;
}
#close_btn{
	display: none;
}
.context_menu_sit{
 background:url('../images/b-denim1.jpg') repeat;
 background-color:#2c2401;
 position: relative;
 color: #FFBE0F;
 border:1px solid #76531B;
 background-color:#5a3302;
 padding-top: 0px;
 float: left;
 margin-top: 0px;
 text-align:center;
 width: 50px;
 top: 0px;
}
#carac_list{
 list-style-type: none;
}
.menu_list{
 list-style-type: none;
 clear:both;
 margin: 0px;
 display: inline;	
 margin: 0 auto;
}
#pubgauche{
	position: absolute;
	float: left;
	text-align: left;
}
#pubdroite{
	position: absolute;
	float: right;
	text-align: right;
}
#menu_diplo .img_btn{
	padding: 4px;
}
.limenu{
	float: none;
	display: inline;	
	margin: 0;
	border:5px inset #F0C20D;
}
.limenu:hover{
  border-style: outset;	
}
.flag_carac{
 border:5px inset #a17341;
 text-align:center;
 position:relative;
 top: 0px;
}
#bt_action{
 position:relative;
 padding:0px;
 margin:0 auto;
 padding-top: 10px;
}
.bt_view{
 float:right;	
 padding-top: 10px;
}
.carac_num{
 color: #a17341;	
}
.menu_bout{
 border:2px solid #a17341;
 padding: 1px;
 margin-left:4px;
 margin-right:4px;
 opacity: 0.8;
 filter:alpha(opacity=80); /* For IE8 and earlier */
}
.menu_bout:hover{
 border:2px solid #F0C20D;
 opacity: 1;
 filter:alpha(opacity=100); /* For IE8 and earlier */
}
.col_g{
 width: 47%;
 float: left;
}
.col_d{
 width: 47%;	
 float: right;
}
.total{
 clear: both;
 width: 100%;	
 float:none;
}
.total ul{
 list-style-type: none;
}
.total ul li{
 float: none;	
 text-align:left;
}
.deco_d{
 float: right;
 display: block;
}
.img_marg_rgt{
	margin-right:10px;
}
.justif{
 text-align: justify;	
}
.menu{
	margin:0 auto;
	padding:0;
	height:30px; 
	width:100%; 
	display:block; 
	background:url('../images/mb/top_menuimages.png') repeat-x;
}
.menu li{
	padding:0; 
	margin:0; 
	list-style:none; 
	display:inline;
}
.menu li a{
	float:left; 
	padding-left:15px; 
	display:block; 
	color:#222222; 
	text-decoration:none; 
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	cursor:pointer; 
	background:url('../images/mb/top_menuimages.png') 0px -30px no-repeat;
}
.menu li a span{
	line-height:30px; 
	float:left; 
	display:block; 
	padding-right:15px; 
	background:url('../images/mb/top_menuimages.png') 100% -30px no-repeat;
}
.menu li a:hover{
	background-position:0px -60px; 
	color:rgb(255,255,255);
}
.menu li a:hover span{
	background-position:100% -60px;
}
.menu li a.active, .menu li a.active:hover{
	line-height:30px; 
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	background:url('../images/mb/top_menuimages.png') 0px -90px no-repeat; 
	color:rgb(200,200,200);
}
.menu li a.active span, .menu li a.active:hover span{
	background:url('../images/mb/top_menuimages.png') 100% -90px no-repeat;
}
.bout_mes{
	background-color:#493C01;
  border:1px outset #493C01;
  position:relative;
  height:35px;
  width:35px;
  background:url('../images/mb/bou_text.jpg') no-repeat;
}
.bout_mes:hover{
  border:1px inset #493C01;	
  top: 1px;
  left: 1px;
  
}
.carac_div{
	display: inline;
	color: #D50303;
}
.img_sel{
	background: rgba(0, 255, 0, 0.5);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8000FF00, endColorstr=#8000FF00);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8000FF00, endColorstr=#8000FF00)";
	z-index:10;	
	overflow: hidden;
}
.label_pop{
	background-color: #FEE09F;
  border: 1px solid #493C01;
  color: #5F440A;
  position: absolute;
  cursor: pointer;
  opacity: 0.7;
  padding: 3px;
  text-align: left;
  z-index: 15;
  min-height: 25px;
  min-width: 25px;
}
.terrain_typ{
	overflow: hidden;
}
#terrain td{
  background-size: cover;
}
.cible{
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.parente{
	z-index: 10;
}
img.quete{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 15;
	float:left;
	overflow: hidden;
	
}
.correc_mobile{
	margin-left: 4px;
}
.info_sit{
	border:0px solid #493C01;
	background-color:#FEE09F;	
	position:absolute;
	z-index:10;	
	left:62px;
	color: #5F440A;
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	display:block; 
	overflow: visible;
	cursor: pointer;
	text-align: left;
	width: 554px;
}
#occupation{
	width:650px;
	vertical-align: middle;
}
#occupation td img{
	height: 31px;
	width: 31px;
	margin-bottom:0px;
	margin-top:-2px;
}
#tab_pays{
	width:640px;	
	
}
#tab_pays tr, #tab_pays td{
	border: 3px solid #000000;
	margin:0px;
	padding:0px;
}
#tab_pays td img{
	height: 27px;
	width: 27px;
	margin-bottom:1px;
	margin-top:1px;	
	margin-left:1px;
	margin-right:1px;	
}
.hidden{
	display:none;
}
#pig_dial{
	display:none;
}
.correct_suiv_prev{
	position: relative;
  top: 10px;
  margin-left: 20px;
}
.ico_a{
	height: 50px;
	width: auto;
}
.ico_b{
	height: 100px;
	width: auto;
}
.antre_a{
	text-decoration: none;
}
.antre_a:hover{
	color: #F8F0E4;
	text-decoration: none;
	background-color: #753333;
}
.classement{
	display: inline-block;
	margin-bottom: 1.2em;
}
.classement li{
	font-size: 1.2em;
	width: 100%;
}
.classement li img{
	float: left;	
    border:2px ridge #B4802E;
    margin-right: 1em;    
}
.classement li span{
	font-weight: bolder;	
}
.Hclass{
	font-size: 3em;
	margin-bottom: 0.5em;	
}
.Hclass img{
	vertical-align:middle;	
}
.ticket li{	
  border:1px solid #7E590C;  
  border-bottom-right-radius:1em;
  border-top-left-radius:1em;
  margin:0.3em;
  padding:0.4em;
  width:28%;
  min-height: 10em;
}
.ticket li:hover{	
  background-color:#3D0A1E;
}
.ticket li img{
	vertical-align: bottom;
}

.list_base{
	width: 100%;
	display: block;
}

/* ------------------*/
/* ADAPTATION MOBILE */
/* ------------------*/
/* smartphone (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-width : 480px) {
/* Styles */
  body{	background: none;
  	background-color:#000000;
  	}
	.menufirst{
		width: 480px;
	}
	.menuid{
		width: 480px;
	}
	#conteneur{
		width: 480px;
	}
	#contenu{
		margin:0;
		padding:0;
	}
	.context_menu{
		width: 480px;
		height: 60px;
	}
	#bt_action{
		top:-25px;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}