/* =========================================
BANDEAU DEFILANT CLEF PEISSEL
========================================= */

.bandeau-defilant {
display: block !important;
position: relative;
width: 100%;
height: 48px;
overflow: hidden;
background-color: #00736A;
margin: 10px 0;
padding: 0;
box-sizing: border-box;
}

.bandeau-defilant-texte {
position: absolute !important;
top: 0;
left: 0;
width: max-content;
height: 48px;
line-height: 48px;
white-space: nowrap;
color: #ffffff !important;
font-size: 20px;
font-weight: bold;

animation: defilement-clef-peissel 30s linear infinite !important;

}

/* Animation de droite à gauche */
@keyframes defilement-clef-peissel {
0% {
left: 100%;
transform: translateX(0);
}

100% {
    left: 0;
    transform: translateX(-100%);
}

}

/* Smartphone */
@media screen and (max-width: 600px) {
.bandeau-defilant-texte {
font-size: 16px;
}
}