body {
    scroll-behavior: smooth; /* Ajoute une animation par défaut pour tous les ancres */
}
.bg-beige {
    background-color: #f2f2f0;
  }
  .text-gray-dark {
    color: #3c3c3c;
  }
  .bg-gray-dark {
    background-color: #374151;
  }
  .hover-effect:hover {
    background-color: #d3d3d3;
  }
  .banner-gradient {
    background: linear-gradient(
      rgba(60, 60, 60, 0.7),
      rgba(60, 60, 60, 0.7)
    );
  }


  .badge {
    display: inline-flex;
    align-items: center;
    background-color: #10B981; /* bg-green-500 */
    color: #ffffff; /* text-white */
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow-lg */
    padding: 0.25rem 0.5rem; /* py-1 px-2 */
    font-size: 0.75rem; /* text-xs */
    font-weight: 500; /* font-medium */
    transition: background-color 0.2s ease-in-out; /* Hover smooth effect */
    margin-top: 8%;
    font-weight: medium;
    font-size: medium;
    margin-bottom: 8%;
}
  
  .badge:hover {
    background-color: #16a34a; /* hover:bg-green-600 */
  }


  .badge-dark {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #374151; /* bg-green-500 */
    color: #ffffff; /* text-white */
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow-lg */
    padding: 0.25rem 0.5rem; /* py-1 px-2 */
    font-size: 0.75rem; /* text-xs */
    font-weight: 500; /* font-medium */
    transition: background-color 0.2s ease-in-out; /* Hover smooth effect */
    margin-top: 8%;
    font-weight: medium;
    font-size: medium;
    margin-bottom: 8%;
}
  
  .badge-dark:hover {
    background-color: #4b596e; /* hover:bg-green-600 */
  }