function showPage(pageId, button) {
  // Masquer toutes les sections avec la classe "page"
  document.querySelectorAll('.page').forEach(page => {
    page.style.display = 'none';
  });

  // Afficher la section demandée
  const selectedPage = document.getElementById(pageId);
  if (selectedPage) {
    selectedPage.style.display = 'block';
  }

  // Retirer la classe active de tous les conteneurs de boutons
  document.querySelectorAll('#archives-button, #apropos-button').forEach(div => {
    div.classList.remove('active');
  });

  // Ajouter la classe active au conteneur du bouton cliqué
  if (button && button.parentElement) {
    button.parentElement.classList.add('active');
  }
}

// Affiche la section home par défaut au chargement
document.addEventListener('DOMContentLoaded', () => {
  showPage('home');
});