.animate-fonduZoomIn,
.animate-right-col,
.animate-left-col1,
.animate-left-col2{
  --dur: 1.2s;     /* durée par défaut */
  --delay: 0s;     /* delay par défaut */
}


.animate-fonduZoomIn{
  opacity: 0;
  /*transform: scale(0.85);*/
}

.animate-right-col{
  opacity: 0;
  transform: translateX(400px);
}

.animate-left-col1{
  opacity: 0;
  transform: translateX(-100px);
}

.animate-left-col2{
  opacity: 0;
  transform: translateX(-600px);
}

/* Déclenchement */
.animate-fonduZoomIn.animate{
  animation: heroFadeZoom var(--dur) cubic-bezier(.2,.65,.3,1) var(--delay) forwards;
}

.animate-right-col.animate{
  animation: imageSlideInRight var(--dur) cubic-bezier(.2,.65,.3,1) var(--delay) forwards;
}

.animate-left-col1.animate,
.animate-left-col2.animate{
  animation: imageSlideInLeft var(--dur) cubic-bezier(.2,.65,.3,1) var(--delay) forwards;
}

/* ====== KEYFRAMES ====== */
@keyframes heroFadeZoom{
  to{ opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes imageSlideInRight{
  to{ opacity: 1; transform: translateX(0); }
}

@keyframes imageSlideInLeft{
  to{ opacity: 1; transform: translateX(0); }
}

@media (max-width: 991px) {
    .animate-right-col,
    .animate-left-col1,
    .animate-left-col2,
    .animate-fonduZoomIn {
        transition: none !important;
        animation: none !important;
        transform: none !important;
        opacity: 1 !important; /* Force l'élément à être visible */
    }
}