---
## 🧩 Un seul objet `menuData` pour gouverner tout le reste
Dans `script.js`, l’objet `menuData` décrit l’arborescence complète du site (titres, liens, sous-menus).
À chaque chargement de page :
* la fonction `createMenu()` construit automatiquement la navigation principale ;
* le même tableau est réutilisé pour créer les sous-menus mobile et gérer le burger ;
* toute modification dans `menuData` est donc répercutée partout sans toucher au HTML statique. :contentReference[oaicite:0]{index=0}
## 🦶 Un footer “auto-rempli”
Toujours dans `script.js`, la fonction `createFooter()` balaie `menuData`, regroupe les liens par rubrique et aligne même les icônes de vos réseaux sociaux.
Résultat : un pied de page complet, cohérent et maintenable en une seule ligne de code ! :contentReference[oaicite:1]{index=1}
## 🗺️ Un plan du site qui se met à jour tout seul
Le fichier `plan_du_site.js` parcourt encore `menuData` pour produire la page Plan du site. Chaque fois que vous ajoutez une page ou changez un libellé, la carte est régénérée sans effort.
Et ce n’est pas tout :
* **Fil d’ariane** – La fonction `generateBreadcrumb()` calcule automatiquement le chemin de navigation affiché en haut de chaque page, pour ne jamais perdre l’utilisateur. :contentReference[oaicite:2]{index=2}
* **Méta-descriptions** – `plan_du_site.js` récupère la description SEO associée à chaque page grâce à `getMetaDescription()` et l’affiche à côté du lien, afin de rappeler son objectif et d’améliorer l’accessibilité. :contentReference[oaicite:3]{index=3}
## 🎁 Les bénéfices en un clin d’œil
* **Maintenance express** : un changement = une seule édition.
* **Cohérence totale** : titres, liens, fil d’ariane, descriptions – identiques partout.
* **SEO & accessibilité** : plan du site enrichi + méta-descriptions toujours à jour.
* **Performance** : plus de fragments HTML dupliqués à charger.
