/* * OneTrust — Taux.com (dark YMYL) * * Live : /assets/css/onetrust.css (copié depuis ce fichier). OptanonWrapper * le replace en fin de pour passer après le CSS CDN OneTrust. * * Coller AUSSI dans OneTrust Admin → Cookie Consent → Templates * → (bannière + Preference Center) → Custom CSS — évite un flash clair. * * Template UI (si les options existent) : * Bannière : bas, pleine largeur (pas de boîte centrée claire) * Boutons : Accepter tout · Refuser tout · Paramètres des cookies * Thème Dark si proposé, sinon color pickers ci-dessous * * Color pickers : * Fond bannière / PC #161616 * Texte #a1a1a6 * Titres #f5f5f7 * Bordures #2a2a2a * Accepter (fond/texte) #f5f5f7 / #0a0a0a * Refuser / Préférences fond transparent, bord #2a2a2a, texte #f5f5f7 * Liens #d1d1d6 * Focus #f5f5f7 (pas #2a2a2a : WCAG ; pas #c9a227) * Interrupteur ON #f5f5f7 * Police : Taux Sans, ui-sans-serif, system-ui, sans-serif * Pas d’or, pas de teal, pas de « Powered by » mis en avant. */ #onetrust-banner-sdk, #onetrust-pc-sdk, #ot-sdk-cookie-policy, .ot-sdk-cookie-policy, #onetrust-consent-sdk { font-family: "Taux Sans", ui-sans-serif, system-ui, sans-serif !important; color-scheme: dark !important; } /* ——— Bannière ——— */ #onetrust-banner-sdk { background-color: #161616 !important; background-image: none !important; border: 0 !important; border-top: 1px solid #2a2a2a !important; box-shadow: none !important; outline: none !important; height: auto !important; max-height: none !important; overflow: visible !important; } #onetrust-banner-sdk .ot-sdk-container, #onetrust-banner-sdk #onetrust-group-container, #onetrust-banner-sdk .ot-sdk-row, #onetrust-banner-sdk #onetrust-policy, #onetrust-banner-sdk #onetrust-button-group-parent { background: transparent !important; background-color: transparent !important; } /* Reset grille OT (float / absolute) : le texte et les boutons ne doivent plus se superposer. Toujours texte puis boutons. */ #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container, #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group, #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-columns, #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-eight, #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-seven, #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-six, #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-four, #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-three { position: static !important; float: none !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } #onetrust-banner-sdk .ot-sdk-container { width: 100% !important; max-width: 80rem !important; margin-left: auto !important; margin-right: auto !important; padding: 1rem 1.5rem 1.25rem !important; } #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 1rem !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text { order: 1 !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; flex: none !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group { order: 2 !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 0.5rem !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; flex: none !important; } @media (min-width: 56.25rem) { #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 1.25rem 1.5rem !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; } #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group { flex: 0 0 auto !important; justify-content: flex-end !important; margin-left: auto !important; width: auto !important; max-width: none !important; } } #onetrust-banner-sdk #onetrust-policy, #onetrust-banner-sdk #onetrust-policy-text, #onetrust-banner-sdk .ot-dpd-desc, #onetrust-banner-sdk .ot-b-addl-desc { color: #a1a1a6 !important; font-size: 0.875rem !important; line-height: 1.5 !important; font-weight: 400 !important; } #onetrust-banner-sdk #onetrust-policy-title, #onetrust-banner-sdk .ot-dpd-title { color: #f5f5f7 !important; font-size: 0.9375rem !important; font-weight: 600 !important; line-height: 1.3 !important; } #onetrust-banner-sdk #onetrust-policy-text a, #onetrust-banner-sdk .ot-dpd-desc a, #onetrust-banner-sdk .ot-b-addl-desc a, #onetrust-banner-sdk .ot-gv-list-handler, #onetrust-banner-sdk .onetrust-vendors-list-handler { color: #d1d1d6 !important; text-decoration: underline !important; text-underline-offset: 0.15em !important; text-decoration-color: rgba(245, 245, 247, 0.38) !important; } #onetrust-banner-sdk #onetrust-policy-text a:hover, #onetrust-banner-sdk #onetrust-policy-text a:focus-visible, #onetrust-banner-sdk .ot-dpd-desc a:hover, #onetrust-banner-sdk .ot-b-addl-desc a:hover, #onetrust-banner-sdk .ot-gv-list-handler:hover, #onetrust-banner-sdk .onetrust-vendors-list-handler:hover { color: #f5f5f7 !important; text-decoration-color: rgba(245, 245, 247, 0.7) !important; opacity: 1 !important; } #onetrust-banner-sdk #onetrust-button-group, #onetrust-banner-sdk .banner-actions-container, #onetrust-banner-sdk .ot-btn-container { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 0.5rem !important; } #onetrust-banner-sdk #onetrust-button-group button, #onetrust-banner-sdk .ot-btn-container button { border-radius: 0.375rem !important; min-height: 2.5rem !important; padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0.01em !important; box-shadow: none !important; outline-offset: 2px !important; margin: 0 !important; width: auto !important; } @media (max-width: 56.24rem) { #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent, #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group, #onetrust-banner-sdk .banner-actions-container, #onetrust-banner-sdk .ot-btn-container { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0.375rem !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; } #onetrust-banner-sdk #onetrust-button-group button, #onetrust-banner-sdk .ot-btn-container button { margin: 0 !important; width: 100% !important; max-width: 100% !important; padding: 0.5rem 0.75rem !important; text-align: center !important; justify-content: center !important; } } #onetrust-banner-sdk button#onetrust-accept-btn-handler, #onetrust-banner-sdk button#onetrust-accept-btn-handler:hover, #onetrust-banner-sdk button#onetrust-accept-btn-handler:focus, #onetrust-banner-sdk button#onetrust-accept-btn-handler:focus-visible { background-color: #f5f5f7 !important; background-image: none !important; border: 1px solid #f5f5f7 !important; color: #0a0a0a !important; opacity: 1 !important; } #onetrust-banner-sdk button#onetrust-reject-all-handler, #onetrust-banner-sdk button#onetrust-pc-btn-handler, #onetrust-banner-sdk button.ot-link-btn, #onetrust-banner-sdk button#onetrust-reject-all-handler:hover, #onetrust-banner-sdk button#onetrust-pc-btn-handler:hover, #onetrust-banner-sdk button.ot-link-btn:hover, #onetrust-banner-sdk button#onetrust-reject-all-handler:focus, #onetrust-banner-sdk button#onetrust-pc-btn-handler:focus { background-color: transparent !important; background-image: none !important; border: 1px solid #2a2a2a !important; color: #f5f5f7 !important; opacity: 1 !important; } #onetrust-banner-sdk *:focus, #onetrust-pc-sdk *:focus { outline: none !important; box-shadow: none !important; } #onetrust-banner-sdk *:focus-visible, #onetrust-pc-sdk *:focus-visible { outline: 2px solid #f5f5f7 !important; outline-offset: 2px !important; box-shadow: none !important; } /* Croix header : sprite OT (ne pas reset background-image). Noir → visible sur fond sombre. */ #onetrust-consent-sdk #onetrust-pc-sdk #close-pc-btn-handler, #onetrust-consent-sdk #onetrust-pc-sdk .ot-close-icon, #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-hide { display: block !important; visibility: visible !important; opacity: 0.75 !important; background-color: transparent !important; color: #a1a1a6 !important; filter: invert(1) !important; } /* Bannière : pas de croix — Tout accepter / Tout refuser / Préférences suffisent. Fermer le bandeau n’est pas un choix CNIL explicite. */ #onetrust-banner-sdk #onetrust-close-btn-container, #onetrust-banner-sdk .onetrust-close-btn-handler, #onetrust-banner-sdk button.onetrust-close-btn-handler { display: none !important; } /* ——— Centre de préférences ——— */ #onetrust-pc-sdk { background-color: #161616 !important; color: #a1a1a6 !important; border: 1px solid #2a2a2a !important; border-radius: 0.75rem !important; box-shadow: none !important; } #onetrust-pc-sdk .ot-pc-header, #onetrust-pc-sdk .ot-pc-footer, #onetrust-pc-sdk .ot-sdk-row, #onetrust-pc-sdk .ot-acc-hdr, #onetrust-pc-sdk .ot-accordion-layout, #onetrust-pc-sdk #ot-pc-content, #onetrust-pc-sdk .ot-pc-scrollbar, #onetrust-pc-sdk .ot-cat-grp, #onetrust-pc-sdk .ot-cat-item, #onetrust-pc-sdk .ot-accordion-header, #onetrust-pc-sdk .ot-acc-grpcntr, #onetrust-pc-sdk .ot-acc-grpdesc, #onetrust-pc-sdk .ot-acc-txt, #onetrust-pc-sdk .ot-grp-desc, #onetrust-pc-sdk .ot-desc-org, #onetrust-pc-sdk .ot-vl-box, #onetrust-pc-sdk .ot-vnd-item, #onetrust-pc-sdk .ot-host-item, #onetrust-pc-sdk #ot-pc-lst-cntr, #onetrust-pc-sdk table, #onetrust-pc-sdk th, #onetrust-pc-sdk td { background-color: #161616 !important; background-image: none !important; border-color: #2a2a2a !important; color: #a1a1a6 !important; } /* Pas de wordmark dans le CMP : le lockup taux●com est déjà dans la nav. */ #onetrust-pc-sdk .ot-pc-logo, #onetrust-pc-sdk .ot-pc-logo img { display: none !important; } #onetrust-pc-sdk .ot-pc-header { display: flex !important; align-items: center !important; justify-content: flex-end !important; min-height: 3.25rem !important; padding: 0.75rem 1rem !important; } #onetrust-pc-sdk #ot-pc-title, #onetrust-pc-sdk .ot-cat-header, #onetrust-pc-sdk .ot-always-active { color: #f5f5f7 !important; font-weight: 600 !important; } #onetrust-pc-sdk #ot-pc-desc, #onetrust-pc-sdk .ot-acc-grpdesc, #onetrust-pc-sdk .ot-acc-grpcntr, #onetrust-pc-sdk .ot-acc-grpcntr p, #onetrust-pc-sdk .ot-acc-grpcntr span, #onetrust-pc-sdk .ot-acc-grpcntr li, #onetrust-pc-sdk .ot-acc-txt, #onetrust-pc-sdk .ot-grp-desc, #onetrust-pc-sdk .ot-desc-org, #onetrust-pc-sdk legend { color: #a1a1a6 !important; background-color: transparent !important; } #onetrust-pc-sdk a, #onetrust-pc-sdk a:visited, #onetrust-pc-sdk .privacy-notice-link, #onetrust-pc-sdk .privacy-notice-link:visited { color: #d1d1d6 !important; text-decoration: underline !important; text-underline-offset: 0.15em !important; } #onetrust-pc-sdk a:hover, #onetrust-pc-sdk a:focus-visible, #onetrust-pc-sdk .privacy-notice-link:hover { color: #f5f5f7 !important; opacity: 1 !important; } #onetrust-pc-sdk button.ot-link-btn, #onetrust-pc-sdk button.category-vendors-list-handler, #onetrust-pc-sdk button.category-host-list-handler, #onetrust-pc-sdk .ot-gv-list-handler, #onetrust-pc-sdk .onetrust-vendors-list-handler, #onetrust-pc-sdk .ot-host-expand, #onetrust-pc-sdk .ot-vendor-expand { background: transparent !important; border: none !important; box-shadow: none !important; color: #d1d1d6 !important; font-weight: 400 !important; min-height: auto !important; padding: 0 !important; text-decoration: underline !important; text-underline-offset: 0.15em !important; } #onetrust-pc-sdk button:not(.ot-link-btn):not(.ot-close-icon):not(#close-pc-btn-handler):not(.category-vendors-list-handler):not(.category-host-list-handler):not(.ot-tab-item):not(.ot-active-menu), #onetrust-pc-sdk .ot-btn-container button { border-radius: 0.375rem !important; min-height: 2.5rem !important; font-weight: 600 !important; opacity: 1 !important; box-shadow: none !important; } #onetrust-pc-sdk button.save-preference-btn-handler, #onetrust-pc-sdk button#accept-recommended-btn-handler, #onetrust-pc-sdk button.save-preference-btn-handler:hover, #onetrust-pc-sdk button#accept-recommended-btn-handler:hover { background-color: #f5f5f7 !important; border: 1px solid #f5f5f7 !important; color: #0a0a0a !important; } #onetrust-pc-sdk button.ot-pc-refuse-all-handler, #onetrust-pc-sdk button.ot-pc-refuse-all-handler:hover, #onetrust-pc-sdk button.ot-pc-refuse-all-handler:focus { background: transparent !important; border: 1px solid #2a2a2a !important; color: #f5f5f7 !important; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr.selected, #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr:hover, #onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-item.ot-selected, #onetrust-consent-sdk #onetrust-pc-sdk .ot-plus-minus { background-color: #161616 !important; background-image: none !important; } /* Onglets PC : jamais de pastille blanche (OT réutilise la couleur Accept). */ #onetrust-consent-sdk #onetrust-pc-sdk .ot-tab-item, #onetrust-consent-sdk #onetrust-pc-sdk .ot-tab-item *, #onetrust-consent-sdk #onetrust-pc-sdk .ot-nav-tab, #onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu, #onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu *, #onetrust-consent-sdk #onetrust-pc-sdk [class*="ot-tab"], #onetrust-consent-sdk #onetrust-pc-sdk [class*="active-tab"], #onetrust-consent-sdk #onetrust-pc-sdk [class*="active-menu"], #onetrust-consent-sdk #onetrust-pc-sdk button[aria-selected], #onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-item, #onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-item > button, #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr, #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr.selected, #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr.selected *, #onetrust-consent-sdk #onetrust-pc-sdk li.ot-active, #onetrust-consent-sdk #onetrust-pc-sdk .ot-cats-on { background: transparent none !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-tab-item, #onetrust-consent-sdk #onetrust-pc-sdk .ot-nav-tab, #onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu, #onetrust-consent-sdk #onetrust-pc-sdk button[aria-selected="false"], #onetrust-consent-sdk #onetrust-pc-sdk [class*="ot-tab"] { color: #a1a1a6 !important; border: 0 !important; border-radius: 0 !important; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-tab-item.ot-active-tab, #onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu, #onetrust-consent-sdk #onetrust-pc-sdk button[aria-selected="true"], #onetrust-consent-sdk #onetrust-pc-sdk [class*="active-tab"], #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr.selected { color: #f5f5f7 !important; border-radius: 0 !important; border: 0 !important; border-bottom: 1px solid #f5f5f7 !important; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-tab-item.ot-active-tab *, #onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu *, #onetrust-consent-sdk #onetrust-pc-sdk button[aria-selected="true"] *, #onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-hdr.selected .ot-cat-header { background: transparent none !important; color: #f5f5f7 !important; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input[type="checkbox"] { opacity: 0 !important; appearance: none !important; position: absolute !important; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl, #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl label.ot-switch, #onetrust-consent-sdk #onetrust-pc-sdk label.ot-switch, #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch, #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked + .ot-switch, #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked + label { background-color: #1a1a1a !important; background-image: none !important; border: 1px solid #3a3a3a !important; box-shadow: none !important; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob, #onetrust-consent-sdk #onetrust-pc-sdk .ot-switch .ot-switch-nob { background-color: #a1a1a6 !important; background-image: none !important; box-shadow: none !important; border: 0 !important; } #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob, #onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked + label .ot-switch-nob { background-color: #f5f5f7 !important; } #onetrust-pc-sdk .ot-plus-minus span { background-color: #a1a1a6 !important; } #onetrust-pc-sdk .ot-pc-footer, #onetrust-pc-sdk .ot-pc-footer .ot-btn-container, #onetrust-pc-sdk .ot-pc-footer-logo, #onetrust-pc-sdk .ot-pc-footer-logo a, #onetrust-pc-sdk .ot-pc-footer-logo span { background-color: #161616 !important; background-image: none !important; border-color: #2a2a2a !important; filter: none !important; } #onetrust-pc-sdk .ot-pc-footer-logo img { opacity: 0.5 !important; filter: brightness(0) invert(1) !important; background: transparent !important; } #onetrust-pc-sdk .ot-pc-footer-logo a, #onetrust-banner-sdk .ot-b-logo a { pointer-events: none !important; cursor: default !important; } #onetrust-consent-sdk ~ .onetrust-pc-dark-filter, .onetrust-pc-dark-filter { background: rgba(0, 0, 0, 0.62) !important; } #ot-sdk-cookie-policy-v2, #ot-sdk-cookie-policy, .ot-sdk-cookie-policy { color: #a1a1a6 !important; background: transparent !important; } #ot-sdk-cookie-policy-v2 a, #ot-sdk-cookie-policy a, .ot-sdk-cookie-policy a { color: #d1d1d6 !important; }