/* ============================================================================
Tarteaucitron — skin MEF (Marche en Fillière)
----------------------------------------------------------------------------
Adapté du skin Seinergy Lab (style.css §16, 13/10/2026) aux couleurs et
polices du kit Elementor MEF (lu le 18/10/2026) :
Principal #2A2726 · Texte #454241 · Accentué #F26A4B · Légende #A19D9D
Légende light #F0E9E9 · Alertes #C24022 · Quicksand / Roboto / Beth Ellen
Boutons du site : carrés (rayon 0), fond orange, texte blanc.
Public senior : textes ≥ 0,95 rem, cibles ≥ 40 px.
Le moteur charge son propre tarteaucitron.min.css APRÈS cette feuille :
la spécificité est montée via `body` / `html body` pour l'emporter.
Mapping des IDs (v1.31, AcceptAllCta + DenyAllCta) — les noms mentent :
#tarteaucitronPersonalize2 = « Accepter » · #tarteaucitronAllDenied2 = « Refuser »
#tarteaucitronCloseAlert = « Personnaliser » · #tarteaucitronPrivacyUrl = lien politique
============================================================================ */
#tarteaucitronRoot {
--mef-ink: var(--e-global-color-primary, #2A2726);
--mef-text: var(--e-global-color-text, #454241);
--mef-brown: var(--e-global-color-secondary, #5B5553);
--mef-accent: var(--e-global-color-accent, #F26A4B);
--mef-mute: var(--e-global-color-ccbb4fc, #A19D9D);
--mef-cream: var(--e-global-color-a167e74, #F0E9E9);
--mef-deny: var(--e-global-color-01a530c, #C24022);
--mef-white: #FFFFFF;
--mef-font-head: var(--e-global-typography-primary-font-family, "Quicksand"), system-ui, sans-serif;
--mef-font-body: var(--e-global-typography-text-font-family, "Roboto"), system-ui, sans-serif;
--mef-font-script: var(--e-global-typography-accent-font-family, "Beth Ellen"), cursive;
--mef-line: color-mix(in srgb, var(--mef-ink) 12%, transparent);
--mef-radius: 16px;
}
#tarteaucitronRoot,
#tarteaucitronRoot * {
font-family: var(--mef-font-body) !important;
}
/* ── 1. Bandeau : une ligne en bureau, compact, filet orange ────────────── */
body #tarteaucitronRoot #tarteaucitronAlertBig {
box-sizing: border-box !important;
width: 100% !important;
left: 0 !important;
right: 0 !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 0.5rem 1rem !important;
padding: 0.75rem 1.5rem !important;
background: var(--mef-white) !important;
color: var(--mef-text) !important;
border-top: 3px solid var(--mef-accent) !important;
box-shadow: 0 -6px 24px rgba(42, 39, 38, 0.10) !important;
font-size: 0.95rem !important;
line-height: 1.45 !important;
text-align: left !important;
}
body #tarteaucitronRoot #tarteaucitronAlertBig[style*="display: none"],
body #tarteaucitronRoot #tarteaucitronAlertBig[style*="display:none"] {
display: none !important;
}
body #tarteaucitronRoot #tarteaucitronDisclaimerAlert {
display: block !important; /* le moteur le met en inline-flex : le lien deviendrait une colonne */
flex: 0 1 auto !important;
margin: 0 !important;
color: var(--mef-text) !important;
font-size: 0.95rem !important;
line-height: 1.45 !important;
}
body #tarteaucitronRoot #tarteaucitronDisclaimerAlert a {
display: inline !important;
white-space: nowrap !important;
color: var(--mef-ink) !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
margin-left: 0.25em !important;
}
body #tarteaucitronRoot #tarteaucitronDisclaimerAlert a:hover { color: var(--mef-accent) !important; }
body #tarteaucitronRoot #tarteaucitronPersonalize2 { order: 1; }
body #tarteaucitronRoot #tarteaucitronAllDenied2 { order: 2; }
body #tarteaucitronRoot #tarteaucitronCloseAlert { order: 3; }
body #tarteaucitronRoot #tarteaucitronPrivacyUrl,
body #tarteaucitronRoot .tarteaucitronCheck,
body #tarteaucitronRoot .tarteaucitronCross { display: none !important; }
/* Boutons du bandeau : carrés comme les boutons du site */
body #tarteaucitronRoot #tarteaucitronPersonalize2,
body #tarteaucitronRoot #tarteaucitronAllDenied2,
body #tarteaucitronRoot #tarteaucitronCloseAlert {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 40px !important;
margin: 0 !important;
padding: 0 1.1rem !important;
border-radius: 0 !important;
font-family: var(--mef-font-head) !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
line-height: 1.2 !important;
white-space: nowrap !important;
cursor: pointer !important;
transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}
/* Accepter : orange plein */
body #tarteaucitronRoot #tarteaucitronPersonalize2 {
background: var(--mef-accent) !important;
border: 2px solid var(--mef-accent) !important;
color: var(--mef-white) !important;
}
body #tarteaucitronRoot #tarteaucitronPersonalize2:hover {
background: var(--mef-ink) !important;
border-color: var(--mef-ink) !important;
}
/* Refuser : contour orange (même poids visuel qu'Accepter, exigence CNIL) */
body #tarteaucitronRoot #tarteaucitronAllDenied2 {
background: var(--mef-white) !important;
border: 2px solid var(--mef-accent) !important;
color: var(--mef-accent) !important;
}
body #tarteaucitronRoot #tarteaucitronAllDenied2:hover {
background: var(--mef-accent) !important;
color: var(--mef-white) !important;
}
/* Personnaliser : lien discret */
body #tarteaucitronRoot #tarteaucitronCloseAlert {
background: transparent !important;
border: 2px solid transparent !important;
color: var(--mef-text) !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
padding: 0 0.5rem !important;
}
body #tarteaucitronRoot #tarteaucitronCloseAlert:hover { color: var(--mef-accent) !important; }
/* ── 2. Fenêtre « Gestion des cookies » : carte du site ─────────────────── */
html body #tarteaucitronBack,
html body #tarteaucitronRoot #tarteaucitronBack {
background: color-mix(in srgb, var(--e-global-color-primary, #2A2726) 60%, transparent) !important;
opacity: 1 !important;
backdrop-filter: none !important;
}
html body #tarteaucitronRoot #tarteaucitron {
background: var(--mef-white) !important;
border-radius: var(--mef-radius) !important;
border-top: 4px solid var(--mef-accent) !important;
box-shadow: 0 20px 60px rgba(42, 39, 38, 0.25) !important;
max-width: 640px !important;
width: calc(100% - 2rem) !important;
max-height: 85vh !important;
padding: 0 !important;
overflow: hidden !important;
color: var(--mef-text) !important;
}
html body #tarteaucitronRoot #tarteaucitronServices,
html body #tarteaucitronRoot #tarteaucitronServices_mandatory {
max-height: calc(85vh - 80px) !important;
overflow-y: auto !important;
overflow-x: hidden !important;
box-shadow: none !important;
background: var(--mef-white) !important;
}
html body #tarteaucitronRoot #tarteaucitron * { color: var(--mef-text) !important; }
/* Croix : disque orange */
html body #tarteaucitronRoot #tarteaucitronClosePanel {
position: absolute !important;
top: 14px !important;
right: 14px !important;
z-index: 10 !important;
width: 40px !important;
height: 40px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: var(--mef-accent) !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18) !important;
overflow: hidden !important;
text-indent: -9999px !important;
cursor: pointer !important;
display: block !important;
transition: transform .2s ease, background-color .2s ease !important;
}
html body #tarteaucitronRoot #tarteaucitronClosePanel::before {
content: "×" !important;
position: absolute !important;
inset: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-indent: 0 !important;
margin-top: -2px !important;
font-family: Arial, sans-serif !important;
font-size: 28px !important;
font-weight: 700 !important;
line-height: 1 !important;
color: var(--mef-white) !important;
}
html body #tarteaucitronRoot #tarteaucitronClosePanel:hover {
background: var(--mef-ink) !important;
transform: scale(1.06) !important;
}
/* En-tête : titre orange Quicksand + accroche manuscrite comme sur le site */
body #tarteaucitronRoot #tarteaucitronMainLineOffset {
padding: 1.75rem 2rem 1.25rem !important;
background: transparent !important;
text-align: center !important;
border: 0 !important;
}
html body #tarteaucitronRoot .tarteaucitronLine.tarteaucitronMainLine {
display: block !important;
text-align: center !important;
border: 0 !important;
background: transparent !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {
display: block !important;
width: 100% !important;
text-align: center !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronH1 {
display: block !important;
width: 100% !important;
margin: 0 0 0.25rem !important;
padding: 0 2.75rem !important;
box-sizing: border-box !important;
background: transparent !important;
border: 0 !important;
font-family: var(--mef-font-head) !important;
font-size: 1.6rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-align: center !important;
color: var(--mef-accent) !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronH2 {
display: block !important;
width: 100% !important;
margin: 0 0 1rem !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
font-family: var(--mef-font-script) !important;
font-size: 1.5rem !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0 !important;
line-height: 1.3 !important;
text-align: center !important;
color: var(--mef-ink) !important;
}
html body #tarteaucitronRoot #tarteaucitronScrollbarAdjust {
display: flex !important;
justify-content: center !important;
gap: 0.6rem !important;
width: 100% !important;
padding: 0.25rem 0 0.5rem !important;
margin: 0 !important;
}
/* Ménage du moteur : catégories, logos, +/−, glyphes, faux messages */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronTitle,
body #tarteaucitronRoot .tarteaucitronPlus,
body #tarteaucitronRoot .tarteaucitronMinus,
body #tarteaucitronRoot .tarteaucitronAllow::before,
body #tarteaucitronRoot .tarteaucitronDeny::before,
#tarteaucitronRoot #tarteaucitronBackCitron,
#tarteaucitronRoot .tarteaucitronLogo,
#tarteaucitronRoot #tarteaucitronInfo,
#tarteaucitronRoot .tarteaucitronSelfLink,
#tarteaucitronRoot #tarteaucitronDisclaimer,
#tarteaucitronRoot #tarteaucitronNoServicesTitle {
display: none !important;
content: none !important;
}
/* Lignes de service : nom à gauche, choix à droite, filet d'état */
html body #tarteaucitronRoot .tarteaucitronLine:not(.tarteaucitronMainLine) {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 1.25rem !important;
padding: 1.25rem 2rem !important;
background: transparent !important;
border: 0 !important;
border-top: 1px solid var(--mef-line) !important;
list-style: none !important;
}
html body #tarteaucitronRoot .tarteaucitronLine:not(.tarteaucitronMainLine) > .tarteaucitronName {
flex: 1 1 auto !important;
min-width: 0 !important;
margin: 0 !important;
width: auto !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronH3 {
display: block !important;
margin: 0 0 0.25rem !important;
padding: 0 !important;
font-family: var(--mef-font-head) !important;
font-size: 1.1rem !important;
font-weight: 600 !important;
line-height: 1.25 !important;
color: var(--mef-ink) !important;
}
html body #tarteaucitronRoot .tarteaucitronName .tarteaucitronStatusInfo,
html body #tarteaucitronRoot .tarteaucitronName .tarteaucitronStatusInfo *,
html body #tarteaucitronRoot .tarteaucitronReadmoreInfo,
html body #tarteaucitronRoot .tarteaucitronReadmoreOfficial,
html body #tarteaucitronRoot .tarteaucitronReadmoreSeparator,
html body #tarteaucitronRoot .tarteaucitronListCookies,
html body #tarteaucitronRoot .tacCurrentStatus,
html body #tarteaucitronRoot .tarteaucitronName a {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0.85rem !important;
font-weight: 400 !important;
line-height: 1.45 !important;
color: var(--mef-mute) !important;
-webkit-text-fill-color: var(--mef-mute) !important;
text-decoration: none !important;
}
html body #tarteaucitronRoot #tarteaucitron a:hover {
color: var(--mef-accent) !important;
-webkit-text-fill-color: var(--mef-accent) !important;
text-decoration: underline !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine.tarteaucitronIsAllowed:not(.tarteaucitronMainLine) {
box-shadow: inset 4px 0 0 var(--mef-accent) !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine.tarteaucitronIsDenied:not(.tarteaucitronMainLine) {
box-shadow: inset 4px 0 0 var(--mef-deny) !important;
}
/* Choix par service : interrupteur à deux positions (état = aria-pressed) */
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine:not(.tarteaucitronMainLine) .tarteaucitronAsk {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: stretch !important;
gap: 0 !important;
width: auto !important;
margin: 0 !important;
padding: 3px !important;
background: var(--mef-cream) !important;
border: 1px solid var(--mef-line) !important;
border-radius: 0 !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine:not(.tarteaucitronMainLine) .tarteaucitronAsk .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine:not(.tarteaucitronMainLine) .tarteaucitronAsk .tarteaucitronDeny {
min-height: 38px !important;
margin: 0 !important;
padding: 0 1rem !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--mef-mute) !important;
-webkit-text-fill-color: var(--mef-mute) !important;
font-family: var(--mef-font-head) !important;
font-size: 0.9rem !important;
font-weight: 600 !important;
text-transform: none !important;
line-height: 1.2 !important;
opacity: 1 !important;
cursor: pointer !important;
transition: background-color .18s ease, color .18s ease !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine:not(.tarteaucitronMainLine) .tarteaucitronAsk [aria-pressed="false"]:hover {
color: var(--mef-ink) !important;
-webkit-text-fill-color: var(--mef-ink) !important;
background: var(--mef-white) !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine:not(.tarteaucitronMainLine) .tarteaucitronAsk .tarteaucitronAllow[aria-pressed="true"] {
background: var(--mef-accent) !important;
color: var(--mef-white) !important;
-webkit-text-fill-color: var(--mef-white) !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine:not(.tarteaucitronMainLine) .tarteaucitronAsk .tarteaucitronDeny[aria-pressed="true"] {
background: var(--mef-deny) !important;
color: var(--mef-white) !important;
-webkit-text-fill-color: var(--mef-white) !important;
}
/* Tout accepter / Tout refuser / Enregistrer : boutons carrés du site */
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronAllAllowed,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronAllDenied,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronSaveButton {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 1.4rem !important;
border: 2px solid var(--mef-accent) !important;
border-radius: 0 !important;
background: var(--mef-white) !important;
color: var(--mef-accent) !important;
-webkit-text-fill-color: var(--mef-accent) !important;
font-family: var(--mef-font-head) !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
text-transform: none !important;
line-height: 1.2 !important;
white-space: nowrap !important;
opacity: 1 !important;
cursor: pointer !important;
transition: background-color .18s ease, color .18s ease !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronAllAllowed[aria-pressed="true"],
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronSaveButton,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronAllAllowed:hover,
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronAllDenied:hover {
background: var(--mef-accent) !important;
color: var(--mef-white) !important;
-webkit-text-fill-color: var(--mef-white) !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronAllDenied[aria-pressed="true"] {
background: var(--mef-deny) !important;
border-color: var(--mef-deny) !important;
color: var(--mef-white) !important;
-webkit-text-fill-color: var(--mef-white) !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronSaveButton:hover {
background: var(--mef-brown) !important;
border-color: var(--mef-brown) !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronSave {
padding: 1rem 2rem 1.25rem !important;
background: var(--mef-white) !important;
text-align: center !important;
border-top: 1px solid var(--mef-line) !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog {
display: block !important;
width: fit-content !important;
margin: 0.75rem auto 0 !important;
padding: 0.25rem 0.5rem !important;
background: transparent !important;
border: 0 !important;
color: var(--mef-text) !important;
-webkit-text-fill-color: var(--mef-text) !important;
font-size: 0.9rem !important;
text-transform: none !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
cursor: pointer !important;
}
/* ── 3. Icône flottante : disque blanc + cookie corail, inversé au survol (SVG de SL) ─ */
#tarteaucitronIcon {
left: auto !important;
right: 16px !important;
bottom: 16px !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
z-index: 2147483646 !important;
}
#tarteaucitronIcon img { display: none !important; }
#tarteaucitronIcon #tarteaucitronManager,
#tarteaucitronManager {
position: relative !important;
display: block !important;
width: 42px !important;
height: 42px !important;
margin: 0 !important;
padding: 0 !important;
border: 2px solid var(--e-global-color-f5a2bd9, #FFFFFF) !important;
border-radius: 50% !important;
background: var(--e-global-color-f5a2bd9, #FFFFFF) !important;
box-shadow: 0 3px 10px rgba(42, 39, 38, 0.25) !important;
font-size: 0 !important;
color: transparent !important;
overflow: hidden !important;
cursor: pointer !important;
transition: transform .2s ease, background-color .2s ease !important;
}
/* Le cookie : un seul url("data:image/svg+xml;utf8,"), servi en masque ; sa couleur = background-color du ::before. */
#tarteaucitronIcon #tarteaucitronManager::before,
#tarteaucitronManager::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
margin: auto !important;
width: 22px !important;
height: 22px !important;
background-color: var(--e-global-color-accent, #F26A4B) !important;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat !important;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat !important;
transition: background-color .2s ease !important;
}
/* Survol et focus : les couleurs d'origine (disque corail, cookie blanc). */
#tarteaucitronIcon #tarteaucitronManager:hover,
#tarteaucitronManager:hover,
#tarteaucitronIcon #tarteaucitronManager:focus-visible,
#tarteaucitronManager:focus-visible {
background: var(--e-global-color-accent, #F26A4B) !important;
transform: scale(1.08) !important;
}
#tarteaucitronIcon #tarteaucitronManager:hover::before,
#tarteaucitronIcon #tarteaucitronManager:focus-visible::before,
#tarteaucitronManager:hover::before,
#tarteaucitronManager:focus-visible::before {
background-color: var(--e-global-color-f5a2bd9, #FFFFFF) !important;
}
/* ── 4. Carte Google Maps bloquée : encart crème + bouton du site ───────── */
.elementor-widget-google_maps .googlemapsembed {
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
width: 100% !important;
min-height: 300px !important;
padding: 1.25rem !important;
background: var(--e-global-color-a167e74, #F0E9E9) !important;
text-align: center !important;
}
.elementor-widget-google_maps .googlemapsembed iframe {
display: block !important;
width: 100% !important;
height: 300px !important;
border: 0 !important;
}
.elementor-widget-google_maps .googlemapsembed .tac_activate {
display: block !important;
width: 100% !important;
max-width: 360px !important;
margin: 0 auto !important;
padding: 0 !important;
background: transparent !important;
color: var(--e-global-color-text, #454241) !important;
font-family: var(--e-global-typography-text-font-family, "Roboto"), sans-serif !important;
font-size: 0.95rem !important;
line-height: 1.5 !important;
}
.elementor-widget-google_maps .googlemapsembed .tac_float {
position: static !important;
transform: none !important;
display: block !important;
width: auto !important;
text-align: center !important;
color: inherit !important;
}
html body .elementor-widget-google_maps .googlemapsembed .tac_activate .tarteaucitronAllow {
display: flex !important;
width: fit-content !important;
margin: 0.85rem auto 0 !important;
}
.elementor-widget-google_maps .googlemapsembed .tac_activate strong,
.elementor-widget-google_maps .googlemapsembed .tac_activate b {
display: inline !important;
color: var(--e-global-color-primary, #2A2726) !important;
font-family: var(--e-global-typography-primary-font-family, "Quicksand"), sans-serif !important;
font-weight: 600 !important;
}
.elementor-widget-google_maps .googlemapsembed .tarteaucitronAllow {
display: flex !important;
width: fit-content !important;
margin-left: auto !important;
margin-right: auto !important;
align-items: center !important;
justify-content: center !important;
min-height: 40px !important;
margin: 0.75rem 0 0 !important;
padding: 0 1.2rem !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--e-global-color-accent, #F26A4B) !important;
color: #FFFFFF !important;
font-family: var(--e-global-typography-primary-font-family, "Quicksand"), sans-serif !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
text-transform: none !important;
cursor: pointer !important;
}
.elementor-widget-google_maps .googlemapsembed .tarteaucitronAllow:hover {
background: var(--e-global-color-primary, #2A2726) !important;
}
.elementor-widget-google_maps .googlemapsembed .tarteaucitronAllow .tarteaucitronCheck { display: none !important; }
/* ── 5. Mobile : bandeau empilé, fenêtre en feuille du bas ──────────────── */
@media (max-width: 767px) {
body #tarteaucitronRoot #tarteaucitronAlertBig {
padding: 0.9rem 1rem calc(0.9rem + env(safe-area-inset-bottom)) !important;
gap: 0.6rem !important;
}
body #tarteaucitronRoot #tarteaucitronDisclaimerAlert {
flex: 1 1 100% !important;
font-size: 0.95rem !important;
}
body #tarteaucitronRoot #tarteaucitronPersonalize2,
body #tarteaucitronRoot #tarteaucitronAllDenied2 {
flex: 1 1 0 !important;
min-height: 44px !important;
}
body #tarteaucitronRoot #tarteaucitronCloseAlert {
flex: 1 1 100% !important;
min-height: 32px !important;
}
html body #tarteaucitronRoot #tarteaucitron {
top: auto !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
max-height: 88vh !important;
max-height: 88dvh !important;
margin: 0 !important;
border-radius: var(--mef-radius) var(--mef-radius) 0 0 !important;
}
html body #tarteaucitronRoot #tarteaucitronServices {
height: auto !important;
max-height: 88vh !important;
max-height: 88dvh !important;
margin: 0 !important;
}
html body #tarteaucitronRoot #tarteaucitronClosePanel {
top: 10px !important;
right: 10px !important;
width: 38px !important;
height: 38px !important;
}
body #tarteaucitronRoot #tarteaucitronMainLineOffset { padding: 1.25rem 1rem 1rem !important; }
html body #tarteaucitronRoot .tarteaucitronH1 { font-size: 1.35rem !important; }
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronScrollbarAdjust button { flex: 1 1 0 !important; padding: 0 0.6rem !important; }
html body #tarteaucitronRoot .tarteaucitronLine:not(.tarteaucitronMainLine) {
flex-direction: column !important;
align-items: stretch !important;
gap: 0.75rem !important;
padding: 1rem 1.25rem !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine:not(.tarteaucitronMainLine) .tarteaucitronAsk {
display: flex !important;
width: 100% !important;
box-sizing: border-box !important;
}
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine:not(.tarteaucitronMainLine) .tarteaucitronAsk .tarteaucitronAllow,
html body #tarteaucitronRoot #tarteaucitron .tarteaucitronLine:not(.tarteaucitronMainLine) .tarteaucitronAsk .tarteaucitronDeny {
flex: 1 1 0 !important;
min-height: 44px !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronSave {
position: sticky !important;
bottom: 0 !important;
z-index: 1 !important;
padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom)) !important;
}
html body #tarteaucitronRoot #tarteaucitron #tarteaucitronSaveButton {
width: 100% !important;
min-height: 48px !important;
}
#tarteaucitronIcon { right: 12px !important; bottom: 12px !important; }
#tarteaucitronIcon #tarteaucitronManager,
#tarteaucitronManager { width: 40px !important; height: 40px !important; }
}