
        @font-face{
        font-family: 'battle_pixel';
        src: url('//static.wonderz.com/wonderz/playbox/font/grobold/grobold.eot');
        src: url('//static.wonderz.com/wonderz/playbox/font/grobold/grobold.eot?#iefix') format('embedded-opentype'),
             url('//static.wonderz.com/wonderz/playbox/font/grobold/grobold.woff') format('woff'),
             url('//static.wonderz.com/wonderz/playbox/font/grobold/grobold.ttf') format('truetype'),
             url('//static.wonderz.com/wonderz/playbox/font/grobold/grobold.svg#Grobold') format('svg');
             }

    



body {
   margin: 0;
   height:100%;
	background: #04275D;
}
.ciel{
	background: url("/wonderz/playbox/img/battle/background/ciel.jpg") repeat-x;
	position:absolute;
	width:100%;
	height:200px;
	top:0px;
}
.horizon{
	background: url("/wonderz/playbox/img/battle/background/horizon.jpg") repeat-x;
	position:absolute;
	width:100%;
	height:382px;
	top:-3px;
}
.container_abysse {
    position: relative;
    min-height: 100%;
}
.abysse{
	background: url("/wonderz/playbox/img/battle/background/abysse.jpg") center top repeat-x;
	position:absolute;
	width:100%;
	height:708px;
	bottom:-550px;
}

.blackwrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
	background: black;
	z-index: 13;
	opacity: 0.8;
	display: none;
}

.popup_infos {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -320px;
	width: 640px;
	z-index: 30;
}

.popup_infos .haut {
	background: url("/wonderz/playbox/img/battle/popup/popup_regle_haut.png") no-repeat;
	width: 640px;
	height: 312px;
}
.popup_infos .haut h2 {
	position: relative;
	top: 218px;
	text-align: center;
	color: white;
	font-family: battle_pixel;
	text-transform: uppercase;
}

.popup_infos .content {
	background: url("/wonderz/playbox/img/battle/popup/popup_regle_px.png") repeat-y;
	width: 472px;
	margin: auto;
	padding: 60px;
	padding-top: 0;
	padding-bottom: 0;
	font-family: battle_pixel;
	color: white;
}

.popup_infos .content p {
	margin: 0;
}

.popup_infos .bas {
	background: url("/wonderz/playbox/img/battle/popup/popup_regle_bas.png") no-repeat;
	width: 592px;
	height: 114px;
	margin: auto;
}

.popup_btl {
	position: absolute;
	top: 10%;
	left: 50%;
	margin-left: -320px;
	width: 640px;
	z-index: 301;
	display: none;
}

.popup_btl .content {
	background: url("/wonderz/playbox/img/battle/popup/popup_px.png") repeat-y; 
	width: 312px;
	padding: 60px;
	margin: auto;
	color: white;
	font-family: battle_pixel;
	text-align: center;
	font-size: 25px;
}

.popup_btl .content .texte {
	color: white;
	font-family: battle_pixel;
	text-align: center;
	font-size: 25px;
	line-height: 37px;
	}

.popup_btl .content p {
	margin: 0;
	padding: 0;
}

.popup_btl .haut {
	width: 640px;
	height: 312px;
	background: url("/wonderz/playbox/img/battle/popup/popup_haut.png") no-repeat;
}

.popup_btl .haut .titre {
	position: relative;
	height: 180px;
	width: 180px;
	top: 65px;
	left: 229px;
	text-align: center;
	padding-top: 54px;
	color: white;
	font-family: battle_pixel;
	font-size: 25px;
}
.popup_btl.popup_sans_titre .haut .titre {
	background: url("/wonderz/playbox/img/battle/popup/bateau.png") 8px 20px no-repeat;
}
/*
.popup_longue_vue .haut .titre {
	top: 15px;
}

.popup_longue_vue .haut .titre .bonus_image {
	margin-top:35px;
}
*/
.popup_longue_vue .haut .titre .point_image {
	font-size: 54px;
	/*margin-top:35px;*/
}
.popup_longue_vue .haut .titre .point_image label{
	display: block;
    font-size: 30px;
}

.popup_btl .bas {
	width: 432px;
	height: 114px;
	background: url("/wonderz/playbox/img/battle/popup/popup_bas.png") no-repeat;
	margin: auto;
	position:relative;
	text-align:center;
}
#popup_battle .bas .btn_fermer{
	font-family: battle_pixel;
	font-size: 28px;
	margin-top: 26px;
	position: relative;
	top: 28px;
	
	border: 4px #585957 outset;
	padding: 0 15px;
	border-radius: 10px;
	background: #A3A3A3;
	color: black;
	text-decoration: none;
}
#popup_battle .bas .btn_fermer:hover {
	color:white;
	background:#152C23;
}

#popup_battle.popup_passetour  .haut{
	background: url("/wonderz/playbox/img/battle/popup/popup_battle_haut.png") no-repeat;
}
#popup_battle.popup_passetour  .btn_fermer{
	font-family: battle_pixel;
	font-size: 28px;
	margin-top: 26px;
	position: relative;
	top: 28px;
	
	border: 4px #585957 outset;
	padding: 0 15px;
	border-radius: 10px;
	background: #A3A3A3;
	color: black;
	text-decoration: none;
}
#popup_battle.popup_passetour .btn_fermer:hover {
	color:white;
	background:#152C23;
}
#popup_battle.popup_passetour  .btn_fermer.oui{
	margin-left:0px;
}
#popup_battle.popup_passetour  .btn_fermer.non{
	margin-left: 64px;
}

#popup_battle.popup_infos_jauge .haut,
#popup_battle.popup_case_jeu .haut{
	width: 640px;
	height: 312px;
	background: url("/wonderz/playbox/img/battle/popup/popup_grande_haut_01.png") no-repeat;
}
#popup_battle.popup_regles .haut {
	width: 640px;
	height: 312px;
	background: url("/wonderz/playbox/img/battle/popup/popup_regle_haut.png") no-repeat;
}
#popup_battle.popup_infos_jauge .bas,
#popup_battle.popup_case_jeu .bas,
#popup_battle.popup_regles .bas {
	width: 592px;
	height: 114px;
	background: url("/wonderz/playbox/img/battle/popup/popup_regle_bas.png") no-repeat;
	margin: auto;
}
#popup_battle.popup_infos_jauge .content,
#popup_battle.popup_case_jeu .content,
#popup_battle.popup_regles .content {
	background: url("/wonderz/playbox/img/battle/popup/popup_regle_px.png") repeat-y; 
	width: 502px;
	padding:0;
	/*height:350px;*/
	padding-left: 45px;
	padding-right: 45px;
}


#popup_battle.popup_infos_jauge .content .texte,
#popup_battle.popup_case_jeu .content .texte{
	font-size:18px;
	height:380px;
	overflow:auto;
	outline: none;
	margin:none;
}
#popup_battle.popup_regles .content > .texte{
	font-size:16px;
	height:380px;
	padding-bottom:30px;
	font-family : tahoma;
}
#popup_battle.popup_regles .content .texte .page{
	height:380px;
	overflow:auto;
}
#popup_battle.popup_infos_jauge .haut .titre,
#popup_battle.popup_case_jeu .haut .titre,
#popup_battle.popup_regles .haut .titre{
	font-size: 36px;
	height: 60px;
	width: 446px;
	top: 161px;
	left: 97px;
	text-align: center;
	padding-top: 54px;
	color: white;
	font-family: battle_pixel;
}
#popup_battle.popup_infos_jauge .haut .titre,
#popup_battle.popup_case_jeu .haut .titre{
	top: 92px;
}
#popup_battle  .btn_regles_precedent{
	left: 72px;
	position: absolute;
	bottom: 112px;
	z-index: 1;
	font-size: 18px;
	color: white;
}
#popup_battle  .btn_regles_suivant{
	right: 72px;
	position: absolute;
	bottom: 112px;
	z-index: 1;
	font-size: 18px;
	color: white;
}
/*#popup_battle.popup_case_jeu .bas .btn_fermer,
#popup_battle.popup_regles .bas .btn_fermer{
	margin-left: 260px;
}*/

#popup_battle .content .btn_desinscription{
	font-family: battle_pixel;
	font-size: 28px;
	margin:auto;
	margin-top: 20px;
	position: relative;
	top: 28px;
	width: 190px;
	border: 4px #585957 outset;
	padding: 0 15px;
	border-radius: 10px;
	background: #A3A3A3;
	color: black;
	text-decoration: none;
	cursor:pointer;
}
#popup_battle .content .btn_desinscription:hover {
	color:white;
	background:#152C23;
}
#popup_battle .content .btn_desincrire{
	font-family: battle_pixel;
	font-size: 28px;
	margin:auto;
	margin-top: 20px;
	position: relative;
	top: 28px;
	width: 190px;
	border: 4px #585957 outset;
	padding: 0 15px;
	border-radius: 10px;
	background: #A3A3A3;
	color: black;
	text-decoration: none;
	cursor:pointer;
}
#popup_battle .content .btn_desincrire:hover {
	color:white;
	background:#152C23;
}


