body {
            font-family: 'Exo 2', sans-serif;
        }
/* Animation pour les sous-menus desktop */
          .slide {
            opacity: 0;
            transition: opacity 1s ease-in-out;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .slide.active {
            opacity: 1;
        }
        .slider-indicator.active {
            background-color: white;
            opacity: 1;
        }
        .video-container video {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
  
  
        .dropdown-menu {
            display: none;
            position: absolute;
            background-color: white;
            min-width: 200px;
            box-shadow: 0 8px 16px rgba(0,0,0,0.1);
            z-index: 1000;
            border-radius: 0.5rem;
            padding: 0.5rem 0;
            animation: fadeIn 0.3s ease;
        }
        
        .dropdown:hover .dropdown-menu {
            display: block;
        }
        
        .dropdown-menu li {
            padding: 0.5rem 1rem;
            transition: background 0.3s;
        }
        
        .dropdown-menu li:hover {
            background-color: #f3f4f6;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* Styles pour le menu mobile */
        .mobile-menu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease;
        }
        
        .mobile-menu.active {
            max-height: 1000px;
        }
        
        .mobile-submenu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            padding-left: 1.5rem;
        }
        
        .mobile-submenu.active {
            max-height: 500px;
        }
        
        .mobile-submenu-btn .chevron {
            transition: transform 0.3s ease;
        }
        
        .mobile-submenu-btn.active .chevron {
            transform: rotate(180deg);
        }
        
        /* Animation du bouton hamburger */
        .hamburger span {
            display: block;
            width: 25px;
            height: 3px;
            margin: 5px auto;
            background-color: #4b5563;
            transition: all 0.3s ease;
        }
        
        .hamburger.active span:nth-child(1) {
            transform: translateY(8px) rotate(45deg);
        }
        
        .hamburger.active span:nth-child(2) {
            opacity: 0;
        }
        
        .hamburger.active span:nth-child(3) {
            transform: translateY(-8px) rotate(-45deg);
        }