/* le block conteneur */
.marquee-rtl {
  max-width: 30em;                      /* largeur de la fenetre */
  margin: 1em auto 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
  overflow: hidden;                     /* masque tout ce qui depasse */
  box-shadow: 0 .25em .5em #EEE,inset 0 0 1em .25em #FFF;
  font-family: georgia, serif;
  font: normal 14px;
}
/* le bloc defilant */
.marquee-rtl > :first-child {
  display: inline-block;                /* modele de boite en ligne */
  padding-right: 2em;                   /* un peu d'espace pour la transition */
  padding-left: 100%;                   /* placement a droite du conteneur */
  white-space: nowrap;                  /* pas de passage a la ligne */
  animation: defilement-rtl 15s infinite linear;
 	/* animation-name: defilement-rtl;       : reference a la regle @keyframes mise en oeuvre */
  	/* animation-duration: 15s;              : valeur a ajuster suivant la longueur du message */
  	/* animation-iteration-count: infinite;  : boucle continue */
  	/* animation-timing-function: linear;    : pas vraiment utile ici */
}
@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      /* position initiale a droite */
  }
  100% {
    transform: translate3d(-100%,0,0);  /* position finale a gauche */
  }
}