#btl_haut {
	width: 1185px;
	height:  382px;
	margin: auto;
	overflow: hidden;
	position: relative;
	left: 50%;
	margin-left: -592px;
	z-index:3;
}

.btl_haut_fond {
	width: 1123px;
	height: 100%;
	position: absolute;
	margin-left: 31px;
}
.btl_haut_cote {
	width: 1185px;
	height: 382px;
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/haut/cote_03.png') 30px 312px no-repeat;
	position: relative;
	z-index: 4;
	margin: auto;
}

.parallax-layer {
	position: absolute;
}

#btl_logo {
	height: 138px;
	width: 950px;
	position: absolute;
	left: 50%;
	bottom: 35px;
	margin-left: -475px;
	z-index:4 ;
	
	    background: url('//static.wonderz.com/wonderz/playbox/img/battle/logo/sprite_logo_en.png') no-repeat;
	

	cursor:pointer;
}
.zone_clic_logo{
	z-index: 5;
	width: 403px;
	height: 105px;
	position: absolute;
	top: 183px;
	left: 395px;
	/*cursor: pointer;*/
}
.btl_haut_gauche {
	width: 100%;
	height: 100%;
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/haut/bateau1_02.png') no-repeat 60px 30px;
}

.btl_haut_droite {
	width: 100%;
	height:  100%;
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/haut/bateau2_02.png') no-repeat 742px 30px;
}

.btl_haut_gauche .membre{
	position: absolute;
	top: 124px;
	left: 135px;
	font-family: battle_pixel;
	font-size: 29px;
	color: white;
	width:200px;
	height:125px;
	-webkit-transform: scale(0.8) rotate(15deg);
	-webkit-transform-origin: 0% 0%;
	-moz-transform: scale(0.8) rotate(15deg);
	-moz-transform-origin: 0% 0%;
	-o-transform: scale(0.8) rotate(15deg);
	-o-transform-origin: 0% 0%;
	-ms-transform: scale(0.8) rotate(15deg);
	-ms-transform-origin: 0% 0%;
	transform: scale(0.8) rotate(15deg);
	transform-origin: 0% 0%;
}
.btl_haut_droite .membre{
	position: absolute;
	top: 166px;
	right: 78px;
	font-family: battle_pixel;
	font-size: 29px;
	color: white;
	width:200px;
	height:125px;
	-webkit-transform: scale(0.8) rotate(-17deg);
	-webkit-transform-origin: 0% 0%;
	-moz-transform: scale(0.8) rotate(-17deg);
	-moz-transform-origin: 0% 0%;
	-o-transform: scale(0.8) rotate(-17deg);
	-o-transform-origin: 0% 0%;
	-ms-transform: scale(0.8) rotate(-17deg);
	-ms-transform-origin: 0% 0%;
	transform: scale(0.8) rotate(-17deg);
	transform-origin: 0% 0%;
}
.btl_haut_gauche .membre img,
.btl_haut_droite .membre img{
	border: 1px solid black;
	-webkit-border-radius: 42px;
	-moz-border-radius: 42px;
	border-radius: 42px;
	margin-left: 20px;
	margin-top: 10px;
}

.membre .pseudo{
	float:left;
}
.membre .macaron_connecte{
	width:20px;
	height:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	float: left;
	margin-left: 12px;
	margin-top: 8px;
}
.membre .macaron_connecte.on{
	background-color:rgb(29, 255, 29);
}
.membre .macaron_connecte.off{
	background-color:red;
}

#btl_milieu {
	width: 1124px;
	height: 964px;

	margin: auto;
	/*padding: 40px;*/
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/background_02.png') no-repeat;
	position: relative;
	z-index: 5;
}

@media screen and (min-width: 993px) {
#btl_milieu.cligno {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/background_white_02.png') no-repeat;
	}
}

.zone_partie {

}

.zone_bonus {
	position: absolute;
	top: 30px;
	left: 348px;
}
.zone_bonus.off{
	cursor:not-allowed;
}
.zone_bonus.off a{
	cursor:not-allowed;
}

.infos_partie {
	font-family: battle_pixel;
	text-transform: uppercase;
	text-align: center;
	height: 49px;
	width: 369px;
	margin: auto;
	position: relative;
	top: -60px;
	right: 3px;
	z-index: 6;
	color: white;
	padding: 5px;
	font-size:17px;
}
.btn_accueil,
.btn_recap,
.btn_tableau_bord,
.btn_regle {
	font-family: battle_pixel;
	text-transform: uppercase;
	font-size: 20px;
	height: 64px;
	position: absolute;
	top: -8px;
	left: 886px;
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn_px.png') repeat-x;
	cursor:pointer;
	z-index: 6;
}
.btn_tableau_bord{
	left: 70px;
}
.btn_accueil,
.btn_recap{
	left: 68px;
	top: -8px;
}
.btn_regle.jeu{
	top: -58px;
	left: 778px
}
.btn_tableau_bord p,
.btn_accueil p,
.btn_recap p,
.btn_regle p {
	padding: 0;
	margin: 0;
	margin-left: -20px;
	margin-right: 10px;
	margin-top: 12px;
	display: inline-block;
}
.btn_tableau_bord:before,
.btn_accueil:before,
.btn_recap:before,
.btn_regle:before {
	content: "";
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn.png');
	height: 64px;
	width: 70px;
	overflow: hidden;
	position: relative;
	bottom: 8px;
	left: -26px;
	float: left;
}
.btn_tableau_bord:after,
.btn_accueil:after,
.btn_recap:after,
.btn_regle:after {
	content: "";
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn.png') 10px 0;
	position: relative;
	height: 64px;
	width: 10px;
	bottom: 8px;
	left: 10px;
	float: right;
}

