.da-slider {
    width: 100%;
    min-width: 960px;
    height: 463px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    background: transparent;
    -webkit-transition: background-position 1s ease-out 0.3s;
    -moz-transition: background-position 1s ease-out 0.3s;
    -o-transition: background-position 1s ease-out 0.3s;
    -ms-transition: background-position 1s ease-out 0.3s;
    transition: background-position 1s ease-out 0.3s;
}

.da-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.da-slide-current {
    z-index: 1000;
}

.da-slider-fb .da-slide {
    left: 100%;
}

.da-slider-fb .da-slide.da-slide-current {
    left: 0px;
}

.da-slide h2 {
    position: absolute;
    opacity: 0;
    left: 0%;
}

.da-slide p {
    position: absolute;
    opacity: 0;
    left: 50%;
    margin-left: 75px;
}

.da-slide .boite {
    position: absolute;
    opacity: 0;
    left: 50%;
    margin-left: -370px;
}

.da-slide #fantome1 {
    position: absolute;
    opacity: 0;
    left: 50%;
    margin-left: -487px;
}

/*chass'fantome*/
.da-slide #fantome2 {
    position: absolute;
    opacity: 0;
    left: 50%;
    margin-left: -360px;
}

/*chass'fantome*/
.da-slide #fantome3 {
    position: absolute;
    opacity: 0;
    left: 50%;
    margin-left: 350px;
}

/*chass'fantome*/
.da-slide #interro1 {
    position: absolute;
    opacity: 0;
}

/*devine tete*/
.da-slide #interro2 {
    position: absolute;
    opacity: 0;
}

/*devine tete*/

.da-slider-fb .da-slide h2 {
    left: 0%;
    opacity: 1;
}

.da-slider-fb .da-slide p {
    left: 50%;
    margin-left: 75px;
    opacity: 1;
}

.da-slider-fb .da-slide .boite {
    left: 50%;
    margin-left: -370px;
    opacity: 1;
}

.boite .imgLarge {
    margin-left: -150px;
}

.da-slider-fb .da-slide #fantome1 {
    left: 50%;
    margin-left: -487px;
    opacity: 1;
}

/*chass'fantome*/
.da-slider-fb .da-slide #fantome2 {
    left: 50%;
    margin-left: -360px;
    opacity: 1;
}

/*chass'fantome*/
.da-slider-fb .da-slide #fantome3 {
    left: 50%;
    margin-left: 350px;
    opacity: 1;
}

/*chass'fantome*/
.da-slider-fb .da-slide #interro1 {
    opacity: 1;
}

/*devine tete*/
.da-slider-fb .da-slide #interro2 {
    opacity: 1;
}

/*devine tete*/

.da-slide h2 {
    text-indent: -5000px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 463px;
    top: 0;
    left: 0;
}

.da-slide p {
    padding: 50px 15px 15px;
    margin: 0;
    width: 250px;
	box-sizing: border-box;
    line-height: 17px;
    background: linear-gradient(to bottom, #Fcfcfc, #ebebeb);
	top: 50%;
	transform: translateY(-50%);
	border-radius: 10px;

	box-shadow: 0 5px 30px -15px rgba(0,0,0,.4);
    z-index: 2;

	&:before{
		content: '';
		position: absolute;
		top: -40px;
		right: 25px;
		width: 80px;
		height: 40px;
		border-radius: 50px 50px 0 0;
		background: #FFF;
	}

}

.da-slide p img {
    position: absolute;
	right: 18px;
	top: -30px;
}

.da-slide p a {
    display: block;
    margin: 15px 8px 0 8px;

	box-sizing: border-box;
	line-height: 16px;
	padding: 10px;

    color: #FFF;
    font-family: 'Museo700';
    font-size: 14px;
    text-decoration: none;
    text-align: center;
	border-radius: 6px;
	border: 1px solid #FFF;
	background: linear-gradient(to bottom, #0096db, #015094);

}

.da-slide .boite {
    width: 585px;
    height: 445px;
    top: 3px;
}

.da-slide #fantome1 {
    top: 40px;
}

/*chass'fantome*/
.da-slide #fantome2 {
    top: 314px;
}

/*chass'fantome*/
.da-slide #fantome3 {
    top: 30px;
}

