/* ==========================================================================
   Fiche « Visa visiteur »  —  plan XD « Liste services – 7 » (1920 × 3421)
   Origine de section = 242.
   ========================================================================== */
.phero--visa-visiteur{
  background:url("../images/v7-hero.webp") center -53.5rem / 192rem auto no-repeat;
}
.fiche--v7{ height:236rem; }                         /* 242 -> 2602 */

/* ---------- haut de page ---------- */
/* La colonne de texte se cale sur le bord haut de la première photo : les deux
   colonnes démarrent désormais sur la même ligne (le XD décalait le texte de
   18 px sans raison de composition). */
.fiche--v7 .fiche__text--one{ left:99.8rem; width:63.5rem; top:16.1rem; }

/* deux photos libres à gauche */
.pf{ position:absolute; max-width:none; object-fit:cover; border-radius:2rem; }
.fiche--v7 .pf--a{ left:-1.4rem;  top:16.1rem; width:56rem;   height:57.2rem; }
.fiche--v7 .pf--b{ left:32.7rem;  top:29.7rem; width:53.7rem; height:48.7rem; }

/* ---------- mosaïque ----------
   Le relevé XD plaçait la 2e image 26 px au-dessus des autres : la rangée du
   haut n'était pas alignée. On reprend la trame commune aux fiches sœurs
   (visa-etudiant, permis-travail, residence) : bandeau de 81 rem, rangée du
   haut à 0, seconde rangée à 32,5 rem, gouttières de 2 rem. */
.fiche--v7 .mosaic{ top:83rem; height:81rem; }
.fiche--v7 .mosaic img:nth-child(1){ left:0;        top:0;       width:31.1rem; height:44.4rem; }
.fiche--v7 .mosaic img:nth-child(2){ left:33rem;    top:0;       width:31.2rem; height:81rem; }
.fiche--v7 .mosaic img:nth-child(3){ left:66.1rem;  top:0;       width:72.2rem; height:30.8rem; }
.fiche--v7 .mosaic img:nth-child(4){ left:66.1rem;  top:32.5rem; width:35.1rem; height:48.5rem; }
.fiche--v7 .mosaic img:nth-child(5){ left:103.2rem; top:32.5rem; width:35.1rem; height:48.5rem; }
.fiche--v7 .mosaic img:nth-child(6){ left:140.2rem; top:0;       width:51.8rem; height:81rem; }
.fiche--v7 .mosaic img:nth-child(7){ left:0;        top:46.8rem; width:31.1rem; height:34.2rem; }

/* ---------- bas de page ----------
   Second bloc de texte : il occupe la colonne de gauche laissée vide en face
   des gélules et supprime le grand aplat blanc signalé par le client. */
.fiche--v7 .fiche__text--two{ left:27.5rem; width:63.5rem; top:170rem; }
.fiche--v7 .fiche__text--two p:last-child{ margin-bottom:0; }

/* le bandeau photo se cale sur la marge gauche de la page (27,5 rem) */
.fiche--v7 .pf--band{ left:27.5rem; top:213rem; width:68.5rem; height:28.7rem; }

/* gélules : alignées sur le haut du second bloc de texte */
.fiche--v7 .pill--a{ left:101.9rem; top:170rem; }
.fiche--v7 .pill--a img{ left:1.8rem; top:1.4rem; width:34.5rem; height:73rem; }
.fiche--v7 .pill--b{ left:142.5rem; top:175.6rem; }
.fiche--v7 .pill--b img{ left:-.8rem; top:2rem; width:34.4rem; height:73.1rem; }

@media (max-width:1199px){
  .pf{ position:static; width:100%; height:26rem; margin-top:2rem; }
}