.bandeau-info-custom {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    height: auto;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
}

.bandeau-info-custom .bandeau-texte {
    display: inline-block;
    padding-left: 100%;
    animation: defilement-bandeau 20s linear infinite;
}

@keyframes defilement-bandeau {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.bandeau-info-custom.bleu {
    background-color: #004080;
    color: white;
}
.bandeau-info-custom.rouge {
    background-color: #c0392b;
    color: white;
}
.bandeau-info-custom.jaune {
    background-color: #f1c40f;
    color: black;
}
.bandeau-info-custom.vert {
    background-color: #27ae60;
    color: white;
}
.bandeau-info-custom.gris {
    background-color: #7f8c8d;
    color: white;
}