Index des Thesaurus agnatiques de ALF International

<style> /* ===============================================================

  ⚜️ STYLE GLOBAL ROYAL ALFI — Version 2026
  Index des Thesaurus + Alphabet + Bande Ivoire + Footer
  =============================================================== */

1. alfi-index {

 position: sticky;
 top: 0;
 z-index: 100;
 text-align: center;
 background: #fffdf8e8;
 backdrop-filter: blur(6px);
 border-bottom: 2px solid #d4af37;
 box-shadow: 0 3px 12px rgba(212,175,55,0.25);
 padding: 25px 15px;
 margin-bottom: 35px;
 font-family: 'EB Garamond','Garamond',serif;

}

.lettre-alfi {

 background: linear-gradient(180deg,#f8f2d0,#f6e27f);
 border: 1px solid #d4af37;
 border-radius: 6px;
 padding: 7px 12px;
 font-size: 17px;
 font-weight: bold;
 color: #3a260b;
 box-shadow: 0 0 5px rgba(212,175,55,0.25);
 transition: all 0.3s ease;
 text-decoration: none;
 display: inline-block;

} .lettre-alfi:hover {

 background: linear-gradient(180deg,#fff8cc,#f9e27a);
 color: #a40000;
 box-shadow: 0 0 12px rgba(212,175,55,0.6), 0 0 4px #fff8cc inset;
 transform: translateY(-1px);

}

.bouton-footer {

 display: inline-block;
 margin: 0 10px;
 padding: 8px 14px;
 color: #3a260b;
 font-weight: bold;
 text-decoration: none;
 border: 1px solid #d4af37;
 border-radius: 8px;
 background: linear-gradient(180deg,#f9eeb8,#f6e27f);
 transition: all 0.3s ease;
 box-shadow: 0 0 6px rgba(212,175,55,0.25);

} .bouton-footer:hover {

 background: linear-gradient(180deg,#fff7c6,#fbe88f);
 color: #a40000;
 box-shadow: 0 0 12px rgba(212,175,55,0.6);
 transform: translateY(-1px);

}

1. alfi-footer {

 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 background: rgba(255,253,248,0.85);
 backdrop-filter: blur(5px);
 border-top: 2px solid #d4af37;
 box-shadow: 0 -2px 8px rgba(212,175,55,0.25);
 text-align: center;
 padding: 10px 0;
 font-family: 'EB Garamond',serif;
 z-index: 99;

}

@media (max-width:600px) {

 #recherche-alfi { width:90%; font-size:16px; }
 .lettre-alfi { font-size:18px; padding:9px 13px; }

} </style>

   🔎 Recherche des Thésaurus Agnatiques ALFI

 <input id="recherche-alfi" type="text" placeholder="Rechercher une famille..."
   style="width:70%;max-width:500px;font-size:17px;padding:9px 13px;border:1px solid #d4af37;border-radius:8px;background:#fdfaf1;color:#3a260b;font-family:'Garamond',serif;margin-bottom:12px;box-shadow:inset 0 0 6px rgba(212,175,55,0.25);text-align:center;">
 

   Nombre actuel de Thésaurus ALFI recensés :
   
     597
   

   <a href="https://wiki.alfinternational.eu/index.php?title=Créer_un_Thesaurus"
      style="display:inline-block;background:linear-gradient(180deg,#f8e77a,#f1cb2e);border:1px solid #d4af37;color:#3a260b;font-weight:bold;font-size:16px;padding:9px 18px;border-radius:8px;text-decoration:none;box-shadow:0 0 6px rgba(212,175,55,0.3);">
     ⚜️ Créer un nouveau Thésaurus ⚜️
   </a>

   <marquee scrollamount="3">🕊️ Derniers Thésaurus créés : 
      Thesaurus de la famille CLERET de LANGAVANT Thesaurus de la famille BASQUIN Thesaurus de la lignée PROUVOST Thesaurus de la famille LEFEBVRE-DESVALLIÈRES Thesaurus de la famille de LATTRE, DELATTRE Thesaurus de la famille BOMMIER Thesaurus de la famille LABORDE de MONPEZAT (de) Thesaurus de la famille BERNADOTTE Thesaurus de la famille GHESQUIÈRE-DIERICKX Thesaurus de la famille MARIN de MONTMARIN de
   </marquee>

 <a href="https://wiki.alfinternational.eu/index.php?title=Accueil" class="bouton-footer">🏰 Accueil ALFI</a>
 <a href="https://wiki.alfinternational.eu/index.php?title=Créer_un_Thesaurus" class="bouton-footer">⚜️ Créer un Thésaurus</a>
 <a href="https://wiki.alfinternational.eu/index.php?title=Contact_Presidentiel" class="bouton-footer">👑 Contact Présidentiel</a>

<script> document.getElementById("recherche-alfi").addEventListener("keyup", function() {

 var filtre = this.value.toUpperCase();
 var liens = document.querySelectorAll(".mw-parser-output a");
 liens.forEach(function(lien) {
   if (lien.textContent.toUpperCase().indexOf(filtre) > -1) {
     lien.style.display = "";
   } else {
     lien.style.display = "none";
   }
 });

}); </script>