.btn_tableau_bord:hover,
.btn_accueil:hover,
.btn_recap:hover,
.btn_regle:hover { background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn_px.png') repeat-x 0 -67px; }
.btn_tableau_bord:hover:before,
.btn_accueil:hover:before,
.btn_recap:hover:before,
.btn_regle:hover:before { background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn.png') repeat-x 0 -67px; }
.btn_tableau_bord:hover:after,
.btn_accueil:hover:after,
.btn_recap:hover:after,
.btn_regle:hover:after { background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn.png') repeat-x 10px -67px; }

.btn_tableau_bord:active,
.btn_accueil:active,
.btn_recap:active,
.btn_regle:active { background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn_px.png') repeat-x 0 -134px; }
.btn_tableau_bord:active:before,
.btn_accueil:active:before,
.btn_recap:active:before,
.btn_regle:active:before { background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn.png') repeat-x 0 -134px; }
.btn_tableau_bord:active:after,
.btn_accueil:active:after,
.btn_recap:active:after,
.btn_regle:active:after { background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn.png') repeat-x 10px -134px; }


.btl_casegrille {
	font-family: battle_pixel;
	text-transform: uppercase;
	font-size: 20px;
	height: 46px;
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn_px.png') repeat-x;
	position: absolute;
	left: 847px;
	top: 1px;
	cursor:pointer;
}
.btl_casegrille p {
	padding: 0;
	margin: 0;
	margin-left: -20px;
	margin-right: 10px;
	margin-top: 12px;
	display: inline-block;
}
.btl_casegrille:before {
	content: "";
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn.png');
	height: 64px;
	width: 66px;
	overflow: hidden;
	position: relative;
	bottom: 8px;
	left: -26px;
	float: left;
}
.btl_casegrille:after {
	content: "";
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn.png') 8px 0;
	position: relative;
	height: 64px;
	width: 8px;
	bottom: 8px;
	left: 3px;
	float: right;
}

.btl_casegrille:hover { background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn_px.png') repeat-x 0 -67px; }
.btl_casegrille:hover:before { background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn.png') repeat-x 0 -67px; }
.btl_casegrille:hover:after { background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn.png') repeat-x 10px -67px; }

.btl_casegrille:active { background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn_px.png') repeat-x 0 -134px; }
.btl_casegrille:active:before { background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn.png') repeat-x 0 -134px; }
.btl_casegrille:active:after { background: url('//static.wonderz.com/wonderz/playbox/img/battle/btn.png') repeat-x 10px -134px; }

.grille {
	width: 724px;
	height: 724px;
	float:left;
	/*border-radius: 1000px;*/
	/*opacity: 0.5;*/
	position: absolute;
	left: 85px;
	top: 96px;
	z-index:5;
}
.grille.off{
	cursor:not-allowed;
}

.radar {
	position: absolute;
	height: 100%;
	width: 100%;
	background: url("/wonderz/playbox/img/battle/grille/loader.png");
	display: none;
	z-index:2;
	cursor:not-allowed;
}

.grille.longuevue {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/bonus_periscope/radar_mode_periscope.png');		
}

.zone_droite {
	width: 228px;

	float: right;
	position: relative;
	right: 39px;
	top: 65px;
}




.progression {
	color: yellow;
	height: 50px;
	width: 100%;
	text-align: center;
	/*background: rgb(20,40,15);*/
}


.grille .rollover {
	height: 68px;
	width: 68px;
	position: absolute;
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite_rollover_02.png') no-repeat;
	display: none;
}

.grille .rollover.jaune{
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite_radar_rollover.png') no-repeat;
}

.grille.longuevue .rollover {
	height: 58px;
	width: 58px;
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/bonus_periscope/curseur.png') no-repeat;
	display: none;
}

.lock {
	height: 50px;
	width: 50px;
	position: absolute;
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/lock.png') no-repeat;
}
.grille.longuevue .lock {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/lock_bleu.png') no-repeat;
}
.lock.blanc{
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/lock_clic.png') no-repeat;
}

.case {
	text-align: center;
	height: 50px;
	width: 50px;
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/sprite_normal_to_clic_on.png') no-repeat;
	cursor: pointer;
	color: white;
	z-index: 2;
	position:absolute;
}

.case.normal_to_longuevue_on {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/sprite_normal_to_longuevue_on.png');
}
.case.normal_to_longuevue_off {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/sprite_normal_to_longuevue_off.png');
}

.case.animation{
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/spritecible_clic.png') no-repeat;
}

.case.indication {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/sprite_radar_to_clic_on.png') no-repeat;
	}


.case.indication_to_longuevue_on {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/sprite_radar_to_longuevue_on.png');
}
.case.indication_to_longuevue_off {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/sprite_radar_to_longuevue_off.png');
}

.case.indication_anim_on {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/sprite_radar_on.png');
	}
	
	
.case.longuevue {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite_periscope_grossissement.png') -100px 0 no-repeat;
}
.grille.off .case {cursor:not-allowed}

.clicked {
	 /*background: darkgray;
	 cursor: auto;*/
	 display: none;
}

#btl_bas {
	width: 1130px;
	height: 130px;
	margin: auto;
}

.bonus {
	height: 30px;
	width: 130px;
	margin: 5px;
	float: left;
}

.zone_btn_2emechance .icone {
	height: 50px;
	width: 50px;
	float:left;
	margin-top: -1px;
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/demineur/sprite_demineur_no.png') -200px 0%;
}

.zone_btn_2emechance .icone.on {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/demineur/sprite_demineur_ok.png') -200px 0%;
}
.zone_btn_2emechance .icone.off_to_on {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/demineur/sprite_demineur_ok.png');
}
.zone_btn_2emechance .icone.on_to_off {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/demineur/sprite_demineur_no.png');
}


.zone_btn_passer .icone {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/battle/sprite_battle_no.png') -280px 0;
	height: 45px;
	width: 70px;
	margin-top: -3px;
	float: left;
}
.zone_btn_passer .icone.on {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/battle/sprite_battle_ok.png') -280px 0%;
}
.zone_btn_passer .icone.off_to_on {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/battle/sprite_battle_ok.png');
}
.zone_btn_passer .icone.on_to_off {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/battle/sprite_battle_no.png');
}

.zone_btn_passer:active .icone {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/bonus.png') 133px -114px;
}
.zone_btn_passer .icone.on:hover ,
.zone_btn_passer .icone.off_to_on:hover{
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/bonus_battle_over.png');
}

.zone_btn_passer .icone .loader {
	position: relative;
	top: 16px;
	left: 12px;
	display: none;
}

.zone_btn_longuevue .icone {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/periscope/sprite_periscope_no.png') -240px 0%;
	height: 45px;
	width: 60px;
	margin-top: -3px;
	float: left;
}
.zone_btn_longuevue .on {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/periscope/sprite_periscope_ok.png') -240px 0%;
}
.zone_btn_longuevue .icone.off_to_on {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/periscope/sprite_periscope_ok.png');
}
.zone_btn_longuevue .on:hover ,
.zone_btn_longuevue .icone.off_to_on:hover{
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/bonus_periscope_over.png');
}

.zone_btn_longuevue .icone.on_to_off {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/periscope/sprite_periscope_no.png');
}
.zone_btn_longuevue .icone.active {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/periscope/sprite_periscope_actif.png') -240px 0%;
}
.zone_btn_longuevue .icone.on_to_active {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/periscope/sprite_periscope_actif.png');
}
.zone_btn_longuevue .icone.active_to_on {
	background: url('//static.wonderz.com/wonderz/playbox/img/battle/grille/sprite/periscope/sprite_periscope_inactif.png');
}

.btn_bonus {
	font-family: battle_pixel;
	margin: 0;
	padding: 0;
	width: 25px;
	float: left;
	color: white;
}

.btn_bonus p  {
	margin: 0;
	margin-left: 10px;
}

.btn_bonus p span {
	font-size: 35px;
}

.timer {
	font-family: battle_pixel;
	font-size: 30px;
	color: rgb(223,114,19);
	border-bottom: 4px solid rgb(223,114,19);
	border-right: 4px solid rgb(223,114,19);
	position: absolute;
	top: 66px;
	/* height: 25px; */
	/*
	left: 55px;
	width: 100px;
	*/
	left: 37px;
	/* width: 118px; */
	padding: 5px;
	z-index: 6;
	overflow: auto;
	box-sizing: border-box;
}
.timer.wait {
	background: url("/wonderz/playbox/img/battle/grille/wait.gif") 0 14px;
	width: 118px; 
	height:60px;
}
.timer .temps {
    /* left: 72px; */
    /* position: absolute; */
    float: right;
    margin-top: 10px;
	padding-top: 18px;
	font-size: 30px !important;
}
.timer .temps.adv {
	left: 83px;
	font-size: 21px;
	margin-top: -6px;
}
.timer .avatar {
    /* position: absolute; */
    /* left: 10px; */
    /* top: 4px; */
	font-size: 30px ;
    float: right;
    position: relative;
    margin-right: 10px;
}

.timer .avatar.adv {
	line-height: 20px;
	}
.timer .avatar.adv img {
	position:relative;
	top:3px;
	}

.message_trait {
	height: 0;
	width: 0;
	position: absolute;
	z-index: 12;
}

.trait1 {
	background: url("/wonderz/playbox/img/battle/grille/vignette_trait4.png");
}

.trait2 {
	background: url("/wonderz/playbox/img/battle/grille/vignette_trait3.png");
}

.message_bulle {
	height: 180px;
	width: 570px;
	background: rgb(20,40,15);
	position: absolute;
	float: left;
	z-index: 14;
	/*border: 3px solid rgb(98,233,32);*/
	border: 3px solid white;
	border-radius: 3px;
	display: none;
}

.message_bulle .close {
	/*
	border-bottom: 2px solid rgb(98,233,32);
	border-left: 2px solid rgb(98,233,32);
	*/
	border-bottom: 2px solid white;
	border-left: 2px solid white;
	
	/*color: rgb(98,233,32);*/
	color: white;
	font-family: battle_pixel;
	position: absolute;
	right: 0;
	height: 20px;
	width: 20px;
	text-align: center;
	cursor: pointer;
}

.message_bulle .image {
	height: 100%;
	width: 170px;
	/*border-right: 3px solid rgb(98,233,32);*/
	border-right: 3px solid white;
	float: left;
	background-repeat: no-repeat;
	background-position: 15px 20px;
}

.message_bulle p {
	color: white;
	float: left;
	width: 373px;
	margin: 5px;
	font-family: battle_pixel;
	line-height: 22px;
	/*color: rgb(98,233,32);*/
	font-size :21px;
}

.message_ecran {
	height: 150px;
	width: 100%;
	position: fixed;
	top: 45%;
	margin-top: -100px;
	z-index: 20;
	display: none;
	color: white;
	font-size: 150px;
}

.message_ecran p {
	font-family: battle_pixel;
	text-align: center;
	margin: auto;
}

.option {
	width: 1052px;
	margin: auto;
}

.detail_case {
	border: 1px solid darkgray;
	font-size: 11px;
	background: white;
	height: 78px;
	margin-top: -15px;
	width: 0;
	display: none;
	position: relative;
	float: left;
	overflow: hidden;
	z-index: 25;
}

.detail_case p {
	position: relative;
}

.clear {
	clear: both;
}

.historique {
	position: absolute;
	height: 76px;
	width: 812px;
	bottom: 18px;
	left: 153px;
	color: white;
	font-family: battle_pixel;
	overflow: hidden;
}

.historique a:first-of-type,
.historique_gagnants a:first-of-type {
	right: 40px;
}
.historique ul {
	margin: 5px;
	padding-left: 25px;
}

.historique_gagnants {
	position: absolute;
	height: 76px;
	width: 812px;
	bottom: 18px;
	left: 153px;
	color: white;
	font-family: battle_pixel;
	overflow: hidden;
}

.historique_gagnants ul {
	margin: 5px;
	padding-left: 25px;
}

.historique a,
.historique_gagnants a {
	position: absolute;
	display: block;
	top: 50px;
	right: 10px;
	color: white;
	text-decoration:none;
	font-size: 25px;
}


#pied_de_page_liens strong {
	color: white;
}
#pied_de_page_liens a {
	color: white;
}






/* INDEX */
	
.zone_index {
	width: 1124px;
	height: 964px;

	background: url('//static.wonderz.com/wonderz/playbox/img/battle/index/background.png') no-repeat;

	margin: auto;
	padding: 0;
	position: relative;
	z-index: 4;
}

.zone_index a {
	color: rgb(12,255,0);
	text-decoration: none;
}

.index_content {
	padding-left: 60px;
	padding-top: 110px;
}

.battle_model {
	height: 200px;
	width: 229px;

	border: 1px solid lightgray;
	border-radius: 15px;
	box-shadow: 1px 1px 5px lightgray;

	margin: 5px;

	float: left;
	position: relative;
}

.model{
	cursor:pointer;
}
.model_grand {
	font-family: battle_pixel;
	color: rgb(12,255,0);
	height: 306px;
	width: 484px;
	background: url("/wonderz/playbox/img/battle/index/battle_grand.png");
	float: left;
	/*opacity: 0.7;*/
	margin-right: 37px;
	margin-bottom: 20px;
	position: relative;
}
.model_grand.model_unique{
	margin-left: 25%;
}

.model_grand:hover {
	background: url("/wonderz/playbox/img/battle/index/battle_grand.png") 0 306px;
	color: rgb(59,165,182);
}

.model_grand .content {
	padding-top: 25px;
	height: 260px;
	position:relative;
	z-index:2;
}

.model_grand h2 {
	text-transform: uppercase;
	font-size: 45px;
	padding: 0;
	margin: 12px;
	text-align: center;
}
.model_grand .gros_lot {
	font-size: 21px;
	text-transform: uppercase;
	text-align: center;
}
.model_grand .gros_lot .nombre {
	font-size: 45px;
}
.model_grand .gros_lot p {
	margin: 5px;
	font-size: 30px;
}
.model_grand .gros_lot .descriptif.lot{
	position: absolute;
	top: 137px;
	left: 154px;
}


.model_grand:after {
	  content: "";
	  opacity: 0.5;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  position: absolute;
	  z-index: 0;   
	}
	
.model_grand:hover:after {
	opacity:0.1;
	}
	
.model_grand.modele_type_1:after { 	background:url('//static.wonderz.com/wonderz/playbox/img/battle/icone/amiral.png') center center no-repeat;	}
.model_grand.modele_type_2:after { 	background:url('//static.wonderz.com/wonderz/playbox/img/battle/icone/lieutenant.png') center center no-repeat;	}
.model_grand.modele_type_3:after { 	background:url('//static.wonderz.com/wonderz/playbox/img/battle/icone/major.png') center center no-repeat;	}
.model_grand.modele_type_4:after { 	background:url('//static.wonderz.com/wonderz/playbox/img/battle/icone/matelot.png') center center no-repeat;	}


.model_petit:after {
	  content: "";
	  opacity: 0.5;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  position: absolute;
	  z-index: 0;   
	}
	
.model_petit:hover:after {
	opacity:0.1;
	}
	
.model_petit.modele_type_1:after { 	background:url('//static.wonderz.com/wonderz/playbox/img/battle/icone/amiral.png') center center no-repeat;	}
.model_petit.modele_type_2:after { 	background:url('//static.wonderz.com/wonderz/playbox/img/battle/icone/lieutenant.png') center center no-repeat;	}
.model_petit.modele_type_3:after { 	background:url('//static.wonderz.com/wonderz/playbox/img/battle/icone/major.png') center center no-repeat;	}
.model_petit.modele_type_4:after { 	background:url('//static.wonderz.com/wonderz/playbox/img/battle/icone/matelot.png') center center no-repeat;	}


.btn_jouer{
	font-size:21px;
}

.model .infos{
	cursor: pointer;
	background: yellow;
	width: 16px;
	height: 26px;
	font-size: 21px;
	font-family: battle_pixel;
	/* text-align: center; */
	padding-left: 10px;
	position: absolute;
	border-radius: 30px;
	color: #E3711D;
	right: 35px;
	top: 30px;
	z-index: 12;
}

.model .infos:hover {
	background:lightgray;
	color:gray;
	cursor:help;
	}

.model_grand .gros_lot .descriptif.lot{
	position: absolute;
	top: 134px;
	left: 170px;
	width: 250px;
}
.model_grand .gros_lot img{
	margin-left: -200px;
}

.model_grand .content .btn_jouer {
	display: block;
	position: absolute;
	height: 46px;
	top: 230px;
	right: 40px;
	line-height: 45px;
	color: white;
	background: url("/wonderz/playbox/img/battle/index/btn_grand_px.png") repeat-x; 
}

.model_grand .content .btn_jouer:before {
	content: "";
	display: inline-block;
	float: left;
	position: relative;
	right: 10px;
	height: 46px;
	width: 10px;
	background: url("/wonderz/playbox/img/battle/index/btn_grand.png");
}
.model_grand .content .btn_jouer:after {
	content: "";
	display: inline-block;
	float: right;
	position: relative;
	left: 10px;
	height: 46px;
	width: 10px;
	background: url("/wonderz/playbox/img/battle/index/btn_grand.png") 10px 0;
}

.model_grand:hover .content .btn_jouer {
	background: url("/wonderz/playbox/img/battle/index/btn_grand_px.png") repeat-x 0 -46px;
}
.model_grand:hover .content .btn_jouer:before {
	background: url("/wonderz/playbox/img/battle/index/btn_grand.png") 0 46px;
}
.model_grand:hover .content .btn_jouer:after {
	background: url("/wonderz/playbox/img/battle/index/btn_grand.png") 10px 46px;
}


.model_petit {
	font-family: battle_pixel;
	color: rgb(12,255,0);
	height: 273px;
	width: 270px;
	background: url("/wonderz/playbox/img/battle/index/battle_petit.png") 0 0;
	/*opacity: 0.7;*/
	float: left;
	margin-left: 30px;
	position: relative;
}

.model_petit:hover {
	background: url("/wonderz/playbox/img/battle/index/battle_petit.png") 0 273px;
	color: rgb(59,165,182);
}

.model_petit .content {
	padding-top: 15px;
	height: 100%;
	position:relative;
	z-index:2;
}
.model_petit h2 {
	text-transform: uppercase;
	font-size: 40px;
	padding: 0;
	margin: 12px;
	text-align: center;
}
.model_petit .gros_lot {
	font-size: 18px;
	text-transform: uppercase;
	/*text-align: center;*/
	margin-left: 36px;
}
.model_petit .gros_lot .nombre {
	font-size: 60px;
}
.model_petit .gros_lot p {
	margin: 5px;
	font-size: 24px;
}
.model_petit img {
	height: 115px;
	width: 115px;
	float: left;
	margin-left: -8px;
}
.model_petit .gros_lot .descriptif {
	margin: 5px;
	font-size: 16px;
}

.model_petit h2 {
	text-transform: uppercase;
	font-size: 45px;
	padding: 0;
	margin: 12px;
	text-align: center;
}

.model_petit .content .btn_jouer {
	display: block;
	position: absolute;
	height: 33px;
	top: 215px;
	right: 30px;
	line-height: 33px;
	color: white;
	background: url("/wonderz/playbox/img/battle/index/btn_px.png") repeat-x; 
	font-size:18px;
}

.btn_jouer img {
	position: relative;
	top: 17px;
}

.model_petit .content .btn_jouer:before {
	content: "";
	display: inline-block;
	float: left;
	position: relative;
	right: 8px;
	height: 33px;
	width: 8px;
	background: url("/wonderz/playbox/img/battle/index/btn.png");
}
.model_petit .content .btn_jouer:after {
	content: "";
	display: inline-block;
	float: right;
	position: relative;
	left: 8px;
	height: 33px;
	width: 8px;
	background: url("/wonderz/playbox/img/battle/index/btn.png") 8px 0;
}

.model_petit:hover .content .btn_jouer {
	background: url("/wonderz/playbox/img/battle/index/btn_px.png") repeat-x 0 -33px;
}
.model_petit:hover .content .btn_jouer:before {
	background: url("/wonderz/playbox/img/battle/index/btn.png") 0 33px;
}
.model_petit:hover .content .btn_jouer:after {
	background: url("/wonderz/playbox/img/battle/index/btn.png") 10px 33px;
}

.model_slider {
	height: 273px;
	width: 930px;
	float: left;
	overflow: hidden;
}

.slider_container {
	width: 5000px;
	position: relative;
	left: 0;
}

.zone_index .index_content .arrow {
	display: block;
	height: 273px;
	width: 30px;
	float: left;
	color: rgb(98,233,32);
	text-align: center;
	font-size: 46px;
	line-height: 270px;
	font-weight: bold;
	cursor: pointer;
}

.zone_index .index_content .arrow.left {
	border-right: 2px solid rgb(98,233,32);
	margin-left: 4px;
}

.zone_index .index_content .arrow.right {
	border-left: 2px solid rgb(98,233,32);
}

.zone_index .index_content .arrow:hover {
	border-color: rgb(59,165,182);
	color: rgb(59,165,182);
}



/* ### PAGE D'ATTENTE ### */

.zone_wait {
	width: 400px;
	text-align: center;
	position: absolute;
	z-index: 25;
	background: rgb(33,33,33);
	padding: 20px;
	border-radius: 30px;
	left: 50%;
	margin-left: -220px;
	top: 25%;
}

.zone_wait p {
	font-family: battle_pixel;
	color: white;
	font-size:25px;
}
.zone_wait p  a{
	color: white;
}

.zone_wait img {
	height: 80px;
    left: -20px;
    position: relative;
    width: 440px;
}



/* ### WAIT GRILLE ### */

.wait_screen {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -175px;
	margin-top: -100px;
	height: 400px;
	width: 440px;
	text-align: center;
	font-family: battle_pixel;
	font-size: 25px;
	text-transform: uppercase;
	background: rgb(33,33,33);
	border-radius: 25px;
	z-index: 15;
	color: white;
}
.wait_screen .grand_texte{
	font-size: 37px;
	margin-top: -25px;
}

.wait_screen .loading {
	margin: 30px 0 0 0;
	position: relative;
	width: 350px;
}

.wait_screen a.close {
	display: block;
	height: 50px;
	width: 50px;

	position: absolute;
	top:-35px;
	right:-35px;
}

.wait_screen .rechercher,
.wait_screen .desinscrire{
	margin-top: 30px;
	text-decoration: underline;
	cursor: pointer;
}

.cout_btn {
	height: 33px;
	width: 250px;
	margin: auto;
	margin-bottom: 15px;
	text-align: center;
	font-size: 20px;
	line-height: 33px;
	color: white;
	text-decoration: none;
	background: url("/wonderz/playbox/img/battle/index/btn_px.png") repeat-x;
	cursor:pointer;
}

.cout_btn a {
	color: white;
	text-decoration: none;
}

.cout_btn:before {
	content: "";
	display: inline-block;
	float: left;
	position: relative;
	right: 8px;
	height: 33px;
	width: 8px;
	background: url("/wonderz/playbox/img/battle/index/btn.png");
}
.cout_btn:after {
	content: "";
	display: inline-block;
	float: right;
	position: relative;
	left: 8px;
	height: 33px;
	width: 8px;
	background: url("/wonderz/playbox/img/battle/index/btn.png") 8px 0;
}

.cout_btn:hover {
	background: url("/wonderz/playbox/img/battle/index/btn_px.png") repeat-x 0 -33px;
}

.cout_btn:hover:before {
	background: url("/wonderz/playbox/img/battle/index/btn.png") 0 -33px;
}
.cout_btn:hover:after {
	background: url("/wonderz/playbox/img/battle/index/btn.png") 8px -33px;
}



.popup_case_jeu .content .texte table { /*width:100%;*/ width:490px; }
.popup_case_jeu .content .texte tr td:first-child { width:10%; font-weight:bold }
.popup_case_jeu .content .texte th { /*font-weight:bold;*/ font-size: 14px;}
.popup_case_jeu .content .texte td { padding:5px;  }
.popup_case_jeu .content .texte tr.ligne_type_1 td ,
.popup_case_jeu .content .texte tr.ligne_butin_1 td { background:#CFCFCF; }
.popup_case_jeu .content .texte tr.ligne_type_0 td ,
.popup_case_jeu .content .texte tr.ligne_butin_0 td { background:#1A7554; }

.popup_case_jeu .content .texte td { 
	vertical-align:middle;
	}
.popup_case_jeu .content .texte td .zone_point{
	font-family:battle_pixel;
	font-size:50px;
	font-weight:bold;
	color:#FFFF53;
	text-shadow: #000000 2px 0 0, #000000 2px 2px 0, #000000 2px -2px 0, #000000 -2px 2px 0, #000000 -2px 0 0, #000000 -2px -2px 0, #000000 0 2px 0, #000000 0 -2px;
	}

.popup_infos_jauge .content .texte table { /*width:100%;*/ width:490px; }
.popup_infos_jauge .content .texte tr td:first-child { width:10%; font-weight:bold }
.popup_infos_jauge .content .texte th { /*font-weight:bold;*/ font-size: 14px;}
.popup_infos_jauge .content .texte td { padding:5px;  }
.popup_infos_jauge .content .texte tr.ligne_type_1 td ,
.popup_infos_jauge .content .texte tr.ligne_butin_1 td { background:#CFCFCF; }
.popup_infos_jauge .content .texte tr.ligne_type_0 td ,
.popup_infos_jauge .content .texte tr.ligne_butin_0 td { background:#1A7554; }
.popup_infos_jauge .content .texte tr.ligne_type_0.sous_palier td { background:#1B5C45; }
.popup_infos_jauge .content .texte tr.ligne_type_1.sous_palier td { background:#898989; }

.popup_infos_jauge .content .texte td { 
	vertical-align:middle;
	}
.popup_infos_jauge .content .texte td .zone_point{
	font-family:battle_pixel;
	font-size:28px;
	font-weight:bold;
	color:#FFFF53;
	
	/* Variante pour IE9 */
	filter: Shadow(Color=000000, Direction=0, Strength=2),
			Shadow(Color=000000, Direction=45, Strength=1),
			Shadow(Color=000000, Direction=90, Strength=2), 
			Shadow(Color=000000, Direction=135, Strength=1),
			Shadow(Color=000000, Direction=180, Strength=2),
			Shadow(Color=000000, Direction=225, Strength=1),
			Shadow(Color=000000, Direction=270, Strength=2),
			Shadow(Color=000000, Direction=315, Strength=1);
	text-shadow: 
			#000000 2px 0 0,
			#000000 2px 2px 0,
			#000000 2px -2px 0,
			#000000 -2px 2px 0,
			#000000 -2px 0 0,
			#000000 -2px -2px 0,
			#000000 0 2px 0,
			#000000 0 -2px;
	}
	
.popup_infos_jauge .content .texte .sous_palier td .zone_point{
	font-size: 20px;
	}
	
.popup_infos_jauge .content .texte tr.sous_palier{
	display:none;
}
.popup_infos_jauge .gros_palier{
	cursor:pointer;
}
.popup_infos_jauge .gros_palier .derouler{
	text-decoration:underline;
}


/**
==JSCROLLPANE DEBUT
**/
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 100%;
	/*background: red;*/
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #CFCFCF;
	position: relative;
	border-radius:5px;
}

.jspDrag
{
	background: #1A7554;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius:5px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/**
==JSCROLLPANE FIN
**/


.btn_soumission{
	height:48px;
	cursor:pointer;
	color:white;
	font-family: battle_pixel;
	font-size: 20px;
	position:absolute;
	z-index: 3;
	right: -30px;
	bottom: -10px;
}
.btn_soumission .before, .btn_soumission .after{
	background: url("/wonderz/playbox/img/battle/btn_soumission.png") no-repeat;
	height:100%;
	float:left;
}
.btn_soumission .before{
	width:45px;
}
.btn_soumission .after{
	background-position:-45px 0;
	width:9px;
}
.btn_soumission .middle{
	background: url("/wonderz/playbox/img/battle/btn_soumission_px.png") repeat-x;
	height:38px;
	float:left;
	padding-top: 10px;
	position:relative;
}

.btn_soumission.btn_soumission_loader {
	cursor:wait;
	}

.btn_soumission.btn_soumission_loader .middle {
	color:transparent;
	}
.btn_soumission.btn_soumission_loader .middle:after {
	content:'';
	position:absolute;
	width:127px;
	height:32px;
	top: 6px;
	left: 0;
	background: url("/wonderz/playbox/img/battle/loader_drapeaublanc.gif") no-repeat;
	
}

.btn_soumission:hover .before{
	background-position:0 -49px;
}
.btn_soumission:hover .middle{
	background-position:0 -49px;
}
.btn_soumission:hover .after{
	background-position:-45px -49px;
}
.btn_soumission.disabled{
	display:none;
}

.popup_battle_loader {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -175px;
	margin-top: -100px;
	height: 136px;
	width: 440px;
	background: rgb(33,33,33);
	border-radius: 25px;
	z-index: 15;
	display:none;
}
.popup_battle_loader .loading {
	margin: 30px 0 0 0;
	position: relative;
	width: 350px;
}



.message_bulle .image .points{
	width:100%;
	font-family: battle_pixel;
	color: rgb(98,233,32);
	font-size: 45px;
	text-align: center;
	margin-top: 20px;
}
.message_bulle .image .credits{
	width:100%;
	font-family: battle_pixel;
	color: rgb(98,233,32);
	font-size: 40px;
	text-align: center;
	margin-top: 20px;
}
.message_bulle .image .boosters{
	width:100%;
	font-family: battle_pixel;
	color: rgb(98,233,32);
	font-size: 37px;
	text-align: center;
	margin-top: 20px;
}

.popup_deconnecte .texte a {
	text-decoration:none;
	color:#7A7B77;
	font-size:0.9em;
	}
.popup_deconnecte .texte a:hover {
	color:white;
	}

	
.cache_radar {
	cursor: pointer;
    height: 114%;
    left: -10%;
    position: absolute;
    top: -10%;
    width: 130%;
    z-index: 11;
	
	}
.cache_radar .fond_transparent {
	background:black;
	opacity:0.80;
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	background:url('//static.wonderz.com/wonderz/playbox/img/battle/cache_loader.png') 0 0  no-repeat;
	}

	
/*==JAUGE*/ 
.new_jauge {
					position: absolute;
					z-index: 2;
					width: 223px;
					left: 5px;
					top: 7px;
					height: 770px;
					}
					
				.palier_jauge {
					background:yellow;
					margin-left:50px;
					}
					

					
				.palier_jauge .descriptif {
					font-family:battle_pixel;
					box-sizing:border-box;
					-moz-box-sizing:border-box;
				}
				

			
					
				.palier_jauge.descriptif_1 {
					height:30px;
					width:155px;
					position:relative;
					}
					
				.palier_jauge.descriptif_1 .descriptif {
					position:absolute;
					height:100%;
					right:0;
					top:0;
					border:2px solid yellow;
					background:#14280F;
					color:yellow;
					padding:0 5px;
					line-height: 26px;
					}
					
					
				.palier_jauge.confirmed {
					background:#FF8000;
					}
					
				.palier_jauge.palier_added {
					background:#47E9E4;
					}
				.palier_jauge.palier_removed {
					background:red;
					}
				.palier_jauge.confirmed.descriptif_1 .descriptif {
					border-color:#FF8000;
					color:#FF8000;
					}
				.palier_jauge.palier_added.descriptif_1 .descriptif {
					border-color:#47E9E4;
					color:#47E9E4;
					}
				.palier_jauge.palier_removed.descriptif_1 .descriptif {
					border-color:red;
					color:red;
					}
					
				.jauge_overflow {
					display:none;
					}
					
				.new_jauge .curseur_jauge {
					position:absolute;
					right:180px;
					border:2px solid #FF8000;
					box-sizing:border-box;
					-moz-box-sizing:border-box;
					white-space:nowrap;
					padding:0 5px;
					color:#FF8000;
					background:#14280F;
					font-family:battle_pixel;
					height:24px;
					line-height:20px;
					z-index:3;
					font-size:18px;
					}
					
				.new_jauge .curseur_jauge:after {
					border-bottom: 6px solid #14280f;
					border-left: 6px solid #FF8000;
					border-top: 6px solid #14280f;
					content: "";
					height: 0;
					position: absolute;
					right: -8px;
					top: 4px;
					width: 0;
					}

#index_content .tableau_bord {
	top: 72px;
	height: 776px;
	overflow: auto;
	position: relative;
	left: 50px;
	width: 1010px;
}
#index_content .tableau_bord .partie{
	width: 300px;
	height: 100px;
	background-color: #696965;
	border-radius: 14px;
	font-family:battle_pixel;
	color: rgb(12,255,0);
	cursor:pointer;
	font-size: 20px;
	margin: 10px;
	padding: 5px;
	float: left;
	position:relative;
}
#index_content .tableau_bord .partie:hover{
	background:lightgray;
	color:#142810;
	}
	
#index_content .tableau_bord .partie.pool{
	background-color: rgb(12,255,0);
	color:#696965;
	cursor:initial;
}
#index_content .tableau_bord .partie.pool:hover{
	background-color:#E9C0A1;
	color:rgb(40, 158, 34);
	}

#index_content .tableau_bord .partie .titre{
	text-align:center;
	font-size: 24px;
	text-decoration:underline;
}
#index_content .tableau_bord .partie .detail{
	font-size: 22px;
	margin-top: 8px;
}
#index_content .tableau_bord .partie .detail{
	font-size: 22px;
	margin-top: 8px;
	margin-bottom: 5px;
}

#index_content .tableau_bord .texte_erreur{
	font-family: battle_pixel;
	font-size: 42px;
	text-align: center;
	margin-top: 68px;
	color: rgb(12,255,0);
	cursor:pointer;
}
#index_content .tableau_bord  .partie.pool .btn_desincrire{
	font-family: battle_pixel;
	font-size: 15px;
	position: absolute;
	text-align: center;
	width: 68px;
	border: 4px #585957 outset;
	padding: 0 15px;
	border-radius: 10px;
	background: #A3A3A3;
	color: black;
	text-decoration: none;
	cursor: pointer;
	bottom: 5px;
	right: 5px;
}
#index_content .tableau_bord  .partie.pool .btn_desincrire:hover {
	color:white;
	background:#152C23;
}



#popup_battle .infos_cases{
	cursor:pointer;
	font-size: 21px;
	text-decoration:underline;
}#popup_battle .infos_jauge{
	cursor:pointer;
	font-size: 21px;
	margin-top:50px;
	text-decoration:underline;
}


/**
==GAGNANT LISTE DEBUT 
**/
#zone_last_gagnant {
	width:214px;
	height:200px;
	position:absolute;
	left:50px;
	top:-2px;
	z-index:4;
	background: rgba(55, 97, 46, 0.6);
	border-radius: 0 0 10px 10px;
	border:2px solid #092716;
	box-shadow: 0 0 5px 1px #00000055;
	}
	
