// Attendre que le DOM soit complètement chargé

document.addEventListener("DOMContentLoaded", () => {

const menuBtn = document.querySelector(".menu-btn");

const menuDeroulant = document.querySelector(".menu-deroulant");

// Basculer l'affichage du menu déroulant

menuBtn.addEventListener("click", () => {

menuDeroulant.classList.toggle("visible");

});

// Fermer le menu déroulant lorsque le curseur quitte la zone

menuDeroulant.addEventListener("mouseleave", () => {

menuDeroulant.classList.remove("visible");

});

// Ajouter dynamiquement des événements

const evenementsSection = document.querySelector(".evenements");

const events = [

{ titre: "Journée Portes Ouvertes", date: "15 Mars 2025", description: "Venez découvrir notre complexe scolaire !" },

{ titre: "Fête de fin d'année", date: "25 Juin 2025", description: "Célébrons ensemble la réussite de nos élèves." },

{ titre: "Conférence éducative", date: "10 Septembre 2025", description: "Une conférence sur les nouvelles méthodes pédagogiques." }

];

events.forEach(event => {

const eventDiv = document.createElement("div");

eventDiv.classList.add("event");

eventDiv.innerHTML = `

<h3>${event.titre}</h3>

<p><strong>Date :</strong> ${event.date}</p>

<p>${event.description}</p>

`;

evenementsSection.appendChild(eventDiv);

});

});