html, 
body {
	height: 100%;
	min-height:100%;
	max-height:100%;
}

body {
	background: rgb(0,0,0);
	margin:0 auto;
	left:auto;
	top:auto;
	overflow-x: hidden;
}

div {
	background-size: 100%;
}

#container {
	position:relative;
	left:auto;
	top:auto;
    margin:0 auto;
	width:2000px;
	height:6000px;
	background: url("img/background.jpg") no-repeat;
	background-size: 100%;
	/* -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	*/
}

#entete {
	width:1191px;
	height:308px;	
	position: absolute;
	left:362px;
	top:615px;	
	/* margin-left:-595.5px; */
	background: url("img/entete.png") no-repeat;
	background-size: 100%;
}

#plongeon {
	width:162px;
	height:113px;	
	position: absolute;
	left:149px;
	top:347px;
	background: url("img/bubulleplongeon.png") no-repeat;
	background-size: 100%;
}

#plongeur {
	z-index:8;
	width:156px;
	height:428px;
	position: absolute;
	top:416px;
	left:58px;
	/* background: url("img/plongeur.png") no-repeat;
	background-size: 100%; */
	cursor:pointer;
}

#plongeurIMG {
	/*z-index:8; */
	width:156px;
	height:428px;
	position: relative;
	/* top:416px;
	left:58px; */
	background: url("img/plongeur.png") no-repeat;
	background-size: 100%;
	/* cursor:pointer; */
}

#playerBackground {
	z-index:6;
	position:absolute;
	width:1051px;
	height:692px;
	background: url("img/playerimg/k7.png") no-repeat;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	top:1708px;
	left:156px;
}

#player {
	z-index:7;
	position:absolute;
	width:1051px;
	height:692px;
	top:1708px;
	left:156px;
}

		#play {
			width:6.47%;
			height:10.26%;
			position:absolute;
			top:16%;
			right:32.635%;
		}
		#play:hover {
			background: url("img/playerimg/playglow.png");
			-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;	
		}
		
		#pause {
			width:4.947%;
			height:10.26%;
			position:absolute;
			top:15.46%;
			right:22.83%;
		}
		#pause:hover {
			background: url("img/playerimg/pauseglow.png");
			-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;	
		}
		
		#stop {
			width:6.75%;
			height:10.84%;
			position:absolute;
			top:14.45%;
			right:11.42%;
		}
		#stop:hover {
			background: url("img/playerimg/stopglow.png");
			-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
		}
	#wheelLeft, #wheelRight  {
		position:absolute;
		width:10.94%;
		height:16.62%;
		background: url("img/playerimg/wheel.png");
		background-size: 100%;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;	
		-webkit-animation-name: spin;
		-webkit-animation-duration: 4000ms;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-moz-animation-name: spin;
		-moz-animation-duration: 4000ms;
		-moz-animation-iteration-count: infinite;
		-moz-animation-timing-function: linear;
		-ms-animation-name: spin;
		-ms-animation-duration: 4000ms;
		-ms-animation-iteration-count: infinite;
		-ms-animation-timing-function: linear;
		
		animation-name: spin;
		animation-duration: 4000ms;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-play-state:paused;
		-webkit-animation-play-state:paused; /* Safari and Chrome */
	}
	#wheelLeft {
		top:38.2%;
		left:24.36%;
	}
	#wheelRight {
		top:36.2%;
		right:23.1%;
	}
	
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
	
#lyrics {
	z-index:6;
	position:absolute;
	height:1385px;
	width:980px;
	background: url("img/lyrics.png") no-repeat;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	left:1021px;
	top:1505px;
}
/*A COMPLETER ET A PLACER AU DESSUS DU TEXTE*/
	#downloadthisSong {
		/*transform: rotate(7deg);
		-ms-transform:rotate(7deg);
		-webkit-transform:rotate(7deg); */
		position:absolute;
		height:200px;
		width:600px;
		left:300px;
		top:1100px;
	}
	#downloadthisSong:hover {
			cursor:pointer;
	}
/* */ 
#video {
	z-index:105;
	position:absolute;
	top:3900px;
	background: black;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;	
	width:1280px;
	height:720px;
	left:350px;

}

#share {
	background: url('img/PartagerHover.png') no-repeat;
	background: url("img/Partager.png") no-repeat;
	background-size: 100%;
	position:absolute;
	left:910px;
	top:4630px;
	width:171px;
	height:49px;
	cursor: pointer;
}

#share:hover {
	background: url('img/PartagerHover.png') no-repeat;
	background-size: 100%;
}

#sharethis {
	width:79px;
	height: 237px;
	position:absolute;
	left:1850px;
	/* left:1892px; */
	top:5534px;
	/* top:5734px; */
}

	#facebook, #twitter, #bandcamp {
		position:absolute;
		width:78px;
		height:78px;
	}

	#facebook {
		position:relative;
		background: url("img/facebooklogo.png") no-repeat;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
		cursor: pointer;
	}

	#twitter {
		position:relative;
		background: url("img/twitterlogo.png") no-repeat;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;	
		cursor: pointer;
	}
	#bandcamp {
		position:relative;
		background: url("img/bandcamplogo.png") no-repeat;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;	
		cursor: pointer;
	}
	#menu {
		position:relative;
		background: url("img/Menu.png") no-repeat;
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;	
		cursor: pointer;
		width: 80px;
		height: 35px;
		margin-top: 20px;
	}

#thanks {
	font-family: 'PrestigeEliteStd-Bd', 'Courier New', 'Courier';
	font-size: 1.2em;
	text-align: justify;
	color: rgb(118,30,37);
	position:absolute;
	left:319px;
	top:5004px;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;	
	width:1368px;
	height:966px;
}

em {
	font-style:normal;
	font-weight:bold;
	color: rgb(0,0,0);
}

a {
	font-style:normal;
	font-weight:bold;
	color: rgb(0,0,0);
	text-decoration: none;
}

#footer {
	position: absolute;
	left:583px;
	top:4825px;
	width:749px;
	height:144px;
	background: url("img/footer.png") no-repeat;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;	
	/* margin-left:-374.5px; */	
}

#lightsoff {
	z-index:101;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	display:none;
	background: rgba(0,0,0,0.9);
}

/* ----- Partie concernant le preloader ----- */
#wait {
	width: 100%;
	height: 100%;
	min-height:100%;
	max-height:100%;
	display: table;
	background-color: #F8E386;
}

.v-center {
    display: table-cell;
    vertical-align: middle;
	text-align: center;
}

.gif-loader {
	margin-top: 60px;
}

.gif-loader img{
	/* width: 100px; */
}