/* --------------------------------------------------------------------------
   Rivières : affiche paysage 1536 x 1024. Complète pages/fiche.css.

   Unité : --u = 1 px d'affiche = 100cqw / 1536. Positions et tailles : pixels
   mesurés sur rivieres.png. Pour un texte, --x est le bord gauche de l'encre,
   --y le haut des capitales de la première ligne, --fs la taille, --lh
   l'interligne ; la règle « placement » en déduit la boîte (métriques Barlow :
   ascendante 1, descendante 0,2, capitale 0,7). --x0 et --y0 : origine du bloc
   positionné qui contient l'élément, en pixels d'affiche.
   -------------------------------------------------------------------------- */

.fiche.riv{--W:1536;--PH:722;max-width:1536px;--u:calc(100cqw / 1536);
  --navy:#041B55;--navy-texte:#0B1A5C;--vert:#548224;--vert-sombre:#0D3A14;--vert-vif:#6A9E3A;
  --x0:0;--y0:0}
.riv svg{display:block}
.riv h1{font-family:var(--texte);text-transform:uppercase;line-height:1;letter-spacing:0;color:inherit}
.riv h1 .dev,.riv h1 .hm{font-family:var(--display);font-weight:700}
.riv h1 .dev{color:var(--vert);text-transform:none}
.riv h1 .hm{color:#03164B}
.riv h1 .l2{font-weight:700;color:var(--vert)}
.riv .lede{font-family:var(--texte);font-weight:600;color:#050C4C}
.riv .intro{font-family:var(--texte);font-weight:500;color:#0A1250}
.riv .intro b{font-weight:700}
.riv .colonne b{display:block;font-family:var(--texte);font-weight:700;text-transform:uppercase;color:var(--vert-sombre)}
.riv .colonne b.navy{color:#050E4E}
.riv .colonne li > span{display:block;font-weight:600;color:#12205F}

.riv .accroche{font-family:var(--texte);font-weight:700;text-transform:uppercase;color:#03205A;text-align:left}
.riv .accroche .by{text-transform:none}
.riv #pvi h2{font-family:var(--texte);font-weight:700;text-transform:uppercase;color:#D9BD6B;line-height:1}
.riv #pvi p{font-family:var(--texte);font-weight:700;text-transform:uppercase;color:#fff;text-align:center}
.riv .slogan{font-family:var(--texte);font-weight:700;color:#06155A;text-align:center}
.riv .slogan b{font-weight:700;text-transform:uppercase;color:var(--vert)}
.riv .cercles span{display:block;font-family:var(--texte);font-weight:700;text-transform:uppercase}
.riv span.ls.ls{display:inline;position:static;margin:0;letter-spacing:calc(var(--ls) * 1em)}

.riv #avant-apres h2,.riv #avant-apres p{font-family:var(--texte);font-weight:700;text-transform:uppercase;color:#050D4B;line-height:1;white-space:nowrap}
.riv #avant-apres p b{font-weight:700}
.riv #avant-apres img{object-fit:cover}

.riv #methodologie h2{font-family:var(--texte);font-weight:700;text-transform:uppercase;color:#07124F;line-height:1;white-space:nowrap}
.riv #methodologie h2 span{font-weight:600}
.riv #methodologie i{font-style:normal;font-family:var(--texte);font-weight:700;color:#fff;background:#0A2A6B;border-radius:50%;text-align:center}
.riv #methodologie b{display:block;font-family:var(--texte);font-weight:700;text-transform:uppercase;color:#10244F}
.riv #methodologie li > span{display:block;font-weight:600;color:#26386E}

.riv .synergie-r h2{font-family:var(--texte);font-weight:700;text-transform:uppercase;color:#fff;background:#032B63;text-align:center;line-height:1}
.riv .synergie-r b{display:block;font-family:var(--texte);font-weight:700;text-transform:uppercase;color:#12401C}
.riv .synergie-r span{display:block;font-weight:600;color:#22346F}
.riv .synergie-r .op{font-family:var(--texte);font-weight:700;color:#082A68;text-align:center}
.riv .formule{font-family:var(--texte);font-weight:700;text-transform:uppercase;color:#fff;background:linear-gradient(#64963A,#5A8C33);text-align:center}
.riv .expertise-r{background:#002758;color:#fff}
.riv .expertise-r h2{font-family:var(--texte);font-weight:700;text-transform:uppercase;color:#7DB043;line-height:1}
.riv .expertise-r h2 .blanc{color:#fff}
.riv .expertise-r li{display:flex;align-items:center;font-weight:500;color:#fff}
.riv .benefices b{display:block;font-family:var(--texte);font-weight:700;text-transform:uppercase;color:#0E3217}
.riv .benefices span{display:block;font-weight:500;color:#26407A}
.riv .www{display:block;font-family:var(--texte);font-weight:700;color:#040D4F;text-decoration:none;text-align:center;background:#fff;border:2px solid #74A544}
.riv .r-pied .signature{font-family:var(--display);font-weight:500;text-transform:uppercase;color:#0A9A4A;letter-spacing:.098em;line-height:1}

/* ==========================================================================
   Écran large et impression : la composition de l'affiche.
   ========================================================================== */
@media screen and (min-width:900px), print{
  .riv .entete{position:absolute;left:0;top:0;width:100%;height:calc(722 * var(--u));z-index:3;pointer-events:none}
  .riv h1{position:absolute;left:0;top:0;width:100%;height:100%;font-size:inherit;letter-spacing:0}
  .riv .carte h2,.riv .carte p{letter-spacing:0}
  .riv .carte li{display:block;margin:0}

  /* placement d'un texte Barlow par le haut de ses capitales */
  .riv .dev,.riv .hm,.riv .l2,.riv .lede,.riv .intro span,.riv .colonne li,.riv .accroche,.riv .accroche .by,
  .riv #pvi h2,.riv #pvi p,.riv .slogan,.riv .cercles span,.riv #avant-apres .lib-apres,
  .riv #methodologie h2,.riv #methodologie li,.riv .synergie-r li:not(.op),.riv .synergie-r h2,.riv .formule,
  .riv .expertise-r h2,.riv .expertise-r li,.riv .www,.riv .benefices li,.riv .r-pied .signature{
    position:absolute;white-space:nowrap;
    left:calc((var(--x) - var(--x0) - .06 * var(--fs)) * var(--u));
    top:calc((var(--y) - var(--y0) - (var(--lh) - 1.2 * var(--fs)) / 2 - .3 * var(--fs)) * var(--u));
    font-size:calc(var(--fs) * var(--u));line-height:calc(var(--lh) * var(--u))}
  /* coin haut gauche de la boîte d'un bloc de texte, en pixels d'affiche, pour y accrocher ses images */
  .riv #methodologie li,.riv .synergie-r li,.riv .benefices li{
    --lx0:calc(var(--lx) - .06 * var(--fs));--ly0:calc(var(--y) - (var(--lh) - 1.2 * var(--fs)) / 2 - .3 * var(--fs))}
  /* Antonio : ascendante 1,155, descendante 0,139, capitale 0,859 */
  .riv .dev,.riv .hm{top:calc((var(--y) - (var(--lh) - 1.294 * var(--fs)) / 2 - (1.155 - .859) * var(--fs)) * var(--u))}

  .riv .dev{--x:58;--y:35;--fs:48.2;--lh:48;letter-spacing:.014em}
  .riv .hm{--x:286;--y:15.5;--fs:70;--lh:70;letter-spacing:.095em}
  .riv .l2{--x:287;--y:92;--fs:34.6;--lh:37}
  .riv .lede{--x:288;--y:167;--fs:17.5;--lh:20;letter-spacing:.035em}
  .riv .intro img{position:absolute;left:calc(282 * var(--u));top:calc(192 * var(--u));width:calc(44 * var(--u))}
  .riv .intro span{--x:331;--y:196;--fs:15.25;--lh:19.5}

  .riv .colonne li{--x:102;--fs:11.6;--lh:15.5;--x0:0}
  .riv .colonne li{top:calc((var(--y)) * var(--u));width:calc(180 * var(--u))}
  .riv .colonne b{font-size:calc(11.6 * var(--u));line-height:calc(15.5 * var(--u))}
  .riv .colonne span{font-size:calc(11.3 * var(--u));line-height:calc(16.3 * var(--u));margin-top:calc(2.5 * var(--u))}
  .riv .colonne img{position:absolute;width:calc(55 * var(--u));max-width:none;left:calc(-63.3 * var(--u));top:calc(var(--py) * var(--u))}

  /* ----- mosaïque ----- */
  .riv .mosaique{aspect-ratio:1536/722}
  .riv .tuile{--x0:var(--tx);--y0:var(--ty)}
  .riv .voile{position:absolute;inset:0;pointer-events:none;
    background:
      radial-gradient(calc(200 * var(--u)) calc(260 * var(--u)) at 0 100%,rgba(40,40,30,.045),rgba(40,40,30,0)) 0 0 / 100% 100% no-repeat,
      linear-gradient(90deg,rgba(254,254,254,.98) calc(175 * var(--u)),rgba(254,254,254,.9) calc(195 * var(--u)),rgba(254,254,254,.72) calc(210 * var(--u)),
        rgba(254,254,254,.45) calc(222 * var(--u)),rgba(254,254,254,.15) calc(233 * var(--u)),rgba(254,254,254,0) calc(243 * var(--u))) 0 0 / 100% 100% no-repeat,
      linear-gradient(90deg,rgba(254,254,254,.97) calc(600 * var(--u)),rgba(254,254,254,0) calc(1010 * var(--u))) 0 0 / 100% calc(200 * var(--u)) no-repeat,
      linear-gradient(90deg,rgba(253,253,253,.92) calc(690 * var(--u)),rgba(253,253,253,0) calc(815 * var(--u))) 0 calc(196 * var(--u)) / 100% calc(66 * var(--u)) no-repeat}

  .riv .carte{--x0:var(--cx);--y0:var(--cy)}

  /* panneau PVI : blanc opaque (le fond sous le panneau est imparfait) */
  .riv .raccord{position:absolute;max-width:none;left:calc((1122 - 1136) * var(--u));top:calc((0 - 14) * var(--u));width:calc(378 * var(--u));z-index:1}
  .riv .accroche{--x:1155;--y:29;--fs:22.4;--lh:26;z-index:3}
  .riv .accroche .by{--x:1196;--y:62;--fs:19;--lh:20;--x0:1153.7;--y0:22.7}
  .riv .accroche img{position:absolute;max-width:none;width:calc(206 * var(--u));left:calc((1243 - 1153.7) * var(--u));top:calc((50 - 22.7) * var(--u))}
  .riv #pvi{height:calc(185 * var(--u));padding:0;border-radius:calc(8 * var(--u));border:calc(1.2 * var(--u)) solid #5E8C35;
    background:linear-gradient(90deg,#E4EBF3,#D0DEEE);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .riv #pvi::before{content:"";position:absolute;left:calc(10 * var(--u));top:calc(79 * var(--u));width:calc(330 * var(--u));height:calc(89 * var(--u));
    background:#022A5C;border-radius:calc(6 * var(--u))}
  .riv #pvi h2{--x:1254;--y:107;--fs:17.8;--lh:20}
  .riv #pvi p{--x:1206;--y:129;--fs:18.9;--lh:21;text-align:left}
  .riv #pvi p .l2p{margin-left:calc(22 * var(--u))}
  .riv #pvi img{position:absolute;max-width:none;width:calc(43 * var(--u));left:calc((1153 - 1136) * var(--u));top:calc((121 - 14) * var(--u))}
  .riv .slogan{--x:1180;--y:194;--fs:20.2;--lh:24;width:calc(260 * var(--u));margin-left:calc(-2 * var(--u));z-index:4}
  .riv .slogan::before{content:"";position:absolute;z-index:-1;left:calc((1166 - 1176.8) * var(--u));top:calc((178 - 184.85) * var(--u));width:calc(306 * var(--u));height:calc(90 * var(--u));
    background:rgba(251,252,252,.9);border-radius:calc(20 * var(--u)) calc(20 * var(--u)) calc(60 * var(--u)) calc(60 * var(--u));filter:blur(calc(7 * var(--u)))}
  .riv .slogan b{font-size:calc(19.2 * var(--u))}

  .riv .cercles{position:absolute;inset:0;z-index:2;pointer-events:none}
  .riv .cercles li{position:absolute;left:0;top:0}
  .riv .cercles img{position:absolute;max-width:none;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--n) * var(--u))}
  .riv .cercles span{--x:1355;--y:calc(var(--ty) + 9);--fs:13.2;--lh:17.8;color:#fff;
    text-shadow:0 0 calc(2 * var(--u)) rgba(8,20,4,.95),0 0 calc(5 * var(--u)) rgba(8,20,4,.8),0 calc(1 * var(--u)) calc(2 * var(--u)) rgba(8,20,4,.9)}

  /* avant / après */
  .riv #avant-apres{height:calc(142 * var(--u));padding:calc(8.86 * var(--u)) 0 0 calc(20.83 * var(--u));font-size:calc(11.2 * var(--u));line-height:calc(12 * var(--u));font-weight:700;border-radius:calc(10 * var(--u));
    border:calc(1.5 * var(--u)) solid #7C9C6C;border-right-color:#E6E8E2;border-bottom-color:#E6E8E2;
    background:rgba(238,238,234,.97);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .riv #avant-apres h2,.riv #avant-apres .lib-avant{display:inline-block;font-size:calc(11.2 * var(--u));line-height:calc(12 * var(--u))}
  .riv #avant-apres .lib-apres{--x:562;--y:273;--fs:10.9;--lh:12}
  .riv #avant-apres img{position:absolute;max-width:none;height:calc(106 * var(--u));width:calc(191 * var(--u));top:calc((288 - 260) * var(--u));border-radius:calc(5 * var(--u))}
  .riv #avant-apres .ph-avant{left:calc((305 - 296) * var(--u))}
  .riv #avant-apres .ph-apres{left:calc((542 - 296) * var(--u))}
  .riv #avant-apres .fleche{position:absolute;left:calc((504 - 296) * var(--u));top:calc((318 - 260) * var(--u));width:calc(35 * var(--u));height:calc(31 * var(--u))}

  /* méthodologie : panneau presque opaque, l'ancien texte du fond ne doit pas transparaître */
  .riv #methodologie{height:calc(111 * var(--u));padding:0;border-radius:calc(12 * var(--u)) calc(12 * var(--u)) 0 0;
    background:rgba(229,230,225,.975);border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .riv #methodologie h2{--x:480;--y:624.5;--fs:12.4;--lh:13;letter-spacing:-.014em}
  .riv #methodologie h2::after{content:"";position:absolute;left:calc(100% + 6 * var(--u));top:50%;width:calc(195 * var(--u));height:calc(1.2 * var(--u));background:#9DAE95}
  .riv #methodologie li{--x:var(--lx);--y:650.5;--fs:8.3;--lh:11}
  .riv #methodologie li.haut{--y:645.5}
  .riv #methodologie li.une{--y:651.5}
  .riv #methodologie li img{position:absolute;max-width:none;left:calc((var(--ix) - var(--lx0)) * var(--u));top:calc((649 - var(--ly0)) * var(--u));width:calc(var(--in) * var(--u))}
  .riv #methodologie i{position:absolute;left:calc((var(--bx) - 7 - var(--lx0)) * var(--u));top:calc((647.4 - 7 - var(--ly0)) * var(--u));width:calc(14 * var(--u));height:calc(14 * var(--u));
    font-size:calc(9.5 * var(--u));line-height:calc(14 * var(--u))}
  .riv #methodologie b{position:relative;z-index:1}
  .riv #methodologie li > span{font-size:calc(7.8 * var(--u));line-height:calc(12 * var(--u));margin-top:calc(3.5 * var(--u))}

  /* ----- bas de page ----- */
  .riv .r-bas{position:relative;height:calc(302 * var(--u));background:#F6F6F5;--x0:0;--y0:722}
  .riv .synergie-r{position:absolute;left:0;top:0;width:100%;height:100%}
  .riv .synergie-r::before{content:"";position:absolute;left:calc(28 * var(--u));top:calc(1 * var(--u));width:calc(1120 * var(--u));height:calc(183 * var(--u));
    background:#022A5E;border-radius:calc(18 * var(--u)) 0 0 calc(18 * var(--u))}
  .riv .expertise-r{position:absolute;left:calc(1100 * var(--u));top:calc(-1.5 * var(--u));width:calc(436 * var(--u));height:calc(194.5 * var(--u));
    clip-path:polygon(calc(15 * var(--u)) 0,100% 0,100% 100%,calc(15.5 * var(--u)) 100%,calc(46 * var(--u)) calc(93 * var(--u)))}
  .riv .synergie-r::after{content:"";position:absolute;z-index:1;left:calc(34 * var(--u));top:calc(7 * var(--u));width:calc(1112 * var(--u));height:calc(171 * var(--u));
    background:#fff;border-radius:calc(12 * var(--u)) 0 0 calc(12 * var(--u));
    clip-path:polygon(0 0,calc(1081 * var(--u)) 0,calc(1111 * var(--u)) calc(86 * var(--u)),calc(1082 * var(--u)) 100%,0 100%)}
  .riv .synergie-r > *{z-index:2}
  .riv .synergie-r h2{--x:187;--y:719;--fs:20.2;--lh:26;z-index:3;letter-spacing:.006em}
  .riv .synergie-r h2::before{content:"";position:absolute;z-index:-1;left:calc(-69 * var(--u));right:calc(-48 * var(--u));top:calc(1 * var(--u));height:calc(26 * var(--u));
    background:#032B63;border-radius:calc(13 * var(--u))}
  .riv .synergie-r h2{background:none}
  .riv .synergie-r ol{position:absolute;inset:0;z-index:2}
  .riv .synergie-r li{--x:var(--lx);--y:766;--fs:10.4;--lh:15}
  .riv .synergie-r li.b1{--y:776}
  .riv .synergie-r li.b3{--y:772}
  .riv .synergie-r li img{position:absolute;max-width:none;left:calc((var(--ix) - var(--lx0)) * var(--u));top:calc((var(--iy) - var(--ly0)) * var(--u));width:calc(var(--in) * var(--u))}
  .riv .synergie-r li.resultat span{font-size:calc(8.6 * var(--u))}
  .riv .synergie-r li span{letter-spacing:-.02em;font-size:calc(8.6 * var(--u));line-height:calc(14.5 * var(--u));margin-top:calc(var(--dm, 2.5) * var(--u))}
  .riv .synergie-r .op{position:absolute;left:calc((var(--ox) - 12) * var(--u));top:calc((767 - 722) * var(--u));width:calc(24 * var(--u));font-size:calc(42 * var(--u));line-height:calc(40 * var(--u))}
  .riv .synergie-r .op.egal{font-size:calc(28 * var(--u))}
  .riv .formule{--x:336;--y:864;--fs:23;--lh:36;letter-spacing:.004em;padding:0 calc(58 * var(--u));margin-left:calc(-58 * var(--u));border-radius:calc(8 * var(--u));
    width:calc(612 * var(--u))}

  .riv .expertise-r{--x0:1100;--y0:722;z-index:3}
  .riv .expertise-r::before{content:"";position:absolute;inset:0;background:#6E9F3C;
    clip-path:polygon(calc(21 * var(--u)) 0,calc(26 * var(--u)) 0,calc(58 * var(--u)) calc(93 * var(--u)),calc(26.3 * var(--u)) 100%,calc(21.3 * var(--u)) 100%,calc(53 * var(--u)) calc(93 * var(--u)))}
  .riv .expertise-r h2{--x:1173;--y:735;--fs:20.2;--lh:24}
  .riv .expertise-r h2 .v{display:block;letter-spacing:.012em;font-size:calc(23.8 * var(--u));line-height:calc(24.5 * var(--u));margin-top:calc(.5 * var(--u))}
  .riv .expertise-r ul{position:absolute;inset:0}
  .riv .expertise-r li{--x:1197;--fs:11.6;--lh:14}
  .riv .expertise-r li:nth-child(1){--y:812}
  .riv .expertise-r li:nth-child(2){--y:831.3}
  .riv .expertise-r li:nth-child(3){--y:850.5}
  .riv .expertise-r li:nth-child(4){--y:869.8}
  .riv .expertise-r li:nth-child(5){--y:889}
  .riv .expertise-r li svg{position:absolute;left:calc(-23 * var(--u));width:calc(14 * var(--u));height:calc(14 * var(--u))}
  .riv .expertise-r .badge{position:absolute;max-width:none;left:calc((1398 - 1100) * var(--u));top:calc((772 - 722) * var(--u));width:calc(112 * var(--u))}

  .riv .benefices{position:absolute;inset:0}
  .riv .benefices li{--x:var(--lx);--y:929;--fs:11.3;--lh:16}
  .riv .benefices img{position:absolute;max-width:none;left:calc((var(--px) - var(--lx0)) * var(--u));top:calc((926 - var(--ly0)) * var(--u));width:calc(55 * var(--u))}
  .riv .benefices li span{font-size:calc(10.8 * var(--u));line-height:calc(16.5 * var(--u));margin-top:calc(2 * var(--u))}

  .riv .r-pied{position:absolute;inset:0;z-index:4;pointer-events:none}
  .riv .www{--x:1243;--y:915;--fs:18.6;--lh:24;pointer-events:auto;letter-spacing:.016em;
    width:calc(223 * var(--u));margin-left:calc(-45 * var(--u));margin-top:calc(-2 * var(--u));border-radius:calc(8 * var(--u));border-width:calc(2 * var(--u))}
  .riv .r-logo img{position:absolute;max-width:none;left:calc(1168 * var(--u));top:calc((944 - 722) * var(--u));width:calc(290 * var(--u))}
  .riv .r-pied .signature{--x:1226;--y:1002;--fs:13.4;--lh:14}
}

/* ==========================================================================
   Téléphone et tablette.
   ========================================================================== */
@media screen and (max-width:899px){
  .riv .entete{padding:20px 16px 6px}
  .riv h1{margin-bottom:10px}
  .riv h1 .dev{display:inline;font-size:clamp(30px,8.4vw,40px);line-height:1.05}
  .riv h1 .hm{display:inline;font-size:clamp(30px,8.4vw,40px);line-height:1.05;letter-spacing:.02em}
  .riv h1 .l2{display:block;font-size:clamp(18px,5vw,24px);line-height:1.15;margin-top:6px}
  .riv h1 br,.riv .intro br,.riv .colonne br,.riv .slogan br,.riv .cercles br,.riv #methodologie br,
  .riv .synergie-r br,.riv .benefices br,.riv #pvi br{display:none}
  .riv .lede{font-size:17px;line-height:1.3;margin-bottom:12px}
  .riv .intro{display:grid;grid-template-columns:32px 1fr;column-gap:10px;font-size:15px;line-height:1.4;margin-bottom:16px}
  .riv .intro img{width:32px}
  .riv .colonne{display:grid;gap:14px}
  .riv .colonne li{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:start}
  .riv .colonne img{grid-row:1 / 3;width:44px}
  .riv .colonne b{font-size:14px;line-height:1.25}
  .riv .colonne span{font-size:14px;line-height:1.35;margin-top:3px}

  .riv .voile,.riv .raccord{display:none}
  .riv .mosaique{grid-template-columns:minmax(0,1fr)}
  .riv .tuile{overflow:visible}
  .riv .cadre{border-radius:10px}

  .riv .accroche,.riv .slogan{position:relative}
  .riv .slogan::before{display:none}
  .riv .accroche{background:#EEF3F8;border:1px solid #5E8C35;border-bottom:0;border-radius:10px 10px 0 0;padding:12px 14px 4px;
    font-size:17px;line-height:1.25;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px}
  .riv .accroche br{display:none}
  .riv .accroche .by{font-size:16px}
  .riv .accroche img{width:150px}
  .riv #pvi{border-radius:0 0 10px 10px;border:1px solid #5E8C35;border-top:0;background:#EEF3F8;padding:6px 12px 12px;box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center}
  .riv #pvi h2,.riv #pvi p{grid-column:2;background:#022A5C;margin:0}
  .riv #pvi h2{font-size:16px;padding:10px 12px 2px;border-radius:6px 6px 0 0}
  .riv #pvi p{font-size:15px;line-height:1.3;padding:2px 12px 10px;border-radius:0 0 6px 6px;text-align:left}
  .riv #pvi img{grid-column:1;grid-row:1 / 3;width:40px}
  .riv .slogan{background:rgba(255,255,255,.92);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:16px;line-height:1.3}

  .riv .cercles{display:grid;gap:10px;background:#fff;border-radius:10px;padding:14px}
  .riv .cercles li{display:grid;grid-template-columns:72px 1fr;column-gap:14px;align-items:center}
  .riv .cercles img{width:72px}
  .riv .cercles span{font-size:14px;line-height:1.3;color:#12401C}

  .riv #avant-apres{position:relative;padding:12px;border-radius:10px;background:rgba(244,244,240,.96);border:1px solid #7C9C6C}
  .riv #avant-apres h2,.riv #avant-apres p{display:inline;font-size:13.5px;line-height:1.3;white-space:normal}
  .riv #avant-apres img{display:block;width:100%;aspect-ratio:191/106;border-radius:6px;margin:6px 0 0}
  .riv #avant-apres .fleche{width:26px;height:28px;margin:8px auto 6px;transform:rotate(90deg)}
  .riv #avant-apres .lib-apres{display:block}
  .riv #methodologie{position:relative;padding:14px 12px;border-radius:10px;background:rgba(240,241,237,.97)}
  .riv #methodologie h2{font-size:15px;line-height:1.25;white-space:normal;margin-bottom:12px}
  .riv #methodologie ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px 10px}
  .riv #methodologie li{position:relative;display:grid;grid-template-columns:52px 1fr;column-gap:8px;align-items:start}
  .riv #methodologie li img{grid-row:1 / 3;width:52px}
  .riv #methodologie i{position:absolute;left:-2px;top:-4px;width:20px;height:20px;font-size:12px;line-height:20px}
  .riv #methodologie b{font-size:12.5px;line-height:1.2}
  .riv #methodologie span{font-size:12.5px;line-height:1.3;margin-top:2px}

  .riv .r-bas{padding:0 16px 24px}
  .riv .synergie-r{margin-top:18px;background:#fff;border:4px solid #062C63;border-radius:12px;overflow:hidden}
  .riv .synergie-r h2{font-size:15px;line-height:1.25;padding:10px 12px}
  .riv .synergie-r ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 10px;padding:14px 12px}
  .riv .synergie-r li{display:grid;grid-template-columns:56px 1fr;column-gap:8px;align-items:start}
  .riv .synergie-r li img{grid-row:1 / 3;width:56px}
  .riv .synergie-r .op{display:none}
  .riv .synergie-r b{font-size:13px;line-height:1.2}
  .riv .synergie-r span{font-size:12.5px;line-height:1.3;margin-top:3px}
  .riv .formule{margin:0 12px 14px;border-radius:8px;padding:10px;font-size:16px;line-height:1.25}
  .riv .expertise-r{margin-top:18px;border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr 84px;column-gap:12px;align-items:center}
  .riv .expertise-r h2{font-size:20px;line-height:1.15;grid-column:1 / -1;margin-bottom:10px}
  .riv .expertise-r h2 br{display:none}
  .riv .expertise-r h2 .blanc{display:block}
  .riv .expertise-r ul{display:grid;gap:6px}
  .riv .expertise-r li{font-size:14px;line-height:1.3;gap:8px}
  .riv .expertise-r li svg{width:16px;height:16px;flex:none}
  .riv .expertise-r .badge{width:84px}
  .riv .benefices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 10px;margin-top:20px}
  .riv .benefices li{display:grid;grid-template-columns:48px 1fr;column-gap:10px;align-items:start}
  .riv .benefices img{grid-row:1 / 3;width:48px}
  .riv .benefices b{font-size:13.5px;line-height:1.2}
  .riv .benefices span{font-size:13px;line-height:1.3;margin-top:3px}
  .riv .r-pied{margin-top:22px;display:grid;justify-items:center;gap:16px}
  .riv .www{font-size:18px;padding:6px 22px;border-radius:8px}
  .riv .r-logo{text-align:center}
  .riv .r-logo img{width:min(100%,240px);margin:0 auto}
  .riv .r-pied .signature{font-size:13px;margin-top:6px}
}

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

/* Jointure photo / panneaux du bas : invisible à taille réelle, mais une page réduite (vue de
   comparaison, zoom) lisse les deux bords et laisse transparaître le blanc de la page en liseré.
   Une bande sombre derrière la jointure supprime le liseré sans changer un seul pixel à 100 %. */
@media screen and (min-width:900px), print{
  .fiche.riv{background:linear-gradient(180deg,#fff 0,#fff calc(716 * var(--u)),#3b3326 calc(716 * var(--u)),#3b3326 calc(730 * var(--u)),#fff calc(730 * var(--u)))}
}