html, body {
	margin:0;
	padding:0;
}

 #haut
 {
    width: 990px;
    /* position: absolute; */
    top: 0px;
    margin-left: 23px;
    width: 100%;
    height: 192px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: -23px 0px;
    background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Home/BandoHaut/bandohautimage.jpg')
 }
 
 #droit
 {
	width:204px;
	height:204px;
		float:left;
 }
 
  #navette
 {
	width:408px;
	height:188px;
 }
 #navette2
 {
	width: 408px;
	height: 56px;
 }
 
  #casenavette
 {
	margin-left: 15px; 
	margin-top: 41px;
	height: 75px;
	width: 380px;
 }
 #numjeu
 {
  margin-left:145px;
  font-family: Verdana;
  margin-top:12px;
  width: 30px;
  font-size:10px;
  text-align:center;
  float:left;
 }
 
  #datejeu
 {
  font-family: Verdana;
  margin-top:12px;
  font-size:10px;
  text-align:center;
  float:left;
  margin-left: 113px;
  width: 130px;
 }
 
 #coutjeu
 {

  font-family: Verdana;
  margin-top:12px;
  width: 80px;
  font-size:10px;
  text-align:center;
  float:left;
  margin-left: 105px;
 }
 
 
  #lot_desc
 {
  font-family: Verdana;
  font-size:10px;
  padding-left: 30px; 
  padding-top: 5px;
 }
 

 
#cases
{
	float:left;
	height:35px;
	width:154px;
	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Home/ho-cp-03.jpg');
	background-repeat:no-repeat;
}
 
#cases div.button
{
	cursor: pointer;
	height: 30px;
	margin-left: 15px;
	margin-top: 1px;
	width: 120px;
}

#cases div.button:hover
{
	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Home/ho-cp-03on.jpg');
	background-position: -15px -1px;
}

#regles
{
	float:left;
	height:35px;
	width:200px;
	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Home/ho-cp-04.jpg');
	background-repeat:no-repeat;
}
 
#regles div.button
{
	cursor: pointer;
	height: 30px;
	margin-left: 15px;
	margin-top: 1px;
	width: 80px;
}

#regles div.button:hover
{
 	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Home/ho-cp-04on.jpg');
	background-position: -15px -1px;
}
 
 #encaisser2
 {
	float:left;
	height: 30px;
	width: 127px;
	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Navette/nav-02.jpg');
	margin-left: 281px; 
	margin-top: -75px;
 }
 
 #encaisser2:hover
 {
 	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Navette/nav-02on.jpg');
 } 
 
 #vider
 {
	float:right;
	height: 26px;
	width: 127px;
	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Navette/nav-05.jpg');
	margin-top: -40px;

 }
 
 #vider_gris
 {
	float:left;
	height: 26px;
	width: 127px;
	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Navette/nav-05gris.jpg');
	margin-left: 281px; 
	margin-top: -40px;

 }
 
 #vider:hover
 {
 	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Navette/nav-05on.jpg');
 } 
 a .croix
 {
	display:none;
	float: left;
	margin-right: 2px; 	
	margin-top: 4px; 
	margin-left: -33px;
	cursor:pointer;

 }
  
 a:hover .croix
 {
	display:block;

 }
  
  
 img
 {
	border:0px solid transparent;
	overflow:hidden;
 }

 	
#popup {
	position:absolute;
	z-index:20;
	top:508px;
	/*top:70%;*/
	left:50%;
	display:none;
	overflow:hidden;
	width:387px !important;
	}
	
#popup.open {
	margin-top:-230px;
	width:387px;
	margin-left:-197px;
	}
#popup.erreur {
	margin-top:-230px;
	width:387px;
	margin-left:-197px;
	
	}

#popup.open .haut {	width:387px;	height:300px;	}
#popup.erreur .haut {	width:387px;	height:300px;	}
#popup .haut_case_casebonuscashplanet { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_casebonuscashplanet.png'); }
#popup .haut_case_casebouclier { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_casebouclier.png'); }
#popup .haut_case_casecristal { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_casecristal.png'); }
#popup .haut_case_caseextralucide { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_caseextralucide.png'); }
#popup .haut_case_caseindicdelespace { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_caseindicdelespace.png'); }
#popup .haut_case_casepitstop { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_casepitstop.png'); }
#popup .haut_case_casequitteoudouble { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_casequitteoudouble.png'); }
#popup .haut_case_caseremorque { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_caseremorque.png'); }
#popup .haut_case_caserobotradar { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_caserobotradar.png'); }
#popup .haut_case_casedoublecristaux { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_casedoublecristaux.png'); }
#popup .haut_case_caseasteroide { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_caseasteroide.png'); }
#popup .haut_case_caseattaque { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_caseattaque.png'); }
#popup .haut_case_casebooster { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_casebooster.png'); }
#popup .haut_case_caserobotmenager { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_caserobotmenager.png'); }
#popup .haut_case_points { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_points.png'); }
#popup .haut_case_lot { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/case_lot.png'); }
#popup .haut_erreur { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/erreur.png'); }
#popup .haut_connection { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/connection.png');}
#popup .haut_desole { background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/desole.png'); }

#popup.open .contenu {width:347px;*width:387px;padding:0px 20px;	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/px.png'); 	background-repeat:repeat-y;	/*height:120px;*/ color: #A6CFDF; font-weight:bold;text-align:center;}

#popup.erreur .contenu { width:100%;	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/px.png'); 	background-repeat:repeat-y;	/*height:120px;*/	 color: #A6CFDF; font-weight:bold;text-align:center;	}

#popup.open .bas .btn_fermer{
	width:91px;
	height:30px;
	left:50%;
	margin-left:-46px;
	top:35px;
	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/bt_fermer.png');
	position:absolute;
	}
	
#popup.open .bas a.btn_fermer:hover{
	background-position:0px -30px;
	}


	
#popup.open .bas {
	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/bas.png');
	background-repeat:repeat-y;
	width:100%;
	height:80px;
	position:relative;
	}
	
#popup.erreur .bas {
	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/bas.png');
	background-repeat:repeat-y;
	width:100%;
	height:80px;
	position:relative;
	/*margin-left:95px;*/

	}
 
 
 	
#popup.erreur .bas .btn_fermer{
	width:91px;
	height:30px;
	left:50%;
	margin-left:-46px;
	top:35px;
	background-image:url('//static.madwin.com/madwin/playbox/img/cpl/Pop-up/bt_fermer.png');
	position:absolute;
	}
	
#popup.erreur .bas a.btn_fermer:hover{
	background-position:0px -30px;
	}
	
#popup .fond_cadeau { 
	width:191px;
	height:138px;
	position:relative;
	margin:auto;
	}
#popup .fond_cadeau  img{
	position:absolute;
	z-index:21;
	top:-15px;
	left:30px;
	}
	
	
#popup .haut .zone_point{ 
	position: absolute;
	top: 40px;
	left: 130px;
	text-align:center;
	}
	

#popup .haut .fond_cadeau { 
	width:191px;
	height:138px;
	position:absolute;
	margin:auto;
	top:70px;
	left:102px;
	}
#popup .haut  .fond_cadeau  img{
	position:absolute;
	z-index:21;
	top:-15px;
	left:30px;
	}

.case_lot .cadre { position:absolute;width:34px;height:34px;top:0;left:0;z-index:2; }

#cache {
	position:fixed;
	z-index:7;
	width:100%;
	height:100%;
	display:none;
	top:0;
	left:0;
	}
#cache .fond {
	background-color:black;
	/*opacity:0.5;*/
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	}