function toggleMode() {
  var linkElement = document.getElementById('styles-theme');
  if (linkElement.getAttribute('href') === 'css/horde.css') {
    linkElement.setAttribute('href', 'css/alliance.css');
    // Enregistrer le style "css/alliance.css" dans le stockage local
    localStorage.setItem('style', 'css/alliance.css');
  } else {
    linkElement.setAttribute('href', 'css/horde.css');
    // Enregistrer le style "css/horde.css" dans le stockage local
    localStorage.setItem('style', 'css/horde.css');
  }
}

// Récupérer l'élément de style (par exemple, un élément <link> avec un attribut ID)
const styleElement = document.getElementById('styles-theme');

// Vérifier s'il existe une valeur de style enregistrée dans le stockage local
const styleValue = localStorage.getItem('style');

// Si une valeur de style est enregistrée, l'appliquer à l'élément de style
if (styleValue) {
  styleElement.setAttribute('href', styleValue);
}