/* La durée des animations */
.zoom img, .translation-h { transition: all var(--duree-transition); }

/* Translation horizontale uniquement sur grand écran */
@media (min-width: 900px) { 
    a:hover .translation-h, a:active .translation-h, a:focus .translation-h { transform: translate3d(0.7rem,0,0); }
}

@media (prefers-reduced-motion: no-preference) {
    /* Zoom */
    .zoom { overflow: hidden;  }
    a:hover .zoom img, a:active .zoom img, a:focus .zoom img { transform: scale3d(1.05,1.05,1); }
    a:hover .zoom.large, a:active .zoom.large, a:focus .zoom.large { transform: scale3d(1.1,1.1,1) rotate3d(0,0,1,45deg); }

    #bandeaudefilant > div { padding-left: 100%; }
    @keyframes defilement-rtl {
        0% { transform: translateX(0); }/* position initiale à droite */
        100% { transform: translateX(-100%); } /* position finale à gauche */
    }

    @keyframes jack2 {
        from { transform: rotate(0);}
        25% {transform: rotate(25deg);}
        75% {transform: rotate(-25deg);}
        to {transform: rotate(0);}
    }

}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 70%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.anim_fadeInUp {visibility: hidden;}
.anim_fadeInUp.detectview_inview {
    visibility: inherit;
    animation-duration: 1.5s;
    animation-name: fadeInUp;
}
li:nth-of-type(2).anim_fadeInUp { animation-duration: 1.8s; }
li:nth-of-type(3).anim_fadeInUp { animation-duration: 2.3s; }