@charset "UTF-8";
@media screen and (max-width: 1100px) {
  body {
    /* Cette règle est correcte */
    grid-template-columns: 1fr;
    transition: 0.4s ease-in-out;
  }
  .headNav h2 {
    /* Cette règle est correcte */
    font-size: large;
  }
  /* Règle "déroulée" pour être comprise par le CSS */
  .headerMain img {
    width: 60px;
  }
  /* Règle "déroulée" pour être comprise par le CSS */
  .headerMain h1 {
    font-size: x-large;
  }
  nav {
    vertical-align: middle;
    display: flex;
    justify-content: space-around;
    width: 100%;
  }
  /* On cible précisément le menu de navigation pour le cacher */
  nav .contBtnNav {
    display: none;
  }
  /* On affiche l'icône burger */
  .icon {
    display: block;
    cursor: pointer;
  }
  /* * On rend le sélecteur plus spécifique : .contBtnNav.active
   * Cela permet de surcharger les styles de .contBtnNav sans !important
   * et s'assure que la règle ne s'applique qu'au menu.
  */
  .contBtnNav.active {
    display: flex; /* On utilise flex pour un meilleur contrôle */
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; /* Aligne les éléments en haut */
    gap: 20px; /* Ajoute de l'espace entre les liens du menu */
    position: fixed;
    top: 80px; /* Commence juste en dessous de la barre de navigation */
    left: 0;
    width: 100%;
    height: calc(100vh - 80px); /* Prend toute la hauteur restante */
    padding-top: 30px; /* Un peu d'air en haut */
    background-color: rgba(27, 88, 149, 0.95); /* Fond opaque avec un peu de transparence */
  }
}/*# sourceMappingURL=responsive.css.map */