body 
{
	background : url(../asset/degrade.jpg) ; 
	background-repeat : repeat-x;
	background-color:#524335;
}
#fond
{
	border-radius: 5px;
	border: 4px solid black;
	background-image: url(../asset/fond.jpg);
	width :1220px;
	height:770px;
	z-index: 0;
	position: absolute;
}
#board
{
	margin-top: 20px;
	z-index: 1;
	margin-left: 290px;
	background-image: url(../asset/bg3.jpg);
	width:640px;
	height: 640px;
	border:1px solid #000;
	position: absolute;
	border-radius: 10px;
}
#quest
{
	z-index: 1;
	margin-left: 290px;
	margin-top: 673px;
	background-image: url(../asset/objectif.png);
	width:640px;
	height: 35px;
	position: absolute;
}
#timer
{
	z-index: 1;
	background-image: url(../asset/cadretemps.png);
	margin-top: 20px;
	margin-left: 50px;
	width:200px;
	height:120px;
	position: absolute;
}

#bestscore
{
	z-index: 1;
	margin-top: 67px;
	margin-left: 970px;
	background-image: url(../asset/cadrebestscore.png);
	width:200px;
	height:206px;
	position: absolute;
}

#score
{
	z-index: 1;
	margin-top: 153px;
	margin-left: 50px;
	background-image: url(../asset/cadrescore.png);
	width:200px;
	height:120px;
	position: absolute;
}

#return
{
	background-image: url(../asset/return.png);
	background-repeat:no-repeat;
	z-index: 1;
	width: 200px;
	height: 60px;
	top:7px;
	left:970px;
	position: absolute;
	background-position: 0px 0px;
}
#return:hover
{
	background-position: left bottom;	
}



div:hover
{
	border: 2px dashed red;
	border-radius: 10px;
}

#chrono
{
	font-size: 22px;
	width: 150px;
	height: 40px;
	color: black;
	position: absolute;
	z-index: 3;							
	left:165px;	
	top:88px;
}
#menuQuest
{
	font-size: 22px;
	width: 1000px;
	height: 35px;
	color: black;
	position: absolute;
	z-index: 3;							
	left:450px;	
	top:670px;
}
#menuScore
{
	font-size: 22px;
	width: 150px;
	height: 40px;
	color: black;
	position: absolute;
	z-index: 3;							
	left:130px;	
	top:209px;
}
#menuHighScore1
{
	font-size: 20px;
	width: 200px;
	height: 40px;
	color: black;
	position: absolute;
	z-index: 3;							
	left:990px;	
	top:167px;
}
#menuHighScore2
{
	font-size: 20px;
	width: 200px;
	height: 40px;
	color: black;
	position: absolute;
	z-index: 3;							
	left:990px;	
	top:199px;
}
#menuHighScore3
{
	font-size: 20px;
	width: 200px;
	height: 40px;
	color: black;
	position: absolute;
	z-index: 3;							
	left:990px;	
	top:231px;
}

#savescore
{
	background-image: url(../asset/savescore.png);
	background-repeat:no-repeat;
	z-index: 1;
	width: 240px;
	height: 39px;
	top:716px;
	left:370px;
	position: absolute;
	background-position: 0px 0px;
}
#savescore:hover
{
	background-position: left bottom;	
}

#voirscores
{
	background-image: url(../asset/voirscores.png);
	background-repeat:no-repeat;
	z-index: 1;
	width: 240px;
	height: 39px;
	top:716px;
	left:610px;
	position: absolute;
	background-position: 0px 0px;
}
#voirscores:hover
{
	background-position: left bottom;	
}

#heros
{
	z-index: 1;
	top:296px;
	left:50px;
	position: absolute;
}

#deesse
{
	z-index: 1;
	top:296px;
	left:970px;
	position: absolute;
}