#wpfront-notification-bar, #wpfront-notification-bar-editor            {
            background: #1F4A45;
            background: -moz-linear-gradient(top, #1F4A45 0%, #1F4A45 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1F4A45), color-stop(100%,#1F4A45));
            background: -webkit-linear-gradient(top, #1F4A45 0%,#1F4A45 100%);
            background: -o-linear-gradient(top, #1F4A45 0%,#1F4A45 100%);
            background: -ms-linear-gradient(top, #1F4A45 0%,#1F4A45 100%);
            background: linear-gradient(to bottom, #1F4A45 0%, #1F4A45 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F4A45', endColorstr='#1F4A45',GradientType=0 );
            background-repeat: no-repeat;
                        }
            #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-editor.wpfront-message            {
            color: #F0EBDA;
                        }
            #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: #ffffff;
            }
            #wpfront-notification-bar-open-button            {
            background-color: #00b7ea;
            right: 10px;
                        }
            #wpfront-notification-bar-open-button.top                {
                background-image: url(https://petitsarrangementsentrefleurs.fr/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://petitsarrangementsentrefleurs.fr/wp-content/plugins/wpfront-notification-bar/images/arrow_up.png);
                }
                #wpfront-notification-bar-table, .wpfront-notification-bar tbody, .wpfront-notification-bar tr            {
                        }
            #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; }/* Configuration de la barre : Flexbox pour le centrage vertical */ #wpfront-notification-bar { overflow: hidden !important; white-space: nowrap !important; display: flex !important; align-items: center !important; /* Centre verticalement le contenu */ } /* On applique l'animation au conteneur du texte */ #wpfront-notification-bar .wpfront-message { display: inline-block !important; padding-left: 100%; /* Fait démarrer le texte hors de l'écran à droite */ animation: defilement-droite-gauche 15s linear infinite; /* On réinitialise les marges du texte qui pourraient casser le centrage */ margin-top: 0 !important; margin-bottom: 0 !important; } /* Définition de l'animation de droite à gauche */ @keyframes defilement-droite-gauche { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } .wpfront-notification-bar { font-size: 13px; } /* ===== Réglage vitesse PC ===== */ @media (min-width: 1025px) { #wpfront-notification-bar .wpfront-message { animation-duration: 20s; } } /* ===== Réglage vitesse tablette ===== */ @media (min-width: 768px) and (max-width: 1024px) { #wpfront-notification-bar .wpfront-message { animation-duration: 15s; } } /* ===== Réglage vitesse smartphone ===== */ @media (max-width: 767px) { #wpfront-notification-bar .wpfront-message { animation-duration: 15s; } }