#navigation li {
  font-size: 1rem;
  padding: 0.5rem;
  color: #333;
  background-color: transparent;
  transition: background-color 0.3s ease, color 0.3s ease;
}

#navigation li:hover,
#navigation li a:hover {
  background-color: #f0f0f0;
  color: #64bbbc !important; /* ta couleur bleue */
  transform: none !important;
  font-size: inherit !important;
  border: none;
  outline: none;
}

#navigation li a {
  border: none;
  outline: none;
}

#footer * {
  margin: 0 !important;
}

#footer {
  display: flex !important;
  flex-direction: column !important; /* Ajouter cette ligne */
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important; /* Ajouter un petit espace entre le logo et le texte */
  padding: 15px !important;
}

/* Media Queries */

/* Tablette & petits écrans */
@media all and (max-width: 1366px) {
    .navbar-expand-lg {
        height: auto !important; /* suppression hauteur fixe */
        padding: 2rem 1rem;
    }

    .nom {
        font-size: 4vw !important;
        position: relative;
        left: auto;
        transform: none;
        text-align: center;
        top: 3px;
    }

    h1 {
        font-size: 5vw !important;
    }
}

/* Smartphones */
@media all and (max-width: 768px) {
    img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
    
    .navbar-expand-lg {
        height: auto !important;
        padding: 3rem 1rem;
    }
    
    .nom {
        font-size: 15vw !important;
        color: #2c748d !important;
    }

    h1 {
        font-size: 12vw !important;
    }
    
    #logo {
        width: 40%!important;
    }
    
    body a {
      font-size: 1.6rem !important; /* plus grand texte */
      padding: 0.8rem !important;   /* plus d’espace si besoin */
  }
  
    #footer {
      font-size: 1rem !important;
      min-height: auto !important;
      padding: 1rem !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center;
      color: #fff !important;
  }

  #footer .col {
      width: 100% !important;
      margin-bottom: 0.5rem !important;
  }

  #footer a {
      font-size: 1.2rem !important;
      padding: 0.5rem 0 !important;
      color: white !important;
      text-decoration: none !important;
  }
}