.demo{--d-vert:#0f766e;--d-encre:#17202a;--d-gris:#5b6b7a;--d-fond:#ffffff;--d-doux:#f3f6f5;--d-trait:#e3e8e6;font-family:Helvetica Neue,Arial,sans-serif;color:var(--d-encre);background:var(--d-fond);min-height:100vh}.demo-bandeau{background:#fff7e6;color:#7a4b00;font-size:13px;padding:8px 20px;text-align:center;border-bottom:1px solid #f0dcb4}.demo-entete{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 40px;border-bottom:1px solid var(--d-trait);max-width:1180px;margin:0 auto}.demo-logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--d-encre);text-decoration:none;letter-spacing:-.01em}.demo-logo-carre{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--d-vert);color:#fff;font-weight:800}.demo-nav{display:flex;gap:22px;align-items:center}.demo-nav a{color:var(--d-gris);text-decoration:none;font-size:15px}.demo-nav a.demo-nav-actif{color:var(--d-vert);font-weight:600}.demo-nav a.demo-nav-contact{padding:9px 14px;border-radius:999px;background:var(--d-vert);color:#fff;font-weight:600}.demo-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;max-width:1180px;margin:0 auto;padding:56px 40px 40px}.demo-sur{color:var(--d-vert);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}.demo-hero h1{font-size:40px;line-height:1.1;margin:0 0 16px;letter-spacing:-.02em}.demo-hero p{color:var(--d-gris);font-size:17px;line-height:1.55;margin:0 0 18px;max-width:54ch}.demo-points{list-style:none;padding:0;margin:0;display:flex;gap:18px;flex-wrap:wrap;color:var(--d-encre);font-size:14px}.demo-points li:before{content:"✓ ";color:var(--d-vert);font-weight:700}.demo-hero-image{height:320px;border-radius:18px;background:linear-gradient(135deg,#d8e9e6,#9fc7bf 60%,#0f766e)}.demo-module{max-width:1180px;margin:0 auto;padding:20px 40px 56px}.demo-biens h2,.demo-module h2{font-size:26px;margin:0 0 6px;letter-spacing:-.01em}.demo-module-note{color:var(--d-gris);margin:0 0 18px}.demo-module-cadre{max-width:860px}.demo-biens{background:var(--d-doux);padding:48px 40px}.demo-biens h2{max-width:1100px;margin:0 auto 18px}.demo-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto}.demo-bien{background:#fff;border:1px solid var(--d-trait);border-radius:14px;padding:14px;position:relative}.demo-bien-photo{height:150px;border-radius:10px;background:linear-gradient(160deg,#e7ece9,#c9d6d1);margin-bottom:12px}.demo-bien h3{margin:0 0 2px;font-size:16px}.demo-bien p{margin:0 0 8px;color:var(--d-gris);font-size:14px}.demo-bien b{font-size:18px}.demo-vendu{position:absolute;top:24px;left:24px;background:var(--d-encre);color:#fff;font-size:11px;padding:4px 8px;border-radius:6px;letter-spacing:.06em;text-transform:uppercase}.demo-pied{display:flex;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto;padding:32px 40px;color:var(--d-gris);font-size:14px;line-height:1.6}.demo-pied-liens{display:flex;gap:18px}.demo-pied-liens a{color:var(--d-gris)}.demo{--d-huub:#c21e68}.demo-site{position:relative;outline:2px solid var(--d-vert);outline-offset:-2px;padding-bottom:64px}.demo-etiquette{position:absolute;z-index:2;top:0;left:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;color:#fff;border-radius:0 0 8px 0}.demo-etiquette-agence{background:var(--d-vert)}.demo-etiquette-huub{background:var(--d-huub);border-radius:999px;top:0;left:22px;transform:translateY(-50%)}.demo-module-zone{position:relative;max-width:860px;margin-top:30px;padding:30px 24px 24px;border:2px dashed var(--d-huub);border-radius:16px}.demo-module-code{margin:14px 0 0;padding:10px 12px;background:#1a1418;color:#f6f0f4;border-radius:8px;font-size:12.5px;overflow-x:auto;border-left:4px solid var(--d-huub)}.demo-module-code:before{content:"Ce que l’agence colle dans sa page : ";color:#f06ba3}.demo-reperes{position:fixed;z-index:10;right:14px;bottom:14px;display:grid;gap:8px;justify-items:start;padding:12px 14px;background:#17202a;color:#fff;border-radius:12px;font-size:13px;box-shadow:0 8px 30px rgba(0,0,0,.25);max-width:min(360px,calc(100% - 28px))}.demo-repere{display:inline-flex;align-items:center;gap:8px}.demo-repere i{width:12px;height:12px;border-radius:3px;display:inline-block}.demo-repere-agence i{background:var(--d-vert)}.demo-repere-huub i{background:var(--d-huub)}.demo-reperes-btn{font:inherit;font-size:12.5px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer}.demo-reperes-btn:hover{background:rgba(255,255,255,.12)}.demo:has(.demo-reperes:not([data-visibles])) :is(.demo-etiquette,.demo-module-code){display:none}.demo:has(.demo-reperes:not([data-visibles])) .demo-site{outline:none}.demo:has(.demo-reperes:not([data-visibles])) .demo-module-zone{border:0;padding:0;margin-top:0}.demo:has(.demo-reperes:not([data-visibles])) .demo-repere{opacity:.45}.dopt-cartouche{max-width:1180px;margin:0 auto;padding:36px 40px 28px}.dopt-cartouche h1{font-size:34px;margin:0 0 8px;letter-spacing:-.02em;line-height:1.1}.dopt-cartouche h2{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--d-gris);margin:0 0 8px}.dopt-cartouche-grille{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;padding:22px 24px;border-radius:16px;background:#fdf2f7;border:1px solid #f3cfe0}.dopt-cartouche-grille ul{margin:0;padding-left:18px;display:grid;gap:6px}.dopt-cartouche-grille li::marker{color:var(--d-huub)}.dopt-cartouche-grille p{margin:0 0 16px}.dopt-cartouche-grille p:last-child{margin-bottom:0}.dopt-cartouche-liens{margin:16px 0 0;font-size:13px;color:var(--d-gris)}.dopt-cartouche-liens a{color:var(--d-huub)}.dopt{padding-top:24px;padding-bottom:36px}.dopt-zone{position:relative;padding:30px 24px 20px;border:2px dashed var(--d-huub);border-radius:16px}.dopt-sur{color:var(--d-huub);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}.dopt h2{font-size:26px;margin:0 0 6px}.dopt-texte{color:var(--d-gris);margin:0 0 22px;max-width:70ch}.dopt-contexte{margin:0 0 12px;color:var(--d-encre)}.dopt-source{margin:14px 0 0;color:var(--d-gris);font-size:13px}.dopt-vide{padding:16px;background:var(--d-doux);border-radius:10px;color:var(--d-gris)}.dopt-pied{margin:22px 0 0;font-size:13px;color:var(--d-gris)}.dopt-pied a{color:var(--d-huub)}.dopt-chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0}.dopt-chiffres div{background:var(--d-doux);border-radius:10px;padding:12px 14px}.dopt-chiffres dt{font-size:12px;color:var(--d-gris);margin-bottom:4px}.dopt-chiffres dd{margin:0;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}.dopt-marche h3{margin:0 0 12px;font-size:20px}.dopt-notes{display:flex;gap:8px}.dopt-note{display:inline-grid;justify-items:center;min-width:58px;padding:5px 8px;border-radius:9px;background:var(--d-doux);line-height:1.1}.dopt-note small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--d-gris)}.dopt-note b{font-size:17px;font-variant-numeric:tabular-nums}.dopt-note-haut{background:#d9f0e6;color:#0b5e46}.dopt-note-moyen{background:#fff1d6;color:#7a4b00}.dopt-note-bas{background:#fde2e2;color:#8a1c1c}.dopt-notes-grandes .dopt-note{min-width:96px;padding:10px 14px}.dopt-notes-grandes b{font-size:28px}.dopt-bien .dopt-notes{margin:8px 0 10px}.dopt-lien{color:var(--d-vert);font-weight:600;font-size:14px;text-decoration:none}.dopt-table{width:100%;border-collapse:collapse;font-size:14px}.dopt-table caption{text-align:left;font-weight:700;padding:14px 0 6px}.dopt-table td,.dopt-table th{text-align:left;padding:9px 10px;border-bottom:1px solid var(--d-trait)}.dopt-table th{font-size:12px;color:var(--d-gris);text-transform:uppercase;letter-spacing:.05em}.dopt-confiance{padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--d-doux)}.dopt-confiance-forte{background:#d9f0e6;color:#0b5e46}.dopt-confiance-moyenne{background:#fff1d6;color:#7a4b00}.dopt-confiance-faible{background:#fde2e2;color:#8a1c1c}.dopt-sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dopt-site{border:1px solid var(--d-trait);border-top:4px solid var(--s);border-radius:12px;padding:16px}.dopt-site header{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:17px}.dopt-site-domaine{margin-left:auto;color:var(--d-gris);font-size:13px}.dopt-site dl{margin:0;display:grid;gap:8px}.dopt-site dl div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.dopt-site dt{color:var(--d-gris)}.dopt-site dd{margin:0;font-weight:600}.dopt-site-note{margin:12px 0 0;font-size:13px;color:var(--d-gris)}.dopt-pastille{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:-1px}.dopt-deux{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dopt-deux figure{margin:0}.dopt-deux figcaption{font-size:13px;color:var(--d-gris);margin-bottom:8px}.dopt-deux iframe{width:100%;height:640px;border:1px solid var(--d-trait);border-radius:12px;background:#fff}.dopt-courriel-tete{display:grid;gap:2px;font-size:13px;color:var(--d-gris);padding:12px 14px;background:var(--d-doux);border-radius:10px 10px 0 0}.dopt-courriel-tete b{color:var(--d-encre);font-size:15px;margin-top:4px}.dopt-pdf{border:1px solid var(--d-trait);border-radius:0 0 10px 10px;padding:22px;background:#fff}.dopt-pdf header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid var(--d-vert);margin-bottom:14px}.dopt-pdf header span:last-child{margin-left:auto;color:var(--d-gris);font-size:13px}.dopt-pdf-bien{margin:0 0 10px;color:var(--d-gris)}.dopt-pdf-valeur{display:grid;margin:0 0 16px}.dopt-pdf-valeur strong{font-size:34px;color:var(--d-vert);letter-spacing:-.02em}.dopt-pdf-valeur span{color:var(--d-gris);font-size:14px}.dopt-pdf footer{margin-top:16px;padding-top:10px;border-top:1px solid var(--d-trait);font-size:12px;color:var(--d-gris)}.dopt-champ{display:grid;gap:6px;margin-bottom:14px;font-size:14px;font-weight:600}.dopt-champ input{font:inherit;font-weight:400;padding:11px 12px;border:1px solid var(--d-trait);border-radius:10px;width:100%;background:#fff;color:var(--d-encre)}.dopt-champ-ligne{display:flex;gap:8px}.dopt-champ-ligne input{flex:1;min-width:0}.dopt-bouton{font:inherit;font-weight:600;border:0;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}.dopt-code{margin:0;padding:14px 16px;background:#17202a;color:#e6edf3;border-radius:10px;font-size:12.5px;overflow-x:auto;line-height:1.5}.dopt-filtres{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.dopt-filtre{padding:6px 12px;border-radius:999px;border:1px solid var(--d-trait);font-size:13px;color:var(--d-gris)}.dopt-filtre-actif{background:var(--d-vert);border-color:var(--d-vert);color:#fff;font-weight:600}.dopt-filtre-sep{width:1px;height:22px;background:var(--d-trait);margin:0 4px}.dopt-liste{list-style:none;margin:0;padding:0;display:grid}.dopt-liste li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--d-trait)}.dopt-liste li>span:first-child{display:grid;gap:2px}.dopt-liste small{color:var(--d-gris);font-size:13px}.dopt-resultat{display:grid;gap:14px}.dopt-rapport-carte,.dopt-resultat{padding:16px;border:1px solid var(--d-trait);border-radius:12px}.dopt-rapport-carte{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.dopt-rapport-carte>div{display:grid;gap:2px}.dopt-rapport-carte small{color:var(--d-gris)}.dopt-contenu{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.dopt-contenu li{padding:5px 10px;background:var(--d-doux);border-radius:999px;font-size:13px}.demo:has(.demo-reperes:not([data-visibles])) .dopt-zone{border-color:transparent}@media (max-width:860px){.dopt-cartouche-grille,.dopt-deux,.dopt-sites{grid-template-columns:1fr}.dopt-cartouche{padding:24px 20px}.demo-hero,.dopt-liste li{grid-template-columns:1fr}.demo-hero{padding:32px 20px 20px}.demo-hero h1{font-size:30px}.demo-biens,.demo-entete,.demo-module,.demo-pied{padding-left:20px;padding-right:20px}.demo-nav{display:none}.demo-grille{grid-template-columns:1fr}.demo-pied{flex-direction:column}}