@charset "UTF-8";
/* ══════════════════════════════════════════════════════════════════════
   FORMULARIUS : formats complémentaires (pages comparatives, démarches
   guidées, papeterie en vitrine, calcul de TVA).
   Mêmes règles que style.css : papier blanc, deux encres (bleu de Prusse,
   vermillon), filets, coupe en biais. Aucune carte, aucune ombre, aucun
   arrondi, aucun dégradé, aucune police en plus.
   En-tête fixe de var(--fx-hh) (74px, 64px sous 760px) : le sommaire
   collant et toutes les ancres se calent dessous.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Navigation : entrée « Pratique » (bureau) et liens à plat (mobile) ──
   Mesuré : sans réglage, l'entrée en plus fait déborder la barre de 16px
   au-dessus de 1280px. On resserre les gouttières, et entre 1101 et 1279px
   on retire les petits numéros des rubriques (90px gagnés). */
.fx-nav li.fx-fm-nav-m{display:none;}
@media (min-width:1101px){
  .fx-tete-in{gap:24px;}
  .fx-nav>ul{gap:19px;}
}
@media (min-width:1101px) and (max-width:1279px){
  .fx-tete-in{gap:16px;}
  .fx-nav>ul{gap:15px;}
  .fx-nav>ul>li>a::before{display:none;}
}
@media (min-width:1101px) and (max-width:1160px){
  .fx-nav>ul{gap:11px;}
}
.fx-fm-nav{position:relative;}
.fx-fm-nav-det>summary{
  list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--fx-titre);font-size:.76rem;font-weight:600;letter-spacing:.11em;
  text-transform:uppercase;color:var(--fx-encre);padding:6px 0;white-space:nowrap;
}
.fx-fm-nav-det>summary::-webkit-details-marker{display:none;}
.fx-fm-nav-det>summary::after{
  content:'';width:9px;height:5px;background:var(--fx-verm);
  -webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);
  transition:transform .18s ease;
}
.fx-fm-nav-det[open]>summary::after{transform:rotate(180deg);}
.fx-fm-nav-det>summary:hover{color:var(--fx-verm-d);}
.fx-nav .fx-fm-nav-liste{
  position:absolute;top:calc(100% + 22px);right:-18px;z-index:70;min-width:270px;
  display:grid;gap:0;align-items:stretch;padding:8px 18px 12px;
  background:var(--fx-papier);border:1px solid var(--fx-filet);border-top:3px solid var(--fx-verm);
}
.fx-nav .fx-fm-nav-liste li{border-bottom:1px solid var(--fx-filet);padding:10px 0 9px;}
.fx-nav .fx-fm-nav-liste li:last-child{border-bottom:0;}
.fx-nav .fx-fm-nav-liste a{padding:0;white-space:nowrap;}
.fx-fm-nav-compte{
  display:block;margin-top:3px;font-family:var(--fx-titre);font-size:.64rem;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--fx-gris);
}

/* ── Éléments communs ─────────────────────────────────────────────── */
.fx-fm-coiffe h1{max-width:30ch;font-size:clamp(1.8rem,4.2vw,3rem);}
.fx-fm-cote{
  font-family:var(--fx-titre);font-size:.68rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--fx-verm-d);margin:0;
}
.fx-fm-sous{
  font-family:var(--fx-titre);font-size:.72rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--fx-gris);margin:1.5em 0 .7em;
}
.fx-fm-note{font-size:.9rem;color:var(--fx-doux);max-width:68ch;}
.fx-fm-vide{padding:36px 0;color:var(--fx-gris);}
.fx-fm-signature{
  font-family:var(--fx-titre);font-size:.72rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fx-gris);margin:44px 0 0;padding-top:16px;
  border-top:2px solid var(--fx-encre);
}

