/* 
    Created on : 6 oct. 2025, 09:34:20
    Author     : marc
*/

/* le bloc défilant */
.marquee-rtl > :first-child {
  display: inline-block;                /* modèle de boîte en ligne */
  padding-right: 2em;                   /* un peu d'espace pour la transition */
  padding-left: 100%;                   /* placement à droite du conteneur */
  white-space: nowrap;                  /* pas de passage à la ligne */
  animation: defilement-rtl 15s infinite linear;
  color: white;
  font-size: 4em;
  font-family: arial;
}

.marquee-rtl {
    background-color: blue;
    padding: 10px;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
}

@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0);  /* position finale à gauche */
  }
}