#btl_last_gagnant_milieu {
	padding-top:1px;
}
#btl_last_gagnant {
	position:relative;
	margin:0 auto ;
	width:190px;height: 175px;
	font-family: battle_pixel;
	}
	
#btl_last_gagnant a, #btl_last_gagnant table {
	font-family:tahoma;
	color:#000000;
	font-size:11px;
	text-decoration:none;
	line-height:14px;
	}
	
#btl_last_gagnant .bloc_gagnant {
	width:210px;
	clear:both;
	}
	
#btl_last_gagnant .bloc_gagnant .zone_avatar {
	width:30px;
	height:30px;
	float:left;
	border:2px solid #674D2C;
	border-radius:20px;
	overflow:hidden;
	margin-top: 7px;
	}
	
#btl_last_gagnant .bloc_gagnant .zone_avatar img {
	border:none;
	}
	
#btl_last_gagnant .bloc_gagnant .zone_texte {
    float: left;
    padding-left: 15px;
    width: 143px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 38px;
    line-height: 12px;
    margin-top: 7px;
	}
#btl_last_gagnant .bloc_gagnant .zone_texte table {
	height:100%;
	width:100%;
	}
	
#btl_last_gagnant .texte_aucun {
	padding:80px 20px;
	text-align:center;
	font-family:tahoma;
	font-size:12px;
	}	

