/* ANIMATIONS SCROLL  ///////////////////////////////////////////////////////////////////////////*/
.SectionAnimations{
    display: flex;
    align-items: center;
}
.AnimationScroll .slidefromleft{
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -moz-transform: translate(-100%);
    transform: translate(-100%);
    opacity: 0;
    transition: all 1s cubic-bezier(0.2, 0.5, 0.3, 1);
}
.AnimationScroll.slidefromleft{
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -moz-transform: translate(-100%);
    transform: translate(-100%);
    opacity: 0;
    transition: all 1s cubic-bezier(0.2, 0.5, 0.3, 1);
}
.AnimationScroll.in-view .slidefromleft{
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
    opacity: 1;
}
.AnimationScroll.slidefromleft.in-view {
    transform: none;
    opacity: 1;
}
.AnimationScroll .slidefromright{
    -webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    -moz-transform: translate(100%);
    transform: translate(100%);
    opacity: 0;
    transition: all 1s cubic-bezier(0.2, 0.5, 0.3, 1);
}
.AnimationScroll.slidefromright{
    webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    -moz-transform: translate(100%);
    transform: translate(100%);
    opacity: 0;
    transition: all 1s cubic-bezier(0.2, 0.5, 0.3, 1);
}
.AnimationScroll.in-view .slidefromright{
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
    opacity: 1;
}
.AnimationScroll.in-view.slidefromright {
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    transform: none;
    opacity: 1;
}
.PhotoDroite{
    width: 30%;
    height: auto;
    margin-left: 5%;
}
.PhotoGauche{
    width: 30%;
    height: auto;
    margin-right: 5%;
}
.TexteDroit{
    width: 60%;
    margin-left: 5%;
}
.TexteGauche{
    width: 60%;
    margin-right: 5%;
}

.AnimationScroll .fadein{
    transform: none;
    opacity: 0;
    transition: all 1s ease-in-out;
}
.AnimationScroll.fadein{
    transform: none;
    opacity: 0;
    transition: all 1s ease-in-out;
}
.AnimationScroll.in-view .fadein{
    opacity: 1;
}
.AnimationScroll.in-view.fadein {
    opacity: 1;
}


.AnimationScroll.FadeScale{
    transform: scale(0.9);
    opacity: 0.9;
    transition: all 1s ease-in-out;
}
.AnimationScroll.in-view.FadeScale{
    transform: scale(1);
    opacity: 1;
}

@media screen and (max-width: 980px){
    .SectionAnimations {
        display: block;
    }
    .AnimationScroll .fadein{
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none;
        transform: none;
        opacity: 1;
    }
    .AnimationScroll.fadein{
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none;
        transform: none;
        opacity: 1;
    }

    .AnimationScroll .slidefromleft{
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none;
        transform: translate(0);
        opacity: 1;
    }
    .AnimationScroll .slidefromright{
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none;
        transform: translate(0);
        opacity: 1;
    }

    .AnimationScroll.slidefromleft{
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none;
        transform: translate(0);
        opacity: 1;
    }
    .AnimationScroll.slidefromright{
        -webkit-transform: none;
        -ms-transform: none;
        -moz-transform: none;
        transform: none;
        transform: translate(0);
        opacity: 1;
    }
    
    .PhotoGauche, .PhotoDroite{
        width: 50%;
        height: auto;
        margin: 1% auto;
    }
    .PhotoGauche.PleineLargeur, .PhotoDroite.PleineLargeur{
        width: 100%;
        height: auto;
        max-height: unset;
        object-fit: cover;
    }
      .TexteGauche, .TexteDroit{
        width: auto;
        height: auto;
        margin: 3% auto;
    }
}