/* DGE Débarras Paris. Source lisible : 02 Site/Maquettes/Accueil V1/assets/dgp-accueil.css */
@font-face {
font-family: "Roboto";
src: url("../fonts/roboto-var-latin.woff2") format("woff2");
font-weight: 400 700;
font-stretch: 78% 100%;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face { font-family: "DGP Repli"; src: local("Arial"), local("Helvetica"); size-adjust: 97%; }
@font-face { font-family: "DGP Repli etroit"; src: local("Arial"), local("Helvetica"); size-adjust: 85%; }
:root {
--dgp-vert-logo: #8EC045;
--dgp-vert-900: #26371A;
--dgp-vert-800: #3A5A16;
--dgp-vert-700: #446A1B;
--dgp-vert-600: #4F7A1F;
--dgp-vert-100: #EBF2E3;
--dgp-marron-logo: #664A35;
--dgp-marron-100: #F1E4DA;
--dgp-blanc: #FFFFFF;
--dgp-gris-700: #55634B;
--dgp-gris-500: #7C8B70;
--dgp-gris-300: #C9D3BF;
--dgp-gris-200: #D5DDCB;
--dgp-gris-150: #DCE3D3;
--dgp-rouge-700: #A8322A;
--dgp-texte: var(--dgp-vert-900);
--dgp-texte-secondaire: var(--dgp-gris-700);
--dgp-texte-inverse-secondaire: #D7E6C4;
--dgp-lien: var(--dgp-vert-700);
--dgp-filet: var(--dgp-gris-300);
--dgp-filet-structure: var(--dgp-gris-200);
--dgp-police: "Roboto", "DGP Repli", system-ui, -apple-system, "Segoe UI", sans-serif;
--dgp-police-titre: "Roboto", "DGP Repli etroit", system-ui, -apple-system, "Segoe UI", sans-serif;
--dgp-fs-h1: clamp(2.625rem, 1.6rem + 4.6cqi, 5.875rem);
--dgp-fs-h2: clamp(2rem, 1.45rem + 2.55cqi, 3.75rem);
--dgp-fs-h3: clamp(1.25rem, 1.16rem + 0.42cqi, 1.5rem);
--dgp-fs-intro: clamp(1.0625rem, 0.99rem + 0.36cqi, 1.3125rem);
--dgp-fs-texte: clamp(1rem, 0.97rem + 0.13cqi, 1.0625rem);
--dgp-fs-petit: 0.9375rem;
--dgp-fs-annotation: 0.75rem;
--dgp-fs-legende: 0.8125rem;
--dgp-section-y: clamp(64px, 38px + 7cqi, 136px);
--dgp-gouttiere: clamp(20px, 12px + 2.2cqi, 40px);
--dgp-conteneur: 1200px;
--dgp-entete-h: 64px;
--dgp-barre-h: 72px;
--dgp-rayon-xs: 2px;
--dgp-rayon: 4px;
--dgp-ombre-menu: 0 12px 32px rgba(38, 55, 26, 0.14);
--dgp-duree-courte: 120ms;
--dgp-duree: 200ms;
--dgp-courbe: cubic-bezier(0.2, 0, 0, 1);
--dgp-courbe-douce: cubic-bezier(0.65, 0, 0.35, 1);
}
@media (min-width: 1024px) { :root { --dgp-entete-h: 80px; } }
.e-con > .elementor-widget-html:has(.dgp), .e-con > .e-con-inner > .elementor-widget-html:has(.dgp) { width: 100%; }
.elementor .e-con:has(> .elementor-widget-html .dgp-section, > .e-con-inner > .elementor-widget-html .dgp-section) {
--display: flex; --flex-direction: column; --width: 100%;
--padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
--margin-top: 0px; --margin-bottom: 0px; --gap: 0px; --row-gap: 0px; --column-gap: 0px;
}
html { scroll-padding-top: calc(var(--dgp-entete-h) + 16px); -webkit-text-size-adjust: 100%; }
body.dgp-page { margin: 0; background: var(--dgp-blanc); color: var(--dgp-texte); }
@media (max-width: 1023.98px) {
html { scroll-padding-bottom: calc(var(--dgp-barre-h) + env(safe-area-inset-bottom) + 16px); }
body.dgp-page { padding-bottom: calc(var(--dgp-barre-h) + env(safe-area-inset-bottom)); }
}
.dgp-page .dgp-evitement { position: absolute; left: 12px; top: -64px; z-index: 200; padding: 10px 16px; background: var(--dgp-vert-900); color: var(--dgp-blanc); font: 500 15px/1.2 var(--dgp-police); text-decoration: none; border-radius: var(--dgp-rayon); }
.dgp-page .dgp-evitement:focus { top: 12px; }
.dgp {
font-family: var(--dgp-police); font-size: var(--dgp-fs-texte); font-weight: 400; font-stretch: 100%;
line-height: 1.55; letter-spacing: normal; text-align: left; text-transform: none; color: var(--dgp-texte);
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-wrap: pretty;
}
.dgp, .dgp *, .dgp *::before, .dgp *::after { box-sizing: border-box; }
.dgp :is(h1, h2, h3, h4, p, figure, blockquote, dl, dd, ul, ol) { margin: 0; }
.dgp :is(ul, ol) { padding: 0; list-style: none; }
.dgp img { display: block; max-width: 100%; height: auto; }
.dgp sup { position: static; top: auto; font-size: 0.6em; line-height: 0; vertical-align: 0.5em; }
.dgp figcaption { font-style: normal; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.dgp [hidden] { display: none !important; }
.dgp :focus { outline: none; }
.dgp :focus-visible { outline: 3px solid var(--dgp-vert-900); outline-offset: 2px; box-shadow: 0 0 0 2px var(--dgp-blanc); }
.dgp.dgp-inverse :focus-visible, .dgp .dgp-inverse :focus-visible { outline-color: var(--dgp-blanc); box-shadow: 0 0 0 2px var(--dgp-vert-900); }
.dgp .dgp-icone { display: inline-block; flex: none; width: 24px; height: 24px; vertical-align: middle; color: inherit; overflow: visible; }
.dgp .dgp-icone--16 { width: 16px; height: 16px; }
.dgp .dgp-icone--20 { width: 20px; height: 20px; }
.dgp .dgp-icone--32 { width: 32px; height: 32px; }
.dgp .dgp-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.dgp .dgp-insecable { white-space: nowrap; }
.dgp .dgp-conteneur { width: 100%; max-width: calc(var(--dgp-conteneur) + 2 * var(--dgp-gouttiere)); margin-inline: auto; padding-inline: var(--dgp-gouttiere); }
.dgp.dgp-section { position: relative; container-type: inline-size; padding-block: var(--dgp-section-y); background: var(--dgp-blanc); }
.dgp.dgp-section--alt { background: var(--dgp-vert-100); }
.dgp.dgp-section--chaude { background: var(--dgp-marron-100); }
.dgp.dgp-section--inverse { background: var(--dgp-vert-900); color: var(--dgp-blanc); }
.dgp .dgp-annotation { font-size: var(--dgp-fs-annotation); font-weight: 500; font-stretch: 85%; letter-spacing: 0.09em; text-transform: uppercase; line-height: 1.3; color: var(--dgp-texte-secondaire); }
.dgp.dgp-inverse .dgp-annotation, .dgp .dgp-inverse .dgp-annotation { color: var(--dgp-texte-inverse-secondaire); }
.dgp .dgp-h2 { font-family: var(--dgp-police-titre); font-size: var(--dgp-fs-h2); font-weight: 600; font-stretch: 78%; line-height: 1.04; letter-spacing: -0.015em; color: inherit; text-wrap: balance; overflow-wrap: break-word; hyphens: auto; }
.dgp .dgp-h3 { font-family: var(--dgp-police-titre); font-size: var(--dgp-fs-h3); font-weight: 600; font-stretch: 90%; line-height: 1.2; color: inherit; text-wrap: balance; overflow-wrap: break-word; }
.dgp .dgp-bulle { display: inline-grid; place-items: center; flex: none; min-width: 30px; height: 30px; padding-inline: 6px; border: 1px solid var(--dgp-gris-500); border-radius: 999px; background: var(--dgp-blanc); font-size: 0.75rem; font-weight: 600; font-stretch: 85%; font-variant-numeric: tabular-nums; line-height: 1; color: var(--dgp-texte); }
.dgp.dgp-inverse .dgp-bulle, .dgp .dgp-inverse .dgp-bulle { border-color: var(--dgp-texte-inverse-secondaire); background: transparent; color: var(--dgp-blanc); }
.dgp .dgp-bulle--accent { border-color: var(--dgp-vert-logo); color: var(--dgp-vert-logo); }
.dgp .dgp-bulle--niveau { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; padding-inline: 9px; border-color: var(--dgp-vert-600); color: var(--dgp-vert-900); font-size: 0.8125rem; letter-spacing: 0.02em; }
.dgp.dgp-inverse .dgp-bulle--niveau, .dgp .dgp-inverse .dgp-bulle--niveau { border-color: var(--dgp-vert-logo); color: var(--dgp-blanc); }
.dgp .dgp-tete { display: grid; gap: 18px; max-width: 780px; margin-bottom: clamp(36px, 20px + 4cqi, 72px); }
.dgp .dgp-tete__intro { font-size: var(--dgp-fs-intro); line-height: 1.5; color: var(--dgp-texte-secondaire); max-width: 62ch; }
.dgp.dgp-inverse .dgp-tete__intro, .dgp .dgp-inverse .dgp-tete__intro { color: var(--dgp-texte-inverse-secondaire); }
.dgp .dgp-repere { display: flex; align-items: center; gap: 12px; }
.dgp .dgp-repere::after { content: ""; flex: 1; max-width: 120px; height: 1px; background: var(--dgp-filet); transform-origin: left; }
.dgp.dgp-inverse .dgp-repere::after, .dgp .dgp-inverse .dgp-repere::after { background: rgba(215, 230, 196, 0.35); }
.dgp .dgp-legende { margin-top: 10px; font-size: var(--dgp-fs-legende); font-weight: 500; font-stretch: 90%; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.35; color: var(--dgp-texte-secondaire); }
.dgp.dgp-inverse .dgp-legende, .dgp .dgp-inverse .dgp-legende { color: var(--dgp-texte-inverse-secondaire); }
.dgp .dgp-legende-cotee { display: flex; align-items: center; gap: 10px; margin-top: 14px; font-size: 0.75rem; font-weight: 500; font-stretch: 90%; letter-spacing: 0.05em; text-transform: uppercase; line-height: 1.35; color: var(--dgp-texte-secondaire); text-align: center; }
.dgp .dgp-legende-cotee::before, .dgp .dgp-legende-cotee::after { content: ""; flex: 1; min-width: 16px; height: 1px; background: currentColor; opacity: 0.45; }
.dgp.dgp-inverse .dgp-legende-cotee, .dgp .dgp-inverse .dgp-legende-cotee { color: var(--dgp-texte-inverse-secondaire); }
.dgp .dgp-emplacement { display: inline-flex; align-items: center; gap: 6px; padding: 1px 8px; border: 1px dashed var(--dgp-rouge-700); border-radius: var(--dgp-rayon-xs); background: repeating-linear-gradient(135deg, transparent 0 6px, rgba(168, 50, 42, 0.06) 6px 12px); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 0.75rem; font-weight: 600; font-stretch: 100%; letter-spacing: 0; text-transform: none; line-height: 1.5; color: var(--dgp-rouge-700); vertical-align: 1px; }
.dgp.dgp-inverse .dgp-emplacement, .dgp .dgp-inverse .dgp-emplacement { border-color: var(--dgp-marron-100); color: var(--dgp-marron-100); background: none; }
.dgp .dgp-factice { display: inline-block; margin-left: 6px; padding: 0 6px; border: 1px dashed var(--dgp-rouge-700); border-radius: var(--dgp-rayon-xs); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 0.625rem; font-weight: 600; letter-spacing: 0; text-transform: none; line-height: 1.6; color: var(--dgp-rouge-700); vertical-align: 1px; white-space: nowrap; }
.dgp.dgp-inverse .dgp-factice, .dgp .dgp-inverse .dgp-factice { border-color: var(--dgp-marron-100); color: var(--dgp-marron-100); }
.dgp .dgp-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 20px;
border: 1px solid transparent; border-radius: var(--dgp-rayon); font-family: var(--dgp-police); font-size: 1rem; font-weight: 500; font-stretch: 100%;
line-height: 1.2; letter-spacing: 0.005em; text-align: center; text-decoration: none; cursor: pointer;
transition: background-color var(--dgp-duree-courte) var(--dgp-courbe), color var(--dgp-duree-courte) var(--dgp-courbe), border-color var(--dgp-duree-courte) var(--dgp-courbe);
}
.dgp .dgp-btn--large { min-height: 56px; padding: 14px 24px; font-size: 1.0625rem; }
.dgp .dgp-btn--compact { min-height: 44px; padding: 8px 16px; font-size: 0.9375rem; }
.dgp .dgp-btn__fleche { transition: translate var(--dgp-duree) var(--dgp-courbe); }
.dgp .dgp-btn:hover .dgp-btn__fleche { translate: 3px 0; }
.dgp .dgp-btn--primaire, .dgp .dgp-btn--primaire:link, .dgp .dgp-btn--primaire:visited { background: var(--dgp-vert-600); color: var(--dgp-blanc); }
.dgp .dgp-btn--primaire:hover { background: var(--dgp-vert-800); color: var(--dgp-blanc); }
.dgp .dgp-btn--primaire:active { background: var(--dgp-vert-900); }
.dgp .dgp-btn--secondaire, .dgp .dgp-btn--secondaire:link, .dgp .dgp-btn--secondaire:visited { background: var(--dgp-blanc); color: var(--dgp-vert-900); border-color: var(--dgp-vert-900); }
.dgp .dgp-btn--secondaire:hover { background: var(--dgp-vert-100); color: var(--dgp-vert-900); }
.dgp .dgp-btn--secondaire:active { background: var(--dgp-gris-150); }
.dgp .dgp-btn--inverse, .dgp .dgp-btn--inverse:link, .dgp .dgp-btn--inverse:visited { background: var(--dgp-blanc); color: var(--dgp-vert-900); }
.dgp .dgp-btn--inverse:hover { background: var(--dgp-vert-100); color: var(--dgp-vert-900); }
.dgp .dgp-btn--accent, .dgp .dgp-btn--accent:link, .dgp .dgp-btn--accent:visited { background: var(--dgp-vert-logo); color: var(--dgp-vert-900); }
.dgp .dgp-btn--accent:hover { background: #A6D065; color: var(--dgp-vert-900); }
.dgp .dgp-btn--contour-inverse, .dgp .dgp-btn--contour-inverse:link, .dgp .dgp-btn--contour-inverse:visited { background: transparent; color: var(--dgp-blanc); border-color: rgba(255, 255, 255, 0.7); }
.dgp .dgp-btn--contour-inverse:hover { background: var(--dgp-vert-800); color: var(--dgp-blanc); border-color: var(--dgp-blanc); }
.dgp .dgp-lien, .dgp .dgp-lien:link, .dgp .dgp-lien:visited { color: var(--dgp-lien); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color var(--dgp-duree-courte), text-decoration-thickness var(--dgp-duree-courte); }
.dgp .dgp-lien:hover { color: var(--dgp-vert-900); text-decoration-thickness: 2px; }
.dgp .dgp-lien--inverse, .dgp .dgp-lien--inverse:link, .dgp .dgp-lien--inverse:visited { color: var(--dgp-blanc); }
.dgp .dgp-lien--inverse:hover { color: var(--dgp-blanc); text-decoration-thickness: 2px; }
.dgp :is(.dgp-index__suite, .dgp-sv__suite, .dgp-estim__suite, .dgp-zone__lien, .dgp-paris__suite) .dgp-lien { display: inline-block; padding-block: 12px; }
.dgp.dgp-entete { position: sticky; top: 0; z-index: 100; background: var(--dgp-blanc); border-bottom: 1px solid var(--dgp-filet-structure); }
.dgp-entete .dgp-entete__barre { display: flex; align-items: center; gap: 14px; height: var(--dgp-entete-h); max-width: calc(var(--dgp-conteneur) + 2 * var(--dgp-gouttiere)); margin-inline: auto; padding-inline: var(--dgp-gouttiere); }
.dgp .dgp-marque { display: inline-grid; grid-template-columns: auto auto; grid-template-areas: "lettres fauteuil" "mention mention"; align-items: end; column-gap: 4px; row-gap: 2px; text-decoration: none; color: var(--dgp-texte); }
.dgp .dgp-marque__lettres { grid-area: lettres; width: auto; height: 24px; }
.dgp .dgp-marque__fauteuil { grid-area: fauteuil; width: auto; height: 24px; }
.dgp .dgp-marque__mention { grid-area: mention; font-size: 0.625rem; font-weight: 600; font-stretch: 78%; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1; color: var(--dgp-marron-logo); white-space: nowrap; }
.dgp .dgp-marque--inverse .dgp-marque__mention { color: var(--dgp-texte-inverse-secondaire); }
@media (min-width: 1024px) { .dgp-entete .dgp-marque__lettres, .dgp-entete .dgp-marque__fauteuil { height: 30px; } .dgp-entete .dgp-marque__mention { font-size: 0.6875rem; } }
.dgp-entete .dgp-etage { display: none; align-items: baseline; gap: 6px; padding-left: 14px; border-left: 1px solid var(--dgp-filet); color: var(--dgp-texte-secondaire); --dgp-etage-h: 18px; }
.dgp-entete .dgp-etage__prefixe { font-size: 0.625rem; font-weight: 500; font-stretch: 85%; letter-spacing: 0.1em; text-transform: uppercase; line-height: var(--dgp-etage-h); }
.dgp-entete .dgp-etage__fenetre { display: block; height: var(--dgp-etage-h); overflow: hidden; }
.dgp-entete .dgp-etage__liste { display: flex; flex-direction: column; translate: 0 calc(var(--dgp-etage-i, 0) * -1 * var(--dgp-etage-h)); }
html.dgp-js .dgp-entete .dgp-etage { display: inline-flex; }
.dgp-entete .dgp-etage__liste > span { display: block; height: var(--dgp-etage-h); font-size: 0.8125rem; font-weight: 600; font-stretch: 78%; letter-spacing: 0.02em; line-height: var(--dgp-etage-h); font-variant-numeric: tabular-nums; color: var(--dgp-vert-900); }
@media (max-width: 399.98px) { .dgp-entete .dgp-etage__prefixe { display: none; } }
.dgp-entete .dgp-nav { display: none; margin-left: auto; }
.dgp-entete .dgp-nav__liste { display: flex; align-items: center; gap: 4px; }
.dgp-entete .dgp-nav__item { position: relative; }
.dgp-entete .dgp-nav__lien, .dgp-entete .dgp-nav__lien:link, .dgp-entete .dgp-nav__lien:visited { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 12px; font-size: 0.9375rem; font-weight: 500; color: var(--dgp-vert-900); text-decoration: none; cursor: pointer; list-style: none; border-radius: var(--dgp-rayon); transition: background-color var(--dgp-duree-courte); }
.dgp-entete .dgp-nav__lien::-webkit-details-marker { display: none; }
.dgp-entete .dgp-nav__lien:hover { background: var(--dgp-vert-100); }
.dgp-entete .dgp-entete__actions { display: none; align-items: center; gap: 16px; }
.dgp-entete .dgp-entete__tel, .dgp-entete .dgp-entete__tel:link, .dgp-entete .dgp-entete__tel:visited { display: none; align-items: center; gap: 6px; min-height: 44px; font-size: 0.9375rem; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--dgp-vert-900); text-decoration: none; white-space: nowrap; }
.dgp-entete .dgp-entete__tel:hover { color: var(--dgp-vert-700); }
.dgp-entete .dgp-menu-mobile { margin-left: auto; }
.dgp-entete .dgp-menu-mobile__bouton { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--dgp-filet); border-radius: var(--dgp-rayon); color: var(--dgp-vert-900); cursor: pointer; list-style: none; }
.dgp-entete .dgp-menu-mobile__bouton::-webkit-details-marker { display: none; }
.dgp-entete .dgp-menu-mobile__fermer { display: none; }
.dgp-entete .dgp-menu-mobile[open] .dgp-menu-mobile__ouvrir { display: none; }
.dgp-entete .dgp-menu-mobile[open] .dgp-menu-mobile__fermer { display: inline-block; }
.dgp-entete .dgp-menu-mobile__panneau { position: fixed; inset: var(--dgp-entete-h) 0 0 0; z-index: 110; display: grid; align-content: start; gap: 12px; padding: 24px var(--dgp-gouttiere) calc(32px + env(safe-area-inset-bottom)); overflow-y: auto; background: var(--dgp-blanc); border-top: 1px solid var(--dgp-filet-structure); }
.dgp-entete .dgp-menu-mobile__liste { display: grid; margin-bottom: 12px; }
.dgp-entete .dgp-menu-mobile__liste a, .dgp-entete .dgp-menu-mobile__liste a:link, .dgp-entete .dgp-menu-mobile__liste a:visited { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 48px; padding: 10px 0; border-bottom: 1px solid var(--dgp-filet-structure); font-size: 1.25rem; font-weight: 500; font-stretch: 90%; color: var(--dgp-vert-900); text-decoration: none; }
.dgp-entete .dgp-menu-mobile__liste--secondaire a, .dgp-entete .dgp-menu-mobile__liste--secondaire a:link, .dgp-entete .dgp-menu-mobile__liste--secondaire a:visited { font-size: 1.0625rem; font-weight: 400; }
@media (min-width: 1024px) {
.dgp-entete .dgp-nav { display: block; }
.dgp-entete .dgp-entete__actions { display: flex; }
.dgp-entete .dgp-menu-mobile { display: none; }
}
@media (min-width: 1280px) { .dgp-entete .dgp-entete__tel { display: inline-flex; } }
.dgp.dgp-hero { padding-block: clamp(28px, 10px + 5cqi, 72px) clamp(32px, 20px + 3cqi, 56px); overflow: clip; }
.dgp.dgp-index { padding-top: clamp(24px, 8px + 3cqi, 56px); }
:is(.dgp-hero, .dgp-ph) .dgp-hero__trame { position: absolute; inset: 0; max-width: calc(var(--dgp-conteneur) + 2 * var(--dgp-gouttiere)); margin-inline: auto; padding-inline: var(--dgp-gouttiere); pointer-events: none; }
:is(.dgp-hero, .dgp-ph) .dgp-hero__trame span { position: absolute; top: 0; bottom: 0; width: 1px; background: #E6ECDF; transform-origin: top; }
:is(.dgp-hero, .dgp-ph) .dgp-hero__trame span:nth-child(1) { left: var(--dgp-gouttiere); }
:is(.dgp-hero, .dgp-ph) .dgp-hero__trame span:nth-child(2) { left: calc(var(--dgp-gouttiere) + (100% - 2 * var(--dgp-gouttiere)) / 3); }
:is(.dgp-hero, .dgp-ph) .dgp-hero__trame span:nth-child(3) { left: calc(var(--dgp-gouttiere) + (100% - 2 * var(--dgp-gouttiere)) * 2 / 3); }
:is(.dgp-hero, .dgp-ph) .dgp-hero__trame span:nth-child(4) { right: var(--dgp-gouttiere); }
@media (max-width: 1023.98px) { :is(.dgp-hero, .dgp-ph) .dgp-hero__trame span:is(:nth-child(2), :nth-child(3)) { display: none; } }
.dgp-hero .dgp-hero__grille { position: relative; display: grid; gap: 40px; }
.dgp-hero .dgp-hero__texte { display: grid; align-content: center; gap: 22px; padding-block: 8px; }
.dgp-hero .dgp-hero__titre { font-family: var(--dgp-police-titre); font-size: var(--dgp-fs-h1); font-weight: 600; font-stretch: 78%; line-height: 0.98; letter-spacing: -0.022em; color: var(--dgp-vert-900); overflow-wrap: break-word; }
.dgp-hero .dgp-hero__ligne { display: block; }
.dgp-hero .dgp-hero__ligne--suite { font-weight: 400; color: var(--dgp-vert-600); text-wrap: balance; }
.dgp-hero .dgp-hero__titre sup { font-size: 0.42em; vertical-align: 1.15em; letter-spacing: 0; margin-left: 0.02em; }
.dgp-hero .dgp-hero__intro { font-size: var(--dgp-fs-intro); line-height: 1.5; color: var(--dgp-texte-secondaire); max-width: 46ch; }
.dgp-hero .dgp-hero__actions { display: grid; gap: 12px; margin-top: 6px; }
.dgp-hero .dgp-hero__note { font-size: var(--dgp-fs-petit); color: var(--dgp-texte-secondaire); }
.dgp-hero .dgp-hero__visuel { position: relative; }
.dgp-hero .dgp-hero__cadre { position: relative; }
.dgp-hero .dgp-hero__cadre img { position: relative; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--dgp-rayon-xs); background: var(--dgp-vert-100); }
:is(.dgp-hero, .dgp-ph) .dgp-cartouche { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin-top: -1px; border: 1px solid var(--dgp-vert-900); background: var(--dgp-blanc); font-size: 0.8125rem; line-height: 1.3; }
:is(.dgp-hero, .dgp-ph) .dgp-cartouche > div { display: grid; gap: 2px; padding: 10px 12px; border-top: 1px solid var(--dgp-gris-300); }
:is(.dgp-hero, .dgp-ph) .dgp-cartouche > div:nth-child(odd):not(:first-child) { border-left: 1px solid var(--dgp-gris-300); }
:is(.dgp-hero, .dgp-ph) .dgp-cartouche dt { font-size: 0.75rem; font-weight: 600; font-stretch: 85%; letter-spacing: 0.08em; text-transform: uppercase; color: var(--dgp-texte-secondaire); }
:is(.dgp-hero, .dgp-ph) .dgp-cartouche dd { margin: 0; font-weight: 500; color: var(--dgp-vert-900); }
:is(.dgp-hero, .dgp-ph) .dgp-cartouche .dgp-cartouche__titre { grid-column: 1 / -1; border-top: 0; background: var(--dgp-vert-900); }
:is(.dgp-hero, .dgp-ph) .dgp-cartouche .dgp-cartouche__titre dd { font-size: 0.75rem; font-weight: 600; font-stretch: 85%; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dgp-blanc); }
@media (max-width: 767.98px) { .dgp-hero .dgp-hero__cadre img { aspect-ratio: 4 / 3; object-position: 50% 62%; } }
@media (min-width: 768px) and (max-width: 1023.98px) { .dgp-hero .dgp-hero__cadre img { aspect-ratio: 3 / 2; object-position: 50% 62%; } }
@media (min-width: 600px) { .dgp-hero .dgp-hero__actions { grid-auto-flow: column; justify-content: start; } }
@media (min-width: 1024px) {
.dgp-hero .dgp-hero__grille { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(48px, 6cqi, 96px); align-items: center; }
.dgp-hero .dgp-hero__texte { gap: 28px; }
.dgp-hero .dgp-cartouche { position: absolute; left: clamp(-72px, -5cqi, -40px); bottom: 40px; width: min(360px, 94%); margin: 0; }
}
.dgp-index .dgp-index__corps { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; }
.dgp-index .dgp-index__liste { border-bottom: 1px solid var(--dgp-filet); }
.dgp-index .dgp-index__item { border-top: 1px solid var(--dgp-filet); }
.dgp-index .dgp-index__lien, .dgp-index .dgp-index__lien:link, .dgp-index .dgp-index__lien:visited { position: relative; display: grid; grid-template-columns: 72px minmax(0, 1fr) 24px; align-items: center; gap: 16px; padding-block: 16px; color: var(--dgp-vert-900); text-decoration: none; }
.dgp-index .dgp-index__num { display: none; font-size: 1rem; font-weight: 600; font-stretch: 78%; font-variant-numeric: tabular-nums; color: var(--dgp-gris-700); }
.dgp-index .dgp-index__vignette { width: 72px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--dgp-rayon-xs); background: var(--dgp-vert-100); }
.dgp-index .dgp-index__texte { display: grid; gap: 4px; }
.dgp-index .dgp-index__titre { font-size: clamp(1.25rem, 1.05rem + 1cqi, 2.125rem); font-weight: 600; font-stretch: 85%; line-height: 1.1; letter-spacing: -0.01em; overflow-wrap: break-word; }
.dgp-index .dgp-index__desc { font-size: var(--dgp-fs-petit); line-height: 1.45; color: var(--dgp-texte-secondaire); }
.dgp-index .dgp-index__desc .dgp-emplacement { margin-top: 4px; }
.dgp-index .dgp-index__fleche { color: var(--dgp-vert-600); }
.dgp-index .dgp-index__lien:hover .dgp-index__titre { color: var(--dgp-vert-600); }
.dgp-index .dgp-index__apercu { display: none; }
.dgp-index .dgp-index__suite { margin-top: 24px; font-size: var(--dgp-fs-texte); color: var(--dgp-texte-secondaire); }
@media (min-width: 1024px) {
.dgp-index .dgp-index__corps { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(48px, 7cqi, 112px); align-items: start; }
.dgp-index .dgp-index__lien, .dgp-index .dgp-index__lien:link, .dgp-index .dgp-index__lien:visited { grid-template-columns: 64px minmax(0, 1fr) 28px; padding-block: 26px; }
.dgp-index .dgp-index__num { display: block; font-size: 1.125rem; }
.dgp-index .dgp-index__vignette { display: none; }
.dgp-index .dgp-index__lien:hover .dgp-index__num, .dgp-index .dgp-index__lien:focus-visible .dgp-index__num { color: var(--dgp-vert-600); }
.dgp-index .dgp-index__lien::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: var(--dgp-vert-600); transform: scaleX(0); transform-origin: left; }
.dgp-index .dgp-index__lien:hover::after, .dgp-index .dgp-index__lien:focus-visible::after { transform: scaleX(1); }
.dgp-index .dgp-index__lien:is(:hover, :focus-visible) > :not(.dgp-index__fleche) { translate: 8px 0; }
.dgp-index .dgp-index__apercu { position: sticky; top: calc(var(--dgp-entete-h) + 32px); display: block; aspect-ratio: 4 / 5; }
.dgp-index .dgp-index__apercu img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: var(--dgp-rayon-xs); clip-path: inset(100% 0 0 0); }
.dgp-index .dgp-index__apercu img:first-of-type { clip-path: inset(0 0 0 0); }
.dgp-index .dgp-index__corps:has(.dgp-index__lien:hover, .dgp-index__lien:focus-visible) .dgp-index__apercu img:first-of-type { clip-path: inset(0 0 100% 0); }
.dgp-index .dgp-index__corps:has(.dgp-index__item:nth-child(1) .dgp-index__lien:is(:hover, :focus-visible)) .dgp-index__apercu img:nth-of-type(1),
.dgp-index .dgp-index__corps:has(.dgp-index__item:nth-child(2) .dgp-index__lien:is(:hover, :focus-visible)) .dgp-index__apercu img:nth-of-type(2),
.dgp-index .dgp-index__corps:has(.dgp-index__item:nth-child(3) .dgp-index__lien:is(:hover, :focus-visible)) .dgp-index__apercu img:nth-of-type(3),
.dgp-index .dgp-index__corps:has(.dgp-index__item:nth-child(4) .dgp-index__lien:is(:hover, :focus-visible)) .dgp-index__apercu img:nth-of-type(4),
.dgp-index .dgp-index__corps:has(.dgp-index__item:nth-child(5) .dgp-index__lien:is(:hover, :focus-visible)) .dgp-index__apercu img:nth-of-type(5),
.dgp-index .dgp-index__corps:has(.dgp-index__item:nth-child(6) .dgp-index__lien:is(:hover, :focus-visible)) .dgp-index__apercu img:nth-of-type(6) { z-index: 1; clip-path: inset(0 0 0 0); }
}
.dgp-paris .dgp-paris__suite { margin-top: -4px; }
.dgp-paris .dgp-paris__scene { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; }
.dgp-paris .dgp-coupe { position: sticky; top: var(--dgp-entete-h); z-index: 1; inline-size: calc(100% + 2 * var(--dgp-gouttiere)); translate: calc(-1 * var(--dgp-gouttiere)) 0; padding: 12px var(--dgp-gouttiere) 10px; background: var(--dgp-vert-900); border-bottom: 1px solid rgba(215, 230, 196, 0.18); }
.dgp-paris .dgp-paris__liste { position: relative; display: grid; gap: 4px; }
.dgp-paris .dgp-paris__item { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 16px; padding: 24px 0 28px; border-top: 1px solid rgba(215, 230, 196, 0.2); }
.dgp-paris .dgp-paris__item .dgp-h3 { margin-bottom: 8px; color: var(--dgp-blanc); }
.dgp-paris .dgp-paris__item p { color: var(--dgp-texte-inverse-secondaire); max-width: 54ch; }
.dgp-paris[data-etape="1"] .dgp-paris__item[data-etape="1"] .dgp-bulle,
.dgp-paris[data-etape="2"] .dgp-paris__item[data-etape="2"] .dgp-bulle,
.dgp-paris[data-etape="3"] .dgp-paris__item[data-etape="3"] .dgp-bulle,
.dgp-paris[data-etape="4"] .dgp-paris__item[data-etape="4"] .dgp-bulle,
.dgp-paris[data-etape="5"] .dgp-paris__item[data-etape="5"] .dgp-bulle { background: var(--dgp-vert-logo); color: var(--dgp-vert-900); }
@media (min-width: 1024px) {
.dgp-paris .dgp-paris__scene { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(48px, 7cqi, 112px); align-items: start; }
.dgp-paris .dgp-coupe { top: calc(var(--dgp-entete-h) + 32px); inline-size: auto; translate: none; padding: 0; border: 0; background: none; }
.dgp-paris .dgp-paris__liste { padding-block: 8vh 22vh; padding-block: 8svh 22svh; }
.dgp-paris .dgp-paris__item { min-height: 34vh; min-height: 34svh; align-content: center; padding-block: 40px; }
}
@media (max-width: 1023.98px) and (max-height: 640px) { .dgp-paris .dgp-coupe { position: relative; top: auto; } }
.dgp.dgp-appel { padding-block: clamp(40px, 24px + 4cqi, 72px); background: var(--dgp-blanc); border-top: 1px solid var(--dgp-filet); border-bottom: 1px solid var(--dgp-filet); }
.dgp-appel .dgp-appel__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: center; padding-left: 20px; border-left: 3px solid var(--dgp-vert-logo); }
.dgp-appel .dgp-appel__titre { font-size: clamp(1.375rem, 1.2rem + 0.9cqi, 2rem); font-weight: 600; font-stretch: 85%; line-height: 1.15; color: var(--dgp-vert-900); text-wrap: balance; }
.dgp-appel .dgp-appel__texte { font-size: var(--dgp-fs-texte); line-height: 1.5; color: var(--dgp-texte-secondaire); max-width: 60ch; }
.dgp-appel .dgp-btn { justify-self: start; margin-top: 6px; }
@media (min-width: 900px) {
.dgp-appel .dgp-appel__grille { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) auto; grid-template-areas: "titre texte bouton"; gap: 32px; padding-left: 28px; }
.dgp-appel .dgp-appel__titre { grid-area: titre; }
.dgp-appel .dgp-appel__texte { grid-area: texte; }
.dgp-appel .dgp-btn { grid-area: bouton; margin-top: 0; }
}
.dgp.dgp-deroule { background: var(--dgp-vert-100); }
.dgp-deroule .dgp-deroule__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.dgp-deroule .dgp-deroule__cta { justify-self: start; margin-top: 6px; }
.dgp-deroule .dgp-deroule__liste { display: grid; gap: 14px; }
.dgp-deroule .dgp-deroule__carte { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "num picto" "titre titre" "texte texte"; gap: 10px; padding: clamp(22px, 16px + 1.6cqi, 40px); background: var(--dgp-blanc); border: 1px solid var(--dgp-gris-200); border-radius: var(--dgp-rayon); }
.dgp-deroule .dgp-deroule__num { grid-area: num; font-family: var(--dgp-police-titre); font-size: clamp(3rem, 2.4rem + 2.6cqi, 5.5rem); font-weight: 700; font-stretch: 78%; line-height: 0.85; color: var(--dgp-vert-600); }
.dgp-deroule .dgp-deroule__picto { grid-area: picto; color: var(--dgp-vert-600); }
.dgp-deroule .dgp-deroule__carte .dgp-h3 { grid-area: titre; margin-top: 10px; }
.dgp-deroule .dgp-deroule__carte p { grid-area: texte; color: var(--dgp-texte-secondaire); max-width: 56ch; }
@media (max-width: 1023.98px) {
.dgp-deroule .dgp-deroule__liste { gap: 0; border-bottom: 1px solid var(--dgp-gris-300); }
.dgp-deroule .dgp-deroule__carte { grid-template-columns: 56px minmax(0, 1fr); grid-template-areas: "num titre" "num texte"; gap: 6px 14px; padding: 22px 0; background: none; border: 0; border-top: 1px solid var(--dgp-gris-300); border-radius: 0; }
.dgp-deroule .dgp-deroule__num { font-size: 3rem; color: var(--dgp-vert-600); -webkit-text-stroke: 0; }
.dgp-deroule .dgp-deroule__picto { display: none; }
.dgp-deroule .dgp-deroule__carte .dgp-h3 { margin-top: 2px; }
}
@media (min-width: 1024px) {
.dgp-deroule .dgp-deroule__grille { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(48px, 7cqi, 112px); align-items: start; }
.dgp-deroule .dgp-deroule__tete { position: sticky; top: calc(var(--dgp-entete-h) + 40px); }
.dgp-deroule .dgp-deroule__liste { gap: 0; padding-bottom: 8vh; padding-bottom: 8svh; }
.dgp-deroule .dgp-deroule__carte { position: sticky; top: calc(var(--dgp-entete-h) + 40px + var(--i) * 20px); min-height: 280px; margin-bottom: 12vh; margin-bottom: 12svh; align-content: start; }
.dgp-deroule .dgp-deroule__carte:last-child { margin-bottom: 0; }
}
.dgp-sv .dgp-sv__titre { max-width: 15ch; }
.dgp-sv .dgp-sv__corps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }
.dgp-sv .dgp-sv__filieres { position: relative; display: grid; gap: 28px; }
.dgp-sv .dgp-sv__filieres::before { content: ""; position: absolute; left: 14.5px; top: 30px; bottom: 30px; width: 1px; background: var(--dgp-vert-logo); transform-origin: top; }
.dgp-sv .dgp-sv__filiere { position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 18px; }
.dgp-sv .dgp-sv__filiere .dgp-bulle { border-color: var(--dgp-vert-600); color: var(--dgp-vert-900); }
.dgp-sv .dgp-sv__filiere .dgp-h3 { display: flex; align-items: center; gap: 10px; margin: 2px 0 8px; }
.dgp-sv .dgp-sv__filiere .dgp-h3 .dgp-icone { color: var(--dgp-vert-600); }
.dgp-sv .dgp-sv__filiere p { color: var(--dgp-texte-secondaire); max-width: 52ch; }
.dgp-sv .dgp-sv__photos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.dgp-sv .dgp-sv__photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--dgp-rayon-xs); background: var(--dgp-vert-100); }
.dgp-sv .dgp-sv__photo--a { grid-column: 1 / -1; }
.dgp-sv .dgp-sv__photo--a img { aspect-ratio: 3 / 2; }
.dgp-sv .dgp-sv__photo--c { padding-top: 24px; }
.dgp-sv .dgp-sv__suite { margin-top: 20px; }
@media (min-width: 768px) {
.dgp-sv .dgp-sv__photos { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); grid-template-rows: auto auto; }
.dgp-sv .dgp-sv__photo--a { grid-column: 1; grid-row: 1 / span 2; }
.dgp-sv .dgp-sv__photo--a img { aspect-ratio: 4 / 5; }
.dgp-sv .dgp-sv__photo--b { padding-top: 64px; }
.dgp-sv .dgp-sv__photo--c { padding-top: 0; }
}
@media (min-width: 1024px) {
.dgp-sv .dgp-sv__corps { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(48px, 7cqi, 112px); align-items: start; }
.dgp-sv .dgp-sv__photo--a img { aspect-ratio: 3 / 4; }
.dgp-sv .dgp-sv__photo--b { padding-top: 0; }
.dgp-sv .dgp-sv__photo:is(.dgp-sv__photo--b, .dgp-sv__photo--c) img { aspect-ratio: 4 / 3; }
}
.dgp-bilan .dgp-bilan__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }
.dgp-bilan .dgp-bilan__tete { margin-bottom: 0; }
.dgp-bilan .dgp-tete__intro { color: var(--dgp-gris-700); }
.dgp-bilan .dgp-bilan__points { display: grid; gap: 10px; margin-top: 8px; }
.dgp-bilan .dgp-bilan__points li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; color: var(--dgp-vert-900); }
.dgp-bilan .dgp-bilan__points .dgp-icone { margin-top: 2px; color: var(--dgp-vert-600); }
.dgp-bilan .dgp-feuille { display: flex; flex-direction: column; max-width: 560px; }
.dgp-bilan .dgp-feuille__legende { order: 2; margin-top: 30px; color: var(--dgp-gris-700); }
.dgp-bilan .dgp-feuille__pile { position: relative; order: 1; }
.dgp-bilan .dgp-feuille__pile::before { content: ""; position: absolute; inset: 10px -10px -10px 10px; background: var(--dgp-blanc); border: 1px solid var(--dgp-gris-200); border-radius: var(--dgp-rayon-xs); rotate: 1.4deg; }
.dgp-bilan .dgp-feuille__papier { position: relative; padding: clamp(22px, 16px + 2cqi, 40px); background: var(--dgp-blanc); border: 1px solid var(--dgp-gris-300); border-radius: var(--dgp-rayon-xs); }
.dgp-bilan .dgp-feuille__entete { display: grid; gap: 4px; padding-bottom: 18px; margin-bottom: 6px; border-bottom: 2px solid var(--dgp-vert-900); }
.dgp-bilan .dgp-feuille__marque { font-size: 0.75rem; font-weight: 600; font-stretch: 78%; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dgp-vert-700); }
.dgp-bilan .dgp-feuille__titre { font-size: clamp(1.5rem, 1.3rem + 1cqi, 2rem); font-weight: 700; font-stretch: 78%; line-height: 1.05; color: var(--dgp-vert-900); }
.dgp-bilan .dgp-feuille__sous-titre { font-size: 0.875rem; color: var(--dgp-texte-secondaire); }
.dgp-bilan .dgp-feuille__lignes { display: grid; }
.dgp-bilan .dgp-feuille__ligne { position: relative; display: grid; gap: 6px; padding: 12px 0; }
.dgp-bilan .dgp-feuille__ligne::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 0; border-bottom: 1px dashed var(--dgp-gris-300); transform-origin: left; }
.dgp-bilan .dgp-feuille__ligne dt { display: flex; align-items: center; gap: 8px; font-size: 0.8125rem; font-weight: 500; color: var(--dgp-texte-secondaire); }
.dgp-bilan .dgp-feuille__ligne dt .dgp-icone { color: var(--dgp-vert-600); }
.dgp-bilan .dgp-feuille__ligne dd { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 0.875rem; color: var(--dgp-texte-secondaire); }
.dgp-bilan .dgp-feuille__valeur { display: inline-block; width: 78%; height: 12px; border-radius: 2px; background: repeating-linear-gradient(135deg, var(--dgp-gris-200) 0 5px, transparent 5px 9px); transform-origin: left; }
.dgp-bilan .dgp-feuille__valeur--court { width: 32%; }
.dgp-bilan .dgp-feuille__pied { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 18px; font-size: 0.8125rem; color: var(--dgp-texte-secondaire); }
.dgp-bilan .dgp-feuille__piece { display: inline-flex; align-items: center; gap: 6px; }
.dgp-bilan .dgp-feuille__remis { display: inline-flex; align-items: center; gap: 8px; min-width: 160px; }
.dgp-bilan .dgp-feuille__remis .dgp-feuille__valeur { width: 90px; }
@media (min-width: 1024px) { .dgp-bilan .dgp-bilan__grille { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(48px, 7cqi, 112px); align-items: center; } .dgp-bilan .dgp-feuille { justify-self: end; width: 100%; } }
.dgp-estim .dgp-estim__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 48px; }
.dgp-estim .dgp-facteurs { display: grid; border-top: 1px solid var(--dgp-gris-300); }
.dgp-estim .dgp-facteurs li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--dgp-gris-300); color: var(--dgp-texte-secondaire); }
.dgp-estim .dgp-facteurs .dgp-icone { color: var(--dgp-vert-600); }
.dgp-estim .dgp-facteurs strong { font-weight: 600; color: var(--dgp-vert-900); }
.dgp-estim .dgp-estim__suite { margin-top: 16px; }
.dgp-estim .dgp-demarrage { align-self: start; padding: clamp(22px, 16px + 2cqi, 40px); background: var(--dgp-blanc); border: 1px solid var(--dgp-gris-300); border-radius: var(--dgp-rayon); container-type: inline-size; }
.dgp-estim .dgp-demarrage__progression { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-bottom: 18px; }
.dgp-estim .dgp-demarrage__progression span { position: relative; height: 26px; border-top: 3px solid var(--dgp-gris-200); font-size: 0.75rem; font-weight: 600; font-stretch: 85%; padding-top: 4px; color: var(--dgp-gris-700); }
.dgp-estim .dgp-demarrage__progression span.is-active { border-top-color: var(--dgp-vert-600); color: var(--dgp-vert-900); }
.dgp-estim .dgp-demarrage__question { margin: 8px 0 18px; font-size: clamp(1.5rem, 1.3rem + 0.9cqi, 2rem); font-weight: 600; font-stretch: 85%; line-height: 1.1; color: var(--dgp-vert-900); }
.dgp-estim .dgp-demarrage__choix { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: 10px; }
.dgp-estim .dgp-demarrage__choix a, .dgp-estim .dgp-demarrage__choix a:link, .dgp-estim .dgp-demarrage__choix a:visited { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 12px 16px; border: 1px solid var(--dgp-gris-500); border-radius: var(--dgp-rayon); font-weight: 500; color: var(--dgp-vert-900); text-decoration: none; overflow-wrap: break-word; transition: background-color var(--dgp-duree-courte), border-color var(--dgp-duree-courte); }
.dgp-estim .dgp-demarrage__choix a::after { content: ""; flex: none; width: 8px; height: 8px; margin-left: auto; border-top: 2px solid var(--dgp-vert-600); border-right: 2px solid var(--dgp-vert-600); rotate: 45deg; }
.dgp-estim .dgp-demarrage__choix a:hover { background: var(--dgp-vert-100); border-color: var(--dgp-vert-600); }
.dgp-estim .dgp-demarrage__choix .dgp-icone { color: var(--dgp-vert-600); }
.dgp-estim .dgp-demarrage__pro { grid-column: 1 / -1; margin-top: 8px; padding-top: 18px; border-top: 1px dashed var(--dgp-gris-300); }
.dgp-estim .dgp-demarrage__note { display: flex; gap: 8px; margin-top: 18px; font-size: 0.875rem; line-height: 1.45; color: var(--dgp-texte-secondaire); }
.dgp-estim .dgp-demarrage__note .dgp-icone { margin-top: 2px; color: var(--dgp-vert-600); }
@media (min-width: 1024px) { .dgp-estim .dgp-estim__grille { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(48px, 7cqi, 112px); } .dgp-estim .dgp-demarrage { position: sticky; top: calc(var(--dgp-entete-h) + 32px); } }
.dgp-pros .dgp-pros__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.dgp-pros .dgp-pros__actions .dgp-lien { display: inline-block; padding-block: 12px; }
.dgp-zone .dgp-zone__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }
.dgp-zone .dgp-zone__tete { margin-bottom: 0; }
.dgp-zone .dgp-plan { max-width: 640px; margin: 0; }
.dgp-zone .dgp-plan__svg { display: block; width: 100%; height: auto; font-family: var(--dgp-police); overflow: visible; }
.dgp-zone .dgp-plan__limite { fill: var(--dgp-vert-100); stroke: var(--dgp-gris-300); stroke-width: 1.5; }
.dgp-zone .dgp-plan__seine { fill: none; stroke: var(--dgp-blanc); stroke-width: 9; stroke-linecap: round; }
.dgp-zone .dgp-plan__escargot { fill: none; stroke: var(--dgp-vert-logo); stroke-width: 1.5; stroke-dasharray: 1; stroke-dashoffset: 0; stroke-linejoin: round; }
.dgp-zone .dgp-plan__arr circle { fill: var(--dgp-vert-600); stroke: var(--dgp-blanc); stroke-width: 1.5; }
.dgp-zone .dgp-plan__arr text { fill: var(--dgp-blanc); font-size: 10px; font-weight: 600; font-stretch: 78%; text-anchor: middle; }
.dgp-zone .dgp-zone__couronne { margin-top: 4px; }
@media (min-width: 1024px) { .dgp-zone .dgp-zone__grille { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(48px, 7cqi, 112px); align-items: center; } }
.dgp-faq .dgp-faq__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.dgp-faq .dgp-faq__liste { border-bottom: 1px solid var(--dgp-gris-300); interpolate-size: allow-keywords; }
.dgp-faq .dgp-faq__item { border-top: 1px solid var(--dgp-gris-300); }
.dgp-faq .dgp-faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 64px; padding: 18px 0; font-size: clamp(1.0625rem, 1rem + 0.35cqi, 1.3125rem); font-weight: 500; line-height: 1.3; color: var(--dgp-vert-900); cursor: pointer; list-style: none; }
.dgp-faq .dgp-faq__item summary::-webkit-details-marker { display: none; }
.dgp-faq .dgp-faq__item summary:hover { color: var(--dgp-vert-700); }
.dgp-faq .dgp-faq__signe { position: relative; flex: none; width: 28px; height: 28px; border: 1px solid var(--dgp-gris-500); border-radius: 50%; transition: background-color var(--dgp-duree), border-color var(--dgp-duree); }
.dgp-faq .dgp-faq__signe::before, .dgp-faq .dgp-faq__signe::after { content: ""; position: absolute; top: 50%; left: 50%; width: 11px; height: 1.5px; translate: -50% -50%; background: var(--dgp-vert-900); transition: rotate var(--dgp-duree) var(--dgp-courbe); }
.dgp-faq .dgp-faq__signe::after { rotate: 90deg; }
.dgp-faq .dgp-faq__item[open] .dgp-faq__signe { background: var(--dgp-vert-600); border-color: var(--dgp-vert-600); }
.dgp-faq .dgp-faq__item[open] .dgp-faq__signe::before, .dgp-faq .dgp-faq__item[open] .dgp-faq__signe::after { background: var(--dgp-blanc); }
.dgp-faq .dgp-faq__item[open] .dgp-faq__signe::after { rotate: 0deg; }
.dgp-faq .dgp-faq__reponse { padding: 0 48px 22px 0; color: var(--dgp-texte-secondaire); max-width: 68ch; }
@media (min-width: 1024px) { .dgp-faq .dgp-faq__grille { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(48px, 7cqi, 112px); align-items: start; } .dgp-faq .dgp-faq__tete { position: sticky; top: calc(var(--dgp-entete-h) + 40px); } }
@media (forced-colors: active) { .dgp-faq .dgp-faq__signe::before, .dgp-faq .dgp-faq__signe::after { forced-color-adjust: none; background: CanvasText; } }
.dgp.dgp-final { background: var(--dgp-vert-800); color: var(--dgp-blanc); overflow: clip; }
.dgp-final .dgp-final__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }
.dgp-final .dgp-final__texte { display: grid; gap: 20px; align-content: center; }
.dgp-final .dgp-final__texte .dgp-h2 { max-width: 14ch; font-size: clamp(2.25rem, 1.5rem + 3.4cqi, 4.5rem); }
.dgp-final .dgp-final__actions { display: grid; gap: 12px; margin-top: 8px; }
.dgp-final .dgp-final__visuel img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--dgp-rayon-xs); }
@media (max-width: 1023.98px) { .dgp-final .dgp-final__visuel { display: none; } }
@media (min-width: 600px) { .dgp-final .dgp-final__actions { grid-auto-flow: column; justify-content: start; } }
@media (min-width: 1024px) { .dgp-final .dgp-final__grille { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(48px, 7cqi, 112px); align-items: center; } }
.dgp.dgp-pied { container-type: inline-size; padding-block: 56px 32px; background: var(--dgp-vert-900); color: var(--dgp-texte-inverse-secondaire); border-top: 1px solid rgba(215, 230, 196, 0.16); font-size: var(--dgp-fs-petit); }
.dgp-pied .dgp-pied__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; }
.dgp-pied .dgp-marque__lettres, .dgp-pied .dgp-marque__fauteuil { height: 30px; }
.dgp-pied .dgp-pied__accroche { margin-top: 14px; max-width: 30ch; }
.dgp-pied .dgp-pied__liste { display: grid; margin-top: 8px; }
.dgp-pied .dgp-pied__liste li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 44px; }
.dgp.dgp-pied a, .dgp.dgp-pied a:link, .dgp.dgp-pied a:visited { color: var(--dgp-blanc); text-decoration: none; }
.dgp-pied .dgp-pied__liste a { display: inline-flex; align-items: center; min-height: 44px; }
.dgp.dgp-pied a:hover { color: var(--dgp-vert-logo); text-decoration: underline; text-underline-offset: 3px; }
.dgp-pied .dgp-pied__bas { display: grid; gap: 8px; margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(215, 230, 196, 0.16); font-size: 0.8125rem; }
.dgp-pied .dgp-pied__bas a { display: inline-block; padding-block: 12px; }
@media (min-width: 768px) { .dgp-pied .dgp-pied__grille { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dgp-pied .dgp-pied__bas { grid-template-columns: minmax(0, 1fr) auto; align-items: center; } }
@media (min-width: 1024px) { .dgp-pied .dgp-pied__grille { grid-template-columns: 1.4fr 1fr 1fr 1fr; } }
.dgp.dgp-barre { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: var(--dgp-blanc); border-top: 1px solid var(--dgp-filet-structure); }
.dgp-barre .dgp-btn { min-height: 50px; }
.dgp-barre .dgp-barre__tel { padding-inline: 16px; }
.dgp.dgp-barre.is-masquee { visibility: hidden; translate: 0 110%; }
@media (min-width: 1024px) { .dgp.dgp-barre { display: none; } }
@property --dgp-pos { syntax: "<percentage>"; inherits: true; initial-value: 50%; }
.dgp-avap .dgp-avap__tete { margin-bottom: clamp(28px, 16px + 3cqi, 48px); }
.dgp-avap .dgp-comparateur { margin: 0; }
.dgp-avap .dgp-comparateur__zone { --dgp-pos: 50%; position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--dgp-rayon); background: var(--dgp-gris-200); touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.dgp-avap .dgp-comparateur__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.dgp-avap .dgp-comparateur__avant { position: absolute; inset: 0; clip-path: inset(0 calc(100% - var(--dgp-pos)) 0 0); }
.dgp-avap .dgp-comparateur__poignee { position: absolute; top: 0; bottom: 0; left: var(--dgp-pos); width: 3px; margin-left: -1.5px; background: var(--dgp-blanc); pointer-events: none; }
.dgp-avap .dgp-comparateur__poignee span { position: absolute; top: 50%; left: 50%; width: 56px; height: 56px; translate: -50% -50%; border-radius: 50%; background: var(--dgp-blanc); box-shadow: 0 6px 20px rgba(38, 55, 26, 0.28); }
.dgp-avap .dgp-comparateur__poignee span::before, .dgp-avap .dgp-comparateur__poignee span::after { content: ""; position: absolute; top: 50%; translate: 0 -50%; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.dgp-avap .dgp-comparateur__poignee span::before { left: 14px; border-right: 8px solid var(--dgp-vert-900); }
.dgp-avap .dgp-comparateur__poignee span::after { right: 14px; border-left: 8px solid var(--dgp-vert-900); }
.dgp-avap .dgp-comparateur__etiquette { position: absolute; z-index: 1; top: 14px; padding: 6px 12px; background: var(--dgp-blanc); border-radius: var(--dgp-rayon-xs); font-size: 0.8125rem; font-weight: 600; font-stretch: 85%; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dgp-vert-900); pointer-events: none; }
.dgp-avap .dgp-comparateur__etiquette--avant { left: 14px; }
.dgp-avap .dgp-comparateur__etiquette--apres { right: 14px; }
.dgp-avap .dgp-comparateur__curseur { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; -webkit-appearance: none; appearance: none; background: transparent; }
.dgp-avap .dgp-comparateur__curseur::-webkit-slider-thumb { -webkit-appearance: none; width: 56px; height: 100vh; }
.dgp-avap .dgp-comparateur__curseur::-moz-range-thumb { width: 56px; height: 100%; border: 0; }
.dgp-avap .dgp-comparateur__zone:has(.dgp-comparateur__curseur:focus-visible) .dgp-comparateur__poignee span { outline: 3px solid var(--dgp-vert-900); outline-offset: 2px; }
.dgp-avap .dgp-avap__suite { margin-top: 28px; }
@media (min-width: 768px) { .dgp-avap .dgp-comparateur__zone { aspect-ratio: 3 / 2; } }
@media (min-width: 1024px) { .dgp-avap .dgp-comparateur__zone { aspect-ratio: 16 / 9; } }
html:not(.dgp-js) .dgp-avap .dgp-comparateur__zone { display: grid; grid-template-columns: 1fr 1fr; aspect-ratio: auto; }
html:not(.dgp-js) .dgp-avap :is(.dgp-comparateur__zone > .dgp-comparateur__img, .dgp-comparateur__avant, .dgp-comparateur__avant .dgp-comparateur__img) { position: relative; inset: auto; clip-path: none; aspect-ratio: 3 / 2; }
html:not(.dgp-js) .dgp-avap .dgp-comparateur__zone > .dgp-comparateur__img { order: 2; }
html:not(.dgp-js) .dgp-avap .dgp-comparateur__avant { order: 1; }
html:not(.dgp-js) .dgp-avap :is(.dgp-comparateur__poignee, .dgp-comparateur__curseur) { display: none; }
.dgp-entete .dgp-nav, .dgp-entete .dgp-nav__liste { height: 100%; }
.dgp-entete .dgp-nav__item { display: flex; align-items: center; height: 100%; }
.dgp-entete .dgp-nav__item--mega { position: static; }
.dgp-entete .dgp-nav__bouton { border: 0; background: none; font-family: inherit; }
.dgp-entete .dgp-nav__bouton .dgp-icone { transition: rotate var(--dgp-duree) var(--dgp-courbe); }
.dgp-entete .dgp-mega { position: absolute; left: 0; right: 0; top: 100%; z-index: 110; visibility: hidden; opacity: 0; background: var(--dgp-blanc); border-top: 1px solid var(--dgp-filet-structure); border-bottom: 1px solid var(--dgp-filet-structure); box-shadow: var(--dgp-ombre-menu); }
.dgp-entete .dgp-nav__item--mega:hover .dgp-mega, .dgp-entete .dgp-nav__item--mega.is-ouvert .dgp-mega { visibility: visible; opacity: 1; }
html:not(.dgp-js) .dgp-entete .dgp-nav__item--mega:focus-within .dgp-mega { visibility: visible; opacity: 1; }
.dgp-entete .dgp-nav__item--mega:hover .dgp-nav__bouton .dgp-icone, .dgp-entete .dgp-nav__item--mega.is-ouvert .dgp-nav__bouton .dgp-icone { rotate: 180deg; }
.dgp-entete .dgp-mega__interieur { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; max-width: calc(var(--dgp-conteneur) + 2 * var(--dgp-gouttiere)); margin-inline: auto; padding: 28px var(--dgp-gouttiere) 32px; }
.dgp-entete .dgp-mega__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dgp .dgp-mega__lien, .dgp .dgp-mega__lien:link, .dgp .dgp-mega__lien:visited, .dgp .dgp-menu-mobile__service, .dgp .dgp-menu-mobile__service:link, .dgp .dgp-menu-mobile__service:visited { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 14px; padding: 14px 16px; border-top: 2px solid var(--dgp-gris-200); border-radius: var(--dgp-rayon-xs); background: #F7F9F4; color: var(--dgp-vert-900); text-decoration: none; transition: background-color var(--dgp-duree-courte), border-color var(--dgp-duree-courte); }
.dgp .dgp-mega__lien:hover, .dgp .dgp-menu-mobile__service:hover { background: var(--dgp-vert-100); border-top-color: var(--dgp-vert-600); }
.dgp .dgp-mega__picto { display: grid; place-items: center; width: 44px; height: 44px; color: var(--dgp-vert-600); }
.dgp .dgp-mega__picto .dgp-icone { width: 30px; height: 30px; }
.dgp .dgp-mega__texte { display: grid; gap: 2px; }
.dgp .dgp-mega__titre { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 1rem; font-weight: 600; line-height: 1.25; }
.dgp .dgp-mega__desc { font-size: 0.875rem; line-height: 1.35; color: var(--dgp-texte-secondaire); }
.dgp-entete .dgp-mega__appel { display: grid; align-content: start; gap: 10px; padding: 22px; border-radius: var(--dgp-rayon); background: var(--dgp-vert-900); color: var(--dgp-blanc); }
.dgp-entete .dgp-mega__appel-titre { font-family: var(--dgp-police-titre); font-size: 1.375rem; font-weight: 600; font-stretch: 85%; line-height: 1.15; }
.dgp-entete .dgp-mega__appel-texte { font-size: 0.9375rem; line-height: 1.45; color: var(--dgp-texte-inverse-secondaire); }
.dgp-entete .dgp-mega__appel .dgp-btn { justify-self: start; margin-top: 6px; }
.dgp-entete .dgp-menu-mobile__services { display: grid; gap: 8px; margin-bottom: 14px; }
.dgp.dgp-pros { background: var(--dgp-blanc); }
.dgp-pros .dgp-pros__bandeau { position: relative; overflow: hidden; border-radius: 12px; background: var(--dgp-vert-900); color: var(--dgp-blanc); isolation: isolate; }
.dgp-pros .dgp-pros__fond { position: absolute; inset: 0; z-index: -1; }
.dgp-pros .dgp-pros__fond img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 50%; }
.dgp-pros .dgp-pros__fond::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(38, 55, 26, 0.35) 0%, rgba(38, 55, 26, 0.86) 34%, var(--dgp-vert-900) 58%); }
.dgp-pros .dgp-pros__contenu { display: grid; gap: 18px; max-width: 660px; padding: clamp(180px, 40cqi, 260px) clamp(22px, 14px + 3cqi, 56px) clamp(28px, 18px + 3cqi, 56px); }
.dgp-pros .dgp-pros__intro { font-size: var(--dgp-fs-texte); line-height: 1.55; color: var(--dgp-texte-inverse-secondaire); max-width: 60ch; }
.dgp-pros .dgp-pros__cibles { display: flex; flex-wrap: wrap; gap: 10px; margin: 4px 0 6px; border: 0; }
.dgp .dgp-pros__cible, .dgp .dgp-pros__cible:link, .dgp .dgp-pros__cible:visited { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 999px; background: rgba(38, 55, 26, 0.55); color: var(--dgp-blanc); font-size: 0.9375rem; font-weight: 600; text-decoration: none; transition: background-color var(--dgp-duree-courte), border-color var(--dgp-duree-courte); }
.dgp .dgp-pros__cible:hover { background: var(--dgp-vert-700); border-color: var(--dgp-blanc); }
@media (min-width: 900px) {
.dgp-pros .dgp-pros__fond::after { background: linear-gradient(90deg, var(--dgp-vert-900) 0%, var(--dgp-vert-900) 38%, rgba(38, 55, 26, 0.82) 55%, rgba(38, 55, 26, 0.25) 100%); }
.dgp-pros .dgp-pros__contenu { padding: clamp(40px, 28px + 3cqi, 72px) clamp(32px, 20px + 3cqi, 64px); }
}
.dgp .dgp-marque--encadre { padding: 12px 18px 10px; border-radius: 12px; background: var(--dgp-blanc); }
.dgp-pied .dgp-marque--encadre .dgp-marque__mention { color: var(--dgp-marron-logo); }
.dgp-paris .dgp-coupe__plan { position: relative; width: fit-content; margin-inline: auto; }
.dgp-paris .dgp-coupe__image { display: block; width: auto; height: 42vh; height: 42svh; max-height: 440px; aspect-ratio: 2 / 3; border-radius: var(--dgp-rayon); background: #F5F1E8; }
.dgp-paris .dgp-coupe__repere { position: absolute; left: var(--x); top: var(--y); translate: -50% -50%; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--dgp-blanc); border: 2px solid var(--dgp-vert-900); font-size: 0.875rem; font-weight: 700; font-stretch: 85%; line-height: 1; color: var(--dgp-vert-900); box-shadow: 0 2px 8px rgba(38, 55, 26, 0.35); }
.dgp-paris[data-etape="1"] .dgp-coupe__repere[data-zone="1"],
.dgp-paris[data-etape="2"] .dgp-coupe__repere[data-zone="2"],
.dgp-paris[data-etape="3"] .dgp-coupe__repere[data-zone="3"],
.dgp-paris[data-etape="4"] .dgp-coupe__repere[data-zone="4"],
.dgp-paris[data-etape="5"] .dgp-coupe__repere[data-zone="5"] { background: var(--dgp-vert-logo); border-color: var(--dgp-blanc); color: var(--dgp-blanc); }
@media (min-width: 1024px) {
.dgp-paris .dgp-coupe__image { height: min(calc(100vh - var(--dgp-entete-h) - 120px), 760px); height: min(calc(100svh - var(--dgp-entete-h) - 120px), 760px); max-height: none; }
.dgp-paris .dgp-coupe__repere { width: 34px; height: 34px; font-size: 1rem; }
}
.dgp .dgp-ariane ol { display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 0; padding: 0; list-style: none; font-size: 0.8125rem; line-height: 1.4; color: var(--dgp-texte-secondaire); }
.dgp .dgp-ariane li + li::before { content: "/"; margin-right: 8px; color: var(--dgp-gris-500); }
.dgp .dgp-ariane a, .dgp .dgp-ariane a:link, .dgp .dgp-ariane a:visited { color: var(--dgp-lien); text-decoration: underline; text-underline-offset: 3px; }
.dgp.dgp-ph { isolation: isolate; padding-block: clamp(24px, 8px + 4cqi, 56px) clamp(40px, 24px + 4cqi, 88px); overflow: clip; }
.dgp-ph .dgp-ph__grille { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; }
.dgp-ph .dgp-ph__texte { display: grid; align-content: start; gap: 18px; }
.dgp-ph .dgp-ph__titre { font-family: var(--dgp-police-titre); font-size: clamp(2.375rem, 1.55rem + 3.5cqi, 4.25rem); font-weight: 600; font-stretch: 78%; line-height: 1; letter-spacing: -0.02em; color: var(--dgp-vert-900); text-wrap: balance; overflow-wrap: break-word; max-width: 17ch; }
.dgp-ph .dgp-ph__ligne { display: block; }
.dgp-ph .dgp-ph__suite { font-weight: 400; color: var(--dgp-vert-600); }
.dgp-ph .dgp-ph__intro { font-size: var(--dgp-fs-intro); line-height: 1.5; color: var(--dgp-texte-secondaire); max-width: 52ch; }
.dgp-ph .dgp-ph__points { display: none; flex-wrap: wrap; gap: 8px; }
.dgp-ph .dgp-ph__tel { display: none; align-items: flex-start; gap: 10px; font-size: var(--dgp-fs-petit); line-height: 1.5; }
.dgp-ph .dgp-ph__tel .dgp-icone { flex: none; margin-top: 1px; color: var(--dgp-vert-logo); }
.dgp-ph .dgp-ph__actions { display: grid; gap: 12px; margin-top: 6px; }
.dgp-ph .dgp-ph__note { font-size: var(--dgp-fs-petit); color: var(--dgp-texte-secondaire); }
.dgp-ph .dgp-ph__visuel { position: relative; margin: 0; }
.dgp-ph .dgp-ph__cadre img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: var(--dgp-fond-x, 62%) 50%; border-radius: var(--dgp-rayon-xs); background: var(--dgp-vert-100); }
.dgp-ph :is(.dgp-ph__simulateur, .dgp-ph__formulaire) { align-self: start; scroll-margin-top: calc(var(--dgp-entete-h) + 16px); border-radius: var(--dgp-rayon); background: var(--dgp-blanc); box-shadow: 0 22px 48px -18px rgba(38, 55, 26, 0.28); }
.dgp :is(.dgp-ph__simulateur, .dgp-ph__formulaire, .dgp-simsec__cadre):not(.dgpe-cadre) { display: grid; gap: 12px; padding: clamp(22px, 4vw, 36px); border: 1px solid var(--dgp-gris-300); border-radius: var(--dgp-rayon); background: var(--dgp-blanc); }
.dgp .dgp-ph__repli-titre { font-size: 1.375rem; font-weight: 600; font-stretch: 85%; color: var(--dgp-vert-900); }
.dgp .dgp-ph__repli-texte { color: var(--dgp-texte-secondaire); }
.dgp :is(.dgp-ph__simulateur, .dgp-ph__formulaire, .dgp-simsec__cadre):not(.dgpe-cadre) .dgp-btn { justify-self: start; }
@media (min-width: 600px) { .dgp-ph .dgp-ph__actions { grid-auto-flow: column; justify-content: start; } }
@media (min-width: 768px) and (max-width: 1023.98px) { .dgp-ph .dgp-ph__cadre img { aspect-ratio: 3 / 2; } }
@media (min-width: 1024px) {
.dgp.dgp-ph { background: var(--dgp-vert-900); }
.dgp-ph :is(.dgp-hero__trame, .dgp-cartouche, .dgp-ph__actions, .dgp-ph__note) { display: none; }
.dgp-ph .dgp-ph__grille { position: static; }
.dgp-ph .dgp-ph__visuel { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.dgp-ph .dgp-ph__cadre { height: 100%; }
.dgp-ph .dgp-ph__cadre img { height: 100%; max-width: none; aspect-ratio: auto; border-radius: 0; object-position: var(--dgp-fond-x, 72%) 50%; }
.dgp-ph .dgp-ph__visuel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20, 31, 13, 0.9) 0%, rgba(20, 31, 13, 0.8) 45%, rgba(20, 31, 13, 0.56) 100%); }
.dgp-ph .dgp-ph__texte { padding-top: 8px; color: var(--dgp-blanc); }
.dgp-ph .dgp-ph__titre { color: var(--dgp-blanc); }
.dgp-ph .dgp-ph__suite { color: var(--dgp-vert-logo); }
.dgp-ph .dgp-ph__intro { color: var(--dgp-texte-inverse-secondaire); }
.dgp-ph .dgp-ariane ol { color: var(--dgp-texte-inverse-secondaire); }
.dgp-ph .dgp-ariane li + li::before { color: rgba(215, 230, 196, 0.6); }
.dgp-ph .dgp-ariane a, .dgp-ph .dgp-ariane a:link, .dgp-ph .dgp-ariane a:visited { color: var(--dgp-blanc); }
.dgp-ph .dgp-ph__texte .dgp-annotation { color: var(--dgp-texte-inverse-secondaire); }
.dgp-ph .dgp-ph__texte .dgp-repere::after { background: rgba(215, 230, 196, 0.35); }
.dgp-ph .dgp-ph__texte :is(.dgp-factice, .dgp-emplacement) { border-color: var(--dgp-marron-100); background: none; color: var(--dgp-marron-100); }
.dgp-ph .dgp-ph__texte :focus-visible { outline-color: var(--dgp-blanc); box-shadow: 0 0 0 2px var(--dgp-vert-900); }
.dgp-ph .dgp-ph__texte .dgp-lien, .dgp-ph .dgp-ph__texte .dgp-lien:link, .dgp-ph .dgp-ph__texte .dgp-lien:visited { color: var(--dgp-blanc); }
.dgp-ph .dgp-ph__texte .dgp-lien:hover { color: var(--dgp-vert-logo); }
.dgp-ph .dgp-ph__points { display: flex; }
.dgp-ph .dgp-ph__points li { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 6px 14px 6px 10px; border: 1px solid rgba(215, 230, 196, 0.35); border-radius: 999px; background: rgba(255, 255, 255, 0.08); font-size: 0.875rem; font-weight: 500; line-height: 1.25; color: var(--dgp-blanc); }
.dgp-ph .dgp-ph__points .dgp-icone { flex: none; width: 18px; height: 18px; color: var(--dgp-vert-logo); }
.dgp-ph .dgp-ph__tel { display: flex; color: var(--dgp-texte-inverse-secondaire); }
.dgp-ph :is(.dgp-ph__simulateur, .dgp-ph__formulaire) { box-shadow: 0 28px 64px -24px rgba(0, 0, 0, 0.6); }
.dgp-ph:is(.dgp-ph--simulateur, .dgp-ph--formulaire) .dgp-ph__grille { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 5cqi, 64px); }
.dgp.dgp-ph--seul { display: grid; align-content: center; min-height: 440px; }
.dgp.dgp-ph:is(.dgp-ph--simulateur, .dgp-ph--formulaire) { padding-block: 28px 48px; }
.dgp-ph :is(.dgp-ph__simulateur, .dgp-ph__formulaire).dgpe-cadre { padding: 24px 28px 26px; }
.dgp-ph .dgpe .dgpe__tete { margin-bottom: 14px; }
.dgp-ph .dgpe .dgpe__titre { margin-bottom: 4px; font-size: 1.25rem; }
.dgp-ph .dgpe .dgpe__progression { margin-bottom: 6px; }
.dgp-ph .dgpe .dgpe__question { margin-bottom: 14px; }
.dgp-ph .dgpe .dgpe__legende { margin-bottom: 10px; font-size: 1.25rem; }
.dgp-ph .dgpe .dgpe__tuiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.dgp-ph .dgpe .dgpe__tuiles .dgpe__choix { min-height: 54px; gap: 10px; padding: 9px 38px 9px 14px; font-size: 0.9375rem; }
.dgp-ph .dgpe .dgpe__tuiles .dgpe__choix::after { right: 12px; }
.dgp-ph .dgpe .dgpe__champ { margin-bottom: 12px; }
.dgp-ph .dgpe .dgpe__champs-duo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dgp-ph .dgpe .dgpe__champ > label { margin-bottom: 6px; }
.dgp-ph .dgpe.dgpe--contact .dgpe__champ textarea { min-height: 84px; }
.dgp-ph .dgpe .dgpe__champ input { min-height: 46px; padding-block: 10px; }
.dgp-ph .dgpe .dgpe__actions { margin-top: 14px; }
.dgp-ph .dgpe .dgpe__actions .dgp-btn--large { min-height: 50px; padding-block: 12px; }
}
@media (min-width: 1280px) { .dgp-ph:is(.dgp-ph--simulateur, .dgp-ph--formulaire) .dgp-ph__grille { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(48px, 6cqi, 88px); } }
.dgp-cartes .dgp-cartes__liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: 16px; }
.dgp-cartes .dgp-carte { display: grid; align-content: start; gap: 10px; padding: clamp(22px, 18px + 1cqi, 30px); border: 1px solid var(--dgp-gris-300); border-radius: var(--dgp-rayon); background: var(--dgp-blanc); }
.dgp-cartes .dgp-carte__picto { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 6px; border-radius: 50%; background: var(--dgp-vert-100); color: var(--dgp-vert-600); }
.dgp-cartes .dgp-carte p { color: var(--dgp-texte-secondaire); }
@media (min-width: 1024px) {
.dgp-cartes .dgp-cartes__liste:is([data-nombre="3"], [data-nombre="5"], [data-nombre="6"]) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dgp-cartes .dgp-cartes__liste[data-nombre="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.dgp-ti .dgp-ti__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; align-items: center; }
.dgp-ti .dgp-ti__tete { margin-bottom: 24px; }
.dgp-ti .dgp-ti__corps { display: grid; gap: 16px; max-width: 64ch; color: var(--dgp-texte-secondaire); }
.dgp-ti .dgp-ti__liste { display: grid; gap: 10px; margin-top: 4px; }
.dgp-ti .dgp-ti__liste li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; color: var(--dgp-vert-900); }
.dgp-ti .dgp-ti__liste .dgp-icone { margin-top: 3px; color: var(--dgp-vert-600); }
.dgp-ti .dgp-ti__action { margin-top: 8px; }
.dgp-ti .dgp-ti__visuel img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--dgp-rayon-xs); background: var(--dgp-vert-100); }
@media (min-width: 1024px) {
.dgp-ti .dgp-ti__grille { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(48px, 7cqi, 112px); }
.dgp-ti.dgp-ti--image-gauche .dgp-ti__grille { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.dgp-ti.dgp-ti--image-gauche .dgp-ti__visuel { order: -1; }
.dgp-ti .dgp-ti__visuel img { aspect-ratio: 4 / 5; }
}
.dgp.dgp-bm { padding-block: clamp(48px, 30px + 4cqi, 104px); }
.dgp-bm .dgp-bm__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; align-items: center; }
.dgp-bm .dgp-bm__feuille { display: grid; gap: 12px; width: min(280px, 78%); padding: 22px 22px 26px; border: 1px solid var(--dgp-gris-300); border-radius: var(--dgp-rayon); background: var(--dgp-blanc); box-shadow: 10px 10px 0 -1px var(--dgp-blanc), 10px 10px 0 0 var(--dgp-gris-200); rotate: -2deg; }
.dgp-bm .dgp-bm__feuille-titre { padding-bottom: 12px; border-bottom: 2px solid var(--dgp-vert-900); font-size: 1.25rem; font-weight: 700; font-stretch: 78%; line-height: 1.1; color: var(--dgp-vert-900); }
.dgp-bm .dgp-bm__feuille span:not(.dgp-bm__feuille-titre) { height: 10px; border-radius: 2px; background: repeating-linear-gradient(135deg, var(--dgp-gris-200) 0 5px, transparent 5px 9px); }
.dgp-bm .dgp-bm__feuille span:nth-child(3) { width: 70%; }
.dgp-bm .dgp-bm__feuille span:nth-child(4) { width: 85%; }
.dgp-bm .dgp-bm__feuille span:nth-child(5) { width: 55%; }
.dgp-bm .dgp-bm__texte { display: grid; gap: 16px; max-width: 64ch; }
.dgp-bm .dgp-bm__texte .dgp-h2 { font-size: clamp(1.75rem, 1.35rem + 1.7cqi, 2.75rem); }
.dgp-bm .dgp-bm__texte p:not(.dgp-repere):not(.dgp-bm__lien) { color: var(--dgp-gris-700); }
@media (min-width: 1024px) { .dgp-bm .dgp-bm__grille { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(48px, 7cqi, 112px); } .dgp-bm .dgp-bm__feuille { justify-self: center; } }
.dgp.dgp-liens { padding-block: clamp(48px, 30px + 4cqi, 104px); }
.dgp-liens .dgp-liens__h2 { margin-bottom: clamp(24px, 16px + 2cqi, 40px); font-size: clamp(1.75rem, 1.35rem + 1.7cqi, 2.75rem); }
.dgp-liens .dgp-liens__liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); gap: 14px; }
.dgp-liens .dgp-liens__carte, .dgp-liens .dgp-liens__carte:link, .dgp-liens .dgp-liens__carte:visited { position: relative; display: grid; align-content: start; gap: 6px; height: 100%; padding: 22px 56px 22px 22px; border: 1px solid var(--dgp-gris-300); border-radius: var(--dgp-rayon); background: var(--dgp-blanc); color: var(--dgp-vert-900); text-decoration: none; transition: background-color var(--dgp-duree), border-color var(--dgp-duree); }
.dgp-liens .dgp-liens__carte:hover { background: var(--dgp-vert-100); border-color: var(--dgp-vert-600); color: var(--dgp-vert-900); }
.dgp-liens .dgp-liens__titre { font-size: 1.125rem; font-weight: 600; font-stretch: 90%; line-height: 1.2; }
.dgp-liens .dgp-liens__texte { font-size: var(--dgp-fs-petit); line-height: 1.45; color: var(--dgp-texte-secondaire); }
.dgp-liens .dgp-liens__fleche { position: absolute; top: 22px; right: 20px; color: var(--dgp-vert-600); transition: translate var(--dgp-duree) var(--dgp-courbe); }
.dgp-liens .dgp-liens__carte:hover .dgp-liens__fleche { translate: 4px 0; }
.dgp-final.dgp-final--seul .dgp-final__grille { grid-template-columns: minmax(0, 1fr); }
.dgp-final.dgp-final--seul .dgp-final__texte .dgp-h2 { max-width: 20ch; }
.dgp-final.dgp-final--seul .dgp-tete__intro { max-width: 60ch; }
.dgp-simsec .dgp-simsec__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
.dgp-simsec .dgp-simsec__grille .dgp-tete { margin-bottom: 0; }
@media (min-width: 1024px) { .dgp-simsec .dgp-simsec__grille { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(48px, 7cqi, 112px); align-items: start; } }
.elementor .e-con:has(> .elementor-widget-shortcode .dgpe-cadre, > .e-con-inner > .elementor-widget-shortcode .dgpe-cadre) { --display: flex; --flex-direction: column; --width: 100%; --gap: 0px; --padding-top: clamp(28px, 4vw, 64px); --padding-bottom: clamp(48px, 7vw, 112px); --padding-left: var(--dgp-gouttiere); --padding-right: var(--dgp-gouttiere); background: var(--dgp-vert-100); }
.elementor-widget-shortcode .dgpe-cadre { width: 100%; max-width: 760px; margin-inline: auto; }
.dgp-coord .dgp-coord__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }
.dgp-coord .dgp-tete { margin-bottom: 24px; }
.dgp-coord .dgp-coord__liste { display: grid; margin: 0 0 18px; border-top: 1px solid var(--dgp-gris-300); }
.dgp-coord .dgp-coord__ligne { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 4px 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--dgp-gris-300); }
.dgp-coord .dgp-coord__ligne .dgp-icone { color: var(--dgp-vert-600); }
.dgp-coord .dgp-coord__ligne dt { font-weight: 600; color: var(--dgp-vert-900); }
.dgp-coord .dgp-coord__ligne dd { grid-column: 2; margin: 0; color: var(--dgp-texte-secondaire); }
.dgp-coord .dgp-coord__lorraine { margin-top: 16px; font-size: var(--dgp-fs-petit); color: var(--dgp-texte-secondaire); }
@media (min-width: 600px) { .dgp-coord .dgp-coord__ligne { grid-template-columns: 24px 120px minmax(0, 1fr); } .dgp-coord .dgp-coord__ligne dd { grid-column: 3; } }
@media (min-width: 1024px) { .dgp-coord .dgp-coord__grille { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(48px, 7cqi, 112px); align-items: center; } }
.dgp-be .dgp-be__grille { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }
.dgp-be .dgp-be__liste { display: grid; margin: 0; border-top: 1px solid rgba(38, 55, 26, 0.18); }
.dgp-be .dgp-be__ligne { padding: 16px 0; border-bottom: 1px solid rgba(38, 55, 26, 0.18); }
.dgp-be .dgp-be__ligne dt { font-weight: 600; font-stretch: 90%; color: var(--dgp-vert-900); }
.dgp-be .dgp-be__ligne dd { margin: 4px 0 0; color: var(--dgp-gris-700); }
.dgp-be .dgp-be__note { margin-top: 22px; padding: 16px 18px; border-left: 3px solid var(--dgp-vert-logo); background: var(--dgp-blanc); font-size: var(--dgp-fs-petit); color: var(--dgp-gris-700); }
@media (min-width: 1024px) { .dgp-be .dgp-be__grille { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(48px, 7cqi, 112px); align-items: start; } .dgp-be .dgp-feuille { position: sticky; top: calc(var(--dgp-entete-h) + 32px); } }
.dgp-legal .dgp-legal__corps { display: grid; gap: clamp(28px, 20px + 2cqi, 44px); max-width: 72ch; }
.dgp-legal .dgp-legal__h2 { margin-bottom: 10px; font-family: var(--dgp-police-titre); font-size: clamp(1.375rem, 1.2rem + 0.8cqi, 1.75rem); font-weight: 600; font-stretch: 85%; line-height: 1.15; color: var(--dgp-vert-900); }
.dgp-legal .dgp-legal__bloc :is(p, ul) + p { margin-top: 10px; }
.dgp-legal .dgp-legal__h2 { scroll-margin-top: calc(var(--dgp-entete-h) + 24px); }
.dgp-legal .dgp-legal__bloc :is(p, li) { color: var(--dgp-texte-secondaire); }
.dgp-legal .dgp-legal__bloc ul { display: grid; gap: 8px; margin-top: 10px; padding-left: 1.2em; list-style: disc; }
.dgp-legal .dgp-legal__bloc li::marker { color: var(--dgp-vert-600); }
.dgp.dgp-flottant { display: none; }
@media (min-width: 1024px) {
.dgp.dgp-flottant { position: fixed; right: 24px; bottom: 24px; z-index: 90; display: block; }
.dgp-flottant .dgp-btn { box-shadow: 0 16px 36px -12px rgba(20, 31, 13, 0.6); }
.dgp.dgp-flottant.is-masque { visibility: hidden; opacity: 0; translate: 0 16px; pointer-events: none; }
}
.dgp.dgp-cookies { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 150; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; padding: 20px 20px 18px; border: 1px solid var(--dgp-gris-300); border-top: 4px solid var(--dgp-vert-600); border-radius: var(--dgp-rayon); background: var(--dgp-blanc); box-shadow: 0 24px 60px -16px rgba(20, 31, 13, 0.45); }
.dgp-cookies .dgp-cookies__titre { margin-bottom: 8px; font-family: var(--dgp-police-titre); font-size: 1.25rem; font-weight: 600; font-stretch: 85%; line-height: 1.2; color: var(--dgp-vert-900); outline: none; }
.dgp-cookies .dgp-cookies__texte { font-size: var(--dgp-fs-petit); line-height: 1.5; color: var(--dgp-texte-secondaire); }
.dgp-cookies .dgp-cookies__choix { margin: 14px 0 0; padding: 0; border: 0; border-top: 1px solid var(--dgp-filet-structure); }
.dgp-cookies .dgp-cookies__ligne { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--dgp-filet-structure); }
.dgp-cookies .dgp-cookies__ligne label { display: grid; gap: 2px; font-size: 0.875rem; line-height: 1.4; color: var(--dgp-texte-secondaire); cursor: pointer; }
.dgp-cookies .dgp-cookies__ligne strong { font-size: var(--dgp-fs-petit); font-weight: 600; color: var(--dgp-vert-900); }
.dgp-cookies .dgp-cookies__ligne input { appearance: none; -webkit-appearance: none; position: relative; flex: none; width: 46px; height: 26px; margin: 0; border: 1px solid var(--dgp-gris-500); border-radius: 999px; background: var(--dgp-gris-200); cursor: pointer; transition: background-color var(--dgp-duree-courte), border-color var(--dgp-duree-courte); }
.dgp-cookies .dgp-cookies__ligne input::before { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--dgp-blanc); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); transition: translate var(--dgp-duree) var(--dgp-courbe); }
.dgp-cookies .dgp-cookies__ligne input:checked { border-color: var(--dgp-vert-600); background: var(--dgp-vert-600); }
.dgp-cookies .dgp-cookies__ligne input:checked::before { translate: 20px 0; }
.dgp-cookies .dgp-cookies__ligne input:disabled { opacity: 0.55; cursor: not-allowed; }
.dgp-cookies .dgp-cookies__actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; margin-top: 16px; }
.dgp-cookies .dgp-cookies__actions .dgp-btn { width: 100%; min-height: 46px; padding-inline: 12px; }
.dgp-cookies .dgp-cookies__perso, .dgp-cookies .dgp-cookies__perso:hover { grid-column: 1 / -1; justify-self: center; min-height: 44px; padding: 8px 12px; border: 0; background: none; color: var(--dgp-lien); font: inherit; font-size: var(--dgp-fs-petit); font-weight: 500; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.dgp-cookies .dgp-cookies__enregistrer { grid-column: 1 / -1; }
@media (min-width: 640px) { .dgp.dgp-cookies { left: 24px; right: auto; bottom: 24px; width: 460px; } }
.dgp-pied .dgp-pied__cookies { display: inline-block; padding: 12px 0; border: 0; background: none; color: var(--dgp-blanc); font: inherit; cursor: pointer; }
.dgp-pied .dgp-pied__cookies:hover { color: var(--dgp-vert-logo); text-decoration: underline; text-underline-offset: 3px; }
@keyframes dgp-trace-v { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes dgp-devoile-g { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes dgp-esquisse { 0% { --dgp-pos: 50%; } 35% { --dgp-pos: 32%; } 70% { --dgp-pos: 64%; } 100% { --dgp-pos: 50%; } }
@keyframes dgp-fond { from { scale: 1.06; } to { scale: 1; } }
@keyframes dgp-remplir { from { background-position: 100% 0; } to { background-position: 0 0; } }
@media screen and (prefers-reduced-motion: no-preference) {
:is(.dgp-hero, .dgp-ph) .dgp-hero__trame span { animation: dgp-trace-v 1400ms var(--dgp-courbe-douce) both; }
:is(.dgp-hero, .dgp-ph) .dgp-hero__trame span:nth-child(2) { animation-delay: 120ms; }
:is(.dgp-hero, .dgp-ph) .dgp-hero__trame span:nth-child(3) { animation-delay: 240ms; }
:is(.dgp-hero, .dgp-ph) .dgp-hero__trame span:nth-child(4) { animation-delay: 360ms; }
:is(.dgp-hero, .dgp-ph) .dgp-cartouche > div { animation: dgp-devoile-g 700ms var(--dgp-courbe) both; animation-delay: calc(500ms + var(--n, 0) * 110ms); }
:is(.dgp-hero, .dgp-ph) .dgp-cartouche > div:nth-child(2) { --n: 1; }
:is(.dgp-hero, .dgp-ph) .dgp-cartouche > div:nth-child(3) { --n: 2; }
:is(.dgp-hero, .dgp-ph) .dgp-cartouche > div:nth-child(4) { --n: 3; }
:is(.dgp-hero, .dgp-ph) .dgp-cartouche > div:nth-child(5) { --n: 4; }
.dgp-index .dgp-index__lien > * { transition: translate var(--dgp-duree) var(--dgp-courbe), color var(--dgp-duree); }
.dgp-index .dgp-index__lien:hover .dgp-index__fleche { translate: 4px 0; }
.dgp-index .dgp-index__titre { transition: color var(--dgp-duree); }
.dgp-index .dgp-index__apercu img { transition: clip-path 640ms var(--dgp-courbe-douce); }
.dgp-index .dgp-index__lien::after { transition: transform 420ms var(--dgp-courbe); }
html.dgp-js .dgp [data-dgp-reveal] { opacity: 0; translate: 0 22px; transition: opacity 800ms var(--dgp-courbe), translate 900ms var(--dgp-courbe); }
html.dgp-js .dgp [data-dgp-reveal].is-visible { opacity: 1; translate: 0 0; }
html.dgp-js .dgp .dgp-tete .dgp-repere::after { transform: scaleX(0); transition: transform 900ms var(--dgp-courbe) 250ms; }
html.dgp-js .dgp .dgp-tete.is-visible .dgp-repere::after { transform: scaleX(1); }
.dgp-paris .dgp-coupe__repere { transition: background-color 300ms var(--dgp-courbe), border-color 300ms var(--dgp-courbe), color 300ms var(--dgp-courbe); }
.dgp-paris .dgp-paris__item { transition: opacity 400ms var(--dgp-courbe); }
html.dgp-js .dgp-paris:not([data-etape="0"]) .dgp-paris__item { opacity: 0.72; }
html.dgp-js .dgp-paris[data-etape="1"] .dgp-paris__item[data-etape="1"],
html.dgp-js .dgp-paris[data-etape="2"] .dgp-paris__item[data-etape="2"],
html.dgp-js .dgp-paris[data-etape="3"] .dgp-paris__item[data-etape="3"],
html.dgp-js .dgp-paris[data-etape="4"] .dgp-paris__item[data-etape="4"],
html.dgp-js .dgp-paris[data-etape="5"] .dgp-paris__item[data-etape="5"] { opacity: 1; }
html.dgp-js .dgp-sv .dgp-sv__filieres::before { transform: scaleY(0); transition: transform 1600ms var(--dgp-courbe-douce) 200ms; }
html.dgp-js .dgp-sv .dgp-sv__filieres.is-visible::before { transform: scaleY(1); }
html.dgp-js .dgp-sv .dgp-sv__filiere .dgp-bulle { transition: background-color 300ms var(--dgp-courbe), color 300ms var(--dgp-courbe); }
html.dgp-js .dgp-sv .dgp-sv__filieres.is-visible .dgp-sv__filiere .dgp-bulle { background: var(--dgp-vert-600); border-color: var(--dgp-vert-600); color: var(--dgp-blanc); }
html.dgp-js .dgp-sv .dgp-sv__filiere:nth-child(1) .dgp-bulle { transition-delay: 300ms; }
html.dgp-js .dgp-sv .dgp-sv__filiere:nth-child(2) .dgp-bulle { transition-delay: 700ms; }
html.dgp-js .dgp-sv .dgp-sv__filiere:nth-child(3) .dgp-bulle { transition-delay: 1100ms; }
html.dgp-js .dgp-sv .dgp-sv__filiere:nth-child(4) .dgp-bulle { transition-delay: 1500ms; }
html.dgp-js .dgp-bilan .dgp-feuille__ligne::after, html.dgp-js .dgp-bilan .dgp-feuille__valeur { transform: scaleX(0); transition: transform 700ms var(--dgp-courbe); }
html.dgp-js .dgp-bilan .dgp-feuille__ligne dt { opacity: 0; transition: opacity 500ms var(--dgp-courbe); }
html.dgp-js .dgp-bilan .dgp-feuille.is-visible .dgp-feuille__ligne::after,
html.dgp-js .dgp-bilan .dgp-feuille.is-visible .dgp-feuille__valeur { transform: scaleX(1); }
html.dgp-js .dgp-bilan .dgp-feuille.is-visible .dgp-feuille__ligne dt { opacity: 1; }
html.dgp-js .dgp-bilan .dgp-feuille__ligne::after, html.dgp-js .dgp-bilan .dgp-feuille__ligne dt { transition-delay: calc(300ms + var(--i) * 160ms); }
html.dgp-js .dgp-bilan .dgp-feuille__ligne .dgp-feuille__valeur { transition-delay: calc(450ms + var(--i) * 160ms); transition-duration: 900ms; }
html.dgp-js .dgp-bilan .dgp-feuille__pied .dgp-feuille__valeur { transition-delay: 1500ms; }
html.dgp-js .dgp-zone .dgp-plan__escargot { stroke-dashoffset: 1; transition: stroke-dashoffset 2200ms var(--dgp-courbe-douce) 200ms; }
html.dgp-js .dgp-zone .dgp-plan.is-visible .dgp-plan__escargot { stroke-dashoffset: 0; }
html.dgp-js .dgp-zone .dgp-plan__arr circle { fill: var(--dgp-blanc); stroke: var(--dgp-gris-500); transition: fill 300ms var(--dgp-courbe), stroke 300ms var(--dgp-courbe); }
html.dgp-js .dgp-zone .dgp-plan__arr text { fill: var(--dgp-gris-700); transition: fill 300ms var(--dgp-courbe); }
html.dgp-js .dgp-zone .dgp-plan.is-visible .dgp-plan__arr circle { fill: var(--dgp-vert-600); stroke: var(--dgp-blanc); }
html.dgp-js .dgp-zone .dgp-plan.is-visible .dgp-plan__arr text { fill: var(--dgp-blanc); }
html.dgp-js .dgp-zone .dgp-plan__arr circle, html.dgp-js .dgp-zone .dgp-plan__arr text { transition-delay: calc(200ms + var(--i) * 90ms); }
html.dgp-js .dgp-avap .dgp-comparateur.is-visible .dgp-comparateur__zone:not(.is-touche) { animation: dgp-esquisse 1800ms var(--dgp-courbe-douce) 600ms 1; }
.dgp-entete .dgp-mega { translate: 0 -6px; transition: opacity 180ms var(--dgp-courbe) 120ms, translate 220ms var(--dgp-courbe) 120ms, visibility 0s linear 300ms; }
.dgp-entete .dgp-nav__item--mega:hover .dgp-mega, .dgp-entete .dgp-nav__item--mega.is-ouvert .dgp-mega { translate: 0 0; transition: opacity 180ms var(--dgp-courbe) 60ms, translate 220ms var(--dgp-courbe) 60ms, visibility 0s linear 0s; }
@media (min-width: 1024px) { .dgp-ph .dgp-ph__cadre img { animation: dgp-fond 1800ms var(--dgp-courbe) both; } }
.dgp.dgp-flottant { transition: opacity 250ms var(--dgp-courbe), translate 300ms var(--dgp-courbe), visibility 0s linear 0s; }
.dgp.dgp-flottant.is-masque { transition: opacity 200ms var(--dgp-courbe), translate 250ms var(--dgp-courbe), visibility 0s linear 250ms; }
.dgp.dgp-barre { transition: translate 300ms var(--dgp-courbe), visibility 0s linear 0s; }
.dgp.dgp-barre.is-masquee { transition: translate 300ms var(--dgp-courbe), visibility 0s linear 300ms; }
@supports selector(::details-content) {
.dgp-faq .dgp-faq__item::details-content { block-size: 0; overflow: clip; transition: block-size 320ms var(--dgp-courbe), content-visibility 320ms allow-discrete; }
.dgp-faq .dgp-faq__item[open]::details-content { block-size: auto; }
}
.dgp-entete .dgp-etage__liste { transition: translate 450ms var(--dgp-courbe); }
@supports (animation-timeline: view()) {
.dgp-sv .dgp-remplissage { background: linear-gradient(90deg, var(--dgp-vert-900) 0 50%, var(--dgp-gris-500) 50% 100%); background-size: 200% 100%; background-position: 100% 0; -webkit-background-clip: text; background-clip: text; color: transparent; animation: dgp-remplir linear both; animation-timeline: view(); animation-range: entry 35% cover 50%; }
}
}
@media (prefers-reduced-motion: reduce) {
.dgp *, .dgp *::before, .dgp *::after { animation: none !important; transition-duration: 0s !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
}
@media print {
.dgp.dgp-barre, .dgp.dgp-flottant, .dgp.dgp-cookies, .dgp-entete .dgp-menu-mobile, .dgp-entete .dgp-etage, :is(.dgp-hero, .dgp-ph) .dgp-hero__trame { display: none; }
.dgp.dgp-entete { position: static; }
.dgp-paris .dgp-coupe { position: static; }
}