#bandeau-jupons { width: 100%; box-sizing: border-box; background: #e8d5ce; color: #333333; overflow: hidden; padding: 10px 0; position: relative; z-index: 1000; font-size: 14px; text-align: center; } #bandeau-jupons .texte-jupons { display: inline-block; white-space: nowrap; padding-left: 100%; animation: animation-jupons 28s linear infinite; } @keyframes animation-jupons { from { transform: translateX(0); } to { transform: translateX(-100%); } } /* Conserver le bandeau au-dessus du menu */ #main-header { transition: none; } @media (prefers-reduced-motion: reduce) { #bandeau-jupons .texte-jupons { animation: none; padding-left: 0; white-space: normal; } }