#btl_last_gagnant a.btn_voirplus {
    position: absolute;
    bottom: -26px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: battle_pixel;
	}
	
#btl_last_gagnant a.btn_voirplus:hover{ 
	color:white;
	}
	

/**
==GAGNANT LISTE FIN 
**/	

#popup_battle .content .btn_accept,
#popup_battle .content .btn_deny{
	font-family: battle_pixel;
	font-size: 28px;
	margin-top: 26px;
	position: relative;
	top: 28px;
	
	border: 4px #585957 outset;
	padding: 0 15px;
	border-radius: 10px;
	background: #A3A3A3;
	color: black;
	text-decoration: none;
}
#popup_battle .content .btn_accept:hover,
#popup_battle .content .btn_deny:hover {
	color:white;
	background:#152C23;
}

.grille.edition {
font-size: 50px;
color: white;
}

.popup_btl.popup_type_1 .haut .titre {
	background: url("/wonderz/playbox/img/battle/icone/amiral.png") 11px 12px no-repeat;
	background-size: 160px 160px;
}
.popup_btl.popup_type_2 .haut .titre {
	background: url("/wonderz/playbox/img/battle/icone/lieutenant.png") 11px 12px no-repeat;
	background-size: 160px 160px;
}
.popup_btl.popup_type_3 .haut .titre {
	background: url("/wonderz/playbox/img/battle/icone/major.png") 11px 12px no-repeat;
	background-size: 160px 160px;
}
.popup_btl.popup_type_4 .haut .titre {
	background: url("/wonderz/playbox/img/battle/icone/matelot.png") 11px 12px no-repeat;
	background-size: 160px 160px;
}



