#wpfront-notification-bar, #wpfront-notification-bar-editor            {
            background: #344152;
            background: -moz-linear-gradient(top, #344152 0%, #344152 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#344152), color-stop(100%,#344152));
            background: -webkit-linear-gradient(top, #344152 0%,#344152 100%);
            background: -o-linear-gradient(top, #344152 0%,#344152 100%);
            background: -ms-linear-gradient(top, #344152 0%,#344152 100%);
            background: linear-gradient(to bottom, #344152 0%, #344152 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#344152', endColorstr='#344152',GradientType=0 );
            background-repeat: no-repeat;
                        }
            #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-editor.wpfront-message            {
            color: #ffffff;
                        }
            #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://tucskisnow.fr/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://tucskisnow.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 #aaaaaa;
            background-color: #aaaaaa;
            color: #aaaaaa;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #aaaaaa;
            background-color: #aaaaaa;
            }
             #wpfront-notification-bar-spacer { display:block; }/* Suppression des fonds hérités indésirables */ div[class*="notification"], div[class*="banner"] { background-color: #344152 !important; } /* Style général de la barre avec le gris-bleuté exact */ .snow-notification-bar { position: relative !important; background-color: #344152 !important; background: #344152 !important; color: #fff !important; padding: 15px 20px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; overflow: hidden !important; font-family: sans-serif !important; } /* Gestion du contenu textuel */ .notification-content { margin-bottom: 12px; z-index: 3; } .notification-line-1 { font-size: 16px; font-weight: bold; margin: 0 0 6px 0; } /* Ligne 2 mise en grand (16px) et espacée */ .notification-line-2 { font-size: 16px; font-weight: normal; margin: 0 0 6px 0; } /* Ligne 3 également mise en grand (16px) */ .notification-line-3 { font-size: 16px; font-weight: normal; margin: 0; } /* Alignement des deux boutons */ .notification-buttons { display: flex; gap: 10px; z-index: 3; } .btn { padding: 8px 16px; border-radius: 4px; font-size: 14px; font-weight: bold; text-decoration: none; transition: background 0.2s; } /* Bouton principal aux couleurs du logo */ .btn-primary { background-color: #1c65b9 !important; color: #fff !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .btn-primary:hover { background-color: #154e90 !important; } /* Second bouton aux couleurs du logo */ .btn-secondary { background-color: #1c65b9 !important; color: #fff !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .btn-secondary:hover { background-color: #154e90 !important; } /* Animation des flocons de neige (optimisée) */ .snow-container { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; pointer-events: none !important; z-index: 1 !important; } .snowflake { position: absolute !important; top: -10px !important; background: #ffffff !important; border-radius: 50% !important; opacity: 0.9 !important; box-shadow: 0 0 5px rgba(255, 255, 255, 0.8) !important; animation: fall linear infinite !important; } @keyframes fall { 0% { transform: translateY(0px) translateX(0px); opacity: 0; } 20% { opacity: 0.9; } 100% { transform: translateY(120px) translateX(15px); opacity: 0.2; } }