/* --------------------------------------------------------------------------
   Particuliers : affiche paysage 1536 x 1024 (version client du 17/09/2026).
   Complète pages/fiche.css. Ne modifie jamais pages/fiche.css.

   Unité : --u = 1 px d'affiche = 100cqw / 1536. Toutes les positions ci-dessous
   sont les pixels mesurés sur particuliers.png, multipliés par --u.
   La photo s'arrête à y 424 ; tout ce qui est dessous est refait en HTML, et les
   positions du bas sont écrites (y - 424).
   Polices : Barlow pour le texte et les titres, Antonio pour la signature du logo.
   Pour un texte, le haut de la boîte vient de la capitale visée :
   haut = capitale - (interligne - 1,2 x taille) / 2 - 0,3 x taille (métriques Barlow).
   -------------------------------------------------------------------------- */

.fiche.parti{--W:1536;--PH:424;max-width:1536px;--u:calc(100cqw / 1536);
  --navy:#0B2350;--navy-carte:#04325D;--vert:#3F7A1E;--vert-titre:#2F7D32;
  --encre-p:#1F1F20;--gris-bas:#FEFEFE;--gris-carte:#F1F4F0;--trait-carte:#C3D4C6}
/* Le cadrage téléphone de mobile.css vise l'ancienne affiche portrait : on le reprend ici,
   avec une spécificité plus forte, sur la nouvelle photo (opérateur et piscine). */
.fiche.parti.paysage{--hx:620;--hy:112;--hw:420;--hh:300}

.parti svg{display:block}
.parti h1 span,.parti .lede span{display:block}
.parti h1 .l1{color:var(--vert-titre)}
.parti h1 .l2,.parti h1 .l3{color:#12315C}
.parti h1{font-family:var(--texte);font-weight:700;text-transform:uppercase}
.parti .lede{font-family:var(--texte);font-weight:600;font-style:italic;color:#3C7A24}
.parti .signature{font-family:var(--display);font-weight:500;text-transform:uppercase;color:#0A9A4A;line-height:1}
.parti .p-badge{text-align:center;font-family:var(--texte);text-transform:uppercase;color:#12315C}
.parti .p-badge span{display:block}
.parti .p-badge .b1{font-weight:600}
.parti .p-badge .b2{font-weight:700}
.parti .p-badge .b3{font-weight:600;color:#2F7D32}
.parti .p-bulle{font-family:var(--texte);font-weight:600;font-style:italic;color:#1F5E24;text-align:center}

.parti .carte{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:0;background:none}
.parti #pourquoi{background:linear-gradient(135deg,#053664,#032A49);color:#fff}
.parti #pourquoi h2{font-family:var(--texte);font-weight:700;color:#fff;text-transform:uppercase}
.parti .coches li{display:grid;font-weight:400}
.parti #pourquoi li{color:#fff}

.parti .p-bas{background:var(--gris-bas);color:var(--encre-p)}
.parti .p-bas b,.parti .p-bas h2,.parti .p-bas h3{font-family:var(--texte);text-transform:uppercase}
.parti .atouts-p{background:var(--gris-carte)}
.parti .atouts-p b{display:block;font-weight:700;color:#2F7D32;text-align:center}
.parti .atouts-p span{display:block;font-weight:500;color:#1F3B5C;text-align:center}
.parti .besoins h2{color:#12315C;font-weight:700}
.parti .besoins h2 span{display:block}
.parti .paire b{color:#fff;font-weight:700;text-align:center}
.parti .et-avant{background:#545352}
.parti .et-apres{background:linear-gradient(90deg,#15702C,#3C7F2A)}
.parti .ideal h2{color:#fff;font-weight:700}
.parti .ideal li{color:#20303F;font-weight:500}
.parti .marche h2{color:#12315C;font-weight:700}
.parti .marche h3{color:#2F7D32;font-weight:700}
.parti .marche p{color:#26323F;font-weight:500}
.parti .marche .num{display:flex;align-items:center;justify-content:center;border-radius:50%;
  background:#2F7A21;color:#fff;font-family:var(--texte);font-weight:700;border:2px solid #fff}
.parti .eco h2{color:#12315C;font-weight:700}
.parti .eco li{text-align:center;font-weight:500;color:#26323F}
.parti .eco figcaption{font-family:var(--texte);font-style:italic;font-weight:700;color:#1F6B24}
.parti .eco figcaption span{display:block}
.parti .jardins{background:#F4F7F2}
.parti .jardins h2{color:#2F7D32;font-weight:700}
.parti .jardins li{text-align:center;font-weight:500;color:#20303F}
.parti .plus{background:linear-gradient(180deg,#003B69,#002E55);color:#fff}
.parti .plus h2{color:#fff;font-weight:700}
.parti .plus h2 b{color:#8CC43F;font-weight:700}
.parti .plus li{color:#fff}
.parti .cta{display:block;position:relative;background:linear-gradient(120deg,#5AA521,#15772E);
  color:#fff;font-family:var(--texte);font-weight:700;text-transform:uppercase;text-decoration:none}
.parti .cta span{display:block}
.parti .p-pied{color:#1A2C49}
.parti .p-pied address{font-style:normal;color:#44566F;font-weight:500}
.parti .devise{text-transform:uppercase;font-weight:500;color:#12315C}
.parti .contacts a{text-decoration:none;color:#12315C;font-weight:500}

/* ==========================================================================
   Écran large et impression : la composition de l'affiche.
   ========================================================================== */
@media screen and (min-width:900px), print{
  .parti .entete{position:absolute;left:0;top:0;width:100%;height:calc(424 * var(--u));z-index:3;pointer-events:none}
  .parti .entete > *{pointer-events:auto}

  .parti .p-logo{position:absolute;left:calc(5.39 * var(--u));top:calc(12.1 * var(--u));width:calc(322.8 * var(--u));z-index:1}
  .parti .p-logo img{width:100%}
  .parti .p-logo .signature{font-size:calc(17.5 * var(--u));letter-spacing:.095em;white-space:nowrap;
    margin:calc(3 * var(--u)) 0 0 calc(84.5 * var(--u))}

  .parti h1{position:absolute;left:0;top:0;width:100%;color:inherit;line-height:1}
  .parti h1 span{position:absolute}
  .parti h1 .l1{left:calc(32.25 * var(--u));top:calc(86.7 * var(--u));font-size:calc(61.43 * var(--u));line-height:1;letter-spacing:-.0367em}
  .parti h1 .l2{left:calc(33.1 * var(--u));top:calc(141.7 * var(--u));font-size:calc(51.43 * var(--u));line-height:1;letter-spacing:-.0371em}
  .parti h1 .l3{left:calc(32.9 * var(--u));top:calc(186.7 * var(--u));font-size:calc(51.43 * var(--u));line-height:1;letter-spacing:-.0356em}

  .parti .lede{position:absolute;left:calc(33.9 * var(--u));top:calc(235.7 * var(--u));
    font-size:calc(29 * var(--u));line-height:calc(32 * var(--u));white-space:nowrap}
  .parti .lede .l1{letter-spacing:.003em}
  .parti .lede .l2{letter-spacing:-.0417em;margin-left:calc(-3.35 * var(--u))}

  .parti .p-badge{position:absolute;left:calc(849 * var(--u));top:calc(19 * var(--u));
    width:calc(117 * var(--u));height:calc(117 * var(--u));border-radius:50%;
    background:#FDFEFD;border:calc(3.2 * var(--u)) solid #4E8A2A}
  .parti .p-badge span,.parti .p-badge img{position:absolute;left:0;width:100%}
  .parti .p-badge .b1{top:calc(21.14 * var(--u));font-size:calc(14.3 * var(--u));line-height:1;letter-spacing:-.015em}
  .parti .p-badge .b2{top:calc(38.43 * var(--u));font-size:calc(22.86 * var(--u));line-height:1;letter-spacing:-.002em}
  .parti .p-badge .b3{top:calc(61.64 * var(--u));font-size:calc(16.8 * var(--u));line-height:1;letter-spacing:-.023em}
  .parti .p-badge img{left:calc(36.5 * var(--u));top:calc(77.8 * var(--u));width:calc(42 * var(--u))}

  .parti .p-bulle{position:absolute;left:calc(1336 * var(--u));top:calc(38 * var(--u));
    width:calc(171 * var(--u));height:calc(90 * var(--u));border-radius:50%;
    background:#FDFEFD;border:calc(3 * var(--u)) solid #2F6B2A}
  .parti .p-bulle span{display:block;transform:rotate(-6deg);padding-top:calc(11 * var(--u));
    font-size:calc(18.5 * var(--u));line-height:calc(21 * var(--u))}
  .parti .p-bulle::before,.parti .p-bulle::after{content:"";position:absolute}
  .parti .p-bulle::before{left:calc(22 * var(--u));top:calc(68 * var(--u));
    width:calc(48 * var(--u));height:calc(52 * var(--u));background:#2F6B2A;z-index:-2;
    clip-path:polygon(8% 10%,74% 32%,22% 92%)}
  .parti .p-bulle::after{left:calc(24 * var(--u));top:calc(70 * var(--u));
    width:calc(44 * var(--u));height:calc(48 * var(--u));background:#FDFEFD;z-index:-1;
    clip-path:polygon(9% 12%,73% 33%,23% 88%)}

  .parti .mosaique{aspect-ratio:1536/424}
  .parti .carte{padding:0;height:calc(var(--ch) / var(--th) * 100%);border-radius:calc(12 * var(--u))}
  .parti .carte h2,.parti .carte ul,.parti .carte img{position:absolute;margin:0}

  /* Encart bleu : origine 1039,49 */
  .parti #pourquoi h2{left:calc(21.7 * var(--u));top:calc(9.05 * var(--u));
    font-size:calc(23.5 * var(--u));line-height:calc(24 * var(--u))}
  .parti #pourquoi h2 .l1{letter-spacing:-.0243em}
  .parti #pourquoi h2 .l2{letter-spacing:.0056em}
  .parti #pourquoi ul{left:calc(21 * var(--u));top:calc(68 * var(--u))}
  .parti #pourquoi li{grid-template-columns:calc(22 * var(--u)) 1fr;column-gap:calc(11 * var(--u));
    white-space:nowrap;font-size:calc(15.71 * var(--u));line-height:calc(19.5 * var(--u));
    letter-spacing:-.0165em;margin-top:calc(7.5 * var(--u));align-items:start}
  .parti #pourquoi li.deux{display:block;position:relative;padding-left:calc(33 * var(--u))}
  .parti #pourquoi li.deux svg{position:absolute;left:0;top:0}
  .parti #pourquoi li .l2{letter-spacing:-.055em}
  .parti #pourquoi li:first-child{margin-top:0}
  .parti #pourquoi li svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}
  .parti #pourquoi .maison{left:calc(235 * var(--u));top:calc(239 * var(--u));width:calc(68 * var(--u))}

  /* ---------- tout le bas : positions écrites (y - 424) ---------- */
  .parti .p-bas{position:relative;height:calc(600 * var(--u))}
  .parti .p-bas > *{position:absolute;margin:0}
  .parti .p-bas ul,.parti .p-bas ol,.parti .p-bas img,.parti .p-bas p,
  .parti .p-bas h2,.parti .p-bas h3,.parti .p-bas figure,.parti .p-bas figcaption,
  .parti .p-bas > div,.parti .p-logo-pied{position:absolute;margin:0}
  .parti .atouts-p li,.parti .ideal li,.parti .eco li,.parti .jardins li,.parti .contacts li{position:absolute}
  .parti .atouts-p b,.parti .atouts-p span,.parti .paire b,.parti .cta span,.parti .marche .num{position:absolute}

  /* bande des cinq atouts : panneau 26,424 -> 891,597 */
  .parti .atouts-p{left:calc(26 * var(--u));top:0;width:calc(865 * var(--u));height:calc(173 * var(--u));
    border-radius:calc(12 * var(--u))}
  .parti .atouts-p ul{left:0;top:0;width:100%;height:100%}
  .parti .atouts-p li{left:calc((var(--c) - 26 - 95) * var(--u));width:calc(190 * var(--u));top:0;height:100%}
  .parti .atouts-p img{left:calc((var(--x) - var(--c) + 95) * var(--u));top:calc((var(--y) - 424) * var(--u));
    width:calc(var(--w) * var(--u))}
  .parti .atouts-p b{left:0;width:100%;top:calc(84.7 * var(--u));font-size:calc(15.71 * var(--u));line-height:calc(16 * var(--u));white-space:nowrap}
  .parti .atouts-p span{left:0;width:100%;top:calc(var(--tp) * var(--u));font-size:calc(var(--fs) * var(--u));
    line-height:calc(var(--lh) * var(--u));white-space:nowrap}
  .parti .atouts-p li:nth-child(1) b{letter-spacing:-.0155em}
  .parti .atouts-p li:nth-child(2) b{letter-spacing:-.0102em}
  .parti .atouts-p li:nth-child(3) b{letter-spacing:-.0064em}
  .parti .atouts-p li:nth-child(4) b{letter-spacing:-.0316em}
  .parti .atouts-p li:nth-child(5) b{letter-spacing:-.0654em}
  .parti .atouts-p li:nth-child(n+2)::before{content:"";position:absolute;left:calc(var(--sep) * var(--u));
    top:calc(16 * var(--u));height:calc(145 * var(--u));border-left:1px solid #D2D9D0}
  .parti .atouts-p li:nth-child(2){--sep:10.5}
  .parti .atouts-p li:nth-child(3){--sep:11}
  .parti .atouts-p li:nth-child(4){--sep:10.5}
  .parti .atouts-p li:nth-child(5){--sep:8}

  /* avant / après : carte 897,402 -> 1512,600 */
  .parti .besoins{left:calc(897 * var(--u));top:calc(-22 * var(--u));width:calc(615 * var(--u));
    height:calc(198 * var(--u));border-radius:calc(14 * var(--u));background:#F8FAFB}
  .parti .besoins h2{left:calc(13.97 * var(--u));top:calc(7.6 * var(--u));width:calc(600 * var(--u));
    font-size:calc(17 * var(--u));line-height:calc(20 * var(--u));white-space:nowrap}
  .parti .besoins h2 .l1{letter-spacing:-.0086em}
  .parti .besoins h2 .l2{letter-spacing:.0074em}
  .parti .paire{left:0;top:0;width:100%;height:100%}
  .parti .ph-avant{left:calc(11 * var(--u));top:calc(56 * var(--u));width:calc(190 * var(--u));border-radius:calc(8 * var(--u))}
  .parti .ph-apres{left:calc(212 * var(--u));top:calc(56 * var(--u));width:calc(194 * var(--u));border-radius:calc(8 * var(--u))}
  .parti .paire b{top:calc(56 * var(--u));width:calc(83 * var(--u));height:calc(27 * var(--u));
    font-size:calc(19 * var(--u));line-height:calc(27 * var(--u));letter-spacing:-.06em;
    border-radius:calc(8 * var(--u)) 0 calc(8 * var(--u)) 0}
  .parti .et-avant{left:calc(11 * var(--u))}
  .parti .et-apres{left:calc(212 * var(--u))}
  .parti .paire .fl{position:absolute;left:calc(186.5 * var(--u));top:calc(110 * var(--u));width:calc(40 * var(--u));height:calc(40 * var(--u))}

  /* idéal pour : carte 1315,433 -> 1511,597 */
  .parti .ideal{left:calc(1315 * var(--u));top:calc(9 * var(--u));width:calc(196 * var(--u));
    height:calc(164 * var(--u));border-radius:calc(10 * var(--u));background:#F1F5F0}
  .parti .ideal h2{left:calc(1 * var(--u));top:0;width:calc(195 * var(--u));height:calc(28 * var(--u));
    padding-left:calc(15 * var(--u));font-size:calc(17.5 * var(--u));line-height:calc(29 * var(--u));
    letter-spacing:-.03em;border-radius:calc(10 * var(--u)) calc(10 * var(--u)) 0 0;
    background:linear-gradient(90deg,#044E20,#629C38)}
  .parti .ideal ul{left:0;top:0;width:100%;height:100%}
  .parti .ideal li{grid-template-columns:calc(12 * var(--u)) 1fr;column-gap:calc(10 * var(--u));
    left:calc(13 * var(--u));top:calc((var(--y) - 435) * var(--u));width:calc(175 * var(--u));
    font-size:calc(12.8 * var(--u));line-height:calc(14 * var(--u));letter-spacing:-.022em;
    white-space:nowrap;align-items:start}
  .parti .ideal li:nth-child(5){letter-spacing:-.038em}
  .parti .ideal li svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}

  /* comment ça marche : carte 26,613 -> 1134,826 */
  .parti .marche{left:calc(26 * var(--u));top:calc(189 * var(--u));width:calc(1108 * var(--u));
    height:calc(213 * var(--u));border-radius:calc(14 * var(--u));background:#FBFCFC;border:1px solid #E6EBE9}
  .parti .marche h2{left:calc(-6 * var(--u));top:calc(-7.8 * var(--u));padding:0 calc(13 * var(--u)) 0 calc(9 * var(--u));
    font-size:calc(20.6 * var(--u));line-height:calc(22 * var(--u));letter-spacing:-.01em;
    white-space:nowrap;background:var(--gris-bas)}
  .parti .marche ol{left:0;top:0;width:100%;height:100%}
  .parti .marche li{position:static}
  .parti .marche img{left:calc((var(--x) - 26) * var(--u));top:calc(23 * var(--u));width:calc(var(--w) * var(--u));border-radius:calc(8 * var(--u))}
  .parti .marche .num{left:calc((var(--x) - 26 + 3) * var(--u));top:calc(22 * var(--u));
    width:calc(28 * var(--u));height:calc(28 * var(--u));font-size:calc(17 * var(--u));line-height:1}
  .parti .marche h3{left:calc((var(--hx) - 26.9) * var(--u));width:calc(240 * var(--u));
    top:calc((var(--hy) - 613 - (16 - 1.2 * var(--hf)) / 2 - 0.3 * var(--hf)) * var(--u));
    font-size:calc(var(--hf) * var(--u));line-height:calc(16 * var(--u));white-space:nowrap}
  .parti .marche p{left:calc((var(--px) - 27.1) * var(--u));width:calc(280 * var(--u));
    top:calc((var(--py) - 424 - 189 - (var(--pl) - 1.2 * var(--pf)) / 2 - 0.3 * var(--pf)) * var(--u));
    font-size:calc(var(--pf) * var(--u));line-height:calc(var(--pl) * var(--u));white-space:nowrap}
  .parti .marche .feuille-etape{left:calc(1060 * var(--u));top:calc(176 * var(--u));width:calc(36 * var(--u));border-radius:0}

  /* technique éco-responsable : carte 1146,619 -> 1509,736, puis la photo */
  .parti .eco{left:calc(1146 * var(--u));top:calc(195 * var(--u));width:calc(363 * var(--u));
    height:calc(213 * var(--u))}
  .parti .eco::before{content:"";position:absolute;left:0;top:0;width:100%;height:calc(117 * var(--u));
    border-radius:calc(12 * var(--u));background:#F6F9F4}
  .parti .eco h2{left:calc(13 * var(--u));top:calc(5.5 * var(--u));font-size:calc(13.3 * var(--u));
    line-height:calc(15 * var(--u));letter-spacing:.0142em;white-space:nowrap}
  .parti .eco ul{left:0;top:0;width:100%;height:calc(117 * var(--u))}
  .parti .eco li{left:calc((var(--c) - 1146 - 75) * var(--u));width:calc(150 * var(--u));
    top:calc(83.6 * var(--u));font-size:calc(12 * var(--u));line-height:calc(14 * var(--u));white-space:nowrap}
  .parti .eco li img{left:calc((var(--x) - var(--c) + 75) * var(--u));top:calc((var(--y) - 619 - 83.6) * var(--u));
    width:calc(var(--w) * var(--u))}
  .parti .eco li:nth-child(n+2)::before{content:"";position:absolute;left:calc(var(--sep) * var(--u));
    top:calc((650 - 619 - 83.6) * var(--u));height:calc(80 * var(--u));border-left:1px solid #D2DED0}
  .parti .eco li:nth-child(2){--sep:34.5}
  .parti .eco li:nth-child(3){--sep:27}
  .parti .eco li:nth-child(4){--sep:22}
  .parti .paysage-eco{left:0;top:calc(119 * var(--u));width:calc(363 * var(--u));height:calc(94 * var(--u));
    border-radius:calc(10 * var(--u));overflow:hidden}
  .parti .paysage-eco img{left:0;top:0;width:calc(363 * var(--u))}
  /* La phrase peinte a ete retiree de la photo par passe IA (plaques/particuliers/montagne-ia.png,
     region 1286,748 218x82). On garde un voile blanc leger, comme l'affiche, pour la lisibilite. */
  .parti .paysage-eco::after{content:"";position:absolute;left:24%;top:0;right:0;bottom:0;z-index:1;
    background:linear-gradient(96deg,rgba(255,255,255,0),rgba(255,255,255,.55) 30%,rgba(255,255,255,.78) 55%)}
  .parti .paysage-eco figcaption{right:calc(4 * var(--u));left:auto;top:calc(22 * var(--u));width:calc(206 * var(--u));
    z-index:2;text-align:center;
    font-size:calc(17 * var(--u));line-height:calc(23 * var(--u));white-space:nowrap;
    transform:rotate(-7deg)}

  /* pour tous les jardins : carte 29,834 -> 761,938 */
  .parti .jardins{left:calc(29 * var(--u));top:calc(410 * var(--u));width:calc(732 * var(--u));
    height:calc(104 * var(--u));border-radius:calc(12 * var(--u));border:1px solid var(--trait-carte)}
  .parti .jardins h2{left:calc(26 * var(--u));top:calc(-0.6 * var(--u));padding:0 calc(3 * var(--u));
    font-size:calc(14.8 * var(--u));line-height:calc(16 * var(--u));letter-spacing:-.003em;
    white-space:nowrap;background:var(--gris-bas)}
  .parti .jardins ul{left:0;top:0;width:100%;height:100%}
  .parti .jardins li{left:calc((var(--c) - 29 - 60) * var(--u));width:calc(120 * var(--u));
    top:calc(61.42 * var(--u));font-size:calc(11.5 * var(--u));line-height:calc(14 * var(--u));white-space:nowrap}
  .parti .jardins li img{left:calc((var(--x) - var(--c) + 60) * var(--u));top:calc((var(--y) - 834 - 61.42) * var(--u));
    width:calc(var(--w) * var(--u))}
  .parti .jardins li:nth-child(n+2)::before{content:"";position:absolute;left:calc(var(--sep) * var(--u));
    top:calc((858 - 834 - 61.42) * var(--u));height:calc(68 * var(--u));border-left:1px solid #CBD9CC}
  .parti .jardins li:nth-child(2){--sep:-7}
  .parti .jardins li:nth-child(3){--sep:-8}
  .parti .jardins li:nth-child(4){--sep:2.5}
  .parti .jardins li:nth-child(5){--sep:4}
  .parti .jardins li:nth-child(6){--sep:-3}

  /* le + SCHEIER : panneau 786,837 -> 1156,941 */
  .parti .plus{left:calc(786 * var(--u));top:calc(413 * var(--u));width:calc(370 * var(--u));
    height:calc(104 * var(--u));border-radius:calc(10 * var(--u))}
  .parti .plus h2{left:calc(21.95 * var(--u));top:calc(3.1 * var(--u));font-size:calc(17.14 * var(--u));
    line-height:calc(20 * var(--u));letter-spacing:.075em;white-space:nowrap}
  .parti .plus ul{left:calc(22 * var(--u));top:calc(26.7 * var(--u));width:calc(330 * var(--u))}
  .parti .plus li{grid-template-columns:calc(15 * var(--u)) 1fr;column-gap:calc(15 * var(--u));
    font-size:calc(12.4 * var(--u));line-height:calc(15 * var(--u));white-space:nowrap;
    letter-spacing:var(--ls,0);margin-top:calc(0.5 * var(--u));align-items:start;position:static}
  .parti .plus li:first-child{margin-top:0}
  .parti .plus li svg{width:calc(15 * var(--u));height:calc(15 * var(--u));margin-top:calc(2.8 * var(--u));position:static}

  /* bouton : 1171,839 -> 1510,936 */
  .parti .cta{left:calc(1171 * var(--u));top:calc(415 * var(--u));width:calc(339 * var(--u));
    height:calc(97 * var(--u));border-radius:calc(10 * var(--u));padding:0}
  .parti .cta span{position:absolute;left:calc(43.6 * var(--u));width:calc(290 * var(--u));white-space:nowrap;
    font-size:calc(22.5 * var(--u));line-height:calc(28 * var(--u))}
  .parti .cta .l1{top:calc(14.75 * var(--u));letter-spacing:-.0535em;word-spacing:.08em}
  .parti .cta .l2{top:calc(42.75 * var(--u));letter-spacing:-.015em}
  .parti .cta::before{content:"";position:absolute;left:calc(31 * var(--u));top:calc(12 * var(--u));
    width:calc(271 * var(--u));height:calc(64 * var(--u));
    border-left:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55);
    border-radius:0 0 0 calc(8 * var(--u))}
  .parti .cta svg{position:absolute;left:calc(287 * var(--u));top:calc(12 * var(--u));
    width:calc(40 * var(--u));height:calc(36 * var(--u))}

  /* pied de l'affiche */
  .parti .p-pied{left:0;top:calc(516 * var(--u));width:100%;height:calc(84 * var(--u))}
  .parti .p-logo-pied{left:calc(19.6 * var(--u));top:calc(3.65 * var(--u));width:calc(215 * var(--u))}
  .parti .p-logo-pied img{position:static;width:100%}
  .parti .p-logo-pied .signature{position:static;font-size:calc(11 * var(--u));letter-spacing:.095em;
    white-space:nowrap;margin:calc(2 * var(--u)) 0 0 calc(56 * var(--u))}
  .parti .p-logo-pied address{position:static;font-size:calc(11 * var(--u));line-height:calc(14 * var(--u));
    white-space:nowrap;margin:calc(5 * var(--u)) 0 0 calc(56 * var(--u))}
  .parti .devise{left:calc(268.7 * var(--u));top:calc(17.2 * var(--u));font-size:calc(15.71 * var(--u));
    line-height:calc(17 * var(--u));letter-spacing:-.0036em;white-space:nowrap}
  .parti .contacts{left:0;top:0;width:100%;height:100%}
  .parti .contacts li{position:absolute;white-space:nowrap;display:block}
  .parti .contacts img{position:absolute}
  .parti .contacts .tel{left:calc(865 * var(--u));top:calc(21.8 * var(--u));font-size:calc(12.6 * var(--u));line-height:calc(16 * var(--u))}
  .parti .contacts .mail{left:calc(1124 * var(--u));top:calc(21.7 * var(--u));font-size:calc(12.4 * var(--u));line-height:calc(16 * var(--u))}
  .parti .contacts .web{left:calc(1362 * var(--u));top:calc(18.74 * var(--u));font-size:calc(15.8 * var(--u));line-height:calc(19 * var(--u));letter-spacing:-.02em}
  .parti .contacts .web a{font-weight:600}
  .parti .contacts .tel img{left:calc(-35 * var(--u));top:calc(-2.5 * var(--u));width:calc(22 * var(--u))}
  .parti .contacts .mail img{left:calc(-40 * var(--u));top:calc(-0.6 * var(--u));width:calc(24 * var(--u))}
  .parti .contacts .web img{left:calc(-42 * var(--u));top:calc(-3.6 * var(--u));width:calc(23 * var(--u))}
  .parti .contacts::before,.parti .contacts::after{content:"";position:absolute;top:calc(17 * var(--u));
    height:calc(26 * var(--u));border-left:1px solid #C9D2DC}
  .parti .contacts::before{left:calc(1037.5 * var(--u))}
  .parti .contacts::after{left:calc(1280.5 * var(--u))}

  .parti h1 > br,.parti .lede > br,.parti .p-badge > br{display:none}
}

/* ==========================================================================
   Téléphone et tablette : le titre, puis la photo et son encart, puis le bas.
   ========================================================================== */
@media screen and (max-width:899px){
  .parti .entete{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center;padding:18px 16px 10px}
  .parti .p-logo{grid-column:1 / -1}
  .parti .p-logo img{width:200px}
  .parti .signature{font-size:12.5px;letter-spacing:.06em;margin-top:6px}
  .parti h1{font-size:clamp(27px,7.6vw,40px);line-height:1.04;margin:0}
  .parti h1 span{display:inline}
  .parti .lede{grid-column:1 / -1;font-size:18px;line-height:1.3;margin:0}
  .parti .lede span{display:inline}
  .parti .p-badge{grid-column:2;grid-row:3;width:104px;height:104px;border-radius:50%;background:#fff;
    border:2px solid #5C8F2E;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}
  .parti .p-badge .b1{font-size:12.5px}
  .parti .p-badge .b2{font-size:19px}
  .parti .p-badge .b3{font-size:13px}
  .parti .p-badge img{width:26px;margin-top:3px}
  .parti .p-bulle{grid-column:1;grid-row:3;align-self:center;background:#EEF4EA;border:1px solid #CBDDC0;
    border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.35;text-align:left}
  .parti .p-bulle br{display:none}

  .parti .carte{padding:14px 14px 12px;border-radius:10px}
  .parti #pourquoi h2{font-size:19px;line-height:1.25;margin-bottom:10px}
  .parti #pourquoi h2 br{display:none}
  .parti .coches li{grid-template-columns:18px 1fr;column-gap:10px;font-size:14.5px;line-height:1.35;margin-top:7px;align-items:start}
  .parti .coches li svg{width:18px;height:18px;margin-top:1px}
  .parti .coches br{display:none}
  .parti #pourquoi .maison{width:56px;margin:12px auto 0}
  /* un span dans une grille deviendrait une cellule : la derniere puce passe en bloc */
  .parti #pourquoi li.deux{display:block;position:relative;padding-left:28px}
  .parti #pourquoi li.deux svg{position:absolute;left:0;top:2px}

  .parti .p-bas{padding:14px 16px 4px;display:grid;gap:20px}
  .parti .p-bas br{display:none}
  .parti .atouts-p{border-radius:12px;padding:16px 10px}
  .parti .atouts-p ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 10px}
  .parti .atouts-p img{width:46px;margin:0 auto 8px}
  .parti .atouts-p b{font-size:14px;line-height:1.2}
  .parti .atouts-p span{font-size:13px;line-height:1.35;margin-top:5px}
  .parti .besoins h2{font-size:18px;line-height:1.25;margin-bottom:12px}
  .parti .besoins h2 span{display:inline}
  /* Les etiquettes AVANT / APRES et la fleche sont PEINTES sur les photos recadrees :
     la page repose les siennes exactement dessus, sinon elles apparaitraient en double. */
  .parti .paire{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative}
  .parti .paire img{width:100%;aspect-ratio:190/138;object-fit:cover;border-radius:8px}
  .parti .ph-avant{grid-area:1 / 1}
  .parti .ph-apres{grid-area:1 / 2}
  .parti .paire b{position:absolute;top:0;z-index:2;width:80px;height:26px;
    font-size:13px;line-height:26px;border-radius:8px 0 8px 0}
  .parti .et-avant{left:0}
  .parti .et-apres{left:calc(50% + 5px)}
  .parti .paire .fl{display:block;position:absolute;z-index:3;
    left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px}
  .parti .ideal{border-radius:10px;overflow:hidden;background:#F1F5F0}
  .parti .ideal h2{font-size:16px;padding:10px 14px;background:linear-gradient(90deg,#044E20,#629C38)}
  .parti .ideal ul{padding:12px 14px 14px}
  .parti .marche h2{font-size:20px;margin-bottom:12px}
  .parti .marche ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px 12px}
  .parti .marche li{position:relative}
  .parti .marche img{width:100%;border-radius:8px}
  .parti .marche .num{position:absolute;left:2px;top:0;width:26px;height:26px;font-size:14.5px;border-width:1.5px}
  .parti .marche h3{font-size:15px;margin-top:8px}
  .parti .marche p{font-size:13px;line-height:1.35;margin-top:4px}
  .parti .marche .feuille-etape{width:34px;margin:8px 0 0 auto}
  .parti .eco h2{font-size:17px;margin-bottom:12px}
  .parti .eco ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px 8px}
  .parti .eco li img{width:44px;margin:0 auto 6px}
  .parti .eco li{font-size:13px;line-height:1.3}
  .parti .paysage-eco{margin-top:14px;position:relative;overflow:hidden;border-radius:10px}
  .parti .paysage-eco img{width:100%;display:block}
  .parti .paysage-eco::after{content:"";position:absolute;left:30%;top:0;right:0;bottom:0;z-index:1;
    background:linear-gradient(96deg,rgba(255,255,255,0),rgba(255,255,255,.99) 22%,#fff 36%)}
  .parti .eco figcaption{position:absolute;z-index:2;right:2%;top:20%;width:56%;text-align:center;
    font-size:15px;line-height:1.3;transform:rotate(-7deg)}
  .parti .jardins{border-radius:12px;padding:14px 10px}
  .parti .jardins h2{font-size:16px;margin-bottom:12px;text-align:center}
  .parti .jardins ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:14px 8px}
  .parti .jardins li{font-size:13px;line-height:1.3}
  .parti .jardins li img{height:34px;width:auto;margin:0 auto 6px}
  .parti .plus{border-radius:10px;padding:14px}
  .parti .plus h2{font-size:18px;margin-bottom:8px}
  .parti .cta{border-radius:10px;padding:16px 60px 16px 16px;font-size:18px;line-height:1.3}
  .parti .cta span{display:inline}
  .parti .cta svg{position:absolute;right:12px;top:14px;width:38px;height:34px}
  .parti .p-pied{display:grid;gap:12px;padding:4px 0 24px}
  .parti .p-logo-pied img{width:190px}
  .parti .p-logo-pied .signature{font-size:12.5px;letter-spacing:.06em;margin-top:6px}
  .parti .p-logo-pied address{font-size:13.5px;margin-top:6px}
  .parti .devise{font-size:14px;line-height:1.35}
  .parti .contacts{display:grid;gap:9px}
  .parti .contacts li{display:flex;align-items:center;gap:10px;font-size:15px}
  .parti .contacts img{width:22px}
}

/* ==========================================================================
   Impression : une page au format de l'affiche (3:2 paysage), sans marge.
   ========================================================================== */
@page{size:315mm 210mm;margin:0}
@media print{
  .fiche.parti{width:315mm;height:210mm}
}