/* - **Couleur Primaire (Navigation & Titres) :** `#8F3232` (Bordeaux)
- **Couleur de Fond (Aération) :** `#FAF9F6` (Blanc cassé)
- **Couleur de Contenu (Cards) :** `#FFFFFF` (Blanc pur)
- **Texte Principal :** `#2C2C2C` (Anthracite)
- **Texte Secondaire / Bordures :** `#E0E0E0` (Gris clair) */
:root {
  --primary-color: #8f3232;
  --background-light-color: #faf9f6;
  --primary-text-color: #2c2c2c;
  --secondary-text-color: #e0e0e0;
}
/*MOBILE FIRST*/
body {
  min-height: 90vh; /*TEMPORAIRE*/
  background-color: var(--background-light-color);
  margin: 0;
}
header {
  background-color: var(--primary-color);
  display: flex;
  flex-direction: column;
  align-items: center;
}
header img {
  height: auto;
  width: 250px;
  padding: 20px;
}
nav {
  display: flex;
  flex-direction: column;
}
#nav.nav-hide i.bx-x {
  display: none;
}
#nav:not(.nav-hide) i.bx-menu {
  display: none;
}
/*POUR AFFICHER LE BURGER MENU*/
#nav.nav-hide #nav-ul {
  display: none;
}

/*FINISH POUR AFFICHER LE BURGER MENU*/
/*PERSONALISATION BURGER MENU*/
#burger-button-display {
  position: relative;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  align-items: center;
  margin: auto;
  text-align: center;
  width: 50px;
  display: flex;
  background-color: red;
  justify-content: center;
}
/*FIN PERSONALISATION BURGER MENU*/

nav > ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  align-items: center;
}
nav > ul > li a {
  text-decoration: none;
  padding: 5px;
  color: var(--secondary-text-color);
}

/* Tablettes et plus grands mobiles */
@media (min-width: 768px) {
  header img {
    height: 300px;
    width: auto;
    padding: 20px;
  }
  #nav.nav-hide #nav-ul {
    display: flex;
  }
  nav > ul {
    flex-direction: row;
  }
  #burger-button-display {
    display: none; /* cacher le bouton burger */
  }
}

/* Desktop large */
@media (min-width: 1024px) {
}