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

@font-face {
    font-family: Mossy;
    src: url("fonts/Mossy.ttf");
}

@font-face {
    font-family: WhateverItTakes;
    src: url('fonts/whatever it takes.ttf');
}

@font-face {
    font-family: Simplicity;
    src: url('fonts/simplicity.ttf');
}

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:1900px;
	height:4275px;
	background: url("img/background.jpg") no-repeat;
	background-size: 100%;
}

#fleche {
	z-index:8;
	width:100px;
	height:120px;
	position: absolute;
	top:850px;
	left:1800px;
	cursor:pointer;
}

#Playmobiler {
	z-index:8;
	width:100px;
	height:186px;
	position: absolute;
	top:800px;
	left:1700px;
	cursor:pointer;
}

#flecheIMG {
	width:100px;
	height:120px;
	position: relative;
	background: url("img/fleche.png") no-repeat;
	background-size: 100%;
}

#PlaymobilerIMG {
	width:100px;
	height:186px;
	position: relative;
	background: url("img/Playmobiler.png") no-repeat;
	background-size: 100%;
}

#player {
	z-index:7;
	position:absolute;
	width:250px;
	height:200px;
	left:705px;
	top:1445px;
}

		#play {
			background: url("img/playerimg/playglow.png");
			background: url("img/playerimg/play.png");
			-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
			width:19.2%;
			height:27.5%;
			position:absolute;
		}
		#play:hover {
			cursor:pointer;
			background: url("img/playerimg/playglow.png");
			-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
			width:35.6%;
			height:44.5%;
			position:absolute;
			top: -10%;
			left: -8%;
		}
		
		#pause {
			background: url("img/playerimg/pauseglow.png");
			background: url("img/playerimg/pause.png");
			-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
			width:20.8%;
			height:27.5%;
			position:absolute;
			top: 29%;
			left: 29%;
		}
		#pause:hover {
			cursor:pointer;
			background: url("img/playerimg/pauseglow.png");
			-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
			width:34.4%;
			height:45%;
			position:absolute;
			top: 19%;
			left: 21%;
		}
		
		#stop {
			background: url("img/playerimg/stopglow.png");
			background: url("img/playerimg/stop.png");
			-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
			width:24.8%;
			height:33%;
			position:absolute;
			top: 52%;
			left: 57%;
		}
		#stop:hover {
			cursor:pointer;
			background: url("img/playerimg/stopglow.png");
			-webkit-background-size: 100%;
			-moz-background-size: 100%;
			-o-background-size: 100%;
			background-size: 100%;
			width:39.2%;
			height:52%;
			position:absolute;
			top: 42%;
			left: 49%;
		}
	
#downloadthisSong {
	background: url("img/downloadglow.png");
	background: url("img/download.png");
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	position:absolute;
	width:116px;
	height:147px;
	top:1455px;
	left:558px;
}
#downloadthisSong:hover {
	cursor:pointer;
	background: url("img/downloadglow.png");
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	position:absolute;
	width:151px;
	height:180px;
	top:1437px;
	left:541px;
}

#videoCadre {
	background: url("img/cadrevideo.png");
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	z-index:104;
	position:absolute;
	left:100px;
	top:2313px;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;	
	width:1267px;
	height:968px;
}

#video {
	z-index:105;
	position:absolute;
	left: 140px;
	top: 125px;
	width:986px;
	height:723px;
}

#sharethis {
	width:79px;
	height: 237px;
	position:absolute;
	left:1700px;
	top:3435px;
}

	#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: 'Simplicity', Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	text-align: justify;
	/* font-weight: bold; */
	color: rgb(0, 0, 0);
	position:absolute;
	left:250px;
	top:3400px;
	width:1400px;
	height:400px;
}
	#thanks a {
		color: black;
		text-decoration: none;
		font-weight: bold;
	}
	#thanks p a:visited {
		/* color: #EFCF72; */
		color: black;
	}
	#thanks p a:hover {
		/* color: #EDC087; */
		color: black;
	}

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

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

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

.lightHover {
  opacity: 0.7;
  cursor: pointer;
}
.lightHover:hover {
  opacity: 1; 
}

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

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

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

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