.recap_partie{
	top: 85px;
	left: 55px;
	right: 60px;
	height: 745px;
	overflow:auto;
	position:absolute;
}
#index_content .titre_recap, .index_content .titre_recap{
	position: absolute;
	top: 24px;
	left: 342px;
	width: 438px;
	font-size: 32px;
	font-family: battle_pixel;
	color: #E3711D;
	text-align: center;
}

.recap_partie .lien_retour{
	/*color: #ADDA7F;*/
	color: white;
	position: absolute;
	top: 112px;
	right: 85px;
	font-family: battle_pixel;
	font-size: 18px;
}


.ligne_recap {
	margin-bottom:25px;
	padding:15px;
	font-family:battle_pixel;
	position:relative;
	}
	
.ligne_recap_own_true {
	background:#6CDF4C;
	margin-left:40%;
	border-radius:15px 15px 0 15px;
	color:white;
	margin-right: 60px;
	}
.ligne_recap_own_false {
	//background:#E4E5EB;
	background:white;
	margin-right:40%;
	border-radius:15px 15px 15px 0;
	margin-left: 60px;
	}
	
.ligne_recap .tour { 
	position:absolute;
	bottom:-17px;
	color:white;
	}
.ligne_recap_own_true .tour { right:0; }
.ligne_recap_own_false .tour { left:0; }
	
