

#entete_detail {
	width:970px;
	height:188px;
	background:#E9DEA6;
	margin:auto;
	overflow:hidden;
	position:relative;
	}

#zone_gauche {
	width:718px;
	float:left;
	text-align:left;
	position:relative;
	}
	

zone_gauche_elargi {
	width:980px;
	float:left;
	text-align:left;
	position:relative;
	}

#zone_droite {
	width:262px;
	float:right;
	position:relative;
	}

.categorie_grattage {
	width:710px;
	position:relative;
	margin-left:4px;
	/*border:1px solid black;*/
	padding-bottom: 10px;
	}


.categorie_grattage .titre {
	width:680px;
	text-align:left;
	/*background:orange;*/
	font-family:Grobold;
	font-size:22px;
	background-image:url('//static.wonderz.com/wonderz/playbox/img/grattages/barre_titre_707.jpg');
	height:29px;
	*width:710px;
	*height:34px;
	padding-top:3px;
	padding-left:25px;
	color:#2DA9EC;
    text-transform:capitalize;
	}


.categorie_grattage .bloc_jeu .zone-gain {
	position: absolute;
	right: 0;
	font-size: 12px;
	padding: 3px 5px;
	background: rgba(255,255,255,0.5);
}

.categorie_grattage .bloc_jeu .zone-gain:before {
	content:'';
	display: block;
	position: absolute;
	right:100%;
	top:0;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right:10px solid rgba(255,255,255,0.5);
	border-bottom:10px solid rgba(255,255,255,0.5);
}

.categorie_grattage .bj_grand .zone-gain {
	top: 94px;
}

.categorie_grattage .bj_petit .zone-gain {
	top: 94px;
}


.categorie_grattage .bloc_jeu {
	display:block;
	float:left;
	border:1px solid #AEA375;
	margin-top:5px;
	position:relative;
	text-decoration:none;
	color:black;
	background-repeat:no-repeat;
	}
.categorie_grattage .bj_grand {
	width:344px;
	height:149px;
	margin-left:7px;
	}
.categorie_grattage .bj_petit {
	width:225px;
	height:157px;
	margin-left:8px;
	}
	
	
.categorie_grattage .bloc_jeu .zone_cout {
	display:block;
	position:absolute;
	top:0px;
	right:2px;
	background-image:url('//static.wonderz.com/wonderz/playbox/img/grattages/cout.png');
	width:99px;
	height:30px;
	color:white;
	font-size:13px;
	line-height:13px;
	text-align:center;
	}
	
.categorie_grattage .bloc_jeu .zone_cout span {
	font-family:century gothic;
	font-weight:bold;
	display:block;
	margin-top:1px;
	color:#F5DCA4;
	}
.categorie_grattage .bloc_jeu .zone_cout span.first {
	font-size:15px;
	}
.categorie_grattage .bloc_jeu .zone_cout span.last {
	font-size:10px;
	/*margin-top:1px;*/
	}
	
.bloc_jeu .zone_bas {
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	}
	
.bj_petit .zone_bas {
	height:44px;
	background-image:url('//static.wonderz.com/wonderz/playbox/img/grattages/bas_ticket_petit.jpg');
	}
	
.bj_grand .zone_bas {
	height:36px;
	background-image:url('//static.wonderz.com/wonderz/playbox/img/grattages/bas_ticket_grand.jpg');
	}

.bj_petit .zone_bas .btn_jouer:before,
.bj_grand .zone_bas .btn_jouer:before {
	content:'Jugar';
}


.bj_petit .zone_bas .btn_jouer,
.bj_grand .zone_bas .btn_jouer {
	display: block;
	position: absolute;
	right:4px;
	cursor:pointer;
	background:rgba(0,0,0,0.1);
	padding:0.15em 0.5em;
	border:1px solid rgba(0,0,0,0.5);
	box-shadow: 0 2px 3px #000;
	border-radius: 5px;
	font-size:1em;
	font-weight: bold;
	text-transform : capitalize;
}
.bj_petit .zone_bas .btn_jouer {
	top:20px;
	font-size:0.75em;
	}

.bj_grand .zone_bas .btn_jouer {
	top:4px;
	}

.bj_petit .zone_bas .btn_jouer:hover,
.bj_grand .zone_bas .btn_jouer:hover {
	background:rgba(255,255,255,0.1);
}


