#wpfront-notification-bar, #wpfront-notification-bar-editor            {
            background: #000000;
            background: -moz-linear-gradient(top, #000000 0%, #2C2C6D 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#2C2C6D));
            background: -webkit-linear-gradient(top, #000000 0%,#2C2C6D 100%);
            background: -o-linear-gradient(top, #000000 0%,#2C2C6D 100%);
            background: -ms-linear-gradient(top, #000000 0%,#2C2C6D 100%);
            background: linear-gradient(to bottom, #000000 0%, #2C2C6D 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2C2C6D',GradientType=0 );
            background-repeat: no-repeat;
                            flex-direction: column;
                            }
            #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-editor.wpfront-message            {
            color: #FFFFFF;
                            width: 100%
                            }
            #wpfront-notification-bar a.wpfront-button, #wpfront-notification-bar-editor a.wpfront-button            {
            background: #00b7ea;
            background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
            background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
            background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
            background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
            background: linear-gradient(to bottom, #00b7ea 0%, #009ec3 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );

            background-repeat: no-repeat;
            color: #3838B6;
            }
            #wpfront-notification-bar-open-button            {
            background-color: #00b7ea;
            right: 10px;
                        }
            #wpfront-notification-bar-open-button.top                {
                background-image: url(https://easyglobalconsulting.com/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://easyglobalconsulting.com/wp-content/plugins/wpfront-notification-bar/images/arrow_up.png);
                }
                #wpfront-notification-bar-table, .wpfront-notification-bar tbody, .wpfront-notification-bar tr            {
                            width: 100%
                            }
            #wpfront-notification-bar div.wpfront-close            {
            border: 1px solid #555555;
            background-color: #555555;
            color: #000000;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #aaaaaa;
            background-color: #aaaaaa;
            }
             #wpfront-notification-bar-spacer { display:block; }/* -------------------- Stylisation du conteneur parent (facultatif) -------------------- */ selector { /* Cache ce qui dépasse du conteneur (essentiel pour l'effet) */ overflow: hidden; /* Met une couleur de fond pour le bandeau */ /* Ajoute un peu de hauteur */ padding: 15px 0; /* Assure que le conteneur couvre toute la largeur de l'écran */ width: 100vw; /* Place le conteneur en bas de la page */ position: fixed; bottom: 0; left: 0; z-index: 9999; /* Assure qu'il est au-dessus du reste du contenu */ } /* -------------------- Stylisation de la bande de texte -------------------- */ .bandeau-defilant { /* Le texte doit être sur une seule ligne */ white-space: nowrap; /* Augmente la taille et la couleur du texte */ font-size: 1.2em; color: #FFFFFF; /* Applique l'animation CSS pour le défilement */ animation: defilement 25s linear infinite; /* Assure que la bande s'étire au-delà du conteneur */ display: inline-block; } /* -------------------- Définition de l'animation de défilement -------------------- */ @keyframes defilement { /* L'animation commence à l'emplacement normal */ 0% { transform: translateX(100%); } /* L'animation se termine hors de l'écran à gauche */ 100% { transform: translateX(-100%); } }