/*
    Examples d'animations :
        - https://animate.style/

*/
.zoom img, .translation-v { transition: all var(--duree-transition); }


@media (prefers-reduced-motion: no-preference) {
    .zoom { overflow: hidden;  }
    a:hover .zoom img, a:active .zoom img, a:focus .zoom img { transform: scale3d(1.05,1.05,1); }
    /* Translation verticale */
    a:hover .translation-v, a:active .translation-v, a:focus .translation-v { transform: translate3d(0,-.5rem,0); }


}

/* Animation des grille */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.anim_fadeInUp {visibility: hidden;}
.anim_fadeInUp.detectview_inview {
    visibility: inherit;
    animation-duration: 1s;
    animation-name: fadeInUp;
}