/* ========================================================================= LDF QUALIFOR — INTÉGRATION DES 166 FICHES INDIVIDUELLES · 31 août 2026 ------------------------------------------------------------------------- Couche strictement additive, chargée après correctif-consolidation.css. Elle ne redéfinit aucun composant existant : elle règle uniquement la cohabitation, sur une même ligne de catalogue, des deux accès distincts — télécharger la fiche, demander un devis — et applique la même règle aux six domaines, y compris aux pages propres des domaines 3 et 4. ========================================================================= */ /* ------------------------------------------------------------------------- 1 · LES DEUX ACCÈS D'UNE LIGNE DE CATALOGUE La fiche se télécharge (fond ivoire, encadré or) ; le devis ouvre un courriel (fond blanc, encadré bleu). Deux gestes différents, deux traitements différents, jamais l'un à la place de l'autre. ------------------------------------------------------------------------- */ .cahier-form-row .fd-droite{ display:inline-flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap; justify-content:flex-end; } .cahier-form-row a.fd-devis.fd-devis-bt{ display:inline-flex;align-items:center;gap:6px;text-decoration:none; font-family:'Inter',system-ui,sans-serif;font-size:12px;letter-spacing:.1em; text-transform:uppercase;font-weight:500;white-space:nowrap;flex-shrink:0; padding:6px 11px;border:1px solid #C9D2E2;background:#fff;color:#1B3A6B; transition:border-color .3s cubic-bezier(.22,1,.36,1), color .3s cubic-bezier(.22,1,.36,1), background .3s cubic-bezier(.22,1,.36,1); } .cahier-form-row a.fd-devis.fd-devis-bt svg{width:13px;height:13px;flex:none;} .cahier-form-row a.fd-devis.fd-devis-bt:hover{ border-color:#1B3A6B;background:#EEF2F8;color:#010F38; } /* La durée reste en tête du groupe, discrète, jamais confondue avec un accès. */ .cahier-form-row .fd-droite > .fd{margin-right:2px;} /* ------------------------------------------------------------------------- SEUIL TYPOGRAPHIQUE DE 12 PX — micro-correctif du 31 août 2026 Les deux voisins immédiats du jeton « Devis » sur la même ligne — le jeton « Fiche PDF » et la mention de durée — sont déclarés ailleurs, sous le seuil. Ils sont relevés ici, dans cette feuille chargée en dernier, pour que la ligne reste homogène : aucune autre feuille de style n'est touchée. Seule la taille change ; couleurs, bordures, fonds et gestes sont intacts. ------------------------------------------------------------------------- */ .cahier-form-row a.fd-pdf{font-size:12px;letter-spacing:.1em;} .cahier-form-row .fd-droite > .fd{font-size:12px;} @media (max-width:680px){ .cahier-form-row{align-items:flex-start;} .cahier-form-row .fd-droite{gap:8px;} .cahier-form-row a.fd-pdf, .cahier-form-row a.fd-devis.fd-devis-bt{padding:5px 9px;font-size:12px;letter-spacing:.06em;} } /* ------------------------------------------------------------------------- PLACE RENDUE AUX DEUX JETONS SUR PETIT ÉCRAN — micro-correctif 31/08/2026 Ajustement d'espace rendu nécessaire par le passage à 12 px, et par lui seul : à cette taille, l'intitulé et les deux jetons ne tiennent plus sur une seule ligne sous 560 px, et le jeton « Devis » sortait de l'écran. L'intitulé prend sa ligne, les deux accès se rangent dessous, alignés à droite. Rien d'autre ne change : ni l'ordre, ni les gestes, ni les liens. ------------------------------------------------------------------------- */ @media (max-width:560px){ .cahier-form-row{flex-wrap:wrap;gap:8px 12px;} .cahier-form-row .ft{flex:1 1 100%;} .cahier-form-row .fd-droite{width:100%;justify-content:flex-end;} } /* ------------------------------------------------------------------------- 2 · DOMAINES 3 ET 4 — MÊME PAIRE D'ACCÈS DANS LA FICHE Les deux pages ont leur propre mise en page. Le bouton de téléchargement de la fiche y est posé au même endroit que sur les autres domaines : à hauteur du titre, avant la lecture, et avant les boutons d'échange. ------------------------------------------------------------------------- */ .ldf-fiche-tel{ display:inline-flex;align-items:center;gap:9px;text-decoration:none; font-family:'Inter',system-ui,sans-serif;font-size:12px;letter-spacing:.08em; text-transform:uppercase;font-weight:500; padding:11px 17px;border:1px solid #C99028;background:#E9D2A5;color:#010F38; transition:background .3s cubic-bezier(.22,1,.36,1), color .3s cubic-bezier(.22,1,.36,1), transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s cubic-bezier(.22,1,.36,1); } .ldf-fiche-tel svg{width:16px;height:16px;flex:none;color:#A87A2E;} .ldf-fiche-tel:hover{ background:#fff;color:#041E4A;transform:translateY(-2px); box-shadow:0 10px 22px -12px rgba(4,30,74,.45); } .ldf-fiche-tel-zone{margin:14px 0 4px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;} @media (max-width:680px){ .ldf-fiche-tel{width:100%;justify-content:center;} } /* ------------------------------------------------------------------------- 3 · DOMAINE 3 — ACCÈS FICHE SUR LES LIGNES DE PRESTATION DES CAHIERS Les prestations des cahiers 2 et 3 sont des boutons qui ouvrent une fiche. Le téléchargement direct est posé à côté du bouton, non dedans : un bouton ne peut pas en contenir un autre. ------------------------------------------------------------------------- */ .offre-rang{display:flex;align-items:stretch;gap:0;} .offre-rang > .offre{flex:1 1 auto;min-width:0;} .offre-tel{ flex:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center; gap:4px;text-decoration:none;padding:0 14px; font-family:'Inter',system-ui,sans-serif;font-size:12px;letter-spacing:.06em; text-transform:uppercase;font-weight:500;color:#A87A2E; border:1px solid #E9D2A5;border-left:none;background:#FFFDF8; transition:background .3s cubic-bezier(.22,1,.36,1), color .3s cubic-bezier(.22,1,.36,1), border-color .3s cubic-bezier(.22,1,.36,1); } .offre-tel svg{width:15px;height:15px;} .offre-tel:hover{background:#F0E0BC;color:#010F38;border-color:#C99028;} @media (max-width:680px){ .offre-rang{flex-direction:column;} .offre-tel{ flex-direction:row;justify-content:center;padding:9px 14px; border-left:1px solid #E9D2A5;border-top:none; } } /* ------------------------------------------------------------------------- 4 · PHRASE DE CONTACT HARMONISÉE (domaines 3 et 4) Même formulation, même place et même traitement que sur les autres domaines : une ligne de suite en fin de catalogue. ------------------------------------------------------------------------- */ .ldf-suite{ max-width:900px;margin:34px auto 0;padding:22px 0 0;border-top:1px solid #E4E0D2; text-align:center;font-family:'Fraunces',Georgia,serif;font-size:15px;color:#3A4557; line-height:1.7; } .ldf-suite .ldf-suite-dots{display:block;color:#C9C3B2;letter-spacing:.3em;margin-bottom:10px;} .ldf-suite a{color:#1B3A6B;text-decoration:none;border-bottom:1px solid #E9D2A5;} .ldf-suite a:hover{color:#A87A2E;border-color:#A87A2E;} /* ------------------------------------------------------------------------- 5 · DOMAINE 4 — LA FICHE À CÔTÉ DE LA COMPOSITION Le parcours « Composer ma demande » n'est pas touché : le téléchargement de la fiche est simplement posé à côté, dans le pied de la prestation dépliée et sur chaque ligne de la composition. ------------------------------------------------------------------------- */ .pied-presta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;} .ldf-fiche-tel-inline{ font-size:12px;padding:8px 13px;letter-spacing:.05em; } .c-actes .lien-doux-tel{ display:inline-flex;align-items:center;gap:6px;text-decoration:none; color:#A87A2E; } .c-actes .lien-doux-tel svg{width:14px;height:14px;flex:none;} .c-actes .lien-doux-tel:hover{color:#010F38;}