@charset "utf-8";
/* CSS Document */
body
{
background-color:white;
}

.btn {
	width:270px;
height:60px;
top:560px;
left:20px;
position:absolute;
z-index:1;
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Courier New;
  color: #000000;
  font-size: 31px;
  background: #f0c800;
  padding: 11px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #23b000;
  text-decoration: none;
}
.start1 {
	width:270px;
height:60px;
top:50%;
left:40%;
position:absolute;
z-index:3;
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Courier New;
  color: #000000;
  font-size: 31px;
  background: #f0c800;
  padding: 11px 20px 10px 20px;
  text-decoration: none;
}

.start1:hover {
  background: #23b000;
  text-decoration: none;
}

#banniere
{
background-image:url(images/banniere.png);
width:900px;
height:500px;
top:8%;
left:10%;
position:absolute;

z-index:3;	
}
#fond1
{
background-color:#000;
width:1270px;
height:680px;
top:5px;
left:5px;
position:absolute;

z-index:2;	
}
#play
{
background-image:url(images/play.png);
width:120px;
height:120px;
top:400px;
left:400px;
position:absolute;

z-index:4;	
}
#Reset
{

width:270px;
height:60px;
top:560px;
left:20px;
position:absolute;
background-color:red;
z-index:1;	
}
#message
{

width:300px;
height:80px;
top:580px;
left:550px;
position:absolute;
display:none;
z-index:2;
}
#Header
{

width:1270px;
height:80px;
top:550px;
left:10px;
position:absolute;
background-image:url(images/header.png);
z-index:1;	
}
#home1
{

width:1270px;
height:889px;

position:absolute;
background-image:url(images/home2.jpg);
z-index:3;	
}
#p1
{
background-image:url(images/p1.png);
width:60px;
height:60px;
top:50px;
left:50px;
position:absolute;

z-index:1;	
}



#p2
{
background-image:url(images/p2.png);
width:60px;
height:60px;
top:130px;
left:50px;
position:absolute;

z-index:1;	
}

#p3
{
background-image:url(images/p3.png);
width:60px;
height:60px;
top:50px;
left:210px;
position:absolute;

z-index:1;	
}

#p4
{
background-image:url(images/p4.png);
width:60px;
height:60px;
top:130px;
left:210px;
position:absolute;

z-index:1;	
}
#p5
{
background-image:url(images/p5.png);
width:60px;
height:60px;
top:210px;
left:50px;
position:absolute;

z-index:1;	
}

#p6
{
background-image:url(images/p6.png);
width:60px;
height:60px;
top:210px;
left:210px;
position:absolute;

z-index:1;	
}
#p7
{
background-image:url(images/p7.png);
width:60px;
height:60px;
top:370px;
left:210px;
position:absolute;

z-index:1;	
}

#p8
{
background-image:url(images/p8.png);
width:60px;
height:60px;
top:130px;
left:130px;
position:absolute;

z-index:1;	
}
#p9
{
background-image:url(images/p8.png);
width:60px;
height:60px;
top:370px;
left:50px;
position:absolute;

z-index:1;	
}
#p10
{
background-image:url(images/pz.png);
width:60px;
height:60px;
top:290px;
left:50px;
position:absolute;

z-index:1;	
}

#p11
{
background-image:url(images/p4.png);
width:60px;
height:60px;
top:290px;
left:210px;
position:absolute;

z-index:1;	
}
#p12
{
background-image:url(images/p6.png);
width:60px;
height:60px;
top:370px;
left:130px;
position:absolute;

z-index:1;	
}
#p13
{
background-image:url(images/pz2.png);
width:60px;
height:60px;
top:50px;
left:130px;
position:absolute;

z-index:1;	
}
#p14
{
background-image:url(images/p2.png);
width:60px;
height:60px;
top:210px;
left:130px;
position:absolute;

z-index:1;	
}
#p15
{
background-image:url(images/p3.png);
width:60px;
height:60px;
top:450px;
left:130px;
position:absolute;

z-index:1;	
}

#p16
{
background-image:url(images/p8.png);
width:60px;
height:60px;
top:290px;
left:130px;
position:absolute;

z-index:1;	
}

#case1
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:100px;
left:500px;
position:absolute;

z-index:0;	
}
#pioche
{
background-image:url(images/pioche.png);
width:300px;
height:530px;
top:15px;
left:10px;
position:absolute;

z-index:0;	
}


#case2
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:100px;
left:600px;
position:absolute;

z-index:0;	
}


#case3
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:100px;
left:700px;
position:absolute;

z-index:0;	
}

#case4
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:100px;
left:800px;
position:absolute;

z-index:0;	
}

#case5
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:200px;
left:500px;
position:absolute;

z-index:0;	
}

#case6
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:200px;
left:600px;
position:absolute;

z-index:0;	
}

#case7
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:200px;
left:700px;
position:absolute;

z-index:0;	
}
#case8
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:200px;
left:800px;
position:absolute;

z-index:0;	
}
#case9
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:300px;
left:500px;
position:absolute;

z-index:0;	
}

#case10
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:300px;
left:600px;
position:absolute;

z-index:0;	
}
#case11
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:300px;
left:700px;
position:absolute;

z-index:0;	
}
#case12
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:300px;
left:800px;
position:absolute;

z-index:0;	
}
#case13
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:400px;
left:500px;
position:absolute;

z-index:0;	
}
#case14
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:400px;
left:600px;
position:absolute;

z-index:0;	
}
#case15
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:400px;
left:700px;
position:absolute;

z-index:0;	
}
#case16
{
background-image:url(images/case.png);
width:60px;
height:60px;
top:400px;
left:800px;
position:absolute;

z-index:0;	
}

#fond
{
background-image:url(images/fond.png);
width:500px;
height:500px;
top:30px;
left:430px;
position:absolute;

z-index:-1;	
}

#tour
{
background-image:url(images/tour.png);
width:222px;
height:400px;
top:95px;
left:1050px;
position:absolute;

z-index:-1;	
}

#fin
{
background-color:#339999;
width:250px;
height:700px;
top:200px;
left:40px;
position:absolute;
display:none;
z-index:2;	
}

#fin p
{
	text-align:center;
}