.ligne_recap .recap_avatar { 
	position: absolute;
	height: 56px;
	width: 56px;
	top: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 15px;
	}
	
.ligne_recap_own_true .recap_avatar { right: -65px; border: 2px solid #6CDF4C; margin-right: 5px; }
.ligne_recap_own_false .recap_avatar { left: -63px; border: 2px solid white; margin-left: 5px;}

.recap_partie .jspDrag {
	background-color:#6CDF4C;
	}
.recap_partie .jspTrack {
	background-color:white;
	}




/**
___RESPONSIVE
**/

@media screen and (max-width: 992px) {


      .ligne_recap {
          margin-bottom: 3vw;
          padding: 2vw;
          font-size: 3vw;
      }

      .ligne_recap .tour {
          bottom: -3vw;
      }

}




/**
___FIN RESPONSIVE
**/







#btl-mobile-logo {
    display:none;
}


/**
___RESPONSIVE
**/

@media screen and (max-width: 992px) {
        #corps-sans-rien {
        top:0px;
        }

        #zone_gauche {
        width:100%;
        }

        .horizon {
        display:none;
        }

        .ciel {
        display:none;
        }

        .container_abysse {
        display:none;
        }

        .abysse {
        display:none;
        }

        #zone_droite_jeu {
        display:none;
        }

        #zone_droite {
        display:none;
        }

        .blackwrapper {
        display:none;
        }

        .popup_battle_loader {
		top: 50% !important;
		left: 0 !important;
		margin-left: 0 !important;
		width: 100% !important;
		height: fit-content !important;

        display:none;
	}

	.popup_battle_loader .loading {
		width: 100% !important;
		margin: auto !important;
        }

        .zone_index {
        width:100%;
        background-image:none;

        height: unset;
        }

        .index_content {
        padding: 0px;
        top: 8vw;
        position: relative;
        margin: 0px;
        width: 100%;
        }

        .model_grand {
        width:48%;
        margin-right:unset;
        margin-bottom:unset;
        margin: 1%;

        height: 50vw;
        background-image: none;
        background-color: #142810;
        float:left;
        border-radius:12px;
        overflow:hidden;
        }

        .model .infos {
        width: 3vw;
        height: 5vw;
        font-size: 5vw;
        padding-left: 1.5vw;
        right: 3vw;
        top: 4vw;
        }

        .model_grand .content {
        padding-top: 4vw;
        height: auto;
        }


        .model_grand h2 {
        font-size: 6vw;
        margin: 0vw;
        }

        .model_grand .gros_lot {
        font-size: 5vw;
        }

        .model_grand .gros_lot .nombre {
        font-size: 8vw;
        }

        .model_grand .content .btn_jouer {
        top: unset;
        line-height: 5vw;
        background-image: none;
        background-color: #41a93b;
        border-radius: 12px;
        text-align: center;
        padding: 2%;
        font-size:5vw;
        height:auto;
        left:unset;
        right:unset;
        width: 80%;
        margin-left: 4vw;
        margin-top: 8.5vw;
        }


        .model_grand .content .btn_jouer:before {
        display:none;
        }


        .model_grand .content .btn_jouer:after {
        display:none;
        }


        .model_grand.modele_type_1:before {
        display:none;
        }

        .model_grand.modele_type_1:after {
        display:none;
        }

        #btl_haut {
        display:none;
        }

        #zone_last_gagnant {
        display:none;
        }

        #btl_bas {
        display:none;
        }


        .btn_accueil:before, .btn_recap:before, .btn_tableau_bord:before, .btn_regle:before, .btn_accueil:after, .btn_recap:after, .btn_tableau_bord:after, .btn_regle:after, .btl_casegrille:before, .btl_casegrille:after {
        display:none;
        }

        .btl_casegrille {
            font-size: 5vw;
            height: auto;
            position: relative;
            left: 56vw;
            top: 14vw;
            background-image:none;
            background-color: #0cff00;
            border-radius: 12px;
            width: 35vw;
            text-align: center;
            padding: 1%;
        }

        .btl_casegrille p {
        margin-left: unset;
        margin-right:unset;
        margin-top: unset;
        }

        .btn_regle {
            font-size: 5vw;
            height: auto;
            position: relative;
            left: 56vw;
            top: 14vw;
            background-image:none;
            background-color: #0cff00;
            border-radius: 12px;
            width: 35vw;
            text-align: center;
            padding: 1%;
        }

        .btn_tableau_bord {
            font-size: 5vw;
            height: auto;
            position: relative;
            top: 7vw;
            left: 7vw;
            background-image:none;
            background-color: #0cff00;
            border-radius: 12px;
            width: 35vw;
            text-align: center;
            padding: 1%;
        }

        .btn_recap {
            font-size: 5vw;
            height: auto;
            position: relative;
            top: 3vw;
            left: 7vw;
            background-image:none;
            background-color: #0cff00;
            border-radius: 12px;
            width: 35vw;
            text-align: center;
            padding: 1%;
        }

        .btn_accueil {
            font-size: 5vw;
            height: auto;
            position: relative;
            top: 7vw;
            left: 7vw;
            background-image:none;
            background-color: #0cff00;
            border-radius: 12px;
            width: 35vw;
            text-align: center;
            padding: 1%;
        }

        .btn_tableau_bord p, .btn_accueil p, .btn_recap p, .btn_regle p {
        margin-left: unset;
        margin-right: unset;
        margin-top: unset;
        }

        .btn_tableau_bord:hover,
        .btn_accueil:hover,
        .btn_recap:hover,
        .btn_regle:hover, .btl_casegrille:hover {
            background-image:none;
            background-color:yellow;
        }
        .btn_tableau_bord:hover:before,
        .btn_accueil:hover:before,
        .btn_recap:hover:before,
        .btn_regle:hover:before, .btl_casegrille:hover:before {
            background-image:none;
            background-color:yellow;
        }
        .btn_tableau_bord:hover:after,
        .btn_accueil:hover:after,
        .btn_recap:hover:after,
        .btn_regle:hover:after, .btl_casegrille:hover:after {
            background-image:none;
            background-color:yellow;
        }

        .btn_tableau_bord:active,
        .btn_accueil:active,
        .btn_recap:active,
        .btn_regle:active, .btl_casegrille:active {
            background-image:none;
            background-color:yellow;
        }
        .btn_tableau_bord:active:before,
        .btn_accueil:active:before,
        .btn_recap:active:before,
        .btn_regle:active:before, .btl_casegrille:active:before {
            background-image:none;
            background-color:yellow;
        }
        .btn_tableau_bord:active:after,
        .btn_accueil:active:after,
        .btn_recap:active:after,
        .btn_regle:active:after, .btl_casegrille:active:after {
            background-image:none;
            background-color:yellow;
        }

        .model_grand:hover .content .btn_jouer {
        background-image:none;
        }
        .model_grand:hover .content .btn_jouer:before {
        background-image:none;
        }
        .model_grand:hover .content .btn_jouer:after {
        background-image:none;
        }

        .model_grand:hover {
            background-image:none;
            background-color:#0cff00;
        }

        #btl-mobile-logo {
            display:initial;
            position: relative;
            top: 13vw;
            bottom: auto;
            left: auto;
            right: auto;

            width: 100vw;
            height: auto;
            margin-left: 1.5%;
        }


        #btl_milieu {
            top: 33vw;
            width:100%;
		height: 100vh;
            margin: auto;
            padding: unset;
            background-image:none;
            background-color: #142810;
        }

        .model_grand.modele_type_1:after {
            display:none;
        }

        .model_grand.modele_type_2:after {
            display:none;
        }

        .model_grand.modele_type_3:after {
            display:none;
        }

        .model_grand.modele_type_4:after {
            display:none;
        }


        .zone_bonus {
            position: absolute;
            top: -10vw;
            left:unset;
            width: 100%;
            left:unset;
            background-color: #3d5239;
            padding-top: 2vw;
            padding-bottom: 2vw;
        }

        .bonus {
            height:unset;
            width: 19vw;
            margin: unset;
            float: left;
            padding-left: 12vw;
        }

        .timer {
            font-size: 5vw;
            border-bottom: unset;
            border-right: unset;
            position: relative;
            top: -19vw;
            height:unset;
            left:unset;
            width:unset;
            margin-top: 2vw;
            float: left;
            margin-left: 1vw;
        }

        .timer .temps {
            left: unset;
            position: relative;
            margin-top: unset;
            padding-top: unset;
            font-size: 5vw;
        }

        .timer .avatar {
            left: unset;
            top: unset;
            font-size: 5vw;
            float: right;
            position: relative;
            margin-right: unset;
        }

        .grille {
            width: 100%;
            height: auto;
            float: left;
            position: relative;
            left: unset;
            top: -20vw;
            z-index: 5;
        }

        .zone_droite {
            display:none;
        }

        #btl_bas {
            display:none;
        }

        #btl_milieu .btl_casegrille {
            left: 1vw;
            top: -17vw;
            font-size: 4vw;
            width: 38%;
        }

         #btl_milieu .btn_regle {
            left: 45vw;
            top: -23vw;
            font-size: 4vw;
            width: 20%;
         }

         #btl_milieu .btn_recap {
            left: 73vw;
            top: -29vw;
            font-size: 4vw;
            width: 20%;
        }

        .timer .temps.adv {
            left:unset;
            font-size:5vw !important;
            margin-top:1vw;
        }

        .timer .avatar.adv {
            line-height:8vw;
        }

        .popup_btl {
            position: absolute !important;
            top: 10% !important;
		left: auto !important;
		margin: auto 5% !important;
            width: 90% !important;
        }

        .popup_btl .haut {
            width: 100% !important;
		height: 6vw !important;
            background-image:none !important;
            background-color: #cfcfcf !important;
            border-radius: 12px 12px 0px 0px !important;
		margin-left: auto !important;
        }

        .popup_btl.popup_type_1 .haut .titre {
            background-size: 44% !important;
        }

        .popup_btl .haut .titre {
            position: relative !important;
            height: auto !important;
            width: 100% !important;
            top: unset !important;
            left: unset !important;
            text-align: center !important;
            padding-top: unset !important;
            font-size: 6vw !important;
            margin-left: unset !important;
        }

        .popup_btl .content {
            background-image: none !important;
            width: 100% !important;
            padding: unset !important;
		margin: auto !important;
		margin-left: auto !important;
            font-size: 8vw !important;
            background-color: #cfcfcf !important;
            padding-top: 8vw !important;
            padding-bottom: 9vw !important;
            height: auto !important;
        }

        .popup_btl .content .texte_btl {
            font-size: 7vw !important;
        }

        .popup_btl .content .texte_btl > span {
            font-size: 8vw !important;
        }

        .popup_btl .bas {
            width: 100% !important;
            height: 6vw !important;
            background-image:none !important;
            margin: unset !important;
		margin-left: auto !important;
            background-color: #cfcfcf !important;
            border-radius: 0px 0px 12px 12px !important;
            position: relative !important;
            top: 0vw !important;
        }


        .wait_screen {
            position: relative;
            top: 50%;
            left: unset;
            left: unset;
            margin-left: 5vw;
            margin-top: unset;
		height: fit-content;
            width: 90%;
            text-align: center;
            font-size: 6vw;
        }

        .wait_screen .grand_texte{
            font-size: 10vw;
            margin-top: -6vw;
        }

	.wait_screen .loading {
		width: 100%;
	}


        .zone_wait {
            position: absolute;
            top: 10%;
		left: 5vw;
		box-sizing: border-box;
		margin-left: auto;
            margin-top: unset;
		height: fit-content;
            width: 90%;
            text-align: center;
            font-size: 6vw;
        }

        .zone_wait p {
            font-size: 6vw;
        }

	.zone_wait img {
		left: auto;

		width: 100%;
		height: auto;
	}


        #popup_battle.popup_infos_jauge .content .texte, #popup_battle.popup_case_jeu .content .texte {
            font-size: 5vw;
            line-height:7vw;
            height: 65vw;
        }


        #popup_battle .content .jspScrollable {
            width: 100% !important;
        }

        #popup_battle .content .jspContainer {
            width: 100% !important;
            height: 60vw !important;
        }


        #popup_battle .content .jspPane {
            width: 100% !important;
        }

        .popup_case_jeu .content .texte table, .popup_infos_jauge .content .texte table {
            width: 98% !important;
         }

         #popup_battle .bas .btn_fermer {
             font-size: 6vw;
             margin-top: 5vw;
             top: 2vw;
             padding: 1vw;
          }

          .popup_btl .content .texte {
            font-size: 5vw;
            line-height: 5vw;
          }

          #popup_battle.popup_regles .content .texte .page {
                height: 50vw !important;
          }

        #popup_battle .btn_regles_suivant {
            right: 6vw;
            bottom: 12vw;
            font-size: 5vw;
          }

      .recap_partie {
        width:96% !important;
        top: 25vw;
        left: 2%;
        right: unset;
        height: auto;
      }

      .message_bulle {
          height: 25vw !important;
          width: 70vw !important;
          top: 25vw !important;
          left: 25vw !important;
      }

  	.message_bulle > .image {
  		width: 25vw;
  	}

  	.message_bulle > .image > img {
  		max-height: 100%;
  		max-width: 100%;
  	}

        #popup_battle .infos_jauge, #popup_battle .infos_cases {
            font-size:5vw;
        }

        #popup_battle .content .btn_desinscription {
            font-family: battle_pixel;
            font-size: 6vw;
            margin-top: 5vw;
            top: 5vw;
            width: 42vw;
            padding: 3vw;
        }

    #index_content .tableau_bord {
        top: 8vw;
        height:unset;
        overflow: unset;
        position: relative;
        left:unset;
        width: 98%;
    }


    #index_content .tableau_bord .partie {
        width: 46%;
        height: 30vw;
        font-size: 5vw;
        margin-left: 2vw;
        padding: unset;
        text-align: center;
        margin: unset;
        margin-left: 3vw;
        margin-bottom: 2vw;
    }

    #index_content .tableau_bord .partie .titre {
        font-size: 6vw;
    }

    #index_content .tableau_bord .partie .detail {
        font-size: 4vw;
        margin-top: 0.5vw;
        margin-bottom: 1vw;
    }

        #index_content .tableau_bord .partie.pool .btn_desincrire {
            font-size: 5vw;
            width: 85%;
            bottom: 0.5vw;
            right: 0.6vw;
        }

    .message_bulle > p {
        line-height: 3.1vw;
        font-size: 3.8vw;
        width: 40vw;
    }

    #popup_battle.popup_passetour .btn_fermer {
        font-size: 7vw;
        margin-top: 6vw;
        top: 4vw;
        padding: 1%;
    }

	.popup_btl .content .texte {
		font-size: 7vw;
		line-height: normal;
	}

	.cout_btn {
		background-size: 100% 200%;
		font-size: 7vw;
		height: auto;
		line-height: normal;
		margin: 1vw auto;
		padding: 1vw;
		width: 80%;
	}
}



/**

startClignotementGrille() � r�activer;
changer la dur�e de disparition du noty battle


**/



/**
___FIN RESPONSIVE
**/

