.marquee { width: 100%;                         /* Largeur du conteneur */
    overflow: hidden;                           /* Cache le contenu débordant */ 
    white-space: nowrap;                        /* Empêche la casse de ligne */ 
}

.marquee p { display: inline-block;             /* Affiche le texte en ligne */ 
    padding-left: 100%;                         /* Espace initial pour commencer hors de l'écran */ 
    animation: marquee 25s linear 2;            /* Animation du texte 2 fois*/ 
} 

@keyframes marquee { 
    100% { transform: translateX(100%); }       /* Commence hors de l'écran à droite */ 
    100% { transform: translateX(-100%); }      /* Défile jusqu'à être hors de l'écran à gauche */ 
}