/* Rivières, version anglaise : ajustements propres à l’anglais, chargés après pages/rivieres/rivieres.css.
   Aucune taille de police n’est changée. Positions en pixels de l’affiche (1536 x 1024). */

@media screen and (min-width:900px), print{
  /* « Expand » est plus court que « Développez » : le mot garde sa fin d’encre (x 272) contre le titre,
     comme sur l’affiche, au lieu de laisser un trou de 80 px avant HYDROMULCHING */
  .riv .dev{--x:138}

  /* accroche du panneau PVI : la première ligne reste centrée sur le panneau (axe x 1310) ;
     « by » et le logo, placés en absolu, ne bougent pas */
  .riv .accroche{text-indent:calc(8.5 * var(--u))}
  .riv .accroche .by{text-indent:0}

  /* cartouche PVI : les deux lignes centrées sur l’axe de la ligne française (x 1334) */
  .riv #pvi h2{--x:1256}
  .riv #pvi p{width:calc(256 * var(--u));text-align:center}
  .riv #pvi p .l2p{margin-left:0}

  /* slogan : boîte élargie de 20 px, même axe, pour que la ligne la plus longue reste centrée ;
     la lueur blanche reprend sa position d’origine */
  .riv .slogan{width:calc(280 * var(--u));margin-left:calc(-12 * var(--u))}
  .riv .slogan::before{left:calc((1166 - 1176.8 + 10) * var(--u))}

  /* avant : libellé centré sur la photo « avant » (axe x 400), interlettrage resserré */
  .riv #avant-apres{padding-left:calc(9.5 * var(--u))}
  .riv #avant-apres h2,.riv #avant-apres .lib-avant{letter-spacing:-.02em}
  /* après : même axe que le libellé français (x 641) */
  .riv #avant-apres .lib-apres{--x:566.5}

  /* méthodologie : le filet qui suit le titre finit au même endroit que sur l’affiche (x 1034) */
  .riv #methodologie h2::after{width:calc(284 * var(--u))}
  /* panneau opaque : le titre anglais est plus court que le français, et le texte d’origine du fond
     (« ...ATS DURABLES », « ...ZONES HUMIDES ») transparaissait à 2,5 % à droite des lignes anglaises */
  .riv #methodologie{background:rgb(229,230,225)}
  /* étape 6 : titre sur deux lignes et quatre lignes de texte, bloc remonté de 9,5 px */
  .riv #methodologie li.une{--y:642}

  /* titre de la synergie : centré dans la pastille de la version française (texte de 679 px) */
  .riv .synergie-r h2{width:calc(679 * var(--u));text-align:center}
}