body 
{
	background : url(../asset/degrade.jpg) ; 
	background-repeat : repeat-x;
	background-color:#524335;
	font-family: 'Germania One', cursive;
}
#fond
{
	width: 1420px;
	height: 660px;
	position: absolute;
	z-index: 0;
	background: url(../asset/titlescreen.jpg);
}
.team
{
	color: #DB4D4D;
	text-shadow: #644b0a 1px 1px 1px, #644b0a -1px 1px 1px, #644b0a -1px -1px 1px, #644b0a 1px -1px 1px;
}
#textcre
{
	z-index: 1;
	position: absolute;
	width: 800px;
	font-size: 30px;
	height: 200px;
	left: 400px;
	top: 100px;
}
#fondcre
{
	width: 1420px;
	height: 660px;
	z-index: 0;
	position: absolute;
	z-index: 0;
	background: url(../asset/background.jpg);
}
#logo
{
	position: absolute;
	z-index: 2;
	left: 1100px;
	top: 50px;
}
#artwork
{
	position: absolute;
	margin-top: 120px;
	z-index: 3;
}
#descriptif
{
	width: 310px;
	height: 60px;
	position: absolute;
	z-index: 2;
	left: 930px;
	top: 555px;
}
#btnPlay
{
	position: absolute;
	z-index: 2;
	width: 292px;
	height: 44px;
	left: 574px;
	top: 550px;
	background : url(../asset/btnplay.png) ;
}
#btnPlay:hover
{
	background-position: left bottom;
}
#btnTuto
{
	position: absolute;
	z-index: 2;
	left: 146px;
	top: 480px;
	width: 292px;
	height: 44px;
	background : url(../asset/btntuto.png) ;
}
#btnTuto:hover
{
	background-position: left bottom;
}
#btnCredit
{
	position: absolute;
	z-index: 2;
	top: 610px;
	left: 574px;
	width: 292px;
	height: 44px;
	background : url(../asset/btncredit.png) ;
}
#btnCredit:hover
{
	background-position: left bottom;
}

