/* fadeinup simple */

.fadeInUp {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s ease-out forwards;
  }
  
  @keyframes fadeInUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* fadeinup au scroll grace au js */

  .fade-in-up-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    filter: blur(1px);
    transition: all 0.8s ease-out;
  }
  
  .fade-in-up-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
/* class de delai pour des transitions plus retardée */
  .delay-0 { transition-delay: 0s; }
  .delay-1 { transition-delay: 0.3s; }
  .delay-2 { transition-delay: 0.6s; }