html, body {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Arial, sans-serif;
  }
  
  /* Effet de fondu pour éviter l'apparition brusque */
  body {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
  
  body.loaded {
    opacity: 1;
  }
  
  /* Navigation */
  .navbar {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  /* Boutons */
  .btn {
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  /* Cartes */
  .card {
    border: none;
  }
  
  .card-img-top {
    max-height: 300px; /* Ajustez la hauteur selon vos besoins */
    object-fit: cover;
    width: 100%;
  }