/* La puce du thème : le parallélogramme vermillon. */
.fx-fm-liens,.fx-fm-puces,.fx-fm-faits,.fx-fm-bref ul{margin:0 0 1.2em;}
.fx-fm-liens li,.fx-fm-puces li,.fx-fm-faits li,.fx-fm-bref li{position:relative;padding-left:1.4em;margin-bottom:.55em;}
.fx-fm-liens li::before,.fx-fm-puces li::before,.fx-fm-faits li::before,.fx-fm-bref li::before{
  content:'';position:absolute;left:0;top:.6em;width:13px;height:7px;background:var(--fx-verm);
  -webkit-clip-path:polygon(26% 0,100% 0,74% 100%,0 100%);
  clip-path:polygon(26% 0,100% 0,74% 100%,0 100%);
}
.fx-fm-liens a{color:var(--fx-verm-d);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;}
.fx-fm-liens a:hover{color:var(--fx-encre);}

/* Tableaux : défilement horizontal dans leur cadre, jamais sur la page. */
.fx-fm-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:2px solid var(--fx-encre);}
.fx-fm-table-wrap:focus-visible{outline:3px solid var(--fx-verm);outline-offset:3px;}
.fx-fm-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.94rem;}
.fx-fm-table caption{
  caption-side:top;text-align:left;padding:12px 0;font-family:var(--fx-titre);font-size:.68rem;
  font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-gris);
}
.fx-fm-table th,.fx-fm-table td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--fx-filet);border-right:1px solid var(--fx-filet);}
.fx-fm-table th:last-child,.fx-fm-table td:last-child{border-right:0;}
.fx-fm-table thead th{
  background:var(--fx-encre);color:#fff;font-family:var(--fx-titre);font-weight:700;font-size:.8rem;
  letter-spacing:.08em;text-transform:uppercase;border-right-color:rgba(237,239,248,.2);
}
.fx-fm-table thead a{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.fx-fm-table thead a:hover{color:var(--fx-verm-c);}
.fx-fm-table tbody th{position:sticky;left:0;background:var(--fx-papier);font-family:var(--fx-titre);font-weight:700;font-size:.88rem;color:var(--fx-encre);}
.fx-fm-table tbody tr:nth-child(even) td,.fx-fm-table tbody tr:nth-child(even) th{background:var(--fx-wash);}

/* ══ PAGE COMPARATIVE ═════════════════════════════════════════════ */
.fx-fm-gd{padding:clamp(36px,5vw,64px) 0 clamp(56px,7vw,92px);}
.fx-fm-gd-grille{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start;}
.fx-fm-gd-nav{
  position:sticky;top:calc(var(--fx-hh) + 24px);
  max-height:calc(100vh - var(--fx-hh) - 48px);overflow-y:auto;
  background:var(--fx-wash);border-top:3px solid var(--fx-verm);padding:18px 20px 16px;
}
.fx-fm-gd-nav ol{list-style:none;counter-reset:fxs;margin:12px 0 0;padding:0;}
.fx-fm-gd-nav li{counter-increment:fxs;margin-bottom:9px;font-size:.92rem;line-height:1.35;}
.fx-fm-gd-nav li a{display:grid;grid-template-columns:24px 1fr;gap:4px;color:var(--fx-encre);}
.fx-fm-gd-nav li a::before{
  content:counter(fxs,decimal-leading-zero);font-family:var(--fx-titre);font-size:.66rem;
  font-weight:700;color:var(--fx-verm);padding-top:3px;
}
.fx-fm-gd-nav li a:hover{color:var(--fx-verm-d);text-decoration:underline;text-underline-offset:3px;}
.fx-fm-gd-corps{max-width:780px;min-width:0;}
.fx-fm-gd-corps p{max-width:70ch;}

.fx-fm-bref{background:var(--fx-wash);border-top:3px solid var(--fx-verm);padding:24px 28px 14px;margin-bottom:46px;scroll-margin-top:calc(var(--fx-hh) + 24px);}
.fx-fm-bref h2{font-size:1.2rem;letter-spacing:.02em;text-transform:uppercase;margin:0 0 14px;}
.fx-fm-bref li{color:var(--fx-doux);}

.fx-fm-sec{margin-bottom:48px;scroll-margin-top:calc(var(--fx-hh) + 24px);}
.fx-fm-sec h2{font-size:clamp(1.4rem,2.6vw,1.95rem);margin:0 0 .65em;display:flex;align-items:baseline;gap:14px;}
.fx-fm-num{font-family:var(--fx-titre);font-size:.8rem;font-weight:800;letter-spacing:.1em;color:var(--fx-verm);flex:none;}

.fx-fm-cas{margin:0;border-top:2px solid var(--fx-encre);}
.fx-fm-cas-ligne{display:grid;grid-template-columns:minmax(180px,1fr) 1.6fr;gap:22px;padding:16px 0;border-bottom:1px solid var(--fx-filet);}
.fx-fm-cas dt{font-family:var(--fx-titre);font-weight:700;line-height:1.3;color:var(--fx-encre);}
.fx-fm-cas dd{margin:0;color:var(--fx-doux);}

/* ══ DÉMARCHE GUIDÉE ══════════════════════════════════════════════ */
.fx-fm-tu{padding:0 0 clamp(56px,7vw,92px);}
.fx-fm-tu-bandeau{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 0 clamp(32px,4vw,52px);
  border-bottom:2px solid var(--fx-encre);
}
.fx-fm-tu-bandeau>div{padding:18px 22px 16px 0;border-right:1px solid var(--fx-filet);}
.fx-fm-tu-bandeau>div+div{padding-left:22px;}
.fx-fm-tu-bandeau>div:last-child{border-right:0;}
.fx-fm-tu-bandeau dt{font-family:var(--fx-titre);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fx-gris);}
.fx-fm-tu-bandeau dd{margin:4px 0 0;font-family:var(--fx-titre);font-weight:800;font-size:1.15rem;line-height:1.25;color:var(--fx-encre);}
.fx-fm-tu-colonne{max-width:74ch;margin-inline:auto;}

