/* Identite typographique RLD - Helvetica Neue quand elle est disponible.
   Aucun fichier de police proprietaire n'est redistribue : les appareils qui
   ne la possedent pas utilisent Helvetica ou Arial avec une mise en page
   identique. */
:root {
  --sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html body,
html body * {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  font-weight: 700;
  letter-spacing: -0.035em;
}

html .eyebrow,
html legend,
html label,
html th,
html .section-label {
  font-weight: 700;
  letter-spacing: 0.085em;
}

html button,
html input,
html select,
html textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* Mobile : Safari effectue un zoom automatique au focus lorsque la taille
   d'un champ est inferieure a 16 px. Ces regles evitent ce zoom, gardent les
   formulaires dans la largeur de l'ecran et conservent des zones tactiles
   confortables, sans modifier la mise en page ordinateur. */
@media (max-width: 700px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  html input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  html select,
  html textarea {
    font-size: 16px !important;
    max-width: 100%;
  }

  html button,
  html input[type="submit"],
  html input[type="button"] {
    min-height: 44px;
  }

  html form,
  html fieldset,
  html .auth-card,
  html .login-content,
  html .form-card {
    min-width: 0;
    max-width: 100%;
  }
}