.bloc_jeu .zone_serie { 
	display:block; 
	text-align:left; 
	font-size:0.58em; 
	font-weight:bold;
	color:#315B85;
	width:200px;
	margin-top:5px;
	margin-left:5px;
	float:left;
	cursor:pointer;

	}
.bloc_jeu .zone_serie .progress_bar {
	display:block;
	width:130px;
	border:1px solid #3D5967;
	background:url('//static.wonderz.com/wonderz/playbox/img/grattages/progress_bar_fond.jpg') repeat-x;
	height:7px;
	*height:9px;
	position:relative;
	margin-top:3px;
	}
	
.bloc_jeu .zone_serie .progress_bar .bar {
	display:block;
	height:7px;
	position:absolute;
	top:0px;
	*top:1px;
	left:0px;
	*left:1px;
	overflow:hidden;
	background:url('//static.wonderz.com/wonderz/playbox/img/grattages/progress_bar.jpg') repeat-x;
	}
.bloc_jeu .btn_help {
	background:url('//static.wonderz.com/wonderz/playbox/img/grattages/infos.png') no-repeat;
	overflow:hidden;
	display:block;
	width:9px;
	height:11px;
	float:left;
	margin-top:6px;
	margin-left:-22px;
	cursor:pointer;
	}
	
#zone_flash {
	width:720px;
	}


/*	
#zone_flash .titre {
	text-align:center;
	font-family:Grobold;
	font-size:22px;
	background-image:url('//static.wonderz.com/wonderz/playbox/img/grattages/barre_titre_709.jpg');
	width:189px;
	height:29px;
	*width:709px;
	*height:34px;
	padding-top:2px;
	padding-right:520px;
	margin-bottom:5px;
	margin-top:21px;
	color:black;
	position:relative;
	text-transform:capitalize;
	}
*/

#zone_flash .titre {
    text-align: left;
    font-family: Grobold;
    font-size: 22px;
    width: 960px;
    height: 29px;
    /*background-image:url('//static.wonderz.com/wonderz/playbox/img/grattages/barre_titre_707.jpg');*/
    padding-top: 2px;
    padding-left: 20px;
    margin-bottom: 5px;
    margin-top: 21px;
	color:#2DA9EC;
    position: relative;
    text-transform:capitalize;
}

	
#zone_flash .titre .picto {
	position:absolute;
	right:0px;
	top:5px;
	}
	
#zone_flash .titre .zone_ticket_joues {
	position:absolute;
	font-size:11px;
	font-family:tahoma;
	color:black;
	left:240px;
	top:-15px;
	font-weight:bold;
	/*background:pink;*/
	width:510px;
	text-align:left;
	cursor:pointer;
	}
	
#zone_flash .titre .zone_ticket_joues .zone_texte { float:left; }

#zone_flash .titre .zone_ticket_joues .butin { 
	font-size:12px;
	font-family:tahoma;
	color:black;
	font-weight:normal;

}


#zone_flash .titre .zone_ticket_joues .progress_bar { 
	float:left; 
	width:200px;
	border:1px solid black;
	margin-top:2px; 
	margin-left:10px;
	height:7px; 
	*height:9px;
	background-image:url('//static.wonderz.com/wonderz/playbox/img/grattages/progress_bar_fond.jpg');
	background-repeat:repeat-x;
	position:relative;
	}
	
#zone_flash .titre .zone_ticket_joues .progress_bar .bar{ 
	position:relative;
	background-image:url('//static.wonderz.com/wonderz/playbox/img/grattages/progress_bar.jpg');
	height:7px;
	}
	

	
#fond_decoration_jeu {
	position:absolute;
	top:30px;
	left:50%;
	width:1490px;
	height:204px;
	margin-left:-745px;
	}
	
	
	


	
#zone_gagnant .titre {
	/*width:720px;*/
	text-align:center;
	/*background:orange;*/
	font-family:Grobold;
	font-size:22px;
	background-image:url('//static.wonderz.com/wonderz/playbox/img/grattages/barre_titre_709.jpg');
	width:189px;
	height:29px;
	*width:709px;
	*height:34px;
	padding-top:5px;
	/*padding-left:20px;*/
	padding-right:520px;
	margin-bottom:5px;
	margin-top:10px;
	color:#2DA9EC;
	position:relative;
    text-transform:capitalize;
	}	
	
