:root{--forest:#002622;--mid:#2f6f5e;--sage:#9fb2af;--sage2:#cfd8d5;--off:#f2f2f2;--paper:#ffffff;--ink:#111111;--ink2:#3f4a47;--muted:#6f7c78;--edit:#e7f0ec;--editline:#8fb3a6;--warn:#b2611a;--warnbg:#fbeee2;--ok:#2f6f5e}
*{box-sizing:border-box}
body{margin:0;background:var(--off);color:var(--ink);font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;line-height:1.15;text-wrap:balance}
h1{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:clamp(30px,4.2vw,42px);color:var(--forest)}
h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:22px;color:var(--forest);letter-spacing:-.01em}
h3{font-weight:700;font-size:15px;color:var(--forest);text-transform:uppercase;letter-spacing:.06em}
p{margin:0}
.wrap{max-width:960px;margin:0 auto;padding:0 22px}
/* document */
.doc{background:var(--paper);margin:18px auto 60px;max-width:960px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 12px 40px -18px rgba(0,38,34,.35)}
.cover{background:var(--forest);color:#fff;padding:44px 40px 40px}
.cover .mast{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.cover .gh{font-weight:800;letter-spacing:.14em;font-size:14px;color:#fff}
.cover .gh span{color:var(--sage)}
.cover .mastr{text-align:right;font-size:12px;color:var(--sage2);text-transform:uppercase;letter-spacing:.1em;white-space:pre-line}
.cover h1{color:#fff}
.cover .sub{font-family:Fraunces,Georgia,serif;font-size:22px;color:var(--sage);margin-top:8px;font-weight:500}
.cover .intro{margin-top:20px;color:#e4ebe9;max-width:64ch;font-size:15px}
.cover .box{margin-top:26px;background:rgba(255,255,255,.07);border-left:4px solid var(--sage);padding:14px 18px;border-radius:0 8px 8px 0}
.cover .box h3{color:var(--sage)}
.cover .box p{margin-top:6px;color:#fff;max-width:70ch}
.cover [data-path]:hover{background:rgba(255,255,255,.08)} .cover [data-path]:focus{background:rgba(255,255,255,.14);color:#fff}
.toc{padding:22px 40px;background:#e6efec;display:grid;grid-template-columns:1fr;gap:7px;font-size:14px;color:var(--forest)}
.toc a{color:inherit;text-decoration:none;display:flex;gap:8px}
.toc a b{color:var(--mid);min-width:22px}
.toc a:hover{text-decoration:underline}
section.sec{padding:34px 40px;border-top:1px solid var(--sage2)}
section.sec .num{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--mid);text-transform:uppercase}
section.sec h2{margin-top:4px}
.body{margin-top:16px;display:grid;gap:14px}
.body>h3{margin-top:10px}
.para{max-width:70ch;color:var(--ink2)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.col{background:var(--off);border-radius:8px;padding:16px 18px}
.col.green{background:var(--forest);color:#fff}
.col.green h3{color:var(--sage)}
.col.green [data-path]:hover{background:rgba(255,255,255,.08)} .col.green [data-path]:focus{background:rgba(255,255,255,.14)}
ul.bul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
ul.bul li{display:grid;grid-template-columns:14px 1fr 22px;gap:8px;align-items:start}
ul.bul li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mid);margin-top:8px}
.col.green ul.bul li::before{background:var(--sage)}
.x:hover{background:#fbe3e3;color:#a12}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card{border:1px solid var(--sage2);border-radius:8px;padding:14px 16px;background:#fff}
.card .t{font-weight:800;color:var(--forest);font-size:15px}
.card .s{font-size:12px;color:var(--mid);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.card .tx{margin-top:8px;font-size:14px;color:var(--ink2)}
.callout{background:#e6efec;border-left:4px solid var(--mid);padding:14px 18px;border-radius:0 8px 8px 0}
.callout h3{color:var(--mid)}
.callout p{margin-top:6px;color:var(--ink)}
.syn{font-weight:600;color:var(--forest);border-top:2px solid var(--forest);padding-top:10px}
.src{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;border-bottom:1px solid var(--sage2);padding:12px 0}
.src:last-of-type{border-bottom:0}
.src .n{font-family:Fraunces,serif;font-size:28px;color:var(--sage);font-weight:700;line-height:1}
.src .t{font-weight:700;color:var(--forest)}
.src .v{display:inline-block;background:var(--forest);color:#fff;font-weight:700;font-size:12px;padding:2px 8px;border-radius:999px;margin-left:8px}
.src .tx{margin-top:4px;color:var(--ink2);font-size:14px}
.tablewrap{overflow-x:auto}
table.packs{border-collapse:collapse;width:100%;min-width:600px;font-size:13px}
table.packs th{background:var(--forest);color:#fff;padding:10px 10px;text-align:center;font-weight:700}
table.packs th:first-child{background:transparent;color:var(--forest);text-align:left}
table.packs td{padding:8px 10px;border-bottom:1px solid var(--sage2);text-align:center}
table.packs td:first-child{text-align:left;font-weight:600;color:var(--forest)}
table.packs tr.taux td{font-family:Fraunces,serif;font-size:20px;color:var(--mid);font-weight:700}
.socle{font-size:13px;color:var(--ink2);background:var(--off);padding:10px 14px;border-radius:6px}
.frise{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.fr{background:var(--off);border-radius:8px;padding:12px;border-top:4px solid var(--mid)}
.fr .n{font-family:Fraunces,serif;font-size:26px;color:var(--mid);font-weight:700;line-height:1}
.fr .t{font-weight:800;color:var(--forest);font-size:13px;margin-top:6px}
.fr .p{font-size:11px;color:var(--mid);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.fr .tx{font-size:12px;color:var(--ink2);margin-top:6px}
.jal{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:start;font-size:14px}
.jal .r{font-weight:800;color:var(--mid)}
.jcard{border:1px solid var(--sage2);border-radius:8px;padding:9px 12px;font-size:13px}
.jcard ul.bul{gap:2px;margin-top:4px}
.jcard ul.bul li::before{margin-top:7px}
.jcard .hd{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.jcard .hd .n{font-family:Fraunces,serif;font-size:20px;color:var(--sage);font-weight:700}
.jcard .hd .t{font-weight:800;color:var(--forest)}
.jcard .hd .p{font-size:12px;color:var(--mid);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.jcard .concl{margin-top:6px;font-size:13px;font-weight:600;color:var(--forest);border-left:3px solid var(--sage);padding-left:10px}
.portes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.porte{border-radius:8px;padding:18px}
.porte.p1{background:var(--off)} .porte.p2{background:var(--forest);color:#fff}
.porte h3{margin-bottom:8px} .porte.p2 h3{color:var(--sage)}
.porte.p2 [data-path]:hover{background:rgba(255,255,255,.08)} .porte.p2 [data-path]:focus{background:rgba(255,255,255,.14)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.kpi{border:1px solid var(--sage2);border-radius:8px;padding:14px}
.kpi .c{font-family:Fraunces,serif;font-size:30px;font-weight:700;color:var(--forest);line-height:1.1}
.kpi .l{font-size:12px;color:var(--mid);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.kpi .tx{font-size:13px;color:var(--ink2);margin-top:6px}
.glo{display:grid;grid-template-columns:170px 1fr;gap:6px 14px;font-size:14px;align-items:start}
.glo .term{font-weight:700;color:var(--forest)}
.final{background:var(--forest);color:#fff;padding:26px 40px;font-family:Fraunces,serif;font-size:18px}
.final [data-path]:hover{background:rgba(255,255,255,.08)} .final [data-path]:focus{background:rgba(255,255,255,.14)}
/* tunnel */
.tunnel{display:grid;gap:10px;position:relative}
.tstep{border:1px solid var(--sage2);border-radius:8px;padding:12px 14px;background:#fff;display:grid;gap:10px}
.thd{display:flex;gap:12px;align-items:center}
.tn{font-family:Fraunces,serif;font-size:22px;font-weight:700;color:#fff;background:var(--mid);width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
.tt{font-weight:800;color:var(--forest);font-size:14px;letter-spacing:.04em}
.tmeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:3px;font-size:12px}
.tqui{background:var(--forest);color:#fff;border-radius:999px;padding:1px 9px;font-weight:600}
.tp{color:var(--mid);font-weight:600}
.tbody{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;font-size:13px}
.tbody ul.bul{margin-top:4px;gap:3px}
.tl{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tvu{margin-top:4px;background:var(--off);border-radius:6px;padding:8px 10px;color:var(--forest);font-weight:600}
.tkpi{margin-top:4px;color:var(--ink2)}
table.chiffres{min-width:520px}
table.chiffres td:nth-child(2){text-align:left;color:var(--ink2)}
table.chiffres td:last-child{text-align:right;font-weight:700;color:var(--forest);white-space:nowrap}
table.chiffres tr.tot td{background:#e6efec;font-weight:700}
@media (max-width:760px){.tbody{grid-template-columns:1fr}}
/* simulateur */
.sim{border:1px solid var(--sage2);border-radius:10px;padding:14px 16px;background:linear-gradient(180deg,#fff,#f6f8f7);display:grid;gap:12px}
.simtop{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.simtoggle{display:inline-flex;border:1px solid var(--forest);border-radius:999px;overflow:hidden}
.tg{font:inherit;font-size:12px;font-weight:700;border:0;background:#fff;color:var(--forest);padding:8px 14px;cursor:pointer}
.tg.on{background:var(--forest);color:#fff}
.simslider{display:grid;gap:4px;font-size:13px;color:var(--ink2)}
.simslider b{color:var(--forest);font-size:15px}
.simslider input{width:100%;accent-color:var(--mid)}
.simgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.simcard{border-radius:8px;padding:12px 14px;background:#fff;border:1px solid var(--sage2)}
.simcard .big{font-family:Fraunces,serif;font-size:26px;font-weight:700;color:var(--forest);margin-top:4px;line-height:1.1}
.simcard .sub{font-size:12px;color:var(--ink2);margin-top:4px}
.simcard.cost .big{color:#8a4b1f}
.simcard.gain .big{color:var(--mid)}
.simcard.net{background:var(--forest);border-color:var(--forest)}
.simcard.net .tl,.simcard.net .sub{color:var(--sage2)} .simcard.net .big{color:#fff}
.sim.neg .simcard.net .big{color:#f2b8a8}
.simbar{position:relative;height:8px;border-radius:999px;background:var(--sage2);overflow:visible}
.simfill{height:100%;border-radius:999px;background:var(--mid);transition:width .15s}
.simmark{position:absolute;top:-4px;width:2px;height:16px;background:#8a4b1f;transform:translateX(-1px)}
.simflag{font-size:13px;padding:8px 12px;border-radius:6px}
.simflag.ok{background:#dff1e6;color:#1f5a3a} .simflag.warn{background:#fbeee2;color:#6b3a0d}
.simparams summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--mid);text-transform:uppercase;letter-spacing:.08em}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 14px;margin:10px 0}
.pgrid label{font-size:12px;color:var(--ink2);display:grid;gap:2px}
.pgrid .pv{font-weight:700;color:var(--forest);font-size:14px}
@media (max-width:760px){.simtop,.simgrid,.pgrid{grid-template-columns:1fr}}
/* parts */
.sim h4{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mid)}
.cap{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch}
.capcol{background:#fff;border:1px solid var(--sage2);border-radius:8px;padding:10px 12px;display:grid;gap:6px;align-content:start}
.caparrow{align-self:center;font-size:22px;color:var(--sage)}
.capbar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--sage2)}
.capbar .gh{background:var(--mid);transition:width .2s} .capbar .mere{background:var(--forest);transition:width .2s}
.caplg{display:flex;gap:14px;font-size:12px;color:var(--ink2)}
.caplg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.caplg i.gh{background:var(--mid)} .caplg i.mere{background:var(--forest)}
.caplg b{color:var(--forest)}
.capline{font-size:13px;color:var(--ink)}
@media (max-width:760px){.cap{grid-template-columns:1fr}.caparrow{transform:rotate(90deg);justify-self:center}}
/* dyn */
@media (max-width:760px){.cols,.portes{grid-template-columns:1fr}.frise{grid-template-columns:1fr 1fr}.cover,section.sec,.toc,.final{padding-left:20px;padding-right:20px}.glo{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---- site : navigation, connexion, illustrations ---- */
body{padding-top:58px}
.doc p,.doc li>div,.doc .tx,.doc .intro,.doc .vu,.doc .concl,.doc .capline{white-space:pre-line}
.doc{margin:0 auto 40px;box-shadow:none;min-height:60vh}
.doc .cover{padding:44px 40px 40px}
.nav{position:fixed;top:0;left:0;right:0;height:58px;z-index:30;background:var(--forest);color:#fff;box-shadow:0 2px 12px rgba(0,38,34,.25)}
.nav .in{max-width:960px;margin:0 auto;height:100%;display:flex;align-items:center;gap:16px;padding:0 18px}
.nav .brand{font-weight:800;letter-spacing:.12em;font-size:13px;color:#fff;text-decoration:none;white-space:nowrap}
.nav .brand span{color:var(--sage)}
.nav .brand small{display:block;font-weight:500;letter-spacing:.04em;font-size:10px;color:var(--sage2);text-transform:uppercase}
.nav ul{list-style:none;margin:0 0 0 auto;padding:0;display:flex;gap:2px;align-items:center}
.nav li a{display:block;color:#e4ebe9;text-decoration:none;font-size:12px;font-weight:600;padding:8px 8px;border-radius:6px;white-space:nowrap}
.nav li a:hover{background:rgba(255,255,255,.1)}
.nav li a.on{background:var(--sage);color:var(--forest)}
.nav li.sim a{border:1px solid var(--sage)}
.nav li.out a{color:var(--sage2);font-weight:500}
.burger{display:none;margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:6px;width:40px;height:36px;font-size:18px;cursor:pointer}
@media (max-width:1080px){
  .burger{display:block}
  .nav ul{display:none;position:fixed;top:58px;left:0;right:0;background:var(--forest);flex-direction:column;align-items:stretch;gap:0;padding:8px 0 12px;border-top:1px solid rgba(255,255,255,.12);max-height:calc(100vh - 58px);overflow:auto}
  .nav ul.open{display:flex}
  .nav li a{padding:13px 22px;font-size:15px;border-radius:0}
  .nav li a.on{background:rgba(159,178,175,.25);color:#fff;border-left:4px solid var(--sage)}
}
.illwrap{padding:14px 40px 0}
.ill{margin:0 0 8px;background:#fff;border:1px solid var(--sage2);border-radius:10px;padding:10px 12px}
.ill svg{width:100%;height:auto;display:block;font-family:Montserrat,"Helvetica Neue",Arial,sans-serif}
.cta{margin:8px 40px 34px;background:var(--forest);color:#fff;border-radius:12px;padding:22px 24px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta .tl{color:var(--sage)} .cta h3{color:#fff;font-size:18px;text-transform:none;letter-spacing:0;margin:4px 0}
.cta p{color:#e4ebe9;font-size:14px;max-width:52ch}
.cta .btn{background:var(--sage);color:var(--forest);text-decoration:none;font-weight:800;padding:12px 18px;border-radius:8px;white-space:nowrap}
.pn{display:flex;justify-content:space-between;gap:12px;padding:22px 40px 40px;border-top:1px solid var(--sage2)}
.pn a{text-decoration:none;color:var(--forest);font-weight:700;font-size:15px;display:grid;gap:2px}
.pn a small{color:var(--mid);font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.pn a.nx{text-align:right}
.simtitle{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mid);margin-bottom:-6px}
.section-first section.sec{border-top:0}
section.sec{border-top:0}
section.sec + section.sec{border-top:1px solid var(--sage2)}
.sim{position:relative}
.simparams .pv{font-weight:700;color:var(--forest)}
@media (max-width:760px){
  body{padding-top:58px}
  .illwrap{padding:12px 16px 0} .cta{margin:8px 16px 26px;padding:18px} .pn{padding:18px 16px 30px}
  .doc .cover{padding:30px 20px 26px} section.sec{padding:24px 16px 20px}
  h2{font-size:20px} .cards{grid-template-columns:1fr}
  .kpi .c{font-size:24px} .simcard .big{font-size:22px}
  table.packs{min-width:520px}
}
/* connexion */
.login{min-height:calc(100vh - 58px);display:grid;place-items:center;padding:24px}
.lbox{background:#fff;border:1px solid var(--sage2);border-radius:14px;padding:30px 28px;width:min(420px,100%);box-shadow:0 12px 40px -18px rgba(0,38,34,.35)}
.lbox h1{font-size:24px;margin-bottom:4px}
.lbox .sub{color:var(--ink2);font-size:14px;margin-bottom:18px}
.lbox label{display:grid;gap:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);margin-bottom:14px}
.lbox input{font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--sage2);border-radius:8px;background:#fbfcfb}
.lbox input:focus{outline:2px solid var(--mid);border-color:var(--mid)}
.lbox button{font:inherit;font-weight:800;font-size:15px;background:var(--forest);color:#fff;border:0;border-radius:8px;padding:13px 16px;width:100%;cursor:pointer;margin-top:6px}
.lbox button:hover{background:var(--mid)}
.lbox .err{background:#fbe3e3;color:#7a1f1f;border-radius:6px;padding:9px 12px;font-size:13px;margin-bottom:12px}
.lbox .foot{margin-top:16px;font-size:12px;color:var(--muted)}
/* ==== CHARTE GREEN HOME (site greenhomeimmobilier.fr) : blanc, Roboto, #002622 / #006359 / #9fb2af, angles droits ==== */
:root{--forest:#002622;--mid:#006359;--sage:#9fb2af;--sage2:#d1d1d1;--off:#f2f2f2;--paper:#fff;--ink:#111;--ink2:#333;--muted:#7e7d7d;--edit:#f2f2f2;--editline:#9fb2af}
html{background:#fff}
body{background:#fff;font-family:Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.7;color:#111;padding-top:75px}
h1,h2,h3,h4,.cover .sub,.simcard .big,.kpi .c,.src .n,.tn,.jcard .hd .n,.fr .n{font-family:Roboto,"Helvetica Neue",Arial,sans-serif}
h1{font-weight:700;font-size:clamp(28px,4vw,40px);line-height:1.15;color:var(--forest);letter-spacing:-.01em}
h2{font-weight:700;font-size:28px;color:var(--forest);letter-spacing:0}
h3{font-weight:700;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--forest)}
section.sec .num,.tl,.remarkwrap label,.simparams summary,.card .s,.fr .p,.jcard .hd .p,.kpi .l,.cta .tl{letter-spacing:3px;text-transform:uppercase;font-weight:500;color:var(--mid)}
.doc{background:#fff;max-width:1040px}
/* couverture : blanc, titre vert sombre, sous-titre vert */
.cover{background:#fff;color:#111;padding:48px 40px 30px;border-bottom:1px solid #eee}
.cover .mast{display:none}
.cover h1{color:var(--forest)}
.cover .sub{font-family:Roboto,sans-serif;font-weight:300;font-size:26px;color:var(--mid);margin-top:6px}
.cover .intro{color:#333;font-size:16px;max-width:66ch}
.cover .box{background:var(--off);border-left:4px solid var(--mid);border-radius:0;color:#111}
.cover .box h3{color:var(--forest)} .cover .box p{color:#111}
/* en-tête blanc + burger vert sombre (comme greenhomeimmobilier.fr) */
.nav{height:75px;background:#fff;color:var(--forest);box-shadow:none;border-bottom:1px solid #eee}
.nav .in{max-width:1040px;padding:0 24px;gap:18px}
.nav .brand img{height:44px;width:auto;display:block}
.nav ul{margin-left:auto;gap:0}
.nav li a{color:var(--forest);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;padding:10px 9px;border-radius:0;border-bottom:2px solid transparent}
.nav li a:hover{background:transparent;border-bottom-color:var(--sage)}
.nav li a.on{background:transparent;color:var(--forest);border-bottom-color:var(--mid)}
.nav li.navsim a{border:1px solid var(--forest);padding:8px 12px;margin-left:6px}
.nav li.navsim a:hover,.nav li.navsim a.on{background:var(--forest);color:#fff}
.nav li.out a{color:var(--muted);letter-spacing:1px}
.burger{width:44px;height:40px;border:1px solid #ddd;border-radius:0;background:#fff;display:none;flex-direction:column;justify-content:center;gap:5px;align-items:center;padding:0;cursor:pointer}
.burger span{display:block;width:20px;height:2px;background:var(--forest)}
@media (max-width:1080px){
  .burger{display:flex;margin-left:auto}
  .nav ul{display:none;position:fixed;top:75px;left:0;right:0;bottom:0;background:var(--forest);flex-direction:column;align-items:stretch;padding:24px 0;border-top:0;max-height:none}
  .nav ul.open{display:flex}
  .nav li a{color:#fff;font-size:20px;font-weight:500;letter-spacing:1px;padding:14px 32px;border:0}
  .nav li a.on{background:transparent;color:#fff;border-left:0;text-decoration:underline;text-underline-offset:8px;text-decoration-color:var(--sage)}
  .nav li.navsim a{border:0;margin:0;padding:14px 32px;font-size:20px;color:var(--sage)}
  .nav li.out a{color:var(--sage2);font-size:15px;margin-top:16px}
}
/* composants : angles droits, bordures fines, gris clair */
.card,.jcard,.tstep,.simcard,.capcol,.kpi,.ill,.lbox,.sim,.simtoggle,.tg,.porte,.callout,.col,.tvu,.fr,.simflag,.cta,.socle,.box{border-radius:0}
.card,.jcard,.tstep,.kpi,.capcol,.ill,.simcard{border:1px solid #e3e3e3}
.callout{background:var(--off);border-left:4px solid var(--mid)}
.col{background:var(--off)}
.col.green,.porte.p2,.simcard.net,.cta{background:var(--forest)}
.col.green h3,.porte.p2 h3,.cta .tl{color:var(--sage)}
.tn{background:var(--mid)} .tqui{background:var(--forest);border-radius:0}
.src .v{border-radius:0;background:var(--mid)}
.simtoggle{border:1px solid var(--forest)}
.tg{background:#fff;color:var(--forest);font-weight:500;letter-spacing:.5px}
.tg.on{background:var(--forest);color:#fff}
.sim{background:#fff;border:1px solid #e3e3e3;padding:18px 20px}
.simbar,.simfill,.capbar,.capbar span{border-radius:0}
table.packs th{background:var(--forest)} table.packs td{border-bottom:1px solid #e3e3e3}
table.packs tr.taux td{font-family:Roboto,sans-serif;color:var(--mid)}
.cta .btn,.lbox button{border-radius:0;letter-spacing:1px}
.cta .btn{background:#fff;color:var(--forest);border:1px solid #fff} .cta .btn:hover{background:var(--sage)}
.lbox{border:1px solid #e3e3e3;box-shadow:none}
.lbox input{border-radius:0;border:1px solid #d1d1d1;background:#fff}
.lbox button{background:var(--forest)} .lbox button:hover{background:var(--mid)}
.login{background:#fff}
.pn a{color:var(--forest)} .pn a small{color:var(--mid)}
.para{color:#333}
.dyn{}