/* ========================================================================== [VME-COOKIES 14/10/2026] Banniere de cookies (Complianz 7.5.6) dans la charte de l'accueil : carte blanche, pilules, bleu roi #1F4DBF, Inter. Reference visuelle : la maquette vue par Charles le 14/10/2026 (cookies/maquette/cap/final/maquette-1440-banniere.png, -375-banniere.png). Chargee par inc/ui/cookies.php APRES la feuille que Complianz genere (uploads/complianz/css/banner-1-optin.css, poignee « cmplz-banner-1-optin », mise en file a PHP_INT_MAX - 50), et SEULEMENT quand la banniere est en service. Aucune CSS n'est stockee dans Complianz (use_custom_cookie_css = 0) : orga/ reste la seule reference du code. Decisions de Charles (14/10/2026) : - ordinateur : carte discrete en bas a gauche, qui ne cache pas la page ; - telephone (< 768 px) : pleine largeur en bas ; - « Tout accepter » pilule bleu roi, « Tout refuser » pilule a contour, MEME taille et meme poids, cote a cote ; - « Personnaliser » et « Politique de cookies » en liens discrets ; - « Gerer mes cookies » dans le pied de page, pas d'onglet flottant. Portee : tout passe par #cmplz-cookiebanner-container, l'id que Complianz pose autour de la banniere. Un id l'emporte sur toutes ses regles, faites de classes : AUCUN !important, sauf dans le bloc « ecran tres bas » ou sa feuille impose les siens (cookiebanner.css, @media (max-height: 400px)). Ce qu'il ne faut PAS faire ici (lu dans complianz.js) : - poser un « display » sur .cmplz-cookiebanner hors :not(.cmplz-dismissed) ; - poser un « display » sur .cmplz-view-preferences, .cmplz-save-preferences ou .cmplz-categories : le script les montre et les cache lui-meme ; - poser un « display » sur .cmplz-description (attribut hidden) ; - viser .cmplz-btn en general : le lien TCF doit rester masque. ========================================================================== */ /* --- Jetons (repris de style.css et fiche-annonce.css du theme enfant) ---- */ #cmplz-cookiebanner-container, #cmplz-manage-consent { --ck-bleu: #1F4DBF; --ck-bleu-fonce: #163A8F; --ck-bleu-clair: #EEF3FD; --ck-encre: #16233F; --ck-texte: #3A4150; --ck-aide: #5B6472; --ck-bord: #E4E8EF; --ck-bord-pilule: #C9D5EB; --ck-fond-doux: #F5F7FA; --ck-vert: #136B45; /* vert du site assombri : 5,7:1 sur son fond (le #1B8A5A ne fait que 3,8:1) */ --ck-vert-fond: #E6F4EC; --ck-piste: #7D8798; /* interrupteur eteint : contraste 3:1 sur le fond doux */ --ck-police: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --ck-anneau: 0 0 0 2px #FFFFFF, 0 0 0 4px #1F4DBF; --ck-marge: 24px; /* ecart de la carte au bord de l'ecran (ordinateur) */ --ck-barre: 0px; /* hauteur d'une barre fixe a enjamber (fiche) */ --ck-securite: env(safe-area-inset-bottom, 0px); } /* Fiche d'annonce : sous 1000 px, la barre fixe « prix + Contacter » (.vme-fa-barre, 69 px mesures de 320 a 999 px, plus la zone de securite de l'iPhone) reste visible : la banniere se pose AU-DESSUS. */ @media (max-width: 999px) { body.vme-fa-page #cmplz-cookiebanner-container { --ck-barre: calc(69px + env(safe-area-inset-bottom, 0px)); --ck-securite: 0px; } } /* --- La carte -------------------------------------------------------------- */ #cmplz-cookiebanner-container .cmplz-cookiebanner { box-sizing: border-box; top: auto; right: auto; bottom: calc(var(--ck-marge) + var(--ck-barre)); left: var(--ck-marge); transform: none; width: 400px; min-width: 0; max-width: calc(100vw - 2 * var(--ck-marge)); /* jamais sous l'en-tete fixe du site (60 a 121 px) */ max-height: calc(100vh - var(--ck-marge) - var(--ck-barre) - 76px); max-height: calc(100dvh - var(--ck-marge) - var(--ck-barre) - 76px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; margin: 0; padding: 20px 22px 16px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: none; grid-auto-rows: auto; gap: 0 10px; /* [VME-SANS-CONTOUR 19/10/2026] a l'ordinateur, l'ombre seule detache la carte (largeur 0) ; au telephone, border-width remet le trait du haut (plus bas). */ border: 0 solid var(--ck-bord); border-radius: 16px; background: #FFFFFF; box-shadow: 0 12px 32px rgba(10, 27, 62, .14), 0 2px 6px rgba(10, 27, 62, .06); color: var(--ck-texte); font-family: var(--ck-police); font-size: 14px; line-height: 1.55; text-align: left; -webkit-font-smoothing: antialiased; } #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show { animation: vme-ck-entree .28s ease-out both; } @keyframes vme-ck-entree { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } /* Chaque bloc occupe toute la largeur de la grille ; seuls les boutons (rendus enfants directs de la grille, voir .cmplz-buttons) se partagent les deux colonnes. */ #cmplz-cookiebanner-container .cmplz-cookiebanner > * { grid-column: 1 / -1; min-width: 0; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider { display: none; } /* --- Titre ----------------------------------------------------------------- */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header { display: block; margin: 0 0 6px; padding: 0; } /* Complianz masque le titre sous 426 px : la decision de Charles le garde. */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { display: block; justify-self: stretch; /* Complianz : center, que Chrome applique aussi en bloc */ grid-column: auto; margin: 0; padding: 0; color: var(--ck-encre); font-family: var(--ck-police); font-size: 17px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; text-align: left; } /* Bouton fermer : recommande decoche dans Complianz (« Tout refuser » suffit). S'il est garde, il devient une pastille ronde discrete en haut a droite. PAS de « display » ici : decoche, il n'est masque que par le display:none de Complianz (settings/hide-close.css). */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close { position: absolute; top: 12px; right: 12px; box-sizing: border-box; width: 32px; height: 32px; padding: 9px; border-radius: 999px; color: var(--ck-aide); line-height: 1; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close svg { display: block; width: 14px; height: 14px; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:hover { background: var(--ck-bleu-clair); color: var(--ck-bleu); font-size: inherit; line-height: 1; } /* --- Message --------------------------------------------------------------- */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body { width: auto; min-width: 0; max-height: none; overflow: visible; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message { width: auto; margin: 0; color: var(--ck-texte); font-family: var(--ck-police); font-size: 14px; line-height: 1.55; text-wrap: pretty; /* pas de mot seul sur la derniere ligne */ } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p { margin: 0; font: inherit; color: inherit; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message a { color: var(--ck-bleu); font-weight: 600; } /* --- Les deux pilules ------------------------------------------------------ */ /* Les boutons deviennent des enfants directs de la grille de la carte : « Tout accepter » | « Tout refuser » sur une rangee, « Personnaliser » | « Politique de cookies » sur la suivante. L'ordre du document (donc l'ordre du clavier) ne change pas. */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons { display: contents; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences { box-sizing: border-box; width: 100%; min-width: 0; height: auto; min-height: 46px; margin: 16px 0 0; padding: 11px 14px; border: 2px solid var(--ck-bleu); border-radius: 999px; box-shadow: none; font-family: var(--ck-police); font-size: 14.5px; font-weight: 700; line-height: 20px; letter-spacing: 0; text-align: center; text-transform: none; text-decoration: none; text-shadow: none; white-space: normal; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, color .15s ease; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept { grid-column: 1; background: var(--ck-bleu); color: #FFFFFF; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept:hover { border-color: var(--ck-bleu-fonce); background: var(--ck-bleu-fonce); color: #FFFFFF; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny { grid-column: 2; background: #FFFFFF; color: var(--ck-bleu); } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny:hover { border-color: var(--ck-bleu-fonce); background: var(--ck-bleu-clair); color: var(--ck-bleu-fonce); } /* Panneau ouvert : « Enregistrer mes choix » sur toute la largeur, sous les deux pilules, en bleu clair (le choix fin, sans prendre le pas sur « Tout accepter » ni sur « Tout refuser »). */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences { grid-column: 1 / -1; margin-top: 10px; border-color: var(--ck-bleu-clair); background: var(--ck-bleu-clair); color: var(--ck-bleu); } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences:hover { border-color: #DCE5F8; background: #DCE5F8; color: var(--ck-bleu-fonce); } /* --- Les deux liens discrets ----------------------------------------------- */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents .cmplz-link { box-sizing: border-box; width: auto; min-width: 0; height: auto; min-height: 0; margin: 0; padding: 4px 2px; border: 0; border-radius: 4px; background: none; box-shadow: none; color: var(--ck-bleu); font-family: var(--ck-police); font-size: 13.5px; font-weight: 600; line-height: 20px; letter-spacing: 0; text-align: left; text-transform: none; text-decoration: underline; text-decoration-color: rgba(31, 77, 191, .35); text-decoration-thickness: 1px; text-underline-offset: 3px; white-space: nowrap; cursor: pointer; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences:hover, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents .cmplz-link:hover { background: none; color: var(--ck-bleu-fonce); text-decoration-color: currentColor; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences { grid-column: 1; justify-self: start; align-self: center; margin: 12px 0 0 -2px; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents { grid-column: 2; justify-self: end; align-self: center; display: flex; gap: 0; margin: 12px -2px 0 0; } /* Panneau ouvert : « Personnaliser » disparait (le script le masque), le lien de la politique se range seul sur sa ligne, a gauche. */ #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-documents { grid-column: 1 / -1; justify-self: start; margin: 12px 0 0 -2px; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents ul { display: flex; flex-wrap: wrap; gap: 4px 16px; justify-content: flex-end; margin: 0; padding: 0; list-style: none; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents li { margin: 0; padding: 0; list-style: none; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents li::before, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents li::marker { content: none; } /* Seule « Politique de cookies » est voulue dans la banniere : les liens que le script laisse masques (confidentialite, mentions) ne gardent pas de place vide. */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents li:has(> .cmplz-hidden), #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents li:has(> .privacy-statement), #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents li:has(> .impressum) { display: none; } /* --- Focus clavier : anneau bleu bien visible ------------------------------ */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept:focus, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny:focus, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences:focus, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences:focus, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents .cmplz-link:focus, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-toggle:focus, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:focus { outline: none; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept:focus-visible, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny:focus-visible, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences:focus-visible, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-toggle:focus-visible, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close:focus-visible { outline: none; box-shadow: var(--ck-anneau); } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences:focus-visible, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents .cmplz-link:focus-visible { outline: 2px solid var(--ck-bleu); outline-offset: 2px; text-decoration-color: currentColor; } /* --- Panneau « Personnaliser » --------------------------------------------- */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories { width: auto; margin: 14px 0 0; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { display: flex; flex-direction: column; gap: 8px; animation-duration: .25s; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category { margin: 0; border: 0; /* [VME-SANS-CONTOUR 19/10/2026] le fond doux distingue chaque rangee */ border-radius: 12px; background: var(--ck-fond-doux); } /* Une rangee souple a la place de la grille de Complianz (dont la colonne unique imposee sous 426 px, en !important, ne s'applique plus). */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: flex; align-items: center; gap: 10px; padding: 9px 8px 9px 14px; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { flex: 1 1 auto; min-width: 0; margin: 0; color: var(--ck-encre); font-family: var(--ck-police); font-size: 14px; font-weight: 600; line-height: 1.35; } /* « Toujours activé » (texte fixe de Complianz) : une pastille verte. */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { flex: none; display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; background: var(--ck-vert-fond); color: var(--ck-vert); font-family: var(--ck-police); font-size: 12px; font-weight: 600; line-height: 18px; white-space: nowrap; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-always-active .cmplz-banner-checkbox { display: none; } /* Interrupteur : piste 44 x 26, pastille blanche, bleu roi quand il est mis. */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header > .cmplz-banner-checkbox { flex: none; position: relative; display: block; width: 44px; height: 26px; margin: 0; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header > .cmplz-banner-checkbox input.cmplz-consent-checkbox { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header > .cmplz-banner-checkbox .cmplz-label { position: relative; display: block; width: 44px; height: 26px; margin: 0; padding: 0; font-size: 0; line-height: 0; cursor: pointer; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header > .cmplz-banner-checkbox .cmplz-label::before { content: ""; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 44px; height: 26px; padding: 0; border-radius: 999px; background: var(--ck-piste); font-size: 0; line-height: 0; transition: background-color .2s ease; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header > .cmplz-banner-checkbox .cmplz-label::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(10, 27, 62, .3); letter-spacing: 0; transition: left .2s ease; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header > .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { padding: 0; background: var(--ck-bleu); } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header > .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::after { left: 21px; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header > .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label::before { box-shadow: none; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header > .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus-visible + .cmplz-label::before { box-shadow: var(--ck-anneau); } /* Texte reserve aux lecteurs d'ecran, au cas ou la feuille du site ne le definirait pas sur cette page. */ #cmplz-cookiebanner-container .cmplz-cookiebanner .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } /* Chevron qui deplie la description de la categorie. */ #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { flex: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 999px; background: transparent; color: var(--ck-aide); cursor: pointer; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle:hover { background: var(--ck-bleu-clair); color: var(--ck-bleu); } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { display: flex; width: 14px; height: 14px; transition: transform .2s ease; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-icon svg { width: 14px; height: 14px; fill: currentColor; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { max-width: none; margin: 0; padding: 0 14px 12px; color: var(--ck-texte); font-family: var(--ck-police); font-size: 13px; line-height: 1.5; } /* --- Telephone : pleine largeur en bas ------------------------------------- */ @media (max-width: 767px) { #cmplz-cookiebanner-container .cmplz-cookiebanner { right: 0; bottom: var(--ck-barre); left: 0; width: 100%; max-width: none; max-height: calc(100vh - var(--ck-barre) - 72px); max-height: calc(100dvh - var(--ck-barre) - 72px); padding: 16px 16px calc(14px + var(--ck-securite)); border-width: 1px 0 0; border-radius: 16px 16px 0 0; box-shadow: 0 -8px 28px rgba(10, 27, 62, .14); } /* Fiche : la carte enjambe la barre, son ombre ne doit pas la salir. */ body.vme-fa-page #cmplz-cookiebanner-container .cmplz-cookiebanner { border-width: 1px 0; border-radius: 16px 16px 0 0; box-shadow: 0 -8px 28px rgba(10, 27, 62, .12); } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title { font-size: 16px; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny { margin-top: 14px; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents { margin-top: 8px; } } /* Tres petit ecran : les deux pilules s'empilent plutot que de couper leur texte (meme largeur, meme hauteur, l'une sous l'autre). */ @media (max-width: 299px) { #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny { grid-column: 1 / -1; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny { margin-top: 8px; } } /* --- Ecran tres bas (telephone couche) ------------------------------------- Complianz y passe la banniere en colonne et RETRECIT tout en !important (zoom 0,5 a 0,6, boutons de 15vh, marges forcees) : on retablit la carte, en !important la seulement ou il en impose. */ @media (max-height: 400px) { #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-dismissed) { display: grid; } #cmplz-cookiebanner-container .cmplz-cookiebanner { height: auto; max-height: calc(100vh - var(--ck-barre) - 16px); max-height: calc(100dvh - var(--ck-barre) - 16px); padding: 12px 16px calc(10px + var(--ck-securite)) !important; gap: 0 10px; zoom: 1; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header { max-height: none; margin-bottom: 4px !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body { flex: none; margin-top: 0 !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences { height: auto !important; min-height: 42px !important; padding: 9px 14px !important; font-size: 14px !important; line-height: 20px !important; white-space: normal !important; zoom: 1 !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-accept, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-deny { margin-top: 10px; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences { height: auto !important; min-height: 0 !important; padding: 4px 2px !important; font-size: 13.5px !important; line-height: 20px !important; white-space: nowrap !important; zoom: 1 !important; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-information { zoom: 1 !important; } } @media (prefers-reduced-motion: reduce) { #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: none; } #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-icon.cmplz-open, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label::before, #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label::after { transition: none; } } /* --- Revenir sur son choix ------------------------------------------------- Solution retenue : un lien « Gerer mes cookies » dans le menu du pied de page (inc/ui/cookies.php, filtre wp_nav_menu_items, emplacement « footer »), present sur toutes les pages, au telephone comme a l'ordinateur. C'est un