Faire défiler le slogan de l'en-tête en CSS

Pour faire défilant dans l'en-tête le texte du slogan enregistré dans "configuration générale":

dans un module simple, en passant pas le bouton <> de l'éditeur de module, copier le code CSS ci dessous:
Les valeurs 600 et -420 sont à modifier en fonction de la longueur de la page et du texte lui-même.

/*debut defile texte slogan*/

<style><!--
#slogan_header {
-webkit-animation-name: textedefil; -webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 8s; -webkit-animation-timing-function :linear;
-moz-animation-name: textedefil;
-moz-animation-iteration-count: infinite; -moz-animation-duration: 8s;
-moz-animation-timing-function :linear; position : relative; }
@-webkit-keyframes textedefil {
from { left: 600px; } to { left: -420px; } }
@-moz-keyframes textedefil {
from { left: 600px; } to { left: -420px; }}
--></style>

/*fin defile texte slogan*/