/* -- Reset ------------------------------------ */

*,
*::before,
*::after {
  box-sizing: border-box;
}
html, 
body {
  height: 100%;
}
ul{
  list-style: none;
  padding: 0rem;
  display: flex;
}
a{
  text-decoration: none;
  font-size: 1em;
  padding: 1rem;
}
h1, h2, h3, h4, h5, h6, h7 {
  margin: 0;
  padding: 0;
}



img {
  /* L'image est responsive, de type block*/
    max-width: 100%;
    display: block;
  /* Le contenu remplacé est dimensionné pour maintenir son ratio d'affichage tout en remplissant toute la boîte de contenu.  */
    object-fit: cover;
    image-rendering: crisp-edges;
}