body{
	background:#000 url(../img/boy/unknown.jpg) top center no-repeat;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#content{
	width:400px;
	margin:auto;
}
header{
	position:relative;
	z-index:100;
	padding-top:10px;		
	text-align:center;	
}
header span{
	font-size:4.9em;
	text-transform:uppercase;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(80%,rgba(0,0,0,0.9)),to(rgba(0,0,0,0.8)));	
}
header span#gros{
	font-size:6em;
	line-height:0.8em;
}
header span#paquet{
	font-size:4.2em;
}
header ul{
	margin:17px 0px;
	margin-bottom: 22px;
	font-size:0.8em;
	font-family:'Verdana','Arial';
	line-height:1.3em;
}
header ul li:last-child{
	line-height:0.1em;
}
header #inserez{
	font-size:3.4em;
	margin-left:-3px;
	display:block;	
}
header #moi{
	font-size:7em;
	line-height:0.8em;
}

#main{
	top:488px;
	position:absolute;
}
#arrow{
	margin-top:20px;
	margin-left:141px;
	z-index:99;
	position:relative;
}
#but{
	position:absolute;
	z-index:100;
	cursor:pointer;
	background:url(../img/boy/button.png) no-repeat;
	width:60px;
	height:76px;	
	top:32px;
	left:202px;
}
#but:hover{
	-webkit-transform: translate(-2px,0px) rotate(10deg);
	-moz-transform: translate(-2px,0px) rotate(10deg);
	-o-transform: translate(-2px,0px) rotate(10deg);
	-ms-transform: translate(-2px,0px) rotate(10deg);
}
#zip{
	display:none;
	position:absolute;
	top: 131px;
	left: 170px;
	z-index:999;
	background:url(../img/boy/zip.png) no-repeat;
	width:52px;
	height:57px;
}
#cache{
	display:none;
	position:absolute;
	top: 132px;
	left: 179px;	
	z-index:1000;	
	width:54px;
	height:300px;
}
#cache i {
	display:block;
	background:url(../img/boy/cache.png) no-repeat;
	width:54px;
	cursor:pointer;
}
#cache.cache1 i{
	margin-top: -7px;
	margin-left: 0px;
	height:113px;
}
#cache.cache2 i{
	margin-top: 41px;
	margin-left: -2px;
	background-position:0px -112px;
	height:85px;
}
#cache.cache3 i{
	margin-top: 70px;
	margin-left: -13px;
	background-position:0px -210px;
	height:78px;
}
#cache.cache4 i{
	margin-top: 93px;
	margin-left: 0px;
	background-position:0px -299px;
	height:124px;
}
#cache.cache5 i{
	margin-top: 113px;
	margin-left: 0px;
	background-position:-1000px -299px;
	height:94px;
}
.step{
	display:none;
	position:absolute;
	width:800px;
	height:430px;
	background:url(../img/boy/step.png) no-repeat;
	z-index:9;
}
#step0{
	display:block;	
	height:444px;	
	top:-99px;
	left:-223px;
	z-index:10;
}
#step1{			
	top:-57px;
	left:-208px;
	z-index:11;
	background-position: 0px -500px;
}
#step2{	
	top:-56px;
	left:-196px;
	background-position:-29px -1014px;
}
#step3{	
	top:-44px;
	left:-201px;
	background-position:-29px -1561px;
}
#step4{		
	top:-59px;
	left:-202px;
	background-position:-29px -2093px;
}
#step5{		
	top:-37px;
	left:-195px;
	background-position:-29px -2659px;
}
#text{
	display:none;
	position:absolute;
	left:47px;
	top:48px;
	width:300px;
	font-family:'Verdana','Arial';
	text-align:center;
	font-size:0.9em;
	line-height:1.3em;
	z-index:7;
}
#text li:first-child{
	font-weight:bold;
}
#link{
	position:absolute;
	left:-172px;
	top:430px;
	line-height: 30px;
	width:800px;
}

#rencontrer{
	display:block;
	line-height:35px;
	width: 133px;
	margin-left: 80px;
	margin-top: 11px;
	text-transform:uppercase;
	font-family:'Impact';
	font-size:1.3em;
	border:1px solid #2a0001;
	color:white;
	background: #830000; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#981515', endColorstr='#830000'); /* for IE */
	background:-webkit-gradient(linear, left top, left bottom, from(#981515), to(#830000)); /* for webkit browsers */
	background:-moz-linear-gradient(top,  #981515,  #830000); /* for firefox 3.6+ */ 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}


footer{
	background:black;
	background:rgba(0,0,0,0.6);	
	padding: 15px;
	margin-top:500px;
	margin-bottom:100px;
	z-index:20;
	text-align:center;
}


/*#preload{
	position:absolute;
	z-index:10000;
	width:100%;
	height:100%;
	top:0px;
	background:rgba(0,0,0,1);
	text-align:center;
	padding-top:20%;
	overflow:hidden;	
	font-size:1.2em;
	line-height:1.2em;
}

#preload img {
	margin-top:20px;
}*/