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

/* Translation horizontale */
a:hover .translation-h, a:active .translation-h, a:focus .translation-h { transform: translate3d(0.7rem,0,0); }
a:hover .translation-h.inverse, a:active .translation-h.inverse, a:focus .translation-h.inverse { transform: translate3d(-0.8rem,0,0); }

/* Translation verticale */
a:hover .translation-v, a:active .translation-v, a:focus .translation-v { transform: translate3d(0,-.5rem,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); }
}