#zone_gagnant .titre .jeu{
	position:absolute;
	right:30px;
	top:13px;
	font-family:century gothic ;
	color:#7A378E;
	text-transform:none;
	font-size:15px;
	font-weight:bold;
	}

#zone_gagnant .jeu {
    position: absolute;
    left: 14px;
    top: 3px;
    font-family: century gothic;
    color: #E98922;
    text-transform: none;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    width: 100%;
}
	
#zone_gagnant .un_gagnant{
	float:left;
	width:320px;
	height:45px;
	font-size:11px;
	color:#625F56;
	margin-left:5px;
	}

#zone_gagnant .un_gagnant a{
	color:#625F56;
	}
	
#zone_gagnant .un_gagnant .zone_avatar{
	width:55px;
	float:left;
	text-align:left;
	}
	
#zone_gagnant .un_gagnant .zone_texte{
	float:left;
	padding-top:10px;
	width:260px;
	}
	
#zone_gagnant .un_gagnant .zone_avatar a{
	display:block;
	position:relative;
	}
#zone_gagnant .un_gagnant .zone_avatar img {
	margin-top:3px;
	margin-left:3px;
	}
	
#zone_gagnant .un_gagnant .img_avatar_petit {
	background:url('//static.wonderz.com/wonderz/playbox/img/grattages/pave_gagnant/cadre_avatar_petit.png') no-repeat;
	width:38px;
	height:38px;
	}
	
	
	
#zone_gagnant .liste {
	width:700px;
	margin-left:10px;
	}


#zone_gagnant .liste .l_haut{
	background:url('//static.wonderz.com/wonderz/playbox/img/grattages/page_gagnant/tab_haut.jpg') no-repeat;
	width:700px;
	height:9px;
	}
	
#zone_gagnant .liste .l_bas{
	background:url('//static.wonderz.com/wonderz/playbox/img/grattages/page_gagnant/tab_bas.jpg') no-repeat;
	width:700px;
	height:39px;
	position:relative;
	}
	
#zone_gagnant .liste .l_px{
	background:url('//static.wonderz.com/wonderz/playbox/img/grattages/page_gagnant/tab_px.jpg') repeat-y;
	width:700px;
	}
	
#zone_gagnant .liste .l_bas .zone_pagination{
	position:absolute;
	width:160px;
	height:20px;
	left: 510px;
	top: 12px;
	text-align:center;
	cursor:default;
	}
	

#zone_gagnant .liste .l_bas .zone_pagination a{
	text-decoration:none;
	font-family:century gothic;
	color:#7A378E;
	}
#zone_gagnant .liste .l_bas .zone_pagination a:hover{
	color:#69655C;
	}
/*#zone_gagnant .liste .l_bas .zone_pagination a:visited{
	color:#F4A641;
	}*/
	
#zone_gagnant .liste .l_bas .zone_pagination a.jump{
	font-weight:bold;
	}

#zone_gagnant .liste .l_bas .zone_pagination a.first_last{
	font-weight:bold;
	letter-spacing:-3px;
	}
.publicite{
    margin-bottom: 10px;
    margin-top: 31px;
	margin-left : -8px;
}





/**
___RESPONSIVE
**/


@media screen and (max-width: 727px) {

    #zone_gauche {
        width:100%;
    }

	#zone_droite {
        display:none;
	}

    .categorie_grattage {
       width:100%;
       margin-left:0px;
    }

    .categorie_grattage .titre {
        background-image:none;
        width:100%;
        font-size: 5vw;
        height: auto;
        padding-top: unset;
        padding-left: unset;
        margin-left: 2vw;
        text-transform: uppercase;
    }

    .categorie_grattage .bj_grand {
        width:98%;
        height:auto;
        background-size:113%;
        height: 24vw;
    }


    .categorie_grattage .bj_grand < a {
        width:100%;
        height:auto;
        background-size:113%;
    }

    .categorie_grattage .bj_petit {
        width:99%;
        height:auto;
        background-size:113%;
        height: 24vw;
    }

    .categorie_grattage .bj_petit < a {
        width:100%;
        height:auto;
        background-size:113%;
    }

    .bj_grand .zone_bas, .bj_petit .zone_bas {
        display: none;
    }

    .bj_grand .zone_bas .btn_jouer {
        font-size: calc(12px + 1.5vw);
        margin-top: -3px;
    }

    .bj_petit .zone_bas .btn_jouer {
        font-size: calc(12px + 1.5vw);
        margin-top: calc(6px - 1.8vw);

        }
    .bj_petit .zone_bas .btn_jouer, .bj_grand .zone_bas .btn_jouer {
        padding : calc(0.55em - 2.1vw) calc(0.55em - 2.1vw);
    }

    .categorie_grattage .bloc_jeu .zone_cout {
        background-image: none;
        width: calc(10rem - 1.5vw);
        height: calc(3rem - 1.5vw);
        background-color: black;
        border-radius: 0px 0px 12px 12px;
        line-height: calc(0.8rem + 0.5vw);
        display: none;
    }


    .categorie_grattage .bloc_jeu .zone_cout span.first {
        font-size: calc(0.8rem + 1.5vw);
    }

    .categorie_grattage .bloc_jeu .zone_cout span.last {
        font-size: calc(0.5rem + 0.8vw);
    }

    .bloc_jeu .zone_serie {
            font-size: calc(1.2rem + .5vw);
            width: 78%;
        margin-top: -1px;
    }


        .bloc_jeu .zone_serie .progress_bar {
            margin-top:0px;
        }

    .bloc_jeu .btn_help {
        display:none;
    }

    .categorie_grattage .bloc_jeu .zone-gain {
        display:none;
    }

    #zone_flash .titre {
        display:none;
    }

    #zone_flash {
        width:100%;
    }
}


/**
___FIN RESPONSIVE
**/



@media screen and (max-width: 992px) and (min-width: 728px) {

    #zone_gauche {
        width:100%;
    }

	#zone_droite {
        display:none;
	}

    .categorie_grattage {
       width:100%;
       margin-left: 0px;
    }

    .categorie_grattage .titre {
        background-image:none;
        width: 100%;
        font-size: 5vw;
        height: auto;
        padding-top: unset;
        padding-left: unset;
        margin-left: 2vw;
        text-transform: uppercase;
    }

    .categorie_grattage .bj_grand {
        width:48.5%;
        height:auto;
        background-size:113%;
        margin:0.5%;
        height: 12vw;
    }


    .categorie_grattage .bj_grand < a {
        width:48.5%;
        height:auto;
        background-size:113%;
        margin:0.5%;
    }

    .categorie_grattage .bj_petit {
        width:48.5%;
        height:auto;
        background-size:113%;
        margin:0.5%;
        height: 12vw;
    }

    .categorie_grattage .bj_petit < a {
        width:48.5%;
        height:auto;
        background-size:113%;
        margin:0.5%;
    }

    .bj_grand .zone_bas, .bj_petit .zone_bas {
        display: none;
    }

    .bj_grand .zone_bas .btn_jouer {
        font-size: calc(12px + 1.5vw);
        margin-top: -3px;
    }

    .bj_petit .zone_bas .btn_jouer {
        font-size: calc(12px + 1.5vw);
        margin-top: calc(6px - 1.8vw);
        }

    .bj_petit .zone_bas .btn_jouer, .bj_grand .zone_bas .btn_jouer {
        padding : calc(0.55em - 2.1vw) calc(0.55em - 2.1vw);
    }

    .categorie_grattage .bloc_jeu .zone_cout {
        background-image: none;
        width: calc(10rem - 1.5vw);
        height: calc(3rem - 1.5vw);
        background-color: black;
        border-radius: 0px 0px 12px 12px;
        line-height: calc(0.8rem + 0.5vw);
        display: none;
    }


    .categorie_grattage .bloc_jeu .zone_cout span.first {
        font-size: calc(0.8rem + 1.5vw);
    }

    .categorie_grattage .bloc_jeu .zone_cout span.last {
        font-size: calc(0.5rem + 0.6vw);
    }


    .bloc_jeu .zone_serie {
        font-size: calc(1rem + .5vw);
        width: 78%;
        margin-top: -1px;
    }

    .bloc_jeu .zone_serie .progress_bar {
        margin-top:0px;
    }

    .bloc_jeu .btn_help {
        display:none;
    }

    .categorie_grattage .bloc_jeu .zone-gain {
        display:none;
    }

    #zone_flash .titre {
        display:none;
    }

    #zone_flash {
        width:100%;
    }
}


/**
___FIN RESPONSIVE
**/
