/* le block conteneur */
.marquee-rtl {
    max-width: 30em;
    margin: 1em auto 2em;
    border: 0px solid #F0F0FF;
    overflow: hidden;
    box-shadow: 0 .25em .5em #CCC,inset 0 0 1em .25em #CCC;
}

    .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 à doite du conteneur */
        white-space: nowrap; /* pas de passage à la ligne */
        animation: defilement-rtl 15s infinite linear;
        will-change: transform; /* optimise l'animation */
        cursor: pointer;
    }

    .marquee-rtl:hover :first-child {
        animation-play-state: paused;
    }

.msg {
    font-size: 1.5em;
    line-height: 2em;
}

    .msg:first-letter {
        font-weight: 700;
        color: #F00;
    }

@keyframes defilement-rtl {
    0% {
        transform: translate3d(0,0,0);
    }

    100% {
        transform: translate3d(-100%,0,0);
    }
}