/* ==========================================================================
   ITINEO — FICHE MODELE 2027 · SOCLE COMMUN AUX TROIS MAQUETTES
   ==========================================================================

   Ne contient que ce que les trois partagent : les jetons de la charte et le
   zoom. Tout le dessin vit dans fiche-2027-a.css, -b.css et -c.css, qui ne
   se chargent jamais ensemble.

   Prefixes courts et propres a la fiche (« fm- », « fb- », « fc- », « fz- »)
   pour ne rien croiser des 119 Ko de styles.css.
   ========================================================================== */

/* /-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* JETONS */
:root{
	--fm-encre:#333230;
	--fm-encre-clair:#6b6a67;
	--fm-accent:#e8404f;
	--fm-filet:#e4e3e0;
	--fm-trait:#c4c2be;
	--fm-voile:#f7f6f4;
	--fm-blanc:#fff;
	--fm-titre:"scotch-display-condensed",sans-serif;
	--fm-libelle:'Montserrat',sans-serif;
	--fm-texte:'Roboto',Arial,helvetica,sans-serif;
	--fm-large:1280px;
	--fm-tres-large:1560px;
	--fm-air:clamp(48px,7vw,110px);
	/* Le menu principal passe en position:fixed des qu'on defile (classe
	   glueMenu, posee par js/global.js). Un element collant cale a top:0
	   passerait dessous. La hauteur est mesuree au chargement -- elle change
	   avec le palier responsive -- et --fb-repos ajoute l'air de confort. */
	--fb-menu:0px;
	--fb-repos:24px;
	/* Les trois fonds pastel, un par gamme. */
	--pastelCozi:#e9eef3;
	--pastelCompact:#f9efe8;
	--pastelFamili:#f7e8e7;
}

/* /-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/ */
/* ZOOM */
/* Toutes les photos s'agrandissent, y compris les plans d'implantation. La
   vue tenue au format naturel : rien n'est jamais recadre ici. */
.fz{position:fixed;inset:0;z-index:99999;background:rgba(24,23,22,.95);display:none;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px)}
.fz[data-ouvert="true"]{display:flex}
.fz__cadre{margin:0;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}
.fz img{max-width:100%;max-height:82vh;display:block;object-fit:contain;width:auto;height:auto}
.fz__legende{font-family:var(--fm-libelle);font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.8);text-align:center;max-width:60ch}
.fz__rang{position:absolute;left:0;right:0;bottom:16px;margin:0;text-align:center;font-family:var(--fm-libelle);font-size:11px;letter-spacing:.16em;color:rgba(255,255,255,.42)}
.fz__fermer,.fz__prec,.fz__suiv{position:absolute;background:none;border:0;color:#fff;font-size:clamp(28px,4vw,40px);line-height:1;cursor:pointer;padding:14px;opacity:.7;transition:opacity .2s ease}
.fz__fermer:hover,.fz__prec:hover,.fz__suiv:hover{opacity:1}
.fz__fermer{top:8px;right:12px;font-size:34px}
.fz__prec{left:4px;top:50%;transform:translateY(-50%)}
.fz__suiv{right:4px;top:50%;transform:translateY(-50%)}