html {width:100%;max-width:2000px;}
.green{color:green;}
.red{color:red;}

/* Fil d’Ariane responsive et stylisé */
.breadcrumb a {
    text-decoration: none;
    color: #0d6efd; /* bleu Bootstrap */
    transition: color 0.2s;
}

.breadcrumb a:hover {
    color: #0a58ca; /* bleu plus foncé au hover */
    text-decoration: underline;
}

.breadcrumb i {
    margin-right: 4px;
}

@media (max-width: 576px) {
    .breadcrumb {
        font-size: 0.85rem;
        flex-wrap: wrap;
    }
    .breadcrumb li + li::before {
        content: "›"; /* séparateur plus petit sur mobile */
    }
}