/*chass'fantome*/
.da-slide #interro1 {
    top: 24px;
    left: 50%;
    margin-left: -406px;
}

/*devine tete*/
.da-slide #interro2 {
    top: 60px;
    left: 50%;
    margin-left: 94px;
}

/*devine tete*/

.da-dots {
    display: none;
}

.da-arrows span {
    position: absolute;
    top: 42%;
    height: 69px;
    width: 69px;
    cursor: pointer;
    z-index: 2000;
}

.da-arrows span.da-arrows-prev {
    background: url(../images/anim/prev.png);
    left: 15px;
}

.da-arrows span.da-arrows-next {
    background: url(../images/anim/next.png);
    right: 15px;
}

.da-slide-current h2 {
    left: 0%;
    opacity: 1;
}

.da-slide-current p {
    left: 50%;
    margin-left: 100px;
    opacity: 1;
}

.da-slide-current .boite {
    left: 50%;
    margin-left: -370px;
    opacity: 1;
}

.da-slide-current #fantome1 {
    left: 50%;
    margin-left: -487px;
    opacity: 1;
}

.da-slide-current #fantome2 {
    left: 50%;
    margin-left: -360px;
    opacity: 1;
}

.da-slide-current #fantome3 {
    left: 50%;
    margin-left: 350px;
    opacity: 1;
}

.da-slide-current #interro1 {
    left: 50%;
    margin-left: -406px;
    opacity: 1;
}

.da-slide-current #interro2 {
    left: 50%;
    margin-left: 94px;
    opacity: 1;
}

/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2 {
    -webkit-animation: fromRightAnim1 0.8s linear 0.4s both;
    -moz-animation: fromRightAnim1 0.8s linear 0.4s both;
    -o-animation: fromRightAnim1 0.8s linear 0.4s both;
    -ms-animation: fromRightAnim1 0.8s linear 0.4s both;
    animation: fromRightAnim1 0.8s linear 0.4s both;
}

.da-slide-fromright p {
    -webkit-animation: fromRightAnim2 0.8s ease-in-out 0.6s both;
    -moz-animation: fromRightAnim2 0.8s ease-in-out 0.6s both;
    -o-animation: fromRightAnim2 0.8s ease-in-out 0.6s both;
    -ms-animation: fromRightAnim2 0.8s ease-in-out 0.6s both;
    animation: fromRightAnim2 0.8s ease-in-out 0.6s both;
}

.da-slide-fromright .boite {
    -webkit-animation: fromRightAnim3 0.8s ease-in-out both;
    -moz-animation: fromRightAnim3 0.8s ease-in-out both;
    -o-animation: fromRightAnim3 0.8s ease-in-out both;
    -ms-animation: fromRightAnim3 0.8s ease-in-out both;
    animation: fromRightAnim3 0.8s ease-in-out both;
}

.da-slide-fromright #fantome1 {
    -webkit-animation: fromRightAnim4 0.6s ease-in-out 1.2s both;
    -moz-animation: fromRightAnim4 0.6s ease-in-out 1.2s both;
    -o-animation: fromRightAnim4 0.6s ease-in-out 1.2s both;
    -ms-animation: fromRightAnim4 0.6s ease-in-out 1.2s both;
    animation: fromRightAnim4 0.6s ease-in-out 1.2s both;
}

.da-slide-fromright #fantome2 {
    -webkit-animation: fromRightAnim5 0.5s ease-in-out 1.0s both;
    -moz-animation: fromRightAnim5 0.5s ease-in-out 1.0s both;
    -o-animation: fromRightAnim5 0.5s ease-in-out 1.0s both;
    -ms-animation: fromRightAnim5 0.5s ease-in-out 1.0s both;
    animation: fromRightAnim5 0.5s ease-in-out 1.0s both;
}

.da-slide-fromright #fantome3 {
    -webkit-animation: fromRightAnim6 0.8s ease-in-out 0.6s both;
    -moz-animation: fromRightAnim6 0.8s ease-in-out 0.6s both;
    -o-animation: fromRightAnim6 0.8s ease-in-out 0.6s both;
    -ms-animation: fromRightAnim6 0.8s ease-in-out 0.6s both;
    animation: fromRightAnim6 0.8s ease-in-out 0.6s both;
}