#selectCase
{
	position: absolute;
	width: 300px;
	height: 50px;
	left: 950px;
	top: 510px;

}
#cadreFormulaire
{
	position: absolute;
	left: 500px;
}
#shop
{
	position: absolute;
	left:1100px;
	top: 500px;
}
#boutonplay
{
	width: 80px;
	display: none;
	left: 1250px;
	top: 600px;
	position: absolute;
	z-index: 4;
	height: 40px;
	background: url(../asset/boutonjouer.png)
}
#boutonplay:hover
{
	background-position: left bottom;
}
#deco 
{
	position: absolute;
	top: 580px;
	z-index: 4;
	left: 100px;
	width: 80px;
	height: 40px;
	background : url(../asset/boutonretour.png) ;
}
#deco:hover
{
	background-position: left bottom;
}
#return
{
	position: absolute;
	left: 500px;
}
#worldmap
{
	width: 1420px;
	height: 660px;
	background: url(../asset/map.jpg);
	position: absolute;
	z-index: 0;
}
.level1
{
	width:33px;
	height:27px;
	background:url(../asset/pt1.png);
	z-index: 3;
	position: absolute;
}
.level1:hover
{
	background-position: 0% 42%;
}
.level2
{
	width:33px;
	height:27px;
	background:url(../asset/pt1.png);
	background-position: -33px 0px;
	z-index: 3;
	position: absolute;
}
.level2:hover
{
	background-position: -33px 42%;
}
.level3
{
	width:33px;
	height:27px;
	background:url(../asset/pt1.png);
	background-position: -66px 0px;
	z-index: 3;
	position: absolute;
}
.level3:hover
{
	background-position: -66px 42%;
}
.level4
{
	width:33px;
	height:27px;
	background:url(../asset/pt1.png);
	background-position: -99px 0px;
	z-index: 3;
	position: absolute;
}
.level4:hover
{
	background-position: -99px 42%;
}
#l1
{
	position: absolute;
	left: 580px;
	top: 160px;
}
#l2
{
	position: absolute;
	display: none;
	left: 650px;
	top: 220px;
}
#l3
{
	position: absolute;
	display: none;
	left: 750px;
	top: 280px;
}
#l4
{
	position: absolute;
	display: none;
	left: 870px;
	top: 300px;
}
#l5
{
	position: absolute;
	display: none;
	left: 1000px;
	top: 330px;
}
#l6
{
	position: absolute;
	display: none;
	left: 650px;
	top: 400px;
}
#l7
{
	position: absolute;
	display: none;
	left: 450px;
	top: 450px;
}
#l8
{
	position: absolute;
	display: none;
	left: 370px;
	top: 350px;
}
#l9
{
	position: absolute;
	display: none;
	left: 380px;
	top: 300px;
}
#l10
{
	position: absolute;
	display: none;
	left: 715px;
	top: 155px;
}
#l11
{
	position: absolute;
	display: none;
	left: 760px;
	top: 186px;
}
#l12
{
	position: absolute;
	display: none;
	left: 780px;
	top: 235px;
}
.intPoint1
{
	width:16px;
	height:19px;
	background:url(../asset/pt1.png);
	background-position: 0px -54px;
	z-index: 3;
	position: absolute;
}
#i1
{
	display: none;
	left: 610px;
	top:190px;
}
#i2
{
	display: none;
	left: 630px;
	top:210px;
}
#i3
{
	display: none;
	left: 680px;
	top:250px;
}
#i4
{
	display: none;
	left: 700px;
	top:270px;
}
#i5
{
	display: none;
	left: 725px;
	top:280px;
}
#i6
{
	display: none;
	left: 728px;
	top:277px;
}
#i7
{
	display: none;
	left: 790px;
	top:290px;
}
#i8
{
	display: none;
	left: 815px;
	top:295px;
}
#i9
{
	display: none;
	left: 845px;
	top:300px;
}
#i10
{
	display: none;
	left: 910px;
	top:320px;
}
#i11
{
	display: none;
	left: 940px;
	top:325px;
}
#i12
{
	display: none;
	left: 970px;
	top:330px;
}
#i13
{
	display: none;
	left: 985px;
	top:360px;
}
#i14
{
	display: none;
	left: 950px;
	top:380px;
}
#i15
{
	display: none;
	left: 900px;
	top:390px;
}
#i16
{
	display: none;
	left: 850px;
	top:400px;
}
#i17
{
	display: none;
	left: 800px;
	top:405px;
}
#i18
{
	display: none;
	left: 750px;
	top:407px;
}
#i19
{
	display: none;
	left: 700px;
	top:410px;
}
#i20
{
	display: none;
	left: 620px;
	top:415px;
}
#i21
{
	display: none;
	left: 590px;
	top:430px;
}
#i22
{
	display: none;
	left: 550px;
	top:445px;
}
#i23
{
	display: none;
	left: 510px;
	top:450px;
}
#i24
{
	display: none;
	left: 430px;
	top:430px;
}
#i25
{
	display: none;
	left: 410px;
	top:405px;
}
#i26
{
	display: none;
	left: 390px;
	top:380px;
}
#i27
{
	display: none;
	left: 380px;
	top:330px;
}
#i28
{
	display: none;
	left: 410px;
	top:270px;
}
#i29
{
	display: none;
	left: 440px;
	top:230px;
}
#i30
{
	display: none;
	left: 480px;
	top:200px;
}
#i31
{
	display: none;
	left: 530px;
	top:180px;
}
#i32
{
	display: none;
	left: 630px;
	top:160px;
}
#i33
{
	display: none;
	left: 660px;
	top:155px;
}
#i34
{
	display: none;
	left: 690px;
	top:150px;
}
#i35
{
	display: none;
	left: 750px;
	top:170px;
}
#i36
{
	display: none;
	left: 780px;
	top:213px;
}