.fx-fm-tu-materiel{background:var(--fx-wash);border-top:3px solid var(--fx-verm);padding:22px 26px 10px;margin-bottom:44px;}
.fx-fm-tu-materiel h2{font-size:1.3rem;margin:0 0 4px;}
.fx-fm-tu-materiel .fx-fm-cote{margin:0 0 14px;}
.fx-fm-tu-materiel li{position:relative;padding-left:1.6em;margin-bottom:.6em;}
.fx-fm-tu-materiel li::before{content:'';position:absolute;left:0;top:.38em;width:12px;height:12px;border:2px solid var(--fx-encre);}

.fx-fm-etapes{list-style:none;margin:0 0 44px;padding:0;}
.fx-fm-etape{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px;padding-bottom:34px;scroll-margin-top:calc(var(--fx-hh) + 24px);}
.fx-fm-etape::before{content:'';position:absolute;left:31px;top:60px;bottom:6px;border-left:2px dashed var(--fx-filet-2);}
.fx-fm-etape:last-child::before{display:none;}
/* Le numéro dans la coupe en biais du thème. */
.fx-fm-etape-n{
  display:grid;place-items:center;width:64px;height:52px;background:var(--fx-encre);color:#fff;
  font-family:var(--fx-titre);font-weight:800;font-size:1.4rem;
  -webkit-clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);
  clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);
}
.fx-fm-etape-titre{font-size:clamp(1.15rem,2.2vw,1.45rem);margin:10px 0 .5em;}
.fx-fm-etape-corps p{color:var(--fx-encre);}
.fx-fm-attention{margin:14px 0 0;padding:12px 16px;background:var(--fx-wash);border-left:3px solid var(--fx-verm);font-size:.96rem;}
.fx-fm-attention strong{font-family:var(--fx-titre);color:var(--fx-verm-d);}
.fx-fm-controle{border-top:2px solid var(--fx-encre);padding-top:22px;margin-bottom:44px;}
.fx-fm-controle h2{font-size:1.3rem;margin:0 0 .6em;}
.fx-fm-tu-bloc{margin-bottom:40px;}
.fx-fm-tu-bloc h2{font-size:clamp(1.3rem,2.4vw,1.7rem);margin:0 0 .6em;}

