/* ============================================================ Habillage V5 du bandeau de consentement TermsFeed (partial _CookieConsent.cshtml). TermsFeed injecte son propre markup (.termsfeed-com---*) + ses styles a l'execution ; on les surcharge ici pour coller au design V5. Theme : SOMBRE par defaut + surcharges .light-theme (comme le reste du site). !important requis : TermsFeed applique ses styles a forte specificite. Positionnement laisse a TermsFeed (on ne retouche que l'apparence). ============================================================ */ /* ---------- Bandeau (notice banner "simple") : SOMBRE ---------- */ .termsfeed-com---nb { background: #181c18 !important; color: #ffffff !important; border: 1px solid rgba(180, 180, 180, 0.22) !important; border-radius: 14px !important; box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45) !important; font-family: "Poppins", "Inter", "IBM Plex Sans", sans-serif !important; } .termsfeed-com---nb .cc-nb-main-container { padding: 22px 24px !important; } .termsfeed-com---nb .cc-nb-title { color: #ffffff !important; font-weight: 600 !important; font-size: 17px !important; margin-bottom: 8px !important; } .termsfeed-com---nb .cc-nb-text { color: #b4b4b4 !important; font-size: 13.5px !important; line-height: 1.55 !important; font-weight: 300 !important; } /* ---------- Boutons ---------- */ .termsfeed-com---nb .cc-nb-buttons-container { margin-top: 16px !important; } .termsfeed-com---nb .cc-nb-buttons-container button { border-radius: 8px !important; font-family: inherit !important; font-weight: 500 !important; font-size: 14px !important; padding: 9px 20px !important; margin: 6px 10px 0 0 !important; border: 1px solid transparent !important; transition: background 0.2s ease, opacity 0.2s ease !important; } /* Accepter = bouton plein bleu V5 */ .termsfeed-com---nb .cc-nb-okagree { background: #267DF1 !important; color: #ffffff !important; } .termsfeed-com---nb .cc-nb-okagree:hover { background: #1e6cd6 !important; } /* Refuser = bouton fantome (bordure) */ .termsfeed-com---nb .cc-nb-reject { background: transparent !important; color: #ffffff !important; border-color: rgba(180, 180, 180, 0.4) !important; } .termsfeed-com---nb .cc-nb-reject:hover { background: rgba(255, 255, 255, 0.08) !important; } /* Preferences = lien discret bleu */ .termsfeed-com---nb .cc-nb-changep { background: transparent !important; color: #267DF1 !important; } .termsfeed-com---nb .cc-nb-changep:hover { background: rgba(38, 125, 241, 0.12) !important; } /* ---------- Centre de preferences (popup) : SOMBRE ---------- */ .termsfeed-com---pc-overlay { background: rgba(0, 0, 0, 0.6) !important; } .termsfeed-com---pc-dialog { background: #181c18 !important; color: #ffffff !important; border-radius: 14px !important; font-family: "Poppins", "Inter", "IBM Plex Sans", sans-serif !important; } .termsfeed-com---pc-dialog .cc-cp-body-title, .termsfeed-com---pc-dialog .cc-cp-body-content-entry-title, .termsfeed-com---pc-dialog .cc-cp-body-tabs-item-link { color: #ffffff !important; } .termsfeed-com---pc-dialog .cc-cp-body-content-entry-text, .termsfeed-com---pc-dialog .cc-cp-body-tabs-item { color: #b4b4b4 !important; } .termsfeed-com---pc-dialog .cc-cp-foot-save { background: #267DF1 !important; color: #ffffff !important; border-radius: 8px !important; } /* ============================================================ Theme CLAIR du site (.light-theme sur ou ) -> bandeau clair ============================================================ */ html.light-theme .termsfeed-com---nb, body.light-theme .termsfeed-com---nb { background: #ffffff !important; color: #181C18 !important; border-color: #E1E7EC !important; box-shadow: 0 12px 36px rgba(0, 0, 0, 0.14) !important; } html.light-theme .termsfeed-com---nb .cc-nb-title, body.light-theme .termsfeed-com---nb .cc-nb-title { color: #181C18 !important; } html.light-theme .termsfeed-com---nb .cc-nb-text, body.light-theme .termsfeed-com---nb .cc-nb-text { color: #5a6b7b !important; } html.light-theme .termsfeed-com---nb .cc-nb-reject, body.light-theme .termsfeed-com---nb .cc-nb-reject { color: #181C18 !important; border-color: #C0C9D0 !important; } html.light-theme .termsfeed-com---nb .cc-nb-reject:hover, body.light-theme .termsfeed-com---nb .cc-nb-reject:hover { background: rgba(0, 0, 0, 0.05) !important; } /* popup preferences en clair */ html.light-theme .termsfeed-com---pc-dialog, body.light-theme .termsfeed-com---pc-dialog { background: #ffffff !important; color: #181C18 !important; } html.light-theme .termsfeed-com---pc-dialog .cc-cp-body-title, body.light-theme .termsfeed-com---pc-dialog .cc-cp-body-title, html.light-theme .termsfeed-com---pc-dialog .cc-cp-body-content-entry-title, body.light-theme .termsfeed-com---pc-dialog .cc-cp-body-content-entry-title { color: #181C18 !important; } html.light-theme .termsfeed-com---pc-dialog .cc-cp-body-content-entry-text, body.light-theme .termsfeed-com---pc-dialog .cc-cp-body-content-entry-text { color: #5a6b7b !important; }