.bandeau-defilant { overflow: hidden; /* Cache ce qui dépasse */ white-space: nowrap; /* Force le texte sur une seule ligne */ width: 100%; /* S'adapte à la largeur */ background-color: #C6317A; /* Couleur de fond (bleu Cagec) */ color: #ffffff; /* Couleur du texte (blanc) */ padding: 12px 0; /* Espacement intérieur */ margin-top: 20px; /* Espace au-dessus du bandeau */ border-radius: 10px; /* Bords arrondis */ box-sizing: border-box; font-family: sans-serif; /* Police basique au cas où */ } .texte-defilant { display: inline-block; padding-left: 100%; /* Fait démarrer le texte à droite */ animation: defilement 12s linear infinite; /* Animation de 12 secondes */ font-weight: bold; } /* Arrêt de l'animation quand la souris passe dessus */ .bandeau-defilant:hover .texte-defilant { animation-play-state: paused; } /* Définition du mouvement */ @keyframes defilement { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }
AFDAS : réforme de la prise en charge