*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, video {
  max-width: 100%;
  display: block;
}

a {
  text-decoration: none;
  color: inherit;
}

ul, ol {
  list-style: none;
}

/* L'attribut `hidden` doit l'emporter sur le `display` d'une classe.
   La règle du navigateur ([hidden] { display: none }) a la même spécificité
   qu'une classe et perd donc face à elle : sans ce !important, masquer un
   .cta-read ou une .actu-grille par `hidden` restait sans effet. */
[hidden] {
  display: none !important;
}