/* Animation pour le logo du header */
@keyframes logoSlideDown {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  70% {
    transform: translateY(10px);
    opacity: 1;
  }
  85% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Application de l'animation au logo */
.logo-center-container .logo-big {
  animation: logoSlideDown 1.2s ease-out forwards;
}

/* Assurons-nous que le conteneur du logo a une position adaptée à l'animation */
.logo-center-container {
  z-index: 1003; /* Pour s'assurer que le logo est au-dessus des autres éléments */
  overflow: visible !important; /* Pour permettre l'animation en dehors du conteneur */
}