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: 1;
	position: absolute;
}
#logo
{
	position: absolute;
	z-index: 2;
	top: -100px;
	left: 70px;
}
#play
{
	background-image: url(../asset/play.png);
	background-repeat:no-repeat;
	z-index: 3;
	width: 200px;
	height: 205px;
	top:550px;
	left:65px;
	position: absolute;
	background-position: 0px 0px;
}
#play:hover
{
	background-position: left bottom;	
}
#rules
{
	background-image: url(../asset/rules.png);
	background-repeat:no-repeat;
	z-index: 3;
	width: 200px;
	height: 205px;
	top:550px;
	left:1000px;
	position: absolute;
	background-position: 0px 0px;
}
#rules:hover
{
	background-position: left bottom;	
}
#credit
{
	background-image: url(../asset/credit.png);
	background-repeat:no-repeat;
	z-index: 3;
	width: 200px;
	height: 205px;
	top:550px;
	left:550px;
	position: absolute;
	background-position: 0px 0px;
}
#credit:hover
{
	background-position: left bottom;	
}