/* ======================================================
   ⚡ Ultra-Optimized Modern CSS Reset
   ====================================================== */

/* 1. Suppression des marges, paddings et normalisation des boîtes */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  /* 2. Réglages globaux du document */
  html {
    font-size: 100%;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    overflow-x: hidden; /* Évite les scrolls latéraux inutiles */
  }
  
  /* 3. Optimisation du rendu du texte */
  body {
    font-family: sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-size-adjust: none;
    min-height: 100vh;
    overflow-x: hidden;
  }

  p {
    margin-bottom: 0px;
  }
  
  /* 4. Suppression des styles par défaut des listes */
  ul, ol {
    list-style: none;
  }
  
  /* 5. Normalisation des liens */
  a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
  }
  
  /* 6. Normalisation des éléments interactifs */
  button, input, textarea, select {
    font: inherit;
    color: inherit;
    background: none;
    border: none;
    outline: none;
  }
  
  /* 7. Normalisation des boutons */
  button {
    cursor: pointer;
    padding: 0;
    appearance: none;
  }
  
  /* 8. Normalisation des inputs et textareas */
  input, textarea {
    width: 100%;
    outline: none;
    border: none;
  }
  
  /* 9. Suppression des styles par défaut des images et vidéos */
  img, video {
    max-width: 100%;
    height: auto;
    display: block;
  }
  
  /* 10. Normalisation des médias */
  iframe, embed, object {
    max-width: 100%;
  }
  
  /* 11. Correction des tables */
  table {
    width: 100%;
    border-collapse: collapse;
  }
  
  /* 12. Accessibilité : Désactive les animations si l'utilisateur le demande */
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation: none !important;
      transition: none !important;
    }
  }
  