/* wrapper des animations */
.center-wrapper {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

body
{
	overflow-x: hidden;
	overflow-y: hidden;	
}

#scrollNav
{
	position: fixed;
	height: 100%;
	width: 5%;
	top: 0;
	bottom: 0;
	right: 0;
}

.ffoff
{
	position: absolute;
	width: 60%;
	height: 5%;
	margin-left: 20%;
	border: none;
	background-color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
	background-image:url(../../ressources/img/ffoff.png);
	outline: 0;
}

.ffon
{
	background-image:url(../../ressources/img/ffon.png);
}


#btn_fs_scroll {
	position: relative;
	top: 2%;
	left: 90%;
	width: 3%;
	height: 5%;
	border: none;
	background: none;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 110;
	background-image:url(../../ressources/img/fullscreen.png);
}

#btn_fs_scroll:focus {
	outline: 0;
	border: none;
}



/* Conteneur du tableau transparent (pour dessiner sur l'animation) */
#ecran {
	position:relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
	top: 50%;
	transform: translateY(-50%);
}

#playPiggy {
	visibility: hidden;
    z-index: 150;
    position: absolute;
    top: 30%;
    left: 26%;
    width: 21.5%;
    height: 67%;
    background: transparent;
    border: none;
	
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

#playDME {
	visibility: hidden;
    z-index: 150;
    position: absolute;
    top: 52%;
    left: 37%;
    width: 24%;
    height: 23%;
    background-image: url("../screen_DME_paradis.png");
    background-repeat: no-repeat;
    background-size: cover;
    border: #4C748A;
    border-style: solid;
    border-width: thin;
	
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#playDME:hover {
    -webkit-transform:scale(1.10); /* Safari and Chrome */
    -moz-transform:scale(1.10); /* Firefox */
    -ms-transform:scale(1.10); /* IE 9 */
    -o-transform:scale(1.10); /* Opera */
     transform:scale(1.10);
}