.da-slide-fromright #interro1 {
    -webkit-animation: fromRightAnim7 0.6s ease-in-out 1.2s both;
    -moz-animation: fromRightAnim7 0.6s ease-in-out 1.2s both;
    -o-animation: fromRightAnim7 0.6s ease-in-out 1.2s both;
    -ms-animation: fromRightAnim7 0.6s ease-in-out 1.2s both;
    animation: fromRightAnim7 0.6s ease-in-out 1.2s both;
}

.da-slide-fromright #interro2 {
    -webkit-animation: fromRightAnim7 0.6s ease-in-out 1.4s both;
    -moz-animation: fromRightAnim7 0.6s ease-in-out 1.4s both;
    -o-animation: fromRightAnim7 0.6s ease-in-out 1.4s both;
    -ms-animation: fromRightAnim7 0.6s ease-in-out 1.4s both;
    animation: fromRightAnim7 0.6s ease-in-out 1.4s both;
}

@-webkit-keyframes fromRightAnim1 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim2 {
    0% {
        left: 80%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim3 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim4 {
    0% {
        left: 50%;
        margin-left: -400px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim5 {
    0% {
        left: 50%;
        margin-left: -450px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim6 {
    0% {
        left: 50%;
        margin-left: 150px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim7 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim1 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim2 {
    0% {
        left: 80%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim3 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim4 {
    0% {
        left: 50%;
        margin-left: -400px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim5 {
    0% {
        left: 50%;
        margin-left: -450px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim6 {
    0% {
        left: 50%;
        margin-left: 150px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim7 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim1 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim2 {
    0% {
        left: 80%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim3 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim4 {
    0% {
        left: 50%;
        margin-left: -400px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim5 {
    0% {
        left: 50%;
        margin-left: -450px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim6 {
    0% {
        left: 50%;
        margin-left: 150px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim7 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim1 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim2 {
    0% {
        left: 80%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim3 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim4 {
    0% {
        left: 50%;
        margin-left: -400px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim5 {
    0% {
        left: 50%;
        margin-left: -450px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim6 {
    0% {
        left: 50%;
        margin-left: 150px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim7 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fromRightAnim1 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}

@keyframes fromRightAnim2 {
    0% {
        left: 80%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
}

@keyframes fromRightAnim3 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
}

@keyframes fromRightAnim4 {
    0% {
        left: 50%;
        margin-left: -400px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
}

@keyframes fromRightAnim5 {
    0% {
        left: 50%;
        margin-left: -450px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
}

@keyframes fromRightAnim6 {
    0% {
        left: 50%;
        margin-left: 150px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
}

@keyframes fromRightAnim7 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Slide in from the left*/
.da-slide-fromleft h2 {
    -webkit-animation: fromLeftAnim1 0.8s linear 0.4s both;
    -moz-animation: fromLeftAnim1 0.8s linear 0.4s both;
    -o-animation: fromLeftAnim1 0.8s linear 0.4s both;
    -ms-animation: fromLeftAnim1 0.8s linear 0.4s both;
    animation: fromLeftAnim1 0.8s linear 0.4s both;
}

.da-slide-fromleft p {
    -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}

.da-slide-fromleft .boite {
    -webkit-animation: fromLeftAnim3 0.8s ease-in-out both;
    -moz-animation: fromLeftAnim3 0.8s ease-in-out both;
    -o-animation: fromLeftAnim3 0.8s ease-in-out both;
    -ms-animation: fromLeftAnim3 0.8s ease-in-out both;
    animation: fromLeftAnim3 0.8s ease-in-out both;
}

.da-slide-fromleft #fantome1 {
    -webkit-animation: fromLeftAnim4 0.6s ease-in-out 1.2s both;
    -moz-animation: fromLeftAnim4 0.6s ease-in-out 1.2s both;
    -o-animation: fromLeftAnim4 0.6s ease-in-out 1.2s both;
    -ms-animation: fromLeftAnim4 0.6s ease-in-out 1.2s both;
    animation: fromLeftAnim4 0.6s ease-in-out 1.2s both;
}

.da-slide-fromleft #fantome2 {
    -webkit-animation: fromLeftAnim5 0.5s ease-in-out 1.0s both;
    -moz-animation: fromLeftAnim5 0.5s ease-in-out 1.0s both;
    -o-animation: fromLeftAnim5 0.5s ease-in-out 1.0s both;
    -ms-animation: fromLeftAnim5 0.5s ease-in-out 1.0s both;
    animation: fromLeftAnim5 0.5s ease-in-out 1.0s both;
}

.da-slide-fromleft #fantome3 {
    -webkit-animation: fromLeftAnim6 0.8s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim6 0.8s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim6 0.8s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim6 0.8s ease-in-out 0.6s both;
    animation: fromLeftAnim6 0.8s ease-in-out 0.6s both;
}

.da-slide-fromleft #interro1 {
    -webkit-animation: fromLeftAnim7 0.8s ease-in-out 1.2s both;
    -moz-animation: fromLeftAnim7 0.8s ease-in-out 1.2s both;
    -o-animation: fromLeftAnim7 0.8s ease-in-out 1.2s both;
    -ms-animation: fromLeftAnim7 0.8s ease-in-out 1.2s both;
    animation: fromLeftAnim7 0.8s ease-in-out 1.2s both;
}

.da-slide-fromleft #interro2 {
    -webkit-animation: fromLeftAnim7 0.8s ease-in-out 1.4s both;
    -moz-animation: fromLeftAnim7 0.8s ease-in-out 1.4s both;
    -o-animation: fromLeftAnim7 0.8s ease-in-out 1.4s both;
    -ms-animation: fromLeftAnim7 0.8s ease-in-out 1.4s both;
    animation: fromLeftAnim7 0.8s ease-in-out 1.4s both;
}

@-webkit-keyframes fromLeftAnim1 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim2 {
    0% {
        left: 80%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim3 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim4 {
    0% {
        left: 50%;
        margin-left: -400px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim5 {
    0% {
        left: 50%;
        margin-left: -450px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim6 {
    0% {
        left: 50%;
        margin-left: 150px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim7 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim1 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim2 {
    0% {
        left: 80%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim3 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim4 {
    0% {
        left: 50%;
        margin-left: -400px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim5 {
    0% {
        left: 50%;
        margin-left: -450px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim6 {
    0% {
        left: 50%;
        margin-left: 150px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim7 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim1 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim2 {
    0% {
        left: 80%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim3 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim4 {
    0% {
        left: 50%;
        margin-left: -400px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim5 {
    0% {
        left: 50%;
        margin-left: -450px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim6 {
    0% {
        left: 50%;
        margin-left: 150px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim7 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim1 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim2 {
    0% {
        left: 80%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim3 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim4 {
    0% {
        left: 50%;
        margin-left: -400px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim5 {
    0% {
        left: 50%;
        margin-left: -450px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim6 {
    0% {
        left: 50%;
        margin-left: 150px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim7 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fromLeftAnim1 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 0%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim2 {
    0% {
        left: 80%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
}

@keyframes fromLeftAnim3 {
    0% {
        left: 0%;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
}

@keyframes fromLeftAnim4 {
    0% {
        left: 50%;
        margin-left: -400px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
}

@keyframes fromLeftAnim5 {
    0% {
        left: 50%;
        margin-left: -450px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
}

@keyframes fromLeftAnim6 {
    0% {
        left: 50%;
        margin-left: 150px;
        opacity: 0;
    }
    100% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
}

@keyframes fromLeftAnim7 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Slide out to the right */
.da-slide-toright h2 {
    -webkit-animation: toRightAnim1 0.8s linear both;
    -moz-animation: toRightAnim1 0.8s linear both;
    -o-animation: toRightAnim1 0.8s linear both;
    -ms-animation: toRightAnim1 0.8s linear both;
    animation: toRightAnim1 0.8s linear both;
}

.da-slide-toright p {
    -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}

.da-slide-toright .boite {
    -webkit-animation: toRightAnim3 0.8s ease-in-out both;
    -moz-animation: toRightAnim3 0.8s ease-in-out both;
    -o-animation: toRightAnim3 0.8s ease-in-out both;
    -ms-animation: toRightAnim3 0.8s ease-in-out both;
    animation: toRightAnim3 0.8s ease-in-out both;
}

.da-slide-toright #fantome1 {
    -webkit-animation: toRightAnim4 0.6s ease-in-out both;
    -moz-animation: toRightAnim4 0.6s ease-in-out both;
    -o-animation: toRightAnim4 0.6s ease-in-out both;
    -ms-animation: toRightAnim4 0.6s ease-in-out both;
    animation: toRightAnim4 0.6s ease-in-out both;
}

.da-slide-toright #fantome2 {
    -webkit-animation: toRightAnim5 0.5s ease-in-out both;
    -moz-animation: toRightAnim5 0.5s ease-in-out both;
    -o-animation: toRightAnim5 0.5s ease-in-out both;
    -ms-animation: toRightAnim5 0.5s ease-in-out both;
    animation: toRightAnim5 0.5s ease-in-out both;
}

.da-slide-toright #fantome3 {
    -webkit-animation: toRightAnim6 0.8s ease-in-out both;
    -moz-animation: toRightAnim6 0.8s ease-in-out both;
    -o-animation: toRightAnim6 0.8s ease-in-out both;
    -ms-animation: toRightAnim6 0.8s ease-in-out both;
    animation: toRightAnim6 0.8s ease-in-out both;
}

.da-slide-toright #interro1 {
    -webkit-animation: toRightAnim7 0.8s ease-in-out both;
    -moz-animation: toRightAnim7 0.8s ease-in-out both;
    -o-animation: toRightAnim7 0.8s ease-in-out both;
    -ms-animation: toRightAnim7 0.8s ease-in-out both;
    animation: toRightAnim7 0.8s ease-in-out both;
}

.da-slide-toright #interro2 {
    -webkit-animation: toRightAnim7 0.8s ease-in-out both;
    -moz-animation: toRightAnim7 0.8s ease-in-out both;
    -o-animation: toRightAnim7 0.8s ease-in-out both;
    -ms-animation: toRightAnim7 0.8s ease-in-out both;
    animation: toRightAnim7 0.8s ease-in-out both;
}

@-webkit-keyframes toRightAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 0%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim2 {
    0% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
    100% {
        left: 80%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim3 {
    0% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim4 {
    0% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
    100% {
        left: -20%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim5 {
    0% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
    100% {
        left: 50%;
        margin-left: -270px;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim6 {
    0% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim7 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 0%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim2 {
    0% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
    100% {
        left: 80%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim3 {
    0% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim4 {
    0% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
    100% {
        left: -20%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim5 {
    0% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
    100% {
        left: 50%;
        margin-left: -270px;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim6 {
    0% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim7 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes toRightAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 0%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim2 {
    0% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
    100% {
        left: 80%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim3 {
    0% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim4 {
    0% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
    100% {
        left: -20%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim5 {
    0% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
    100% {
        left: 50%;
        margin-left: -270px;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim6 {
    0% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim7 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 0%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim2 {
    0% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
    100% {
        left: 80%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim3 {
    0% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim4 {
    0% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
    100% {
        left: -20%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim5 {
    0% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
    100% {
        left: 50%;
        margin-left: -270px;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim6 {
    0% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim7 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes toRightAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 0%;
        opacity: 0;
    }
}

@keyframes toRightAnim2 {
    0% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
    100% {
        left: 80%;
        opacity: 0;
    }
}

@keyframes toRightAnim3 {
    0% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim4 {
    0% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
    100% {
        left: -20%;
        opacity: 0;
    }
}

@keyframes toRightAnim5 {
    0% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
    100% {
        left: 50%;
        margin-left: -270px;
        opacity: 0;
    }
}

@keyframes toRightAnim6 {
    0% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes toRightAnim7 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* Slide out to the left*/
.da-slide-toleft h2 {
    -webkit-animation: toLeftAnim1 0.8s linear both;
    -moz-animation: toLeftAnim1 0.8s linear both;
    -o-animation: toLeftAnim1 0.8s linear both;
    -ms-animation: toLeftAnim1 0.8s linear both;
    animation: toLeftAnim1 0.8s linear both;
}

.da-slide-toleft p {
    -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}

.da-slide-toleft .boite {
    -webkit-animation: toLeftAnim3 0.8s ease-in-out;
    -moz-animation: toLeftAnim3 0.8s ease-in-out;
    -o-animation: toLeftAnim3 0.8s ease-in-out;
    -ms-animation: toLeftAnim3 0.8s ease-in-out;
    animation: toLeftAnim3 0.8s ease-in-out;
}

.da-slide-toleft #fantome1 {
    -webkit-animation: toLeftAnim4 0.6s ease-in-out both;
    -moz-animation: toLeftAnim4 0.6s ease-in-out both;
    -o-animation: toLeftAnim4 0.6s ease-in-out both;
    -ms-animation: toLeftAnim4 0.6s ease-in-out both;
    animation: toLeftAnim4 0.6s ease-in-out both;
}

.da-slide-toleft #fantome2 {
    -webkit-animation: toLeftAnim5 0.5s ease-in-out both;
    -moz-animation: toLeftAnim5 0.5s ease-in-out both;
    -o-animation: toLeftAnim5 0.5s ease-in-out both;
    -ms-animation: toLeftAnim5 0.5s ease-in-out both;
    animation: toLeftAnim5 0.5s ease-in-out both;
}

.da-slide-toleft #fantome3 {
    -webkit-animation: toLeftAnim6 0.8s ease-in-out both;
    -moz-animation: toLeftAnim6 0.8s ease-in-out both;
    -o-animation: toLeftAnim6 0.8s ease-in-out both;
    -ms-animation: toLeftAnim6 0.8s ease-in-out both;
    animation: toLeftAnim6 0.8s ease-in-out both;
}

.da-slide-toleft #interro1 {
    -webkit-animation: toLeftAnim7 0.8s ease-in-out both;
    -moz-animation: toLeftAnim7 0.8s ease-in-out both;
    -o-animation: toLeftAnim7 0.8s ease-in-out both;
    -ms-animation: toLeftAnim7 0.8s ease-in-out both;
    animation: toLeftAnim7 0.8s ease-in-out both;
}

.da-slide-toleft #interro2 {
    -webkit-animation: toLeftAnim7 0.8s ease-in-out both;
    -moz-animation: toLeftAnim7 0.8s ease-in-out both;
    -o-animation: toLeftAnim7 0.8s ease-in-out both;
    -ms-animation: toLeftAnim7 0.8s ease-in-out both;
    animation: toLeftAnim7 0.8s ease-in-out both;
}

@-webkit-keyframes toLeftAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 0%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim2 {
    0% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
    100% {
        left: 80%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim3 {
    0% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim4 {
    0% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
    100% {
        left: -20%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim5 {
    0% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
    100% {
        left: 50%;
        margin-left: -270px;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim6 {
    0% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim7 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 0%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim2 {
    0% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
    100% {
        left: 80%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim3 {
    0% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim4 {
    0% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
    100% {
        left: -20%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim5 {
    0% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
    100% {
        left: 50%;
        margin-left: -270px;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim6 {
    0% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim7 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 0%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim2 {
    0% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
    100% {
        left: 80%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim3 {
    0% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim4 {
    0% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
    100% {
        left: -20%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim5 {
    0% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
    100% {
        left: 50%;
        margin-left: -270px;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim6 {
    0% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim7 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 0%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim2 {
    0% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
    100% {
        left: 80%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim3 {
    0% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim4 {
    0% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
    100% {
        left: -20%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim5 {
    0% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
    100% {
        left: 50%;
        margin-left: -270px;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim6 {
    0% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim7 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes toLeftAnim1 {
    0% {
        left: 0%;
        opacity: 1;
    }
    100% {
        left: 0%;
        opacity: 0;
    }
}

@keyframes toLeftAnim2 {
    0% {
        left: 50%;
        margin-left: 75px;
        opacity: 1;
    }
    100% {
        left: 80%;
        opacity: 0;
    }
}

@keyframes toLeftAnim3 {
    0% {
        left: 50%;
        margin-left: -370px;
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toLeftAnim4 {
    0% {
        left: 50%;
        margin-left: -487px;
        opacity: 1;
    }
    100% {
        left: -20%;
        opacity: 0;
    }
}

@keyframes toLeftAnim5 {
    0% {
        left: 50%;
        margin-left: -360px;
        opacity: 1;
    }
    100% {
        left: 50%;
        margin-left: -270px;
        opacity: 0;
    }
}

@keyframes toLeftAnim6 {
    0% {
        left: 50%;
        margin-left: 350px;
        opacity: 1;
    }
    100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes toLeftAnim7 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}