/* ==========================================================================
   SKYWAY TRAVELERS — gabarit des pages voyage
   Source : NEW LIEN MAQUETTE.xd, plans « Liste services – 10 » à « – 14 »
   Les cinq pages partagent exactement la même géométrie : seules les photos,
   le titre du fil d'Ariane et les textes changent.
   Origine de section = 242.
   ========================================================================== */

.fiche--voy{ height:166.3rem; }                      /* 242 -> 1905 (haut du pied de page) */

/* colonne de texte à gauche : titre a y=492, paragraphe a y=562, bouton a y=864 */
.fiche--voy .fiche__text{ left:27.5rem; width:63.5rem; top:22.1rem; }
.fiche--voy .fiche__text .title{ margin-top:0; }

/* gélules : cadres (1085,331) et (1491,387), images (1103,345) et (1483,407) */
.fiche--voy .pill--a{ left:108.5rem; top:8.9rem; }
.fiche--voy .pill--a img{ left:1.8rem; top:1.4rem; width:34.5rem; height:73rem; }
.fiche--voy .pill--b{ left:149.1rem; top:14.5rem; }
.fiche--voy .pill--b img{ left:-.8rem; top:2rem; width:34.4rem; height:73.1rem; }

/* mosaïque : y 1217 -> 2027 */
.fiche--voy .mosaic{ top:97.5rem; height:81rem; }
.fiche--voy .mosaic img:nth-child(1){ left:0;        top:0;       width:64.2rem; height:81rem; }
.fiche--voy .mosaic img:nth-child(2){ left:66.1rem;  top:0;       width:72.2rem; height:30.8rem; }
.fiche--voy .mosaic img:nth-child(3){ left:66.1rem;  top:32.5rem; width:35.1rem; height:48.5rem; }
.fiche--voy .mosaic img:nth-child(4){ left:103.2rem; top:32.5rem; width:35.1rem; height:48.5rem; }
.fiche--voy .mosaic img:nth-child(5){ left:140.2rem; top:0;       width:51.8rem; height:81rem; }

.fiche--voy .deco--stamps7{
  position:absolute; left:3.78rem; top:60.55rem;     /* XD : (41, 850) 132 x 176 */
  width:13.77rem; height:18.22rem; pointer-events:none;
}

/* largeurs de la carte de fil d'Ariane relevées page par page */
.crumb--470{ left:61.4rem; width:47rem; }
.crumb--368{ left:77.6rem; width:36.8rem; }
.crumb--414{ left:77.6rem; width:41.4rem; }

/* ---------- bandeaux photo ---------- */
.phero--mission-economique{ background:url("../images/mission-economique-hero.webp") center -53.5rem / 192rem auto no-repeat; }
.phero--pelerinage        { background:url("../images/pelerinage-hero.webp")         center -53.5rem / 192rem auto no-repeat; }
.phero--voyage-scolaire   { background:url("../images/voyage-scolaire-hero.webp")    center -53.5rem / 192rem auto no-repeat; }
.phero--colonie-vacance   { background:url("../images/colonie-vacance-hero.webp")    center -53.5rem / 192rem auto no-repeat; }
.phero--voyage-mesure     { background:url("../images/voyage-mesure-hero.webp")      center -53.5rem / 192rem auto no-repeat; }

@media (max-width:1199px){
  .crumb--470,.crumb--368,.crumb--414{ left:auto; width:min(47rem,92%); }
}