/* ══ FICHES DE PAPETERIE (grille à filets, comme les rubriques) ═══ */
.fx-fm-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--fx-encre);border-left:1px solid var(--fx-filet);}
.fx-fm-grille--serree{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;margin-top:18px;}
.fx-fm-grille--serree .fx-fm-fiche{flex:0 1 230px;min-width:0;}
.fx-fm-fiche{border-right:1px solid var(--fx-filet);border-bottom:1px solid var(--fx-filet);background:var(--fx-papier);}
.fx-fm-fiche-lien{display:flex;flex-direction:column;gap:4px;height:100%;padding:0 0 18px;color:var(--fx-encre);transition:background .2s ease;}
.fx-fm-fiche-lien:hover{background:var(--fx-wash);}
.fx-fm-fiche-vue{display:grid;place-items:center;height:132px;margin-bottom:14px;color:var(--fx-encre);border-bottom:1px solid var(--fx-filet);overflow:hidden;}
.fx-fm-fiche-vue img{width:100%;height:100%;object-fit:contain;padding:12px;}
.fx-fm-fiche-lien:hover .fx-fm-fiche-vue{color:var(--fx-verm-d);}
.fx-fm-fiche-marque,.fx-fm-fiche-nom,.fx-fm-fiche-type{padding:0 16px;}
.fx-fm-fiche-marque{font-family:var(--fx-titre);font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fx-verm-d);}
.fx-fm-fiche-nom{font-size:1.04rem;line-height:1.22;font-weight:700;letter-spacing:-.01em;}
.fx-fm-fiche-lien:hover .fx-fm-fiche-nom{color:var(--fx-verm-d);}
.fx-fm-fiche-type{font-size:.86rem;color:var(--fx-doux);line-height:1.4;flex:1;}
.fx-fm-fiche-stock{
  margin:10px 16px 0;padding:3px 8px;align-self:flex-start;box-shadow:inset 0 0 0 1px var(--fx-encre);
  font-family:var(--fx-titre);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
}

/* ══ INDEX DES PAGES COMPARATIVES ═════════════════════════════════ */
.fx-fm-ix{padding:clamp(36px,5vw,64px) 0 clamp(56px,7vw,92px);}
.fx-fm-ix-liste{list-style:none;margin:0;padding:0;border-top:2px solid var(--fx-encre);}
.fx-fm-ix-ligne{display:grid;grid-template-columns:76px minmax(0,1fr) 110px;gap:clamp(14px,3vw,34px);align-items:center;padding:26px 0;border-bottom:1px solid var(--fx-filet);}
.fx-fm-ix-num{font-family:var(--fx-titre);font-weight:900;font-size:2.6rem;line-height:1;letter-spacing:-.03em;color:var(--fx-verm);}
.fx-fm-ix-titre{font-size:clamp(1.2rem,2.4vw,1.6rem);line-height:1.15;margin:0 0 8px;}
.fx-fm-ix-titre a{color:var(--fx-encre);}
.fx-fm-ix-titre a:hover{color:var(--fx-verm-d);}
.fx-fm-ix-accroche{margin:0;color:var(--fx-doux);max-width:70ch;font-size:.97rem;}
.fx-fm-ix-compte{text-align:right;font-family:var(--fx-titre);font-weight:800;font-size:2rem;line-height:1;color:var(--fx-encre);}
.fx-fm-ix-compte span{display:block;margin-top:5px;font-weight:600;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-gris);}

/* ══ INDEX DES DÉMARCHES GUIDÉES ══════════════════════════════════ */
.fx-fm-tx{padding:clamp(36px,5vw,64px) 0 clamp(56px,7vw,92px);}
.fx-fm-tx-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,3.4vw,46px) clamp(24px,3vw,44px);}
.fx-fm-tx-fiche{border-top:2px solid var(--fx-encre);padding-top:20px;display:flex;flex-direction:column;gap:8px;}
.fx-fm-tx-niveau{margin:0;font-family:var(--fx-titre);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fx-verm-d);}
.fx-fm-tx-titre{font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.18;}
.fx-fm-tx-titre a{color:var(--fx-encre);}
.fx-fm-tx-titre a:hover{color:var(--fx-verm-d);}
.fx-fm-tx-accroche{margin:0;color:var(--fx-doux);font-size:.96rem;flex:1;}
.fx-fm-tx-meta{
  margin:6px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:12px;border-top:1px solid var(--fx-filet);
  font-family:var(--fx-titre);font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fx-gris);
}

/* ══ LA PAPETERIE ═════════════════════════════════════════════════ */
.fx-fm-bt{padding:clamp(36px,5vw,64px) 0 clamp(56px,7vw,92px);}
.fx-fm-rayons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px;}
.fx-fm-rayons a{
  padding:9px 15px;box-shadow:inset 0 0 0 2px var(--fx-encre);color:var(--fx-encre);
  font-family:var(--fx-titre);font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;
  transition:background .18s ease,color .18s ease;
}
.fx-fm-rayons a:hover,.fx-fm-rayons a[aria-current="page"]{background:var(--fx-encre);color:#fff;}
.fx-fm-rayon-n{font-size:.62rem;color:var(--fx-verm);margin-left:4px;}
.fx-fm-rayons a:hover .fx-fm-rayon-n,.fx-fm-rayons a[aria-current="page"] .fx-fm-rayon-n{color:var(--fx-verm-c);}

/* ══ CALCUL DE TVA ════════════════════════════════════════════════ */
.fx-fm-sm{padding:clamp(36px,5vw,64px) 0;}
.fx-fm-sm-grille{display:grid;grid-template-columns:minmax(280px,440px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;}
.fx-fm-sm-form{background:var(--fx-wash);border-top:3px solid var(--fx-verm);padding:clamp(22px,3vw,34px);}
.fx-fm-sm-resultat{border-top:2px solid var(--fx-encre);padding-top:22px;}
.fx-fm-sm-titre{font-size:1.25rem;margin:0 0 18px;}
.fx-fm-champ{display:flex;flex-direction:column;gap:7px;margin-bottom:20px;}
.fx-fm-champ label,.fx-fm-choix legend{
  font-family:var(--fx-titre);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-encre);
}
.fx-fm-champ input{
  width:100%;min-height:50px;padding:10px 14px;border:1px solid var(--fx-filet-2);background:#fff;border-radius:0;
  font-family:var(--fx-titre);font-size:1.3rem;font-weight:700;color:var(--fx-encre);
}
.fx-fm-champ input:focus{outline:none;border-color:var(--fx-verm);box-shadow:inset 0 -2px 0 var(--fx-verm);}
.fx-fm-champ input[aria-invalid="true"]{border-color:var(--fx-verm-d);}
.fx-fm-champ-aide{margin:0;font-size:.86rem;color:var(--fx-gris);}
.fx-fm-choix{border:0;margin:0 0 20px;padding:0;min-width:0;}
.fx-fm-choix legend{padding:0;margin-bottom:9px;}
.fx-fm-choix label{
  display:inline-flex;align-items:center;gap:8px;margin:0 6px 6px 0;padding:9px 13px;
  background:#fff;box-shadow:inset 0 0 0 1px var(--fx-filet-2);cursor:pointer;
  font-family:var(--fx-titre);font-size:.86rem;font-weight:600;color:var(--fx-encre);
}
.fx-fm-choix input{accent-color:var(--fx-verm);margin:0;}
.fx-fm-choix label:has(input:checked){box-shadow:inset 0 0 0 2px var(--fx-encre);}
.fx-fm-choix label:has(input:focus-visible){outline:3px solid var(--fx-verm);outline-offset:2px;}
.fx-fm-sm-erreur{color:var(--fx-verm-d);font-weight:700;margin:0;}
.fx-fm-sm-note{margin:0;font-size:.9rem;color:var(--fx-doux);}
.fx-fm-chiffres{margin:0 0 22px;border-bottom:1px solid var(--fx-filet);}
.fx-fm-chiffres>div{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 14px;padding:14px 0;border-top:1px solid var(--fx-filet);}
.fx-fm-chiffres>div:first-child{border-top:0;}
.fx-fm-chiffres dt{font-family:var(--fx-titre);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-doux);}
.fx-fm-chiffres dd{margin:0;font-family:var(--fx-titre);font-weight:800;font-size:clamp(1.3rem,3vw,1.7rem);color:var(--fx-encre);font-variant-numeric:tabular-nums;}
.fx-fm-chiffres>.fx-fm-chiffres-total{background:var(--fx-encre);padding:16px 18px;border-top:0;}
.fx-fm-chiffres-total dt{color:var(--fx-clair);}
.fx-fm-chiffres-total dd{color:#fff;font-size:clamp(1.5rem,5vw,2.3rem);}
.fx-fm-sm-phrase{margin:0;padding:12px 16px;background:var(--fx-wash);border-left:3px solid var(--fx-verm);color:var(--fx-encre);}
.fx-fm-sm-phrase:empty{display:none;}
.fx-fm-sm-ref,.fx-fm-sm-methode{padding:0 0 clamp(34px,5vw,56px);}
.fx-fm-sm-colonne{max-width:860px;}
.fx-fm-sm-colonne h2{font-size:clamp(1.3rem,2.4vw,1.7rem);margin:1.6em 0 .6em;}
.fx-fm-sm-ref h2{margin-top:0;}
.fx-fm-sm-colonne>p{color:var(--fx-doux);max-width:70ch;}
.fx-fm-sm [hidden]{display:none!important;}

/* ══ « POUR ALLER PLUS LOIN » SOUS UN ARTICLE ═════════════════════ */
.fx-fm-suite{margin-top:44px;padding:22px 26px 12px;background:var(--fx-wash);border-top:3px solid var(--fx-verm);}
.fx-fm-suite h2{font-size:1.2rem;margin:0 0 14px;}
.fx-fm-suite ul{list-style:none;margin:0;padding:0;}
.fx-fm-suite li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-bottom:12px;}
.fx-fm-suite-type{font-family:var(--fx-titre);font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fx-verm-d);}
.fx-fm-suite a{color:var(--fx-encre);text-decoration:underline;text-underline-offset:3px;}
.fx-fm-suite a:hover{color:var(--fx-verm-d);}

/* ══ PLAN DU SITE : rayons de la papeterie ════════════════════════ */
.fx-fm-plan-rayon{font-size:1rem;margin:18px 0 10px;}
.fx-fm-plan-rayon a{color:var(--fx-encre);}
.fx-fm-plan-rayon a:hover{color:var(--fx-verm-d);}

/* ══ FICHE DE PAPETERIE ═══════════════════════════════════════════ */
.fx-fm-fp{padding:0 0 clamp(40px,6vw,72px);}
.fx-fm-fp-fil{padding:24px 0 26px;}
.fx-fm-fp-fil .fx-fil-ariane{margin:0;color:var(--fx-gris);}
.fx-fm-fp-fil .fx-fil-ariane a{color:var(--fx-verm-d);}
.fx-fm-fp-fil .fx-fil-ariane a:hover{color:var(--fx-encre);}
.fx-fm-fp-fil .fx-fil-ariane span{color:var(--fx-doux);}
.fx-fm-fp-fil .fx-fil-ariane i{color:var(--fx-filet-2);}
.fx-fm-fp-haut{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(26px,5vw,64px);align-items:start;}
/* Le visuel dans la coupe en biais du thème (comme l'image d'un article). */
.fx-fm-fp-visuel{
  position:relative;display:grid;place-items:center;aspect-ratio:1/1;background:var(--fx-wash);color:var(--fx-encre);
  -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 46px));
  clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 46px));
}
.fx-fm-fp-visuel>svg{width:34%;height:34%;}
.fx-fm-fp-visuel>img{width:100%;height:100%;object-fit:contain;padding:8%;background:#fff;}
.fx-fm-badge{
  display:inline-block;padding:5px 11px;background:var(--fx-encre);color:#fff;
  font-family:var(--fx-titre);font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
.fx-fm-badge--visuel{position:absolute;top:16px;left:16px;z-index:1;}
.fx-fm-fp-marque{margin:0 0 8px;font-family:var(--fx-titre);font-size:.74rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--fx-verm-d);}
.fx-fm-fp-titre{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:900;letter-spacing:-.03em;line-height:1.05;}
.fx-fm-fp-type{margin:10px 0 0;color:var(--fx-doux);font-size:1.02rem;}
.fx-fm-fp-infos .fx-fm-puces{margin:20px 0 0;}
.fx-fm-fp-prix{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:24px 0 14px;padding:16px 0;border-top:2px solid var(--fx-encre);border-bottom:1px solid var(--fx-filet);}
.fx-fm-fp-prix-val{font-family:var(--fx-titre);font-weight:800;font-size:1.45rem;color:var(--fx-doux);}
.fx-fm-fp-achat{display:flex;gap:10px;}
.fx-fm-fp-achat input{width:76px;min-height:52px;padding:8px 10px;border:1px solid var(--fx-filet-2);background:var(--fx-wash);font:inherit;text-align:center;color:var(--fx-gris);border-radius:0;}
.fx-fm-fp-cta{
  flex:1;min-height:52px;padding:0 28px;background:var(--fx-verm);color:#fff;opacity:.45;cursor:not-allowed;
  font-family:var(--fx-titre);font-weight:700;font-size:.86rem;letter-spacing:.13em;text-transform:uppercase;border-radius:0;
}
.fx-fm-fp-dispo{margin:10px 0 0;font-size:.92rem;color:var(--fx-doux);}
.fx-fm-fp-meta{margin:22px 0 0;font-size:.92rem;}
.fx-fm-fp-meta>div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:9px 0;border-top:1px solid var(--fx-filet);}
.fx-fm-fp-meta dt{font-family:var(--fx-titre);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fx-gris);padding-top:3px;}
.fx-fm-fp-meta dd{margin:0;}
.fx-fm-fp-meta a{color:var(--fx-verm-d);text-decoration:underline;text-underline-offset:3px;}
/* Onglets collants : calés sous l'en-tête fixe du thème. */
.fx-fm-fp-onglets{
  display:flex;flex-wrap:wrap;margin:clamp(34px,5vw,56px) 0 0;border-bottom:2px solid var(--fx-encre);
  position:sticky;top:var(--fx-hh);z-index:5;background:var(--fx-papier);
}
.fx-fm-fp-onglets a{padding:14px 20px 12px 0;margin-right:6px;font-family:var(--fx-titre);font-weight:700;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fx-encre);}
.fx-fm-fp-onglets a:hover{color:var(--fx-verm-d);}
.fx-fm-fp-corps{max-width:860px;padding-top:34px;}
.fx-fm-fp-section{margin-bottom:46px;scroll-margin-top:calc(var(--fx-hh) + 64px);}
.fx-fm-fp-section h2{font-size:clamp(1.3rem,2.4vw,1.75rem);margin:0 0 .7em;}
.fx-fm-fp-section h3{font-size:1.05rem;margin:1.4em 0 .6em;}
.fx-fm-faits li{padding-top:10px;padding-bottom:10px;margin:0;border-bottom:1px solid var(--fx-filet);max-width:64ch;}
.fx-fm-faits li::before{top:1.2em;}
.fx-fm-vigilance .fx-fm-faits li::before{background:var(--fx-encre);}
.fx-fm-fp-table{width:100%;border-collapse:collapse;border-top:2px solid var(--fx-encre);}
.fx-fm-fp-table th,.fx-fm-fp-table td{padding:11px 16px 11px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--fx-filet);}
.fx-fm-fp-table th{width:34%;font-family:var(--fx-titre);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fx-gris);}
.fx-fm-voisins{background:var(--fx-wash);padding:clamp(42px,5.5vw,70px) 0;}

/* ══ RESPONSIVE ═══════════════════════════════════════════════════ */
@media (max-width:1100px){
  /* Menu plein écran du thème : les formats deviennent des liens à plat. */
  .fx-nav li.fx-fm-nav{display:none;}
  .fx-nav li.fx-fm-nav-m{display:block;}
}
@media (max-width:1080px){
  .fx-fm-gd-grille,.fx-fm-sm-grille{grid-template-columns:minmax(0,1fr);}
  .fx-fm-gd-nav{position:static;max-height:none;}
  .fx-fm-grille{grid-template-columns:repeat(3,minmax(0,1fr));}
  .fx-fm-fp-haut{grid-template-columns:minmax(0,1fr);}
  .fx-fm-fp-visuel{aspect-ratio:16/10;}
  .fx-fm-fp-visuel>svg{width:22%;height:22%;}
}
@media (max-width:760px){
  .fx-fm-grille{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fx-fm-grille--serree{width:auto;}
  .fx-fm-grille--serree .fx-fm-fiche{flex:1 1 50%;}
  .fx-fm-cas-ligne{grid-template-columns:minmax(0,1fr);gap:6px;}
  .fx-fm-tu-bandeau{grid-template-columns:repeat(3,minmax(0,1fr));}
  .fx-fm-tu-bandeau>div,.fx-fm-tu-bandeau>div+div{padding:14px 10px 12px;}
  .fx-fm-tu-bandeau>div:first-child{padding-left:0;}
  .fx-fm-tu-bandeau dd{font-size:1rem;}
  .fx-fm-etape{grid-template-columns:48px minmax(0,1fr);gap:14px;}
  .fx-fm-etape-n{width:48px;height:42px;font-size:1.15rem;}
  .fx-fm-etape::before{left:23px;top:50px;}
  .fx-fm-ix-ligne{grid-template-columns:52px minmax(0,1fr);}
  .fx-fm-ix-num{font-size:1.9rem;}
  .fx-fm-ix-compte{display:none;}
  .fx-fm-tx-grille{grid-template-columns:minmax(0,1fr);}
  .fx-fm-bref,.fx-fm-tu-materiel,.fx-fm-suite{padding-left:20px;padding-right:20px;}
  .fx-fm-fp-onglets{position:static;}
  .fx-fm-fp-onglets a{padding:12px 14px 10px 0;}
  .fx-fm-fp-section{scroll-margin-top:calc(var(--fx-hh) + 16px);}
  .fx-fm-fp-meta>div{grid-template-columns:90px minmax(0,1fr);}
  .fx-fm-sm-grille{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:460px){
  .fx-fm-grille{grid-template-columns:minmax(0,1fr);}
  .fx-fm-grille--serree .fx-fm-fiche{flex:1 1 100%;}
  .fx-fm-tu-bandeau{grid-template-columns:minmax(0,1fr);}
  .fx-fm-tu-bandeau>div,.fx-fm-tu-bandeau>div+div{padding:12px 0;border-right:0;border-bottom:1px solid var(--fx-filet);}
  .fx-fm-tu-bandeau>div:last-child{border-bottom:0;}
}
