/* Bandeau autonome : largeur alignee sur le cadre du site (V1.0.1). */
#ecbd-bandeau {
    box-sizing: border-box;
    display: block;
    position: relative;
    z-index: 12;
    clear: both;
    /* Sur PC, ne jamais depasser le cadre central de 1440px ; sur mobile,
       ne jamais depasser la largeur visible de la fenetre. */
    width: 100%;
    max-width: min(1440px, 100vw);
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background: var(--ecbd-bg, #367847);
    color: var(--ecbd-fg, #ffffff);
    font: 500 14px/1.45 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-align: left;
}
#ecbd-bandeau[hidden] { display: none !important; }
#ecbd-bandeau *, #ecbd-bandeau *::before, #ecbd-bandeau *::after { box-sizing: border-box; }
#ecbd-bandeau .ecbd-viewport { overflow: hidden; width: 100%; }
#ecbd-bandeau .ecbd-track {
    display: flex;
    align-items: center;
    width: max-content;
    min-width: 0;
    animation: ecbd-scroll var(--ecbd-duration, 35s) linear infinite;
    will-change: transform;
}
#ecbd-bandeau .ecbd-group {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-around;
    /* L'ancienne regle 100vw provoquait une largeur calculee sur l'ecran
       et non sur le bandeau. La largeur est synchronisee en JS. */
    min-width: var(--ecbd-view-width, 100%);
    padding: 0 0.75rem;
}
#ecbd-bandeau .ecbd-item {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 9px 24px;
}
#ecbd-bandeau a,
#ecbd-bandeau a:visited {
    color: inherit;
    text-decoration: none;
    font: inherit;
}
#ecbd-bandeau a:hover,
#ecbd-bandeau a:focus-visible {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}
#ecbd-bandeau:where(:hover, :focus-within) .ecbd-track {
    animation-play-state: paused;
}
@keyframes ecbd-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@media (max-width: 640px) {
    #ecbd-bandeau { font-size: 13px; }
    #ecbd-bandeau .ecbd-item { padding: 9px 18px; }
}
@media (prefers-reduced-motion: reduce) {
    #ecbd-bandeau .ecbd-viewport { overflow-x: auto; }
    #ecbd-bandeau .ecbd-track { animation: none; width: max-content; min-width: 0; }
    #ecbd-bandeau .ecbd-group[aria-hidden="true"] { display: none; }
}