/** * Socle typographique des gabarits maison * * POURQUOI CE FICHIER EXISTE * -------------------------- * Les deux gabarits écrits à la main — les pages mandataires et « Qui sommes-nous » — * ont été dessinés l'un après l'autre, chacun avec ses propres valeurs. Relevé le * 2026-08-19 dans les deux feuilles : VINGT-TROIS tailles de police distinctes, dont * des demi-pixels inventés au fil de l'écriture (10,5 · 11,5 · 12,5 · 13,5 · 15,5). * * Le reste du site, lui, n'en emploie que six. Mesuré dans le navigateur, en rendu * réel, sur l'accueil et sur « Assurance emprunteur » : * * corps de texte 14 px · graisse 300 · interligne 1,7 (24 occurrences) * titre de section 36 px · graisse 700 · interligne 1 * sous-titre 20 à 22 px · graisse 700 * liens de menu 13 px · graisse 500 * boutons 12 à 15 px · graisse 600 * étiquettes 14 px · graisse 500 * * Ce fichier fige CETTE échelle-là, celle du site, et rien d'autre. Les gabarits maison * n'ont plus le droit d'écrire une taille en dur : ils puisent ici. Une page qui a * besoin d'un pas intermédiaire n'en invente pas un — elle prend le pas voisin. * * PORTÉE : uniquement les gabarits du thème enfant. La règle vit sur « :root » pour que * les deux feuilles y accèdent, mais elle ne déclare AUCUNE propriété : une variable * inutilisée ne rend rien. Aucune page Divi n'est touchée. * * POURQUOI UN FICHIER SÉPARÉ, ET PAS LE MÊME BLOC COPIÉ DANS LES DEUX FEUILLES * --------------------------------------------------------------------------- * Parce que la copie est exactement ce qui a produit les vingt-trois tailles. Deux * exemplaires d'une même échelle divergent au premier ajustement. Le fichier est * enfilé en dépendance des deux feuilles (voir inc/equipe/rendu.php et * inc/mandataires/rendu.php) : il arrive donc toujours avant elles, et jamais sur une * page qui n'en a pas l'usage. * * @package DiviExapret * @author Yves Charvis */ :root { /* --------------------------------------------------------------- Palette. * * Reprise de la charte du site, sans écart : ce sont les couleurs de la palette Divi * (option « divi_color_palette », relevée en base le 2026-08-19). * * Elle vit ici, sur « :root », et non sur le conteneur de chaque gabarit. La raison * est concrète : le dialogue de la page « Qui sommes-nous » est déplacé dans * pour se superposer à la page, donc HORS du conteneur. Déclarées sur celui-ci, les * variables n'y arrivaient pas — les champs du formulaire perdaient leur bordure et * le bouton d'envoi devenait du blanc sur du transparent, c'est-à-dire invisible. */ --exa-violet: #7023d1; --exa-violet-fonce: #5924ca; --exa-violet-pale: #f3ebfc; --exa-noir: #0f0913; --exa-texte: #373737; --exa-gris: #7a7a7a; --exa-fond: #ffffff; --exa-fond-alt: #f3f3f3; --exa-rose: #cb257d; --exa-rose-pale: #fbe9f3; --exa-bord: #ece8f0; --exa-rayon: 8px; --exa-ombre: 0 10px 34px rgba(15, 9, 19, .12); --exa-ombre-douce: 0 2px 10px rgba(15, 9, 19, .05); /* --------------------------------------------------------------- Familles. */ /* Poppins est la police de TOUT le site : « body_font » et « heading_font » des options Divi valent l'une et l'autre Poppins (vérifié en base le 2026-08-19). Les graisses réellement demandées à Google sont fixées par inc/polices.php : 200, 300, 300 italique, regular, 500, 600, 700, 700 italique. N'employer ici aucune graisse absente de cette liste — le navigateur ne synthétise pas les graisses intermédiaires d'une police statique, le texte retomberait sur un voisin visiblement plus fin ou plus gras. */ --exa-police: Poppins, sans-serif; /* ------------------------------------------------- Échelle, mobile d'abord. */ --exa-fs-xs: 12px; /* badges, légendes de carte, mentions du formulaire */ --exa-fs-sm: 13px; /* méta sous un nom, liens secondaires, boutons */ --exa-fs-base: 14px; /* corps de texte — la valeur du site, sans exception */ --exa-fs-md: 16px; /* chapeau d'introduction, et saisie (cf. plus bas) */ --exa-fs-lg: 20px; /* titre d'une carte, d'un encadré : niveau 3 */ --exa-fs-xl: 24px; /* titre de section : niveau 2 */ --exa-fs-2xl: 28px; /* titre de page et bandeau : niveau 1 */ /* 16 px est un plancher, pas un choix esthétique : en dessous, iOS zoome de lui-même sur le champ au moment de la saisie et décadre la page. Toute zone de saisie du site utilise cette variable. */ --exa-fs-saisie: 16px; /* -------------------------------------------------------------- Graisses. */ --exa-w-corps: 300; /* texte courant */ --exa-w-moyen: 500; /* étiquettes, méta, pastilles */ --exa-w-fort: 600; /* boutons, badges, intertitres courts */ --exa-w-titre: 700; /* titres */ /* ------------------------------------------------------------ Interlignes. */ --exa-lh-corps: 1.7; /* la valeur mesurée sur le site (23,8 px pour 14 px) */ --exa-lh-serre: 1.55; /* paragraphes courts, coordonnées, listes */ --exa-lh-titre: 1.3; /* titres de section et de carte */ --exa-lh-gros: 1.15; /* titre de page, bandeau */ } /* Deux paliers, pas davantage. Ce sont les tailles qui changent, pas les règles : redéfinir les variables évite de réécrire vingt sélecteurs à chaque rupture — c'est la seconde cause de dérive après la copie de l'échelle. */ @media screen and (min-width: 600px) { :root { --exa-fs-xl: 26px; --exa-fs-2xl: 32px; } } @media screen and (min-width: 1024px) { :root { --exa-fs-lg: 22px; --exa-fs-xl: 28px; --exa-fs-2xl: 36px; } }