

#popup_grattages  .haut {
	width:542px;
	}
	
#popup_grattages  .px {
	width:494px;
	background:url('//static.madwin.com/madwin/playbox/img/grattages/popup/px.png') repeat-y;
	padding-left: 11px;
	padding-right: 37px;
	}
#popup_grattages  .bas {
	width:542px;
	background:url('//static.madwin.com/madwin/playbox/img/grattages/popup/bas.png') no-repeat;
	overflow:hidden;
	height:11px;
	}
	
#popup_grattages .content {
	width:414px;
	position:relative;
	margin:auto;
	padding-top:22px;
	padding-bottom:5px;
	}
	
#popup_grattages .zone_onglet {
	width:414px;
	height:23px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	}
	
#popup_grattages .zone_onglet a{
	display:block;
	float:left;
	padding-top:3px;
	color:black;
	text-decoration:none;
	}
#popup_grattages .zone_onglet a.active{
	padding-top:0px;
	}
#popup_grattages .zone_onglet a span{
	float:left;
	display:block;
	cursor:pointer;
	}

#popup_grattages .zone_onglet a span.gauche {	
	background:url('//static.madwin.com/madwin/playbox/img/grattages/popup/G_inactif.png') no-repeat;
	height:20px;
	width:7px;
	}

#popup_grattages .zone_onglet a.active span.gauche {
	background:url('//static.madwin.com/madwin/playbox/img/grattages/popup/G_actif.png') no-repeat;
	height:23px;
	width:5px;
	}
	
#popup_grattages .zone_onglet a span.droite {	
	background:url('//static.madwin.com/madwin/playbox/img/grattages/popup/D_inactif.png') no-repeat;
	height:20px;
	width:7px;
	}

#popup_grattages .zone_onglet a.active span.droite {
	background:url('//static.madwin.com/madwin/playbox/img/grattages/popup/D_actif.png') no-repeat;
	height:23px;
	width:5px;
	}
	
#popup_grattages .zone_onglet a span.centre {	
	background:url('//static.madwin.com/madwin/playbox/img/grattages/popup/px_inactif.png') repeat-x;
	padding-top:1px;
	height:16px;
	font-family:Grobold;
	font-size:13px;
	
	}

#popup_grattages .zone_onglet a.active span.centre {
	background:url('//static.madwin.com/madwin/playbox/img/grattages/popup/px_actif.png') repeat-x;
	padding-top:3px;
	height:20px;
	font-family:Grobold;
	font-size:17px;
	}
	
#popup_grattages .zone_contenu {
	width:414px;
	}
#popup_grattages .zc_haut {
	background:url('//static.madwin.com/madwin/playbox/img/grattages/popup/tab_haut.png') no-repeat;
	height:6px;
	width:414px;
	overflow:hidden;
	}
	
#popup_grattages .zc_bas {
	background:url('//static.madwin.com/madwin/playbox/img/grattages/popup/tab_bas.png') no-repeat;
	height:8px;
	width:414px;
	overflow:hidden;
	}
	
#popup_grattages .zc_px {
	background:url('//static.madwin.com/madwin/playbox/img/grattages/popup/tab_px.png') repeat-y;
	width:414px;
	color:#583500;
	font-weight:bold;
	}
	

#popup_grattages .zc_px .titre {
	background-image:url('//static.madwin.com/madwin/playbox/img/grattages/popup/fd_titre.png');
	width:290px;
	height:23px;
	margin:auto;
	font-weight:bold;
	color:#583500;
	padding-top:8px;
	font-size:14px;
	font-family:century gothic !important;
	}
	
#popup_grattages .zc_px .zone_regles .titre {
	background-position:0px -31px;
	font-size:14px !important;
	font-family:century gothic !important;
	}

#popup_grattages .zc_px .zone_regles .regles {
	text-align:center;
	font-size:11px;
	font-weight:bold;
	font-family:tahoma;
	}
	
#popup_grattages .zc_px .zone_tableau_gain table {
	text-align:center;
	font-size:11px;
	font-weight:bold;
	font-family:tahoma;
	}

#popup_grattages .zc_px .zone_tableau_gain th{
	color:#583500;
	font-size:14px !important;
	font-family:century gothic !important;
	}
#popup_grattages .zc_px .zone_tableau_gain td{
	color:#FF7D16;
	font-size:11px;
	font-family:tahoma;
	font-weight:bold;
	}
	
#popup_grattages a.btn_fermer_popup_grattage {
	display:inline-block;
	margin:auto;
	margin-top:5px;
	/*margin-bottom:5px;*/
	padding:0.25em;
	background:rgba(255,255,255,0.5);
	color:black;
	text-transform: uppercase;
	box-shadow: 0 2px 3px #000;
	text-decoration: none;
	font-weight: bold;
	border-radius: 5px;
	}

#popup_grattages a.btn_fermer_popup_grattage:before {
		content:'Sluiten';
	 }
#popup_grattages a.btn_fermer_popup_grattage:hover {
	background:rgba(255,255,255,0.7);
	}
	
#popup_grattages .zc_px .zone_series .series {
	text-align:left;
	font-size:11px;
	font-weight:bold;
	font-family:tahoma;
	padding-left:10px;
	padding-right:10px;
	}

@media screen and (max-width: 992px) {
	#popup_grattages {
		background: linear-gradient( #fff400, #fe9300 );
	}

	#popup_grattages .haut {
		display: none;
	}

	#popup_grattages .px {
		width: 100%;
		background: none;
		padding-left: 0;
	}

	#popup_grattages .content {
		width: 100%;
		padding: 2vw 0;
	}

	#popup_grattages .zone_onglet {
		position: relative;
		height: auto;
		width: 100vw;
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
		padding-bottom: 2vw;
	}

	#popup_grattages .zone_onglet a {
		float: none;
		padding-top: 0;
		margin: auto;
	}

	#popup_grattages .zone_onglet a span.gauche,
	#popup_grattages .zone_onglet a.active span.gauche,
	#popup_grattages .zone_onglet a span.centre,
	#popup_grattages .zone_onglet a.active span.centre,
	#popup_grattages .zone_onglet a span.droite,
	#popup_grattages .zone_onglet a.active span.droite {
		height: auto;
		width: auto;
		background: none;
		padding-top: 0;
	}

	#popup_grattages .zone_onglet a span.centre,
	#popup_grattages .zone_onglet a.active span.centre {
		border: 2px black solid;
		box-sizing: content-box;
		padding: 5px;
		border-radius: 30px;
	}

	#popup_grattages .zone_onglet a.active span.centre {

	}

	#popup_grattages .zone_contenu {
		width: 100vw;
	}

	#popup_grattages .zc_haut {
		display: none;
	}

	#popup_grattages .zc_px {
		width: 100%;
		background: none;
	}

	#popup_grattages .zc_px .titre {
		height: auto;
		width: fit-content;
		background: none;
		border-bottom: 1px black solid;
		margin-top: 2vw;
	}

	#popup_grattages .zc_px .zone_tableau_gain th {
		padding: 0 1vw;
	}

	#popup_grattages .zc_px .zone_tableau_gain td {
		color: grey;
	}

	#popup_grattages .zc_px .zone_regles .regles {
		font-size: 13px;
		padding: 0 1vw;
	}

	#popup_grattages .zc_bas {
		display: none;
	}

	#popup_grattages a.btn_fermer_popup_grattage {
		padding: 1em;
	}

	#popup_grattages .bas {
		display: none;
	}
}