.mobile-menu {
  display: none; /* Caché par défaut */
}
.mobile-menu.active {
  display: block; /* Affiché quand la classe active est ajoutée */
}
/* Styles pour les animations et autres si non présents dans style.css */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInAnimation 0.8s ease-out forwards;
}
@keyframes fadeInAnimation {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.floating {
  animation: floatAnimation 3s ease-in-out infinite;
}
@keyframes floatAnimation {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.course-card:hover,
.guide-card:hover {
  /* Ajout de .guide-card */
  transform: translateY(-5px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}