<style>
        {
            
            line-height: 1.5;
            background-color: darkred;
            font-size: 16px;
        }

        .marquee {
            box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
            border: 1px solid rgba(0, 0, 0, .15);
            background-color: darkred;
            overflow: hidden;
            position: relative;
            height: 50px;
            width: 100%;
            /* Full width of its parent */
            white-space: nowrap;
        }

        .marquee p {
            position: relative;
            width: auto;
            height: 100%;
            margin: 0;
            line-height: 15px;
            text-align: right;
            /* Start off the right edge */
            transform: translateX(100%);
            /* Animate to the left */
            animation: scroll-left 10s linear infinite;
            font-family: Times, sans-serif;


        }

        .marquee p a {

            border: none;
            color:orange;
            
        }

        .marquee p a:visited {
            color: orange; /* Couleur après clic */
    }

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

            100% {
                transform: translateX(-100%);
            }
        }
    </style>
