.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 10px 0;
    font-size: 16px;
}
ul.breadcrumb {
    background-color: #eee;
    padding: 10px 16px;

  }

.breadcrumb li {
    display: inline-block;
    margin-right: 6px;
}

.breadcrumb li a {
    text-decoration: none;
    color: #767676; /* Couleur des liens */
    transition: color 0.3s;
}

.breadcrumb li a:hover {
    color: #a50034; /* Couleur au survol */
}

.breadcrumb li.active {
    color: #555; /* Couleur du texte actif */
}

.breadcrumb .separator {
    margin: 0 5px;
    color: #555; /* Couleur du séparateur */
}

/* Styles spécifiques pour le premier élément (ACCUEIL) */
.breadcrumb li:first-child a {
    font-weight: bold;
}