/* Police du site, pour les pages qui n'utilisent pas css/design.css
   (recrutement, parrainage, dossiers, actualites : ce sont des sections a part,
   avec leurs propres feuilles de style, qui affichaient Lato, Roboto, JF Flat,
   Arial ou Times selon les pages). Ce fichier ne change que la police. */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap');

:root { --if-police: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }

body,
body h1, body h2, body h3, body h4, body h5, body h6,
body p, body span, body li, body a, body label, body div,
body b, body strong, body em, body small, body u, body s,
body table, body td, body th, body caption, body dt, body dd,
body figcaption, body blockquote, body legend, body option, body optgroup,
body input, body select, body textarea, body button,
body .btn, body .nav-link, body .form-control {
  font-family: var(--if-police) !important;
}

/* Les polices d'icones ne doivent pas etre remplacees, sinon les pictogrammes disparaissent. */
body [class*="icon-"], body [class*="fa-"], body .fa, body .material-icons,
body [class*="glyphicon"], body [class*="flaticon"], body [class*="oi-"] {
  font-family: revert !important;
}
body [class*="icon-"]:before, body [class*="fa-"]:before, body .fa:before,
body [class*="glyphicon"]:before, body [class*="flaticon"]:before, body [class*="oi-"]:before,
body .material-icons {
  font-family: revert !important;
}