/*
Theme Name: GCollect
Theme URI: https://www.gcollect.fr
Author: Kreancia
Description: Thème natif du site GCollect — blocs WordPress, une feuille de style, un script. Aucune extension requise.
Version: 0.1.365
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: gcollect
*/

/* =========================================================================
   1. Jetons
   ====================================================================== */
@font-face {
	font-family: "Open Sans";
	src: url("assets/fonts/open-sans-latin-400-normal.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url("assets/fonts/open-sans-latin-400-italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url("assets/fonts/open-sans-latin-600-normal.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url("assets/fonts/open-sans-latin-700-normal.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
/* La graisse 800 (ExtraBold), relevee le 08/10/2026 : la source la charge et la demande pour
   les titres (h2 des pages SEO 2026, tc-titre et th des tableaux comparatifs, h1 du bandeau de
   certaines pages) ; sans la face, le navigateur retombait sur la 700, plus etroite -- titre de
   petites-creances sur 3 lignes au lieu de 4, ligne 2 de taux-de-recouvrement sur 1 au lieu de 2.
   Meme origine que les quatre autres faces (@fontsource/open-sans, sous-ensemble latin, OFL). */
@font-face {
	font-family: "Open Sans";
	src: url("assets/fonts/open-sans-latin-800-normal.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "NewFarm";
	src: url("assets/fonts/NewFarm-Bold.woff2") format("woff2");
	font-weight: 700 800;
	font-style: normal;
	font-display: swap;
}

:root {
	/* #3c4bff : le bleu de la source, relevé le 12/10/2026 sur l'accueil (rgb(60, 75, 255) sur 80 textes, 7 fonds,
	   3 bordures et un dégradé ; aucun autre bleu de texte). Jusqu'en 0.1.328 nous avions #3b49f9, six points de
	   moins, pour passer le contraste avec le vert de marque de 4,36 à 4,53 (seuil 4,5) ; décision du 12/10/2026 :
	   copie exacte, le contraste bleu sur vert reste donc celui de la source (4,36). */
	--gc-bleu: #3c4bff;
	--gc-bleu-fonce: #3740b0;
	--gc-vert: #3cff8c;
	--gc-rose: #ff9bff;
	--gc-jaune: #fbfa3e;
	--gc-gris: #f8f8f8;
	--gc-gris-2: #e9ebf5;
	--gc-encre: #000000; /* body { color: #000 } sur la source (511 paragraphes noirs sur 594 relevés) */
	--gc-encre-2: #4a4f66;
	--gc-blanc: #ffffff;

	--gc-corps: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--gc-titres: "NewFarm", "Open Sans", sans-serif;

	--gc-conteneur: 1140px;
	--gc-etroit: 730px;
	--gc-gouttiere: 15px; /* 15 a toutes les largeurs (0.1.276) : la source n'a pas de gouttiere qui grandit avec la fenetre. Sous 768 son conteneur fait min(100 % - 30, 500) ; au-dessus il fait 100 % jusqu'a 1140, et le retrait de 15 vient de ses items. Le clamp(15px, 4vw, 40px) d'avant rognait les rangees de colonnes de 61 px a 768 et de 80 a 1000 (releve du 07/10/2026 sur aston-itf : rangee de 692 contre 753 a 768, 905 contre 985 a 1000). Il valait deja 15 a 375, donc rien n'y bouge. */
	--gc-rayon: 25px;
	--gc-rayon-petit: 12px;
	--gc-ombre: 0 10px 30px rgba(60, 75, 255, 0.10); /* le même bleu que --gc-bleu, écrit en composantes */
	--gc-section-y: clamp(40px, 6vw, 80px);
}

/* =========================================================================
   2. Base
   ====================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
body {
	margin: 0;
	font: 400 16px/normal var(--gc-corps); /* .financity-body : 16 px, interligne normal */
	color: var(--gc-encre);
	background: var(--gc-blanc);
	overflow-x: hidden;
}
img, svg, video, iframe { max-width: 100%; height: auto; }
figure { margin: 0; }
a { color: var(--gc-bleu); text-decoration: none; } /* la source ne souligne aucun lien (a, button { text-decoration: none }) ; la lettre d'information garde sa règle propre */
a:hover { color: var(--gc-bleu-fonce); }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible { outline: 3px solid var(--gc-jaune); outline-offset: 2px; }

h1, h2, h3, h4, h5, h6 {
	font-family: var(--gc-titres);
	font-weight: 800;
	line-height: 1.2; /* h1…h6 { line-height: 1.2 } sur la source */
	margin: 0 0 0.5em;
	color: var(--gc-bleu);
	text-wrap: balance;
}
h1 { font-size: 35px; text-transform: uppercase; } /* 35 px / 42 sur la source, bandeau comme contenu, et a TOUTES les largeurs : mesure du 06/10/2026 a 375, 465, 753, 1009 et 1440, toujours 35/42. Le clamp rendait 28 sous 875 px. */
h2 { font-size: 36px; } /* idem : 36 / 43,2 a toutes les largeurs sur la source. Le clamp rendait 26 au telephone, d'ou des titres sur une ligne au lieu de deux et des pages trop courtes de 300 a 400 px (karmen -324, sellsy -320, comment-ca-marche -398 avant correction). */
h3 { font-size: clamp(20px, 2.2vw, 24px); }
/* Dans le contenu des pages, le h3 sans taille propre fait 36 px sur la source (.financity-body h3) ; les cartes et
   les vignettes gardent leur taille, plus spécifique. */
:where(.gc-contenu) h3 { font-size: 36px; } /* :where — sans poids, pour que toute classe de titre (carte, vignette) garde sa taille */
:where(.gc-contenu) h3 { color: #383838; } /* .gdlr-core-skin-title : le h3 sans couleur propre est gris (162 sur 217 relevés) ; les bleus la portent dans le contenu */
.gc-contenu :is(h2, h3, h4) { margin-block: 0 30px; } /* titre-item : marge 0 + 30 px de padding-bottom (.gdlr-core-item-pdb) */
.gc-contenu .gc-section:not(.gc-hero) h1:has(+ p) { margin-bottom: 20px; } /* h1 de contenu suivi d'un texte : 20 px sur la source (factomos, demande-grille) ; WordPress la mettait à 0 par son blockGap. Le h1 d'un titre-item, lui, n'est jamais suivi d'un paragraphe. */
/* WordPress 7 imprime après le thème « :root :where(.is-layout-flow, .is-layout-constrained) > * { margin-block: 24px 0 } »
   (blockGap, spécificité 0,1,0) : toute règle de marge du thème à 0,1,0 perdait (titres, boutons, images, colonnes,
   dépliants). Les items de la source n'ont aucune marge haute : on la neutralise ici, et les règles de marge basse
   sont écrites à 0,1,1 ou plus. */
:root .gc-contenu :where(.is-layout-flow, .is-layout-constrained) > * { margin-block-start: 0; }
.gc-contenu :is(.wp-block-buttons, .wp-block-image, .wp-block-embed, .wp-block-table) { margin-block: 0 30px; } /* button-item, image-item… : 30 px dessous */
.gc-contenu .wp-block-columns { margin-block: 0; }
.gc-contenu p { margin-block: 0 20px; } /* margin-block seulement : le centrage (margin-inline: auto) des enfants directs de .gc-contenu doit rester */ /* p { margin-bottom: 20px } */
/* Chaque « item » du constructeur de la source (text-box, title, button, image…) porte 30 px de padding-bottom
   (mesure du 21/09/2026 : 20 items sur 20). Le dernier bloc de texte d'une suite (p, ul, ol) en hérite : 20 px de
   marge + 30 px d'item. Hors bandeaux (heros mesurés à part), cartes et formulaires. */
:is(.gc-section, .wp-block-column, .wp-block-group, .gc-contenu) > :is(p, ul, ol):not(:has(+ :is(p, ul, ol))):not(.gc-hero *, .gc-card *, .wpcf7 *) { margin-bottom: 50px; }
:is(.gc-section, .wp-block-column, .wp-block-group, .gc-contenu) > :is(ul, ol):not(:has(+ :is(p, ul, ol))):not(.gc-hero *, .gc-card *, .wpcf7 *) { margin-bottom: 46px; } /* 46 et non 50 pour une liste (0.1.285) : chez elle une liste porte 16 px de marge basse (pas les 20 d'un paragraphe), puis les 30 de l'item. Releve sur Connecteurs (0.1.2xx, « 16 chez elle ») et sur facture-impayee a 375 (ol de l'etape 2 : 1403 + 176 + 16 + 30 = 1625 chez elle, 1629 chez nous). */
.gc-contenu :is(ul, ol) { margin-block: 0 20px; padding: 0 0 0 35px; }
.gc-contenu li { margin-block: 0; } /* items à 22 px de pas sur la source (charte, 1600 px) : aucune marge */
.gc-contenu > :is(ul, ol), .gc-section > :is(ul, ol) { padding-left: 50px; padding-right: 15px; } /* 15 px de l'élément + 35 px de la liste ; puces de 1075 px */ /* ul, ol { margin-left: 35px; margin-bottom: 20px } ; li à 35 px du bord du texte */
h4 { font-size: 18px; }
p { margin: 0 0 1em; }
ul, ol { padding-left: 1.3em; margin: 0 0 1em; }
li { margin: 0.25em 0; }
strong { font-weight: 700; }
hr { border: 0; border-top: 1px solid var(--gc-gris-2); margin: 2em 0; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: 0.6em 0.8em; border-bottom: 1px solid var(--gc-gris-2); vertical-align: top; }
th { color: var(--gc-bleu); }
address { font-style: normal; }
input, button, select, textarea { font: inherit; }

.gc-visually-hidden, .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.gc-skip { position: absolute; left: -999px; top: 8px; background: var(--gc-jaune); color: var(--gc-encre); padding: 8px 14px; z-index: 100; border-radius: 6px; }
.gc-skip:focus { left: 8px; }

.gc-conteneur { width: min(var(--gc-conteneur), 100% - 2 * var(--gc-gouttiere)); margin-inline: auto; }
.gc-conteneur--etroit { width: min(var(--gc-etroit), 100% - 2 * var(--gc-gouttiere)); }
/* Le modele de largeur de la source, releve le 07/10/2026 sur aston-itf a huit largeurs de 767 a
   1440, et deja ecrit deux fois ici pour des contextes particuliers (page Connecteurs, pages du
   cadre) : il devient general.
     sous 768 : conteneur de 500 au plus, 15 de chaque cote en dessous, soit min(100 % - 30, 470)
                pour la boite -- 345 a 375, 470 de 500 a 767 ; ses colonnes font 470 et le texte
                440, par leurs 15 de rembourrage (les notres aussi) ;
     de 768 a 1155 : ses rangees de colonnes font 100 % de la fenetre, le retrait de 15 vient des
                colonnes elles-memes ; au-dessus, 1140 centres.
   Nos rangees suivaient la gouttiere comme le reste : 705 au lieu de 768 a 783, 904 au lieu de
   984 a 999, et les cartes de temoignages faisaient 176 au lieu de 192. Apres : colonnes de 256 /
   512 a 783, 295 / 590 a 900, 328 / 657 a 1000, 380 / 760 a 1200, les siennes au pixel. */
@media (max-width: 767px) { .gc-contenu { --gc-conteneur: 470px; } }
@media (min-width: 768px) { .gc-contenu > .wp-block-columns, :is(.gc-section, .gc-hero) > .wp-block-columns { width: 100%; } }

/* =========================================================================
   3. Boutons — la pastille GCollect (rayon 27px, capitales, 13px gras)
   ====================================================================== */
.gc-btn,
.wp-block-button__link,
.wp-element-button {
	display: inline-block;
	padding: 12px 29px;
	border-radius: 27px;
	border: 0 solid var(--gc-bleu); /* .gdlr-core-button-no-border ; les variantes à contour posent leur bordure et retirent 2 px de padding */
	background: var(--gc-bleu);
	color: var(--gc-blanc);
	font: 700 13px/19.5px var(--gc-corps); /* la source rend « normal » à 19.5 px (bouton de 43.5) ; la police locale donnait 18 */
	text-transform: uppercase;
	letter-spacing: 0.8px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	transition: background 0.15s, color 0.15s, transform 0.15s;
}
.gc-btn:hover, .wp-block-button__link:hover, .wp-element-button:hover { background: var(--gc-bleu); border-color: var(--gc-bleu); color: var(--gc-blanc); transform: translateY(-1px); }
.gc-btn--contour { background: transparent; color: var(--gc-bleu-fonce); border-width: 2px; padding: 10px 27px; }
.gc-btn--vert { background: var(--gc-vert); border-color: var(--gc-vert); color: var(--gc-bleu-fonce); }
.gc-btn--vert:hover { background: var(--gc-blanc); border-color: var(--gc-blanc); color: var(--gc-bleu-fonce); }
/* Bandeaux : sur la source un bouton sans style propre est bleu (dégradé #4c54c4 → #3740b0) où qu'il soit ; les
   couleurs particulières (rose, corail…) viennent d'une classe est-* portée par le contenu. Le vert par défaut
   disparaissait sur les bandeaux verts (Tarifs). */
.gc-btn--rose, .wp-block-button.est-rose .wp-block-button__link { background: var(--gc-rose); border-color: var(--gc-rose); color: var(--gc-bleu); }
.gc-btn--corail, .wp-block-button.est-corail .wp-block-button__link { background: #ff5b66; border-color: #ff5b66; color: var(--gc-blanc); }
.gc-btn--jaune, .wp-block-button.est-jaune .wp-block-button__link { background: #eeee22; border-color: #eeee22; color: var(--gc-blanc); }
.gc-btn--vert-clair, .wp-block-button.est-vert-clair .wp-block-button__link { background: #46fb7b; border-color: #46fb7b; color: var(--gc-bleu); }
.gc-btn--vert-fonce, .wp-block-button.est-vert-fonce .wp-block-button__link { background: #38b546; border-color: #38b546; color: var(--gc-blanc); }
.gc-btn--bleu, .wp-block-button.est-bleu .wp-block-button__link { background: var(--gc-bleu); border-color: var(--gc-bleu); color: var(--gc-blanc); }
.wp-block-button.est-vert .wp-block-button__link { background: var(--gc-vert); border-color: var(--gc-vert); color: var(--gc-blanc); }
.wp-block-button.est-vert-bleu .wp-block-button__link { background: var(--gc-vert); border-color: var(--gc-vert); color: var(--gc-bleu); } /* #3cff8c, texte #3c4bff : « Ouvrez votre compte gratuit » et « Nos honoraires » de Recouvrement judiciaire */ /* #3cff8c, texte blanc : dernier bouton de Comment ça marche */
.wp-block-button.est-rose-blanc .wp-block-button__link { background: var(--gc-rose); border-color: var(--gc-rose); color: var(--gc-blanc); } /* Connecteurs : « Ouvrez votre compte gratuit » */
/* Connecteurs (940), bas de la section « Ouvrez un compte » (relevé du 12/10/2026 à 1440) : « Ouvrez votre compte gratuit »
   reste rose au survol (texte souligné, ni bleu ni déplacement) ; « → Parler à un expert intégration » n'a PAS de contour
   (bottom-border-on-text de Goodlayers) : texte blanc, padding 12 / 29, une ligne de 1 px rgb(230, 230, 230) sur toute la
   largeur du bouton à 2 px sous son bas, texte souligné au survol ; les deux boutons sont espacés de 10 et le premier
   porte 10 de marge à gauche (401,2 et 705,1 chez elle). La conversion avait dessiné un contour blanc de 2 px. 0.1.344 */
.wp-block-button.est-rose-blanc .wp-block-button__link:hover { background: var(--gc-rose); border-color: var(--gc-rose); color: var(--gc-blanc); text-decoration: underline; transform: none; }
.wp-block-button.est-souligne-blanc .wp-block-button__link { position: relative; background: transparent; border-color: transparent; color: var(--gc-blanc); font-family: "Open Sans", sans-serif; } /* la flèche « → » vient de la police de repli : sans-serif chez elle, system-ui dans --gc-corps, soit 1,8 px de moins (326,9 pour 328,7) et les deux boutons décalés de 0,9 */
.wp-block-button.est-souligne-blanc .wp-block-button__link::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; margin-top: 2px; border-bottom: 1px solid #e6e6e6; }
.wp-block-button.est-souligne-blanc .wp-block-button__link:hover { background: transparent; border-color: transparent; color: var(--gc-blanc); text-decoration: underline; transform: none; }
.wp-block-buttons:has(> .est-souligne-blanc) { gap: 10px; }
.wp-block-buttons:has(> .est-souligne-blanc) > .wp-block-button:first-child { margin-left: 10px; }
.gc-btn--petit { padding: 8px 18px; font-size: 12px; }
.wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 30px; } /* button-item de la source : 30 px de padding-bottom, rien au-dessus */
.wp-block-buttons.is-content-justification-center, .wp-block-buttons.is-layout-flex.is-content-justification-center { justify-content: center; }

/* =========================================================================
   4. En-tête
   ====================================================================== */
/* Bandeau haut (.top-info de la source, mesuré à 1920 px le 18/09/2026) : 91 px, fond #e6e6e6, texte 15 px / 600 noir
   aligné à droite sur 65 % de la largeur (15 px 0 15 px 30 px), bouton téléphone (#3740b0, 12 px 29 px, coins 27,
   13 px / 700 blanc) sur les 35 % restants, à 40 px du texte et 24 px du haut. */
.gc-topbar { display: flex; background: #e6e6e6; color: var(--gc-encre); }
.gc-topbar__texte { width: 65%; padding: 15px 0 15px 30px; text-align: right; font-size: 15px; font-weight: 600; }
.gc-topbar__texte p { margin: 0 0 0 16px; }
.gc-topbar__texte a { color: var(--gc-bleu); }
.gc-topbar__tel { width: 35%; padding: 24px 0 25px 40px; }
.gc-topbar__bouton { display: inline-block; padding: 12px 29px; border-radius: 27px; background: #3740b0; color: var(--gc-blanc); font: 700 13px/normal var(--gc-corps); letter-spacing: 0.8px; text-decoration: none; transition: background 0.15s; } /* 0,8 px d'interlettrage comme les autres boutons : 157 de large, sinon 146 */
.gc-topbar__bouton:hover, .gc-topbar__bouton:focus-visible { background: var(--gc-bleu); color: var(--gc-blanc); } /* a:hover posait la couleur du fond sur le texte : le numéro disparaissait */
@media (max-width: 782px) {
	.gc-topbar { flex-direction: column; }
	.gc-topbar__texte, .gc-topbar__tel { width: auto; padding: 10px 16px; text-align: center; }
}

/* Entête (.financity-header-wrap, mesuré à 1920 px) : 85 px, fond blanc sans ombre ; logo de 100 px de large (95 de haut,
   il déborde de 10 px sous l'entête) à 20 px du bord du conteneur ; menu 15 px / 600 bleu, 13 px entre les entrées,
   55 px avant les boutons ; boutons NewFarm 13 px / 700, 10 px 25 px, coins 30, bordure 1 px, 40 px entre eux. */
.gc-entete { position: sticky; top: 0; z-index: 50; background: var(--gc-blanc); }
/* Au défilement (header fixé sur la source) : ombre rgba(0,0,0,.1) 0 1px 2px, et le bouton passe de 244 × 38 à 338 × 52
   — 16 px, 15 px 50 px. Classe est-fixe posée par app.js quand le bandeau haut est sorti de l'écran.
   Mesuré sur gcollect.fr le 30/09/2026 : la source ne sert plus qu'UN bouton, « SE CONNECTER / S'INSCRIRE ». */
.gc-entete__barre { display: flex; align-items: flex-start; gap: 24px; height: 85px; }
.gc-entete.est-fixe { box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0; }
.gc-entete.est-fixe .gc-entete__actions .gc-btn { font-size: 16px; padding: 15px 50px; }
.gc-entete.est-fixe .gc-nav { padding-top: 17px; }
.gc-entete__logo { padding-left: 20px; }
.gc-entete__logo img { display: block; width: 100px; height: auto; }
.gc-nav { display: flex; align-items: center; gap: 55px; margin-left: auto; padding-top: 20px; }
.gc-nav__liste { list-style: none; margin: 0; padding: 0; display: flex; gap: 13px; }
.gc-nav__liste li { position: relative; }
.gc-nav__liste a { display: block; padding: 10px 0; color: var(--gc-bleu); text-decoration: none; font-weight: 600; font-size: 15px; transition: color 0.3s; }
/* Page active et survol : rose rgb(255, 155, 255) chez elle (releve du 12/10/2026 a 1440 sur comment-ca-marche,
   tarifs-gcollect et connecteurs : l'entree courante ET l'ancetre courant sont roses, le survol aussi, color 0.3s).
   Une fois l'entete fixee (financity-fixed-navigation, des le premier pixel de defilement), tout repasse au bleu :
   ni l'entree courante ni le survol ne changent de couleur. L'enfant actif du sous-menu est en bleu fonce
   rgb(55, 64, 176), pas en gris. Avant 0.1.331 la page active etait en bleu fonce. */
.gc-nav__liste a:hover, .gc-nav__liste .current-menu-item > a, .gc-nav__liste .current-menu-ancestor > a { color: #ff9bff; }
.gc-entete.est-fixe .gc-nav__liste a:hover, .gc-entete.est-fixe .gc-nav__liste .current-menu-item > a, .gc-entete.est-fixe .gc-nav__liste .current-menu-ancestor > a { color: var(--gc-bleu); }
.gc-nav__liste .sub-menu { list-style: none; margin: 0; padding: 8px; position: absolute; top: 100%; left: 0; min-width: 260px; background: var(--gc-blanc); border-radius: var(--gc-rayon-petit); box-shadow: var(--gc-ombre); opacity: 0; visibility: hidden; transform: translateY(6px); transition: 0.15s; }
.gc-nav__liste li:hover > .sub-menu, .gc-nav__liste li:focus-within > .sub-menu, .gc-nav__liste li.est-deplie > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.gc-nav__liste .sub-menu a { font-weight: 400; font-size: 14px; color: #6d6d6d; padding: 6px 12px; }
.gc-nav__liste .sub-menu .current-menu-item > a { color: var(--gc-bleu-fonce); } /* enfant actif du sous-menu : rgb(55, 64, 176) chez elle (connecteurs, 12/10/2026) */
.gc-entete__actions { display: flex; gap: 60px; } /* 60 px entre les deux pilules de la source (873+126 → 1059) */
.gc-entete__actions .gc-btn { padding: 10px 25px; border: 1px solid var(--gc-bleu); border-radius: 30px; font: 700 13px/normal var(--gc-titres); text-transform: uppercase; letter-spacing: normal; }
.gc-entete__actions .gc-btn { background: #ff5b66; border-color: #ff5b66; color: var(--gc-blanc); }
.gc-entete__actions .gc-btn:hover { background: var(--gc-bleu); border-color: var(--gc-bleu); color: var(--gc-blanc); }
/* S'INSCRIRE, releve le 02/10 sur la source dans ses DEUX etats : en haut de page, pilule vide a
   bordure et texte bleus (126 x 38) ; au defilement, pilule JAUNE pleine a texte bleu (193 x 52).
   Les dimensions viennent deja des regles ci-dessus, communes aux deux boutons ; seules les
   couleurs changent. Selecteurs a (0,3,0) et (0,4,0) : a specificite egale, l'ordre du fichier
   aurait decide, et la regle corail ci-dessus serait passee devant selon ou on l'ecrit. */
.gc-entete__actions .gc-btn.gc-btn--inscription { background: transparent; border-color: var(--gc-bleu); color: var(--gc-bleu); }
.gc-entete.est-fixe .gc-entete__actions .gc-btn.gc-btn--inscription { background: #fbfa3e; border-color: #fbfa3e; color: var(--gc-bleu); }
.gc-entete__actions .gc-btn.gc-btn--inscription:hover { background: var(--gc-bleu); border-color: var(--gc-bleu); color: var(--gc-blanc); } /* survol non releve sur la source : on garde celui du theme */
.gc-entete__burger { display: none; margin-left: auto; width: 44px; height: 44px; padding: 8px; background: none; border: 0; cursor: pointer; }
.gc-entete__burger span[aria-hidden] { display: block; height: 3px; margin: 6px 0; background: var(--gc-bleu); border-radius: 2px; transition: 0.2s; }

/* L'entete de la source n'est pas de hauteur fixe : elle sert un entete mobile de 154 px
   sous 768 (15 de rembourrage, logo de 130 x 124, 15), de 174 px de 768 a 999 (25 / 25),
   et son entete de bureau de 85 px avec un logo de 100 x 95 a partir de 1000. Releve le
   07/10/2026 sur l'accueil, la FAQ, le blog et comment-ca-marche : identique partout.
   Nous servions 85 px et 100 x 95 a toutes les largeurs depuis 0.1.83, dont le message dit
   « mesures a 1920 px » : la meme erreur que les 68 px de l'image des temoignages et que le
   rembourrage de 40 de la citation, une valeur relevee a une seule largeur. Elle decalait
   de 69 px (et de 89 entre 768 et 999) le haut de chacune des 255 pages, et faussait donc
   toutes les comparaisons mobiles du chantier.
   La bascule du menu passe de 980 a 999 pour suivre la sienne : sans cela, de 981 a 999,
   le menu de bureau se serait affiche dans l'entete mobile agrandi.
   L'entete reste collant : la source colle aussi le sien au defilement, a 154 px, avec un
   bloc d'appui qui garde la place (verifie par la mesure). */
@media (max-width: 999px) {
	.gc-entete__barre { height: auto; align-items: center; padding-block: 15px; }
	.gc-entete__logo img { width: 130px; }
	.gc-entete__burger { display: block; }
	.gc-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 8px; padding: 12px var(--gc-gouttiere) 20px; background: var(--gc-blanc); box-shadow: var(--gc-ombre); }
	.gc-nav.est-ouvert { display: flex; }
	.gc-nav__liste { flex-direction: column; }
	.gc-nav__liste .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; display: none; padding-left: 14px; }
	.gc-nav__liste li.est-deplie > .sub-menu { display: block; }
	.gc-entete__actions { flex-direction: column; }
	.gc-entete__burger[aria-expanded="true"] span:nth-child(2) { transform: translateY(9px) rotate(45deg); }
	.gc-entete__burger[aria-expanded="true"] span:nth-child(3) { opacity: 0; }
	.gc-entete__burger[aria-expanded="true"] span:nth-child(4) { transform: translateY(-9px) rotate(-45deg); }
}
@media (min-width: 768px) and (max-width: 999px) {
	.gc-entete__barre { padding-block: 25px; } /* 25 / 25 autour du logo de 124 : 174 au total */
}

/* =========================================================================
   5. Sections, hero, bandeaux — les groupes posés par la conversion
   ====================================================================== */
.gc-principal { min-height: 50vh; }
.gc-contenu > * { margin-inline: auto; }
/* Grille de la source : conteneur de 1140 px ; chaque élément (.gdlr-core-item-pdlr) a 15 px de marge intérieure de chaque
   côté, donc un texte pleine largeur fait 1110 px à 15 px du bord du conteneur ; les colonnes font 1140/n avec les mêmes
   15 px, sans écart entre elles. Relevé sur 64 pages (238 px du bord de la fenêtre pour un conteneur à 223). */
.gc-contenu > :where(p, h1, h2, h3, h4, ul, ol, figure, blockquote, table, .wp-block-buttons, .wp-block-details, .wp-block-embed, .wp-block-columns, .wp-block-group:not(.alignfull)) { max-width: var(--gc-conteneur); width: calc(100% - 2 * var(--gc-gouttiere)); }
.gc-contenu > :where(p, h1, h2, h3, h4, ul, ol, figure, blockquote, table, .wp-block-buttons, .wp-block-details, .wp-block-embed) { padding-inline: 15px; }

.gc-section { padding: 60px 0 30px; } /* .gdlr-core-pbf-wrapper de la source : 60 px 0 30 px, fixes ; les sections qui en dérogent portent leur padding en ligne (relevé section par section le 21/09/2026) */
.gc-section.gc-pleine-hauteur { min-height: 630px; display: grid; align-content: center; } /* gdlr-core-wrapper-full-height : 630 px de haut à 1920 × 1080, contenu centré */
.gc-masque-bureau { display: none; } /* gdlr-core-hide-in-desktop-tablet */
@media (max-width: 767px) { .gc-masque-bureau { display: block; } }
.gc-section + .gc-section { margin-top: 0; }
.gc-section > * { margin-inline: auto; }
:is(.gc-section, .gc-hero) > :where(p, h1, h2, h3, h4, ul, ol, figure, blockquote, .wp-block-buttons, .wp-block-details, .wp-block-embed, .wp-block-columns, .wp-block-group, .wp-block-quote, .wp-block-image) { max-width: var(--gc-conteneur); width: calc(100% - 2 * var(--gc-gouttiere)); } /* .gc-hero : les bandeaux des pages légales n'ont pas la classe gc-section (h1 mesuré à 1180 px, largeur de contenu de WP) */
:is(.gc-section, .gc-hero) > :where(p, h1, h2, h3, h4, ul, ol, figure, blockquote, .wp-block-buttons, .wp-block-details, .wp-block-embed, .wp-block-quote, .wp-block-image) { padding-inline: 15px; }
.gc-section.alignfull { width: 100%; max-width: none; margin-inline: 0; }

/* Typographie relevée sur la source (huit pages, à 1280 px) : h1 de bandeau 35 px, titres de section 36 px en
   capitales, titres de carte 20 px en gris, accroche de bandeau 15-16 px. Les articles gardent leurs titres en
   bas de casse (28,8 px, encre noire) : la règle des capitales ne vaut que pour les pages. */
.gc-hero h1 { font-size: 35px; }
.gc-page .gc-contenu h2 { text-transform: uppercase; }
/* Tableaux simples du contenu (politique de confidentialité) : la source pose table tr { color: #949494 } et le bloc texte
   est centré ; les tableaux comparatifs ci-dessous ont leurs propres couleurs, plus précises. */
.gc-contenu table tr { color: #949494; }
.page-id-4835 .gc-contenu table :is(td, th, p) { text-align: center; }
.page-id-4835 .gc-contenu table :is(td, th) { padding: 15px 0; border: 0; vertical-align: baseline; } /* la source ne met les 15 px qu'en haut et en bas : le texte de la cellule part du bord (555 de large, pas 525) */ /* rangées de 72 / 116 / 94 px sur la source, 59 / 103 / 81 avec 8 px et une bordure */
.gc-contenu > figure.wp-block-table { margin-inline: auto; } /* .wp-block-table { margin: 0 0 1em } de WP annulait le centrage (tableau mesuré à 0 px) */
.page-id-4835 .gc-contenu table { width: 100%; table-layout: fixed; } /* deux colonnes de 555 px sur la source */ /* bloc texte centré sur la source ; le bloc tableau de WP aligne ses cellules à gauche */
/* Pages SEO 2026 (facture-impayee et ses enfants) : le bloc « Contactez-nous ! » est une colonne a
   10 / 10 portant un paragraphe puis un bouton. Chez elle, l'item de texte n'a pas de rembourrage
   bas (le paragraphe garde ses 20) et l'item du bouton en a 20, pas 30 : 514 a 375 contre nos
   554. Releve du 08/10/2026 en fenetre reelle. Les :has reservent la regle a ce bloc precis. */
:is(.page-id-10268, .parent-pageid-10268) .gc-contenu > .wp-block-columns > .wp-block-column > p:has(+ .wp-block-buttons) { margin-bottom: 20px; }
:is(.page-id-10268, .parent-pageid-10268) .gc-contenu > .wp-block-columns > .wp-block-column > p + .wp-block-buttons { margin-bottom: 20px; }
/* Tableaux comparatifs des 8 pages SEO 2026 (.tableau-comparatif, CSS critique de la source, reprise à l'identique :
   boîte de 960 px centrée avec 20 px, titre 800 #3a3fd4 capitales, en-tête #3a3fd4, lignes alternées #f8f8fc). */
.gc-contenu .tableau-comparatif { max-width: 960px; margin: 20px auto; padding: 0 20px; font-family: inherit; text-align: center; } /* classe posée dans le contenu sur le bloc tableau (figure) ou sur le groupe du modèle de lettre */
.gc-contenu .tableau-comparatif--gauche { text-align: left; } /* modèle de lettre : paragraphes alignés à gauche en ligne sur la source */
.gc-contenu .tableau-comparatif--gauche > * { margin-inline: 0; }
/* Le modele de lettre de lettre-de-mise-en-demeure, releve en fenetre reelle a 375 et 1440 le
   08/10/2026. Meme boite .tableau-comparatif que les tableaux (960, 20 de marge, 20 de rembourrage)
   dans une colonne de 10 de rembourrage ; dedans, la lettre : h3 a 20 de marge basse (nous 30),
   filets <hr> a 16 de marge haut et bas (nous 0, et les paragraphes vides que la conversion a
   laisses autour de chaque filet portaient 50 et 20 : ils sont masques), liste a 35 de marge
   gauche sans rembourrage, 16 dessous, puces a 8 de rembourrage (nous : 35 de rembourrage, 20
   dessous, puces a 0 -- un texte de 240 au lieu de 232, une ligne de moins a la deuxieme puce
   a 375 comme a 1440). La marge gauche demande !important : le coeur de WordPress centre les
   enfants d'un groupe contraint avec margin-left: auto !important.
   Apres : h3 -> filet 20, filet -> texte 16, liste 240 x 352 a 375 et 885 x 110 a 1440 comme
   chez elle ; section 2036 a 375 et 1004,5 a 1440, soit la sienne (2078 / 1046,5) moins le
   paragraphe « &nbsp; » de 22 + 20 qu'elle a en tete de lettre et que notre contenu n'a pas. */
.gc-contenu .tableau-comparatif--gauche > p:empty { display: none; }
.gc-contenu .tableau-comparatif--gauche > h3 { margin-bottom: 20px; }
.gc-contenu .tableau-comparatif--gauche > hr { margin: 16px 0; }
.gc-contenu .tableau-comparatif--gauche > ul { margin: 0 0 16px 35px !important; padding-left: 0; }
.gc-contenu .tableau-comparatif--gauche > ul > li { padding-left: 8px; }
/* Les huit pages portant le bloc, relevees en fenetre reelle a 375 et 1440 le 08/10/2026 (0.1.287,
   generalisation de 0.1.286 qui ne valait que pour facture-impayee). Chez elle le bloc est toujours
   le meme : un item de texte (15 de chaque cote, 30 en bas), dedans la boite .tableau-comparatif
   (960 au plus, centree, 20 de marge haut et bas, 20 de rembourrage lateral), dedans le titre
   .tc-titre (20 de marge basse) puis le cadre .tc-container (bordure de 1) dont la table garde
   20 de marge basse. Notre figure tient lieu de cadre ; le titre est le paragraphe qui la precede.
   Largeurs : la figure et le titre font 100 % - 100 (les 30 du conteneur, les 30 de l'item, les
   40 de la boite) hors colonnes -- 275 a 375, 920 a 1440 par le plafond -- et 100 % - 40 dans une
   colonne, qui porte deja ses 15 (614 a 1440 dans la colonne de 60 % de petites-creances, 688
   dans celle de 66 % de techniques, 273 au telephone partout). Marges : 20 au-dessus (la boite),
   20 + 30 au-dessous (la boite puis l'item) ; apres un h3 (recouvrement-amiable) 30 au-dessus, les
   10 de l'item de titre en plus. L'ancienne marge de 70 sous la figure qui ferme une section
   comptait les 20 de la table, qu'elle porte desormais elle-meme.
   Apres, a 375 : table de 273 sur les sept pages, en-tetes 54 / 71 / 88 / 71 / 71 / 54 et lignes
   identiques aux siennes sur cinq ; section de lettre-de-mise-en-demeure 1564 (1564). A 1440 :
   tables 918 x 288 / 371 / 218 / 301 / 325 et 612 x 326, 688 x 326, toutes egales.
   Restent : delai-paiement, dont la source n'a pas de cadre (.tc-container absent de son HTML) ;
   recouvrement-amiable, dont notre contenu a perdu le badge et les classes tc-amiable / tc-ko ;
   et la graisse 800 d'Open Sans, que nous n'avons pas (titre de petites-creances sur 3 lignes au
   lieu de 4, ligne 2 de taux-de-recouvrement sur 1 au lieu de 2). */
.gc-contenu figure.tableau-comparatif { width: min(calc(100% - 100px), calc(var(--gc-conteneur) - 70px)); max-width: 920px; margin: 20px auto 50px; padding: 0; border-radius: 12px; overflow: hidden; border: 1px solid #e0e0f0; } /* .tc-container : 920 px au plus (la boite de 960 moins ses 20 px) */
.gc-contenu .gc-section > figure.tableau-comparatif { margin-top: 30px; } /* apres un item de titre (h3) : ses 10 + les 20 de la boite -- 31 avec la bordure, comme elle (recouvrement-amiable) */
.gc-contenu .gc-section > p + figure.tableau-comparatif { margin-top: 20px; } /* apres le titre du bloc : 20, fusionnes avec les 20 du paragraphe */
.gc-contenu p:has(+ figure.tableau-comparatif) { width: min(calc(100% - 100px), calc(var(--gc-conteneur) - 70px)); max-width: 920px; margin: 0 auto 20px; padding-inline: 0; } /* .tc-titre : la largeur du cadre, 20 dessous ; sans les 15 de rembourrage herites (une ligne de trop) */
.gc-contenu .wp-block-column > :is(p:has(+ figure.tableau-comparatif), figure.tableau-comparatif) { width: calc(100% - 40px); } /* dans une colonne, qui porte deja les 15 de l'item */
.gc-contenu .tableau-comparatif table { width: 100%; margin-bottom: 20px; border-collapse: collapse; table-layout: fixed; border: 0; } /* les 20 de marge basse de .tc-table, dans le cadre */
.gc-contenu .tableau-comparatif :is(thead, tbody, tr) { border: 0; } /* le coeur de WordPress pose 3 px sous thead, partages en bordures fusionnees : +1,5 sur l'en-tete et la premiere ligne */
.gc-contenu .tableau-comparatif :is(th, td) { word-break: break-word; } /* ses cellules cassent les mots ; sans quoi la table de techniques fait 348 dans un cadre de 273 */
.gc-contenu .tableau-comparatif td { vertical-align: baseline; } /* le reglage par defaut, qu'elle garde : avec une premiere colonne a 16 px et les autres a 12, les lignes grandissent de 4 px (75,5 et 92,5, pas 71,5 et 88,5) */
.gc-contenu .tableau-comparatif thead tr { background: #3a3fd4; }
.gc-contenu .tableau-comparatif thead th { padding: 14px 16px; font-size: 14px; font-weight: 800; color: #fff; background: #3740b0; text-align: center; border: 0; } /* rgb(55, 64, 176) mesuré sur la source */
.gc-contenu .tableau-comparatif thead th:first-child { text-align: left; }
.gc-contenu .tableau-comparatif tbody tr { background: #fff; color: inherit; transition: background 0.15s; }
.gc-contenu .tableau-comparatif tbody tr:nth-child(even) { background: #f8f8fc; }
.gc-contenu .tableau-comparatif tbody td { padding: 14px 16px; font-size: 15px; color: #333; text-align: center; border: 0; border-bottom: 1px solid #ebebeb; }
.gc-contenu .tableau-comparatif tbody tr:last-child td { border-bottom: none; }
.gc-contenu .tableau-comparatif tbody td:first-child { text-align: left; color: #666; font-size: 16px; }
.tc-ok { color: #1a9e6e; font-weight: 700; }
/* Releve du 08/10/2026 sur recouvrement-amiable chez elle : la colonne recommandee (th et td
   .tc-amiable), le badge « Recommande » sous l'en-tete (bloc de 91 x 18 a 1440, 73 x 30 sur deux
   lignes a 375, 10 px puis 9, 600, 2/10 de rembourrage, rayon 20, 6 dessous, interlettre 0,5,
   blanc a 20 %), et la croix .tc-ko rgb(226, 75, 74). Notre contenu de cette page a perdu le badge
   et ces classes a la conversion (voir le compte rendu) : les regles attendent leur retour. */
.tc-ko { color: #e24b4a; font-weight: 700; }
.gc-contenu .tableau-comparatif tbody .tc-amiable { background: rgba(58, 63, 212, 0.06); }
.gc-contenu .tableau-comparatif thead th.tc-amiable { background: rgba(255, 255, 255, 0.12); }
.tc-badge { display: block; width: fit-content; margin: 0 auto 6px; padding: 2px 10px; border-radius: 20px; font-size: 10px; font-weight: 600; letter-spacing: 0.5px; color: #fff; background: rgba(255, 255, 255, 0.2); }
@media (max-width: 600px) {
	.gc-contenu .tableau-comparatif table { table-layout: auto; }
	.gc-contenu .tableau-comparatif thead th, .gc-contenu .tableau-comparatif tbody td { font-size: 12px; padding: 10px 8px; }
	.gc-contenu .tableau-comparatif tbody td:first-child { font-size: 16px; } /* sa premiere colonne garde 16 px au telephone (lignes de 75,5 et 92,5 sur facture-impayee, pas 72 et 89) */
	.tc-badge { font-size: 9px; }
}
/* La section du tableau de facture-impayee (10268), relevee en fenetre reelle a 375 et 1440 le
   08/10/2026. Chez elle : un conteneur rembourre de 30 sur les quatre cotes ; dedans un item de
   texte (15 de chaque cote, 30 en bas) ; dedans le bloc .tableau-comparatif, 960 au plus, centre,
   20 de marge haut et bas et 20 de rembourrage lateral ; dedans le titre (20 px, 800, capitales,
   interlettre de 1) a 20 de marge basse, puis le cadre du tableau (920 au plus, bordure de 1)
   dont la table garde 20 de marge basse. Le titre et le cadre font donc 275 a 375 (375 - 100)
   et 920 a 1440 ; entre 530 et 767, le conteneur plafonne a 500 : 470 - 70. Nous les avions a
   345 pleine largeur, le titre avec 15 de rembourrage (quatre lignes au lieu de trois), le
   cadre a 30 / 70 de marge et la section sans rembourrage (son style en ligne dit 0 : d'ou les
   !important). Le coeur de WordPress pose aussi 3 px de bordure sous thead, partages en bordures
   fusionnees : +1,5 sur l'en-tete et sur la premiere ligne. Ses cellules cassent les mots
   (word-break: break-word) -- sans quoi, a 375, la table fait 314 dans un cadre de 275 -- et sa
   premiere colonne garde 16 px au telephone (lignes de 75,5 et 92,5, pas 72 et 89).
   Apres : titre sur 3 lignes (81) a 375, en-tete de 54, colonnes 67 / 41 / 74 / 91 comme elle ;
   section 693 (693) a 375 et 487 (487) a 1440 attendus. */
.page-id-10268 .gc-contenu > .gc-section:has(> figure.tableau-comparatif) { padding-top: 50px !important; padding-bottom: 80px !important; }
.page-id-10268 .gc-contenu .gc-section > figure.tableau-comparatif { margin-top: 0; margin-bottom: 0; } /* ici les 20 + 30 sous le cadre sont dans les 80 de la section ; le reste des regles de 0.1.286 est devenu general en 0.1.287 (bloc des tableaux comparatifs, plus haut) */
/* La section du tableau de techniques-de-recouvrement (10076), relevee en fenetre reelle a 375 et
   1440 le 08/10/2026. Chez elle : un item de titre (h3, puis la legende « Ne vous limitez pas... »
   a 10 de marge haute, 30 de rembourrage bas), puis deux colonnes (40 / 20) ; dans la seconde,
   chaque paragraphe est un item de texte a part, 20 de marge + 30 de rembourrage = 50 entre eux.
   Nous : 30 sous le h3, 50 sous la legende, 20 entre les paragraphes de la colonne. A 1440 la
   colonne de texte (420) depasse celle du tableau (418) et fait la hauteur de la section.
   Apres : h3 -> legende 10, legende -> colonnes 30, colonnes 760 x 420 et 380 x 420 ; section
   602 (602) a 1440, 1246 (1246) a 375 avec les colonnes empilees 494 et 474. */
.page-id-10076 .gc-contenu > .gc-section:has(> .wp-block-columns .tableau-comparatif) > h3 { margin-bottom: 10px; }
.page-id-10076 .gc-contenu > .gc-section:has(> .wp-block-columns .tableau-comparatif) > h3 + p { margin-bottom: 30px; }
.page-id-10076 .gc-contenu > .gc-section:has(> .wp-block-columns .tableau-comparatif) > .wp-block-columns > .wp-block-column > p { margin-bottom: 50px; }
/* La derniere section a fond de lettre-de-mise-en-demeure (10304), relevee en fenetre reelle a
   375 et 1440 le 08/10/2026. Chez elle : un item de titre (h2, 30 dessous), puis un seul item de
   texte qui porte le paragraphe et le h3 (20 de marge entre eux, 20 sous le h3), puis l'item du
   bouton (10 de marge haute, fusionnee avec les 20 du h3). Nous : 50 sous le paragraphe (la
   regle du dernier paragraphe d'un bloc) et 30 sous le h3, soit +40 aux deux largeurs.
   Apres : h2 -> p 30, p -> h3 20, h3 -> bouton 20 ; section 369 (369) a 1440, 846,5 (846,5)
   a 375. */
.page-id-10304 .gc-section--bg-1826:has(.wp-block-buttons) .wp-block-column > p:has(+ h3) { margin-bottom: 20px; }
.page-id-10304 .gc-section--bg-1826:has(.wp-block-buttons) .wp-block-column > h3:has(+ .wp-block-buttons) { margin-bottom: 20px; }
/* L'appel a l'action bleu en colonnes des pages SEO 2026 (p.gc-cta-title + paragraphe + bouton,
   image a cote ; six pages), releve en fenetre reelle a 375 et 1440 le 08/10/2026 sur
   techniques-de-recouvrement et verifie sur taux-de-recouvrement, petites-creances, delai-paiement
   et creances-irrecouvrables. Chez elle : un item de titre (titre NewFarm 35 px / 44, puis la
   legende 15 px / 20 a 10 de marge haute, 30 de rembourrage bas), puis l'item du bouton (10 de
   marge haute, 20 de rembourrage bas). Nous : 20 px / 24 et 16 px / 22, 20 sous le titre, 50
   sous la legende, 30 sous le bouton. A 1440 la colonne de l'image (424) cache tout ; a 375 la
   colonne de texte faisait 361,5 au lieu de 429,5. Apres : titre 176 (4 lignes), legende 80,
   colonne 429,5 et section 741,5 sur techniques et taux, 737,5 sur delai, 697,5 sur creances,
   comme chez elle ; a 1440 titre 88 et legende 60, colonne 321,5 (321,5). Connecteurs porte le
   meme bloc sur trois colonnes, a mesurer a part. */
.gc-contenu .gc-section > .wp-block-columns > .wp-block-column > p.gc-cta-title { font-size: 35px; line-height: 44px; margin-bottom: 10px; }
.gc-contenu .gc-section > .wp-block-columns > .wp-block-column > p.gc-cta-title + p { font-size: 15px; line-height: 20px; margin-bottom: 40px; }
.gc-contenu .gc-section > .wp-block-columns > .wp-block-column > p.gc-cta-title ~ .wp-block-buttons { margin-bottom: 20px; }
/* techniques-de-recouvrement (10076), deux autres sections relevees le 08/10/2026 en fenetre reelle.
   La section a fond 7570 (h2 puis paragraphe) est un item de titre avec sa legende : 10 entre
   les deux, 30 dessous (nous 30 et 50) ; 542,5 (542,5) a 375, 260,5 (260,5) a 1440.
   Le h3 isole « La segmentation et le scoring » est chez elle un item de titre decale de 50 px
   vers le bas par position: relative (le flux n'en tient pas compte : 90 = 60 + 30 dans les deux
   cas) ; son texte est a 50 sous la section precedente, le notre y collait. */
.page-id-10076 .gc-section--bg-7570 > h2 { margin-bottom: 10px; }
.page-id-10076 .gc-section--bg-7570 > h2 + p { margin-bottom: 30px; }
.page-id-10076 .gc-contenu > h3 { position: relative; top: 50px; }
/* creances-irrecouvrables (10167), releve en fenetre reelle a 375 et 1440 le 08/10/2026. Deux
   items de titre avec legende, comme sur techniques : le h2 « Comptabilisation » isole dans le
   contenu, suivi de sa legende en 20 px (Open Sans, interligne normal : 54 sur deux lignes a
   375, 27 a 1440 ; nous 16 px, 44 et 22), 10 entre les deux, 30 dessous, l'item entier decale
   de 50 px par position: relative sans effet sur le flux (310 = 216 + 10 + 54 + 30) ; et le h2
   « La recuperation de la TVA » dans la premiere colonne de sa section, sa legende etant le
   paragraphe qui ferme la colonne : 10 et 30 (nous 30 et 50). Apres : flux de 310 (310) et
   153,5 (153,5) pour le premier, section 396 (396) a 1440 pour le second, 1003 a 375 contre
   960 -- il reste la ligne de plus du h2 que la source laisse deborder de sa colonne (336 dans
   315), comme pour le h1 du bandeau (+42), le h2 du certificat (+43,5) et le h3 de la FAQ (+86,5),
   tous en attente de la decision sur les titres rognes. */
.page-id-10167 .gc-contenu > h2 { margin-bottom: 10px; position: relative; top: 50px; }
.page-id-10167 .gc-contenu > h2 + p { font-size: 20px; margin-bottom: 30px; position: relative; top: 50px; }
.page-id-10167 .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column > h2:has(+ p:last-child) { margin-bottom: 10px; }
.page-id-10167 .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column > h2 + p:last-child { margin-bottom: 30px; }
/* taux-de-recouvrement (10218), releve en fenetre reelle a 375 et 1440 le 08/10/2026 : les memes
   trois motifs. Deux sections a deux colonnes dont la premiere est un item de titre (h2 puis sa
   legende, le paragraphe qui ferme la colonne) : 10 et 30 au lieu de 30 et 50, soit +40 chacune
   a 375 (1056 et 952 contre 1016 et 912 ; a 1440 la seconde colonne fait la hauteur, 423 et 416
   des deux cotes). Et le h2 isole « Comment ameliorer son taux » decale de 50 px sans effet sur
   le flux (246 = 216 + 30 des deux cotes). */
.page-id-10218 .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column > h2:has(+ p:last-child) { margin-bottom: 10px; }
.page-id-10218 .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column > h2 + p:last-child { margin-bottom: 30px; }
.page-id-10218 .gc-contenu > h2 { position: relative; top: 50px; }
/* Le titre d'un tableau comparatif pose a nu dans le contenu (creances-irrecouvrables, taux-de-
   recouvrement) : chez elle il est dans la boite, qui a 20 de marge haute ; notre paragraphe
   collait a la section precedente (0 contre 20 releves le 08/10/2026 a 375 sur les deux pages).
   La figure seule (delai-paiement) porte deja ses 20. Dans une section ou une colonne, le 20 est
   deja dans le rembourrage mesure (facture-impayee, lettre, petites-creances) : enfant direct
   du contenu seulement. */
.gc-contenu > p:has(+ figure.tableau-comparatif) { margin-top: 20px; }
.gc-contenu .wp-block-column > p:has(+ figure.tableau-comparatif) { margin-top: 20px; } /* meme chose en tete de colonne (petites-creances : la colonne du tableau fait 577 = 20 + 557 chez elle, 557 chez nous) */
/* recouvrement-petites-creances (10237), releve en fenetre reelle a 375 et 1440 le 08/10/2026.
   Le bandeau : item de titre h1 + legende sans bouton, 30 de rembourrage sous la legende que
   notre dernier paragraphe n'avait plus (colonne 624 contre 654 a 375 ; a 1440 l'image fait la
   hauteur, 472 des deux cotes). La section « L'automatisation » : item de titre h2 + legende,
   10 et 30 (nous 30 et 50). L'appel a l'action : la conversion a pose gc-pleine-hauteur sur la
   section, mais chez elle c'est la colonne de l'image qui est « pleine hauteur »
   (gdlr-core-column-full-height), pas le conteneur : la section fait la hauteur de ses colonnes
   (613,5 a 1440), pas 630. Apres : bandeau 953 (953), colonnes du tableau 577 / 545 et section
   1212 (1212) a 375 ; a 1440 l'automatisation 303,5 (303,5), le tableau 555 (555), l'appel a
   l'action 613,5 (613,5). Restent a 375 : le h2 de l'automatisation que la source laisse deborder
   (356 dans 315, une ligne de moins : 802 contre 759), et la colonne de l'image de l'appel a
   l'action, que son script etire a 412 au lieu de 370,5 -- une hauteur prise au chargement,
   avant les polices, que rien ne permet de reproduire (voir l'iframe d'estimation). */
.page-id-10237 .gc-contenu > .gc-section:first-child .wp-block-column > h1 + p:last-child { margin-bottom: 30px; }
.page-id-10237 .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column > h2:has(+ p:last-child) { margin-bottom: 10px; }
.page-id-10237 .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column > h2 + p:last-child { margin-bottom: 30px; }
.page-id-10237 .gc-section.gc-pleine-hauteur { min-height: 0; }
/* qui-sommes-nous (984), releve en fenetre reelle a 375, 900 et 1440 le 08/10/2026. Cinq causes.
   1. « Gcollect integre le groupe Kreancia » : le h2 et ses paragraphes sont un seul item de texte,
      20 sous le h2 (nous 30) ; et la colonne de la video porte gdlr-core-hide-in-tablet-mobile :
      masquee jusqu'a 1023 (bascule 1023 / 1024 relevee au banc), la colonne de texte gardant sa
      moitie (443 a 900 des deux cotes). Section 1299,5 (1299,5) a 375, 1168,5 (1168,5) a 900.
   2. Les deux h2 isoles (« Imagine, Developpe, Recouvre », « Membre fondateur ») sont des items
      de titre : 10 dessous (nous 30), 15 de rembourrage lateral.
   3. Le coeur dans le premier : image de 50 alignee au milieu de la ligne (vertical-align:
      middle), qui fait 93 d'une ligne et 223 sur cinq a 375 (nous 61 et 234 sur la ligne de base).
   4. Cette section a un conteneur a 30 de rembourrage lateral a partir de 768 (15 en dessous) :
      titre a 1050 et colonnes de 540 a 1440 (nous 1110 et 570 : le titre tenait sur une ligne au
      lieu de deux), 795 et 412,5 a 900. Section 440 (440) a 1440 et 900, 777 (777) a 375 --
      chez elle, 450 et 787 tant que l'espace reserve du coeur (60) n'est pas remplace par l'image.
   5. L'image du collectif dans la derniere section est remontee de 40 (margin-top: -40px sur
      son enveloppe chez elle) : colonne 212,5 (212,5) a 375, 371,5 a 1440, section 552 (552).
   Reste a 375 le h2 « Membre fondateur », que la source laisse deborder (343 dans 315), une
   ligne de moins que nous : 1069 contre 1026, decision sur les titres rognes. */
.page-id-984 .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column > h2:has(+ p) { margin-bottom: 20px; }
.page-id-984 .gc-contenu > .gc-section > h2 { margin-bottom: 10px; padding-inline: 15px; }
.page-id-984 .gc-contenu > .gc-section > h2 img { vertical-align: middle; }
.page-id-984 .gc-contenu > .gc-section:last-child > .wp-block-columns > .wp-block-column > figure.wp-block-image { margin-top: -40px; }
@media (max-width: 1023px) {
	.page-id-984 .gc-section > .wp-block-columns > .wp-block-column:has(> figure.gc-video) { display: none; }
}
@media (min-width: 768px) {
	.page-id-984 .gc-contenu > .gc-section:has(> h2 + .wp-block-columns > .wp-block-column > .gc-card) > h2 { padding-inline: 45px; }
	.page-id-984 .gc-contenu > .gc-section:has(> h2 + .wp-block-columns > .wp-block-column > .gc-card) > .wp-block-columns { padding-inline: 30px; }
}
/* Enfants de la page FAQ (2749) — CSS additionnelle de la source (.parent-pageid-2749) : question en Open Sans 700,
   50 px au-dessus, paragraphes et puces à 1,2 em avec 20 px dessous. */
:is(.parent-pageid-2749, .page-id-2749) .gc-contenu h3 { font-family: var(--gc-corps); font-weight: 700; padding-top: 50px; }
.parent-pageid-2749 .gc-contenu :is(p, li) { font-size: 1.2em; margin-bottom: 20px; }

/* Pages FAQ, rythme vertical du gabarit de la source (mesure du 06/10/2026 sur
   securite-des-donnees, identique a 375 et a 1440 : aucune de ces valeurs n'est responsive).
   Le bandeau fait 172 : 70 px au-dessus du titre, 30 px dessous dans l'enveloppe
   plus les 30 px de padding-bottom du titre-item, et 30 px de marge basse.
   Le fil d'Ariane etait un ajout assume de notre cote (la source n'en a pas sur la FAQ) ;
   il est masque depuis 0.1.340 a la demande de Nante (regles plus bas), et tout concorde au pixel. */
.parent-pageid-2749 .gc-contenu > .gc-hero { padding-block: 70px 60px; margin-bottom: 30px; }
.parent-pageid-2749 .gc-contenu > h3:first-of-type { padding-bottom: 70px; margin-bottom: 0; } /* title-item de la question : 50 / 70, sans marge */
.parent-pageid-2749 .gc-contenu > :last-child { margin-bottom: 20px; } /* la source ne laisse que les 20 px du dernier paragraphe */
/* Mentions légales (731) et Politique de confidentialité (4835), relevé du 12/10/2026 à 1440 : le dernier paragraphe est à 20
   du pied (page-builder-body à 20, pas de padding d'item) ; sur 731 le bloc de texte avant « Litiges » porte 60 de
   padding-bottom chez elle (40 de plus que partout ailleurs : 110 entre le paragraphe et le titre au lieu de 70), rendu en
   padding-top sur le titre car une marge se fondrait dans les 70 du paragraphe ; sur 4835 la liste a 16 dessous (son ul :
   margin 0 0 16px 35px) et le tableau 80 (20 du tableau + 10 de l'item + 50 du titre suivant). Le titre bleu « Apprenez
   plus… » tenait sur deux lignes à cause d'un espace insécable final (contenu, legales-731-4835.sh). 0.1.345 */
:is(.page-id-731, .page-id-4835) .gc-contenu > p:last-child { margin-bottom: 20px; }
.page-id-731 .gc-contenu > h2:last-of-type { padding-top: 40px; }
.page-id-4835 .gc-contenu > ul { margin-bottom: 16px; }
.page-id-4835 .gc-contenu > figure.wp-block-table { margin-bottom: 80px; }
/* Relance commerciale (10392), relevé du 12/10/2026 à 1440 × 900 sur gcollect.fr : l'enveloppe « Vos relances
   internes » est un gdlr-core-wrapper-full-height avec data-decrease-height=450px, soit la hauteur de la fenêtre
   moins 450 (450 à 900 de haut, contenu centré : 93 / 264 / 93), et non les 630 génériques ; les trois cartes des
   « 3 règles d'or » sont des title-items à légende (10 sous le titre, 30 sous le texte : 152 par colonne, pas 192) ;
   la colonne « Vos relances commerciales » met 20 entre titre, texte et bouton (232 de haut, pas 282). Les enfants
   de .gc-contenu sont comptés : bandeau, fil d'Ariane, « Pourquoi structurer », pleine hauteur, « 3 règles »,
   colonnes finales. 0.1.346 */
.page-id-10392 .gc-section.gc-pleine-hauteur { min-height: calc(100vh - 450px); }
.page-id-10392 .gc-contenu > :nth-child(5) .wp-block-column > :is(h2, h4) { margin-bottom: 10px; }
.page-id-10392 .gc-contenu > :nth-child(5) .wp-block-column > p { margin-bottom: 30px; }
.page-id-10392 .gc-contenu > :nth-child(6) .wp-block-column > :is(h2, p, .wp-block-buttons) { margin-bottom: 20px; }
/* Anytime (2007), relevé du 12/10/2026 à 1440 × 900 : pas de fil d'Ariane chez la source ; son bandeau est l'un
   des rares à garder 60 / 30 sur l'enveloppe (la règle « 29 bandeaux à 0 » est plus spécifique, d'où
   .has-background répété) ; le logo Anytime est servi à 300 × 97 (image 1000 × 324, attribut width 300) quand
   notre SVG fait 300 × 86 à son propre rapport ; la légende du titre est en Open Sans 18 px graisse 1000, cinq
   lignes de 120 (notre paragraphe en 15 px tenait sur 96) ; 30 sous le titre de la section des étapes
   (title-item) ; cartes de témoignages : 5 entre nom et métier, 15 avant la citation, pas de lien « En savoir
   plus » (301 par colonne, pas 334) ; rangée des logos de presse : vignettes de 96 de large à 5 du haut, sans
   carte ni lien (rangée de 43, pas 184). 0.1.346 */
.page-id-2007 .gc-fil { display: none; }
.page-id-2007 .gc-contenu > .gc-section.gc-hero.has-background { padding-block: 60px 30px; } /* .gc-section en plus : à égalité (0,4,0) la règle « 29 bandeaux à 0 », plus bas dans la feuille, gagnait */
.page-id-2007 .gc-section.gc-hero.has-background > .wp-block-columns > .wp-block-column.has-background:not(:has(.wp-block-image)) { padding-top: 0; }
.page-id-2007 .gc-hero .wp-block-column:first-child > figure:first-child { width: 300px; }
.page-id-2007 .gc-hero .wp-block-column:first-child > figure:first-child img { width: 300px; height: 97px; }
.page-id-2007 .gc-hero .wp-block-column:first-child > p { font-size: 18px; font-weight: 1000; margin-bottom: 30px; }
.page-id-2007 .gc-contenu > :nth-child(3) > h1 { margin-bottom: 30px; }
.page-id-2007 .gc-contenu > :nth-child(4) .gc-card__titre { margin-bottom: 5px; }
.page-id-2007 .gc-contenu > :nth-child(4) .gc-card__sous-titre { margin-bottom: 15px; }
.page-id-2007 .gc-contenu > :nth-child(4) .gc-card__lien { display: none; }
.page-id-2007 .gc-contenu > :nth-child(5) .wp-block-columns:last-child .gc-card { padding: 0; }
.page-id-2007 .gc-contenu > :nth-child(5) .wp-block-columns:last-child .gc-card__visuel { margin: 5px 0 0; width: 96px; }
.page-id-2007 .gc-contenu > :nth-child(5) .wp-block-columns:last-child .gc-card__visuel img { max-height: none; }
.page-id-2007 .gc-contenu > :nth-child(5) .wp-block-columns:last-child .gc-card__lien { display: none; }
/* Contact (9916), relevé du 12/10/2026 à 1440 × 900 : pas de fil d'Ariane chez la source ; enveloppe sans
   rembourrage (968 de haut), 60 en haut de la colonne du titre seulement (h1 à 145, bouton à 339) ; la colonne
   du cadre est une colonne pleine hauteur gris clair #f2f6fa (notre contenu la peint en blanc en ligne, d'où le
   !important), sans arrondi, de 540 dans ses 570 (15 de chaque côté : bordures transparentes, fond limité au
   padding), espace de 30 puis cadre de 51 em (816) à 15 des bords, légende grise 16 px 50 plus bas, 20 dessous,
   30 de marge sous la colonne ; pas d'espaceur de 40 en fin de bandeau. Le cadre garde ses 51 em quoi
   qu'annonce le widget (la source ne l'écoute pas ; app.js le suit encore ailleurs). 0.1.346 */
.page-id-9916 .gc-fil { display: none; }
.page-id-9916 .gc-contenu > .gc-hero { padding-block: 0; }
.page-id-9916 .gc-hero > .wp-block-spacer { display: none; }
.page-id-9916 .gc-hero .wp-block-column:first-child { padding-top: 60px; }
.page-id-9916 .gc-hero .wp-block-column.has-background { padding: 0 15px 20px; border: 0 solid transparent; border-width: 0 15px; background-color: #f2f6fa !important; background-clip: padding-box; border-radius: 0; margin-bottom: 30px; }
.page-id-9916 .gc-hero .wp-block-column.has-background > .wp-block-spacer { height: 30px !important; }
.page-id-9916 .gc-hero .wp-block-column.has-background > iframe { height: 51em !important; }
.page-id-9916 .gc-hero .wp-block-column.has-background > p { margin-top: 50px; margin-bottom: 0; color: #747474; }
/* Formules des tarifs (Tarifs 4267 et Recouvrement judiciaire 9027), relevé du 12/10/2026 à 1440 : le feature-box de
   la source met son icône à 35 du haut de la carte (30 + 5) et le nom 30 sous l'icône, 10 avant le prix ; notre nom
   était 20 trop haut (icône à 30 puis 15, nom puis 30 : le prix tombait juste, pas le nom). Le bloc « Contactez
   l'équipe » de Tarifs est un title-item décalé de 50 vers le bas sans effet sur le flux (position relative) : la
   section mesure 762 (43 + 10 + 709) et le pied vient 20 après, le bouton touchant le pied ; nous avions 50 de
   rembourrage en plus (812). 0.1.347 */
/* le ::before des formules est réglé dans sa règle d'origine (icône à 5 / 30), plus bas : à égalité de spécificité la règle la plus basse gagne, une surcharge ici restait sans effet (constaté en production, 0.1.347) */
.gc-formule .gc-formule__nom { margin-block: 0 10px; }
.page-id-4267 .gc-contenu > .gc-section:last-child { padding-block: 0 20px; }
.page-id-4267 .gc-contenu > .gc-section:last-child > * { position: relative; top: 50px; }
/* Figures en enfant direct du contenu (pages FAQ 7 et 12, image sous la réponse), relevé du 12/10/2026 : la marge
   auto de .gc-contenu > * était reprise à 0 par .wp-block-image, l'image collait au bord gauche ; chez la source
   l'image-item est centré dans les 1140 (1110 à 158). Paragraphe avant l'image à 20 (pas les 50 d'un dernier
   paragraphe), 30 sous l'image (padding de l'item) avant le pied, et non 20. 0.1.347 */
.gc-contenu > figure.wp-block-image { margin-inline: auto; }
.parent-pageid-2749 .gc-contenu > p:has(+ figure) { margin-bottom: 20px; }
.parent-pageid-2749 .gc-contenu > figure.wp-block-image:last-child { margin-bottom: 30px; }
/* Pages FAQ réécrites chez la source le 12/10/2026 (FAQ 4 abonnement 8645, FAQ 6 création de compte 8650, FAQ 7 dépôt 8652,
   FAQ 10 statistiques 9797), relevé du 13/10/2026 à 1440. Tableau de la boîte de texte Goodlayers : 1110 de large, sans bordure,
   en-tête #3740b0 en blanc à 400 et 13 px haut/bas (ligne de 48), cellules à 15 px haut/bas (52, deux lignes 74) en #949494,
   centrées, alignées sur la ligne de base, word-break: break-word (sinon les colonnes se répartissent autrement : 153,5 / 702,2
   au lieu de 138,1 / 716,8 sur 9797), lignes du corps alternées #f9f9f9 / #f3f3f3, 20 dessous (le bloc tableau de WordPress
   pose une bordure de 3 sous thead, qui ajoutait 1,5 à l'en-tête et à la première ligne). Listes numérotées : items à 16 px
   (22 par ligne) sans marge, 16 sous la liste ; les listes à puces restent à 19,2 et 20. FAQ 4 : sa boîte de texte porte 80 de
   rembourrage bas chez la source (pied à 1256), d'où 100 sous le dernier paragraphe. */
.parent-pageid-2749 .gc-contenu > figure.wp-block-table { margin-bottom: 20px; }
.parent-pageid-2749 .gc-contenu figure.wp-block-table table { width: 100%; border-collapse: collapse; }
.parent-pageid-2749 .gc-contenu figure.wp-block-table thead { border-bottom: 0; }
.parent-pageid-2749 .gc-contenu figure.wp-block-table :is(th, td) { border: 0; text-align: center; vertical-align: baseline; font-size: 16px; line-height: normal; word-break: break-word; }
.parent-pageid-2749 .gc-contenu figure.wp-block-table th { background: #3740b0; color: var(--gc-blanc); font-weight: 400; padding: 13px 0; }
.parent-pageid-2749 .gc-contenu figure.wp-block-table td { padding: 15px 0; color: #949494; }
.parent-pageid-2749 .gc-contenu figure.wp-block-table tbody tr:nth-child(odd) { background: #f9f9f9; }
.parent-pageid-2749 .gc-contenu figure.wp-block-table tbody tr:nth-child(even) { background: #f3f3f3; }
.parent-pageid-2749 .gc-contenu > ol { margin-bottom: 16px; }
.parent-pageid-2749 .gc-contenu ol > li { font-size: 16px; margin-bottom: 0; }
.page-id-8645 .gc-contenu > :last-child { margin-bottom: 100px; }
/* Corps des articles, relevé du 13/10/2026 à 1440 sur 1669 (36 blocs, colonne de 730) : chez la source le texte occupe les 730
   (nos 15 px de rembourrage latéral des pages faisaient passer « La transformation digitale… » à 4 lignes au lieu de 3,
   glyphes identiques : 2 087,3 px de texte à plat des deux côtés). Citation (.wp-block-quote, 29 articles en comptent) : fond
   bleu à 10 %, sans filet, 30 / 30 / 15 de rembourrage, 30 dessous, 17 px, paragraphes à 30 de retrait et 16 dessous (369, 238,
   130, 199, 84 de haut comme chez elle). Bouton de bloc des articles (45 articles) : le style WordPress d'origine, 12 px gras
   sans capitales, 10 / 30, pilule (118,9 × 37), enveloppe en ligne à 5 au-dessus et 20 dessous ; le bouton des pages (gc-btn,
   13 px capitales, 12 / 29) reste aux pages. Après : les 36 blocs de 1669 à 1 px de la source (724 contre 725 en haut d'article). */
.gc-article .gc-contenu > :where(p, h1, h2, h3, h4, ul, ol, figure, blockquote, table, .wp-block-buttons, .wp-block-details, .wp-block-embed) { padding-inline: 0; }
.gc-article .gc-contenu .wp-block-quote { background: rgba(60, 75, 255, .1); border: 0; padding: 30px 30px 15px; margin: 0 0 30px; font-size: 17px; }
.gc-article .gc-contenu .wp-block-quote p { margin: 0 0 16px 30px; font-size: 17px; }
.gc-article .gc-contenu .wp-block-buttons { display: inline-block; margin: 5px 0 20px; }
.gc-article .gc-contenu .wp-block-button__link { font-size: 12px; font-weight: 700; text-transform: none; letter-spacing: normal; line-height: normal; padding: 10px 30px; border-radius: 9999px; }
/* Suite du relevé des articles (5163, 50 blocs, 13/10/2026) : image de bloc à 16 dessous chez la source (30 chez nous, règle des
   pages) ; titres h3 et h4 des articles en Open Sans 700 noir comme ses h2 (chez nous NewFarm 800, le h4 bleu à 18 px), le h4
   à 28 px / 1,2 et 20 dessous (un h4 dans une puce : 34 de haut, 67 sur deux lignes). Après : les 50 blocs à 1 ou 2 px de la
   source, le reste venant de nos images regénérées (318 de haut au lieu de 319 pour 1024 de large : 1 px par image). */
.gc-article .gc-contenu > figure.wp-block-image { margin-bottom: 16px; }
.gc-article .gc-contenu :is(h3, h4) { font-family: var(--gc-corps); font-weight: 700; color: #000; }
.gc-article .gc-contenu h4 { font-size: 28px; line-height: 1.2; margin: 0 0 20px; }
/* Demande de grille d'honoraires (9155), relevé du 12/10/2026 à 1440 une fois le formulaire à six champs en place :
   espace de 32 (pas 40) dans la section vide du haut (122) ; la section du formulaire porte 10 de marge haut et bas
   chez elle (217 à 1153) ; bloc Contact : 20 sous le titre (pas 30) et paragraphes de 24 (interligne), 50 sous
   le dernier, 32 de rembourrage : 319 de haut, pied à 1472. 0.1.349 */
.page-id-9155 .gc-contenu > .gc-section:first-child .wp-block-spacer { height: 32px !important; }
.page-id-9155 .gc-contenu > .gc-section:nth-child(2) { margin-block: 10px; }
.page-id-9155 .gc-contenu > :last-child h3 { margin-bottom: 20px; }
.page-id-9155 .gc-contenu > :last-child p { line-height: 24px; }
/* Modèles d'e-mails (10288), Procédures (10386), Délai de paiement (10389), relevé du 12/10/2026 à 1440 : dans les
   encadrés d'e-mails le dernier paragraphe garde ses 20 (colonne 294 et 272, pas 324 et 302) ; l'icône du Modèle 2 est
   une image paresseuse sans dimensions, sa boîte faisait 0 × 0 et le navigateur ne la chargeait jamais (255 × 255
   chez elle, comme l'icône du Modèle 1) ; sections « Quand vos relances » et « 3. L'exécution forcée » : title-item
   à 10, paragraphes à 20, 20 sous le h3 avant le bouton (370 et 391, pas 430 et 451). Délai : la liste porte 16 (pas
   20) et le tableau 20 + 30 de text-box sous ses 288, soit 28 sous notre figure qui compte 1 px de filet en haut et
   en bas (section de 338, suivante à 1441). 0.1.350 */
.page-id-10288 .gc-contenu > :is(:nth-child(3), :nth-child(4)) .wp-block-column.has-background > p:last-child { margin-bottom: 20px; }
.page-id-10288 .gc-contenu > :nth-child(4) .wp-block-column > figure.wp-block-image > img { width: 255px; height: 255px; }
:is(.page-id-10288 .gc-contenu > :nth-child(5), .page-id-10386 .gc-contenu > :nth-child(5)) .wp-block-column > h2 { margin-bottom: 10px; }
:is(.page-id-10288 .gc-contenu > :nth-child(5), .page-id-10386 .gc-contenu > :nth-child(5)) .wp-block-column > :is(p, h3) { margin-bottom: 20px; }
.page-id-10389 .gc-contenu > :nth-child(3) .wp-block-column > ul { margin-bottom: 16px; }
.page-id-10389 .gc-contenu > figure.wp-block-table { margin-bottom: 28px; }
/* Pages connecteurs (Karmen 9632, TeamLeader 9531, Kwote 8778, Qonto 8364, MyUnisoft 8093, Sellsy 7971, Evoliz 7911,
   Pennylane 7581), relevé du 12/10/2026 à 1440 : le titre « BESOIN D'AIDE ? » (« EN SAVOIR PLUS… » sur Karmen) est
   un title-item en position relative à top: 50px (Qonto : section de 73 à 1991, titre à 2041) ; il descend de 50
   sans rien pousser, sur le rembourrage de la section suivante. Kwote : les deux lignes sous le titre sont des div
   sans marge chez elle (22 + 44 puis 91 de text-box ; notre premier paragraphe en ajoutait 20). MyUnisoft : la
   rangée de texte sous le titre a 20 de rembourrage en haut de colonne et 20 + 50 sous le paragraphe (134, pas 94).
   0.1.351 */
:is(.page-id-9632, .page-id-9531, .page-id-8778, .page-id-8364, .page-id-8093, .page-id-7971, .page-id-7911, .page-id-7581) .gc-contenu > h2 { position: relative; top: 50px; }
.page-id-8778 .gc-contenu > .gc-section:last-child .wp-block-column > p:first-child { margin-bottom: 0; }
.page-id-8093 .gc-contenu > h2 + .wp-block-columns > .wp-block-column { padding-top: 20px; }
.page-id-8093 .gc-contenu > h2 + .wp-block-columns > .wp-block-column > p:last-child { margin-bottom: 70px; }
/* Le Live (4485) : pas de fil d'Ariane chez la source (le cadre vient 44 sous le bandeau, pied à 1604). FAQ (2749) :
   chez elle une ligne de contenu classique « Les questions les plus fréquentes pour le recouvrement de factures
   impayées » précède le bandeau bleu : Open Sans 16 px noir à gauche dans les 1110, 60 au-dessus (zone de contenu),
   16 de marge et 40 dessous, bandeau à 223 ; la ligne passe par le contenu (ligne-faq-2749.sh). Relevé du
   12/10/2026 à 1440. 0.1.352 */
.page-id-4485 .gc-fil { display: none; }
.page-id-2749 .gc-contenu > p:first-child { margin: 60px auto 56px; font-size: 16px; line-height: normal; color: #000; text-align: left; }
.parent-pageid-2749 .gc-pied { margin-top: 0; }
/* Pages FAQ (2749 et ses 18 filles), releve du 12/10/2026 a 1440 sur gcollect.fr/faq/ et une question : AUCUN fil
   d'Ariane chez elle ; bandeau de l'index a 70 / 30 + 30 de l'item du titre (214 pour un titre de deux lignes) suivi de
   30 de marge ; questions de l'index = title-items a 0 / 70 de rembourrage dans une section sans rembourrage, soit
   le premier titre a 80 sous le bandeau (30 + 50), un pas de 106 (36 de titre + 70), 100 entre le dernier titre et la
   lettre d'information (70 + 30) ; liens des questions de la couleur du titre, rgb(56, 56, 56), 700 30/36 Open Sans,
   interlettrage 1. Sur les questions, le bandeau porte « FAQ » en lien vers /faq/ (contenu, script bandeau-faq-18.sh).
   Avant 0.1.340 : fil d'Ariane sur les deux, bandeau de l'index a 72 / 72, liens bleus a un pas de 116. */
:is(.page-id-2749, .parent-pageid-2749) .gc-contenu > .gc-fil { display: none; }
.page-id-2749 .gc-contenu > .gc-hero { padding-block: 70px 60px; margin-bottom: 0; }
.page-id-2749 .gc-contenu > h3 { padding: 0 15px; margin-top: 70px; margin-bottom: 0; }
.page-id-2749 .gc-contenu > .gc-fil + h3, .page-id-2749 .gc-contenu > .gc-hero + h3 { margin-top: 80px; }
.page-id-2749 .gc-contenu > h3:last-of-type { margin-bottom: 100px; }
.page-id-2749 .gc-contenu > h3 a { color: inherit; text-decoration: none; }

/* Pages legales : leurs titres portent font-size:41px en style EN LIGNE, pose par le
   contenu. La source les rend bien a 41 au-dessus de 767, mais a 40 en dessous — elle
   EST responsive sur ce point, contrairement a ses h1 et h2 generaux. Bascule relevee
   le 07/10/2026 : 768 rend 41, 735 rend 40. Cinq pages, 53 titres.
   Le selecteur vise le style en ligne lui-meme : il ne peut toucher que ces titres-la. */
@media (max-width: 767px) {
	.gc-contenu h2[style*="41px"] { font-size: 40px !important; }
}

/* Qui sommes-nous (984), section « Imagine, Developpe, Recouvre ». La source la traite
   en full-left : 40/30 sur l'enveloppe PLUS 30/30 sur son conteneur, soit 70/60, et
   30/30 sur la marge de chaque colonne, conserves au telephone. Notre contenu ne porte
   que le 40/30 de l'enveloppe, en style EN LIGNE — d'ou le !important — et nos colonnes
   n'ont rien. La section rendait 308 pour 440 a 1440, et 648 pour 787 a 375.
   Mesure du 07/10/2026. Apres : 428 et 828. */
.page-id-984 .gc-contenu > .gc-section.has-background:not(.gc-hero) { padding-block: 70px 60px !important; }
.page-id-984 .gc-contenu > .gc-section.has-background:not(.gc-hero) .wp-block-column { padding-block: 30px !important; }

/* Smart Recouvrement (3472), releve en fenetre reelle a 375 et 1440 le 08/10/2026 (0.1.297, qui
   reprend le bloc du 07/10). Fil d'Ariane : son item porte 19 en haut et 2 en bas sur cette page
   (43 a 1440, 65 a 375 sur deux lignes), pas 19 / 19. Bandeau : la legende du titre est suivie
   d'un item de bouton a 10 de marge haute, 40 entre les deux (30 de l'item de titre + 10) ; colonne
   de 429,5 a 1440 et 553,5 a 375, pas 419,5 et 543,5. Bloc « Ethique & transparence » : les deux
   paragraphes devant le depliant forment un item de texte a 16 px (lignes de 22), noir, 20 entre
   eux et 20 + 30 dessous ; notre regle a 15 px du 07/10 les touchait aussi, et le #747474 de la
   legende-devant-depliant n'est pas sa couleur ici (rgb(0, 0, 0) releve). Derniere section : le h2
   isole est un item de titre sans rembourrage bas (colonne de 129,5 a 375, pas 159,5) ; le h3 d'une
   ligne occupe 22,5 dans son enveloppe (la ligne de 15 px x 1,5 de l'enveloppe depasse ses 21,6 ;
   celui de deux lignes reste a 43) ; et l'espaceur de la troisieme colonne est son bloc
   d'espacement de 200 (padding-top 200, classes d-none d-sm-block : rien a 575, 200 a 576), que la
   conversion a rendu a 40 et que le rembourrage de 200 du 07/10 doublait (colonne de 443 au lieu de
   403 a 1440, 263 au lieu de 223 a 375).
   Apres : 375 = 865,5 / 65 / 1501,5 / 1726,5 / 635,5 et 1440 = 429,5 / 43 / 865,5 / 796,5 / 463,
   contre 865,5 / 65 / 1523,5 / 1683,5 / 635,5 et 429,5 / 43 / 909,5 / 796,5 / 463 chez elle. Les
   22 et 44 du troisieme bloc sont de contenu : les paragraphes de ses deux depliants ont 3 et 5 <br>
   que les notres n'ont plus (17 lignes contre 16 a 375, 10 contre 8 a 1440). Les 43 du quatrieme a
   375 sont son h2 de 321 px rogne dans la colonne de 315 (titres rognes, decision en attente). */
.page-id-3472 .gc-fil { padding-bottom: 2px; }
/* Bandeau de Smart Recouvrement : « Pas de carte de credit demandee a l'inscription. » est chez elle un column-service-item
   sans legende, transparent, texte blanc (span en ligne), 70 de haut (20 de texte + 20 de marge + 30 de rembourrage).
   La conversion en a fait un groupe gc-card : la regle des cartes sur fond bleu (.gc-section.has-background[style*=#3c4bff]
   .gc-card) le rendait blanc, texte noir, et height: 100 % l'etirait sur 369,5 : il sortait du bandeau et couvrait le fil
   d'Ariane (releve du 12/10/2026 a 1440). Cinq classes pour passer devant la regle des cartes (quatre). 0.1.341 */
.page-id-3472 .gc-contenu > .gc-hero.has-background .gc-card { background: transparent; color: var(--gc-blanc); height: auto; padding: 0 0 30px; text-align: left; }
.page-id-3472 .gc-contenu > .gc-hero.has-background .gc-card p { color: var(--gc-blanc); } /* la regle des cartes sur fond bleu noircit aussi leurs paragraphes (.gc-card :is(h3, h4, p)) */
.page-id-3472 .gc-contenu > .gc-section:first-child .wp-block-column > h1 + p:has(+ .wp-block-buttons) { margin-bottom: 40px; } /* 30 de l'item de titre + 10 de marge du bouton */
.page-id-3472 .gc-contenu .gc-section .wp-block-column > p:has(+ p + details.gc-teaser) { font-size: 16px; margin-bottom: 20px; } /* item de texte : 20 entre ses paragraphes */
.page-id-3472 .gc-contenu .gc-section .wp-block-column > p:has(+ details.gc-teaser) { font-size: 16px; margin-bottom: 50px; color: inherit; } /* 20 du paragraphe + 30 de l'item ; au-dessus de la regle generale de la legende-devant-depliant (.gc-section en plus pour la specificite) */
.page-id-3472 .gc-contenu > .gc-section:last-child .wp-block-column > h2 { margin-bottom: 0; } /* item de titre sans rembourrage bas */
.page-id-3472 .gc-contenu > .gc-section:last-child .wp-block-column > h3 { margin-bottom: 10px; min-height: 22.5px; } /* legende a 10 ; 22,5 pour le titre d'une ligne (l'enveloppe), 43 pour celui de deux */
.page-id-3472 .gc-contenu > .gc-section:last-child .wp-block-column > p { font-size: 15px; margin-bottom: 30px; } /* la legende (15 px) et les 30 de l'item */
.page-id-3472 .gc-contenu > .gc-section:last-child .wp-block-spacer { display: none; } /* son bloc d'espacement : rien sous 576 */
@media (min-width: 576px) {
	.page-id-3472 .gc-contenu > .gc-section:last-child .wp-block-spacer { display: block; height: 200px !important; } /* 200 a partir de 576 (d-sm-block) ; !important contre le height:40px en ligne de la conversion */
}

/* Encart « RECEVEZ NOS HONORAIRES » des deux pages FAQ d'honoraires.
   Rangee Bootstrap de la source, relevee le 06/10/2026 aux deux largeurs.
   A 1440 : rangee de 1140 en flex centre verticalement, colonne gauche 380 et
   droite 760, 15 px de rembourrage interieur de chaque cote ; la boite du
   formulaire ajoute 30 px lateraux et 50 px dessous, l'iframe HubSpot rend
   alors 668 de large pour 503 de haut, et la rangee entiere fait 577.
   A 375 : les deux colonnes passent en pleine largeur (bascule md de Bootstrap,
   768), les rembourrages ne changent pas. */
.gc-contenu > .gc-encart-hono { display: flex; flex-wrap: wrap; align-items: center; max-width: var(--gc-conteneur); width: calc(100% - 2 * var(--gc-gouttiere)); margin-inline: auto; margin-bottom: 100px; } /* 100 px sous la rangee : 80 de padding-bottom de la boite de texte de la source, plus les 20 du paragraphe vide */
.parent-pageid-2749 .gc-contenu > p:has(+ .gc-encart-hono) { margin-bottom: 20px; } /* le paragraphe marqueur prenait les 50 px du dernier d'une suite ; la source en met 20 */
.gc-encart-hono__texte { flex: 0 0 100%; padding-inline: 15px; }
.gc-encart-hono__form { flex: 0 0 100%; padding: 0 45px 50px; } /* 15 de colonne + 30 de boite */
.parent-pageid-2749 .gc-contenu .gc-encart-hono h3 { font: 700 36px/43.2px var(--gc-titres); margin: 0 0 20px; padding-top: 0; } /* (0,3,1) : passe devant la regle du titre de question */
.parent-pageid-2749 .gc-contenu .gc-encart-hono p { margin-bottom: 20px; }
@media (min-width: 768px) {
	.gc-encart-hono__texte { flex-basis: 33.333%; }
	.gc-encart-hono__form { flex-basis: 66.667%; }
} /* ... et n'ajoute pas les 80 px de --gc-section-y */ /* tout titre-item h2 de la source est en capitales ; les articles gardent leur casse (règle plus bas) */
.gc-page .gc-card__titre, .gc-page .gc-etape__titre { font-size: 20px; font-weight: 600; color: #383838; } /* .gdlr-core-column-service-title : 600 */
.gc-page .gc-card p { font-size: 15px; } /* .gdlr-core-column-service-content { font-size: 15px } */
.gc-page .gc-card { background: transparent; border-radius: 0; box-shadow: none; padding: 0 0 30px; }
.gc-page .gc-card p:last-child { margin-bottom: 20px; } /* p 20 px + item 30 px (padding de la carte) */
.gc-page .gc-card__titre { margin-block: 0 15px; line-height: 1.55; } /* column-service-title : 20 px → 31, 15 px → 23,25 (témoignages clients) */ /* column-service-title : 20 px / 31 px, title-wrap à 15 px */
.gc-page .gc-card > figure:first-child { margin-top: 5px; } /* column-service-media : 5 px au-dessus */
.gc-page .gc-card p.gc-card__lien:last-child { margin-bottom: 0; font-size: 13px; } /* lien « En savoir plus » de 18 px, sans marge, sous les 20 px du paragraphe (connecteurs, 1600 px) */ /* les 15 px latéraux sont ceux de la colonne (mesure : 350 px dans 380) */ /* column-service-item de la source : ni carte ni ombre, 0 15 30 (Connecteurs : texte de 350 px dans une colonne de 380) */
.gc-card--gauche { text-align: left; } /* column-service-item gdlr-core-left-align (29 cartes sur 148) */
.gc-card--gauche > * { margin-inline: 0; }
.gc-card > figure.est-a-gauche, .wp-block-image.est-a-gauche { margin-inline: 0; text-align: left; }
/* column-service-icon-left (témoignages des pages partenaires, 20 cartes) : visuel à gauche, 35 px d'écart, texte à droite. */
.gc-card--media-gauche { display: grid; grid-template-columns: auto 1fr; column-gap: 35px; align-items: start; text-align: left; }
.gc-card--media-gauche > * { margin-inline: 0; }
.gc-card--media-gauche > figure { grid-row: 1 / span 4; margin: 5px 0 0; } /* image-item aligné à gauche dans une carte centrée (classe posée dans le contenu) */
.gc-hero h1 + p { font-size: 16px; }
.gc-article .gc-contenu h2 { font: 700 28.8px/1.2 var(--gc-corps); color: var(--gc-encre); text-transform: none; } /* 700 28,8 / 34,56 Open Sans chez elle (releve du 12/10/2026 sur l'article BFM), pas la police des titres ; h3 non releve sur un article */
/* Tableaux d'article : chez elle chaque rangee est grise, rgb(249, 249, 249), et une rangee sur deux du corps est un
   peu plus foncee, rgb(243, 243, 243) ; cellules identiques aux notres (15 px 0, gris 148, centrees). Releve du 12/10/2026. */
.gc-article .gc-contenu table tr { background-color: #f9f9f9; }
.gc-article .gc-contenu tbody tr:nth-child(even) { background-color: #f3f3f3; }
.gc-article .gc-contenu h3 { font-size: 24px; color: var(--gc-encre); }

/* Vidéo : l'iframe du lecteur, rendue par functions.php (depuis 0.1.333 ; la façade « Lire la vidéo » qui
   ne chargeait YouTube qu'au clic est retirée, Nanté veut le lecteur visible comme sur la source). */
.gc-video { margin: 0 0 1em; }
.gc-video__cadre { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 0; } /* son iframe est sans arrondi (0 sur Qui sommes-nous, kwote et qonto, releve du 12/10/2026) ; en bloc, pour que la ligne de 5 px sous le lecteur reste celle du rembourrage de la figure et non une seconde ligne de base (480 x 360 dans une figure de 365 comme son enveloppe type-youtube) */
.gc-video__cadre { width: 640px; max-width: 100%; } /* la source plafonne son lecteur a 640 et l'aligne a gauche (text-align: left, iframe au bord du bloc, mesure karmen le 06/10/2026). En colonne le notre fait 594 et ne bouge pas. */
/* Hauteur : son iframe fait 640 x 360 par attributs, sans regle de hauteur, a toutes les largeurs
   et dans toutes les colonnes -- il deborde de la colonne au telephone (315) et le corps de page le
   rogne. Notre 16/9 de la largeur restante ne valait 360 que dans une colonne d'au moins 640 : 334
   dans les 594 d'evoliz, pennylane et sellsy, 304 dans les 540 de myunisoft et teamleader a 1440,
   198 partout a 375. Et l'iframe, en ligne, laisse 5 px de ligne sous lui : enveloppe de 365.
   Releve du 08/10/2026 sur les dix lecteurs hors gabarit « vu a la tele » (deja a 360 depuis
   0.1.276), a 375 et 1440. Apres : colonnes de 455 (evoliz, pennylane, sellsy), 395 (myunisoft,
   teamleader), 465 (factomos), sections de 710 (karmen), 702 contre 704 (kwote, 2 de contenu),
   comme elle aux deux largeurs. (0.1.301) */
.gc-video__cadre { aspect-ratio: auto; height: 360px; }
.gc-video { padding-bottom: 5px; } /* la ligne sous l'iframe */
.page-id-8364 .gc-video__cadre { width: 100%; height: auto; aspect-ratio: 16 / 9; min-height: 0; overflow: hidden; } /* sauf qonto, ou la source rend un 16:9 responsive en pleine largeur : enveloppe 1110 x 624 a 1440, 315 x 177 a 375, pas de 640 fixe ; min-height 0 : sans quoi le contenu du bouton (72 + libelle + mention) porte la boite a 198 au telephone */
.page-id-8364 .gc-video { padding-bottom: 0; } /* lecteur responsive : pas de ligne sous l'iframe */
.page-id-984 .gc-video__cadre { max-width: none; } /* Qui sommes-nous : son iframe n'a pas de max-width (les pages partenaires en ont un a 100 %) et garde ses 640 x 360 dans une colonne de 480, en debordant a droite (releve du 12/10/2026 a 1440 et 1920). Au telephone la colonne est masquee des deux cotes */
/* kwote (8778) : la figure est en colonne, et chez elle l'item de texte porte 91 de rembourrage
   (marge de 50 chez nous) et l'item video 100 (30 chez nous). Releve du 08/10/2026 : colonne de
   644 a 1440 et 710 a 375 ; nous 642 et 708 apres, les 2 restants etant de contenu (sa troisieme
   ligne vide de 22 contre notre marge de 20 entre les deux paragraphes). */
.page-id-8778 .gc-contenu .wp-block-column > p:has(+ .gc-video) { margin-bottom: 91px; }
.page-id-8778 .gc-contenu .wp-block-column > .gc-video { margin-bottom: 100px; }
/* evoliz (7911), pennylane (7581), sellsy (7971), teamleader (9531), releves le 08/10/2026 a 375 : la
   derniere section empile la colonne de texte sur la colonne video, et chez elle le dernier
   paragraphe de l'item de texte garde ses 20 de marge PLUS le rembourrage de l'item : 50 sur les
   trois premiers (70 en tout), 91 sur teamleader (111). Nous mettions 50. A 1440 les colonnes sont
   cote a cote et la colonne video, plus haute, fixe la rangee : rien n'y bouge. Apres : sections de
   673 / 695 / 673 / 779,5 contre 841 / 863 / 841 / 989,5 chez elle, l'ecart restant etant de contenu
   (quatre paragraphes vides de 22 + 20 dans sa colonne de texte, 168 ; cinq sur teamleader, 210). */
:is(.page-id-7911, .page-id-7581, .page-id-7971) .gc-contenu .wp-block-column:has(+ .wp-block-column > .gc-video) > p:last-child { margin-bottom: 70px; }
.page-id-9531 .gc-contenu .wp-block-column:has(+ .wp-block-column > .gc-video) > p:last-child { margin-bottom: 111px; }
/* Sections a video en pleine largeur (karmen, qonto) : la source laisse 20 px de marge
   sous le paragraphe d'introduction plus 91 px de rembourrage de son item, et 100 px sous
   le lecteur. Mesure du 06/10/2026. Les pages ou la figure est en colonne (kwote, factomos)
   ont une autre structure et ne sont pas visees ici. */
.gc-contenu .gc-section > p:has(+ .gc-video) { margin-bottom: 111px; } /* 20 + 91 */
.gc-contenu .gc-section > .gc-video { margin-bottom: 100px; } /* 100 de rembourrage (les 5 px de ligne sous son iframe sont le rembourrage de la figure depuis 0.1.301) */
.page-id-8364 .gc-contenu .gc-section > .gc-video { margin-bottom: 100px; } /* qonto : lecteur responsive, pas de ligne sous l'iframe */

/* /le-live/ (4485). Son inscription Livestorm est un iframe pose directement dans le
   contenu, avec height="750" : notre regle globale img/svg/video/iframe { height: auto }
   ecrasait l'attribut et le ramenait aux 150 px par defaut du HTML. La source le rend sur
   la largeur du contenu moins les gouttieres, 750 de haut a toutes les largeurs, suivi de
   30 px de rembourrage et des 5 px de ligne sous l'iframe (mesure du 06/10/2026).
   Son bandeau fait 690 : 36 px au-dessus du titre (un item image vide), h1 a 29/34,8,
   legende a 23 px en 600, 30 px dessous. Nous donnions 72/72 et une legende a 15 px. */
.page-id-4485 .gc-contenu > iframe { display: block; height: 750px; width: calc(100% - 2 * var(--gc-gouttiere) - 30px); max-width: calc(var(--gc-conteneur) - 30px); margin-inline: auto; margin-bottom: 35px; } /* meme boite que le texte des blocs : le conteneur moins les 15 px de padding-inline de chaque cote, soit 1110 a 1440. --gc-gouttiere vaut 40 a cette largeur et ne doit pas servir deux fois. */
.page-id-4485 .gc-hero { padding-block: 36px 30px; }
.page-id-4485 .gc-contenu .gc-hero h1 + p { font-size: 23px; font-weight: 600; } /* qonto : lecteur responsive, pas de ligne sous l'iframe */ /* sauf qonto, ou la source rend un 16:9 responsive en pleine largeur : enveloppe 1110 x 624, pas de 640 fixe */ /* la source plafonne son lecteur a 640 de large, centre, a toutes les largeurs (iframe 640x360 mesuree le 06/10/2026 sur sellsy et kwote). En colonne notre lecteur fait deja moins de 640 et ne bouge pas ; en pleine largeur il s'etirait a 1110. */

/* Hero : fond bleu, texte blanc, deux colonnes texte / visuel */
.gc-hero { background: var(--gc-bleu); color: var(--gc-blanc); padding-block: clamp(36px, 6vw, 72px); }
.gc-hero h1, .gc-hero h2, .gc-hero h3, .gc-hero p, .gc-hero a:not(.gc-btn):not(.wp-block-button__link) { color: var(--gc-blanc); }
.gc-hero h1 + p { font-size: 15px; max-width: none; margin: 10px 0 40px; } /* légende du titre-item (qui-sommes-nous, 1600 px) : 15 px, 10 px sous le h1, pleine largeur de colonne ; 30 px d'item + 10 px avant le bouton */
.gc-hero .wp-block-buttons { margin-bottom: 20px; } /* button-item des bandeaux : 20 px, pas 30 */
.gc-contenu .gc-hero h1 + p { margin-top: 10px; } /* la marge haute de la règle ci-dessus perdait contre la neutralisation du blockGap (0,2,0) : la légende du titre-item est à 10 px du titre sur les 55 bandeaux relevés le 23/09/2026 */
/* Cinq bandeaux où la source ne laisse que 30 px entre la légende et le bouton (au lieu de 40) et met 30 px
   sous le bouton (au lieu de 20) : son button-item y perd sa marge haute et gagne 10 px de padding-bottom. */
:is(.page-id-10035, .page-id-10076, .page-id-10167, .page-id-10218, .page-id-10389) .gc-contenu .gc-hero h1 + p { margin-bottom: 30px; }
/* Grands comptes : la legende de son bandeau s'ouvre par un <br>, et ce <br> se VOIT — une ligne
   vide de 20 px entre le titre et le texte. Releve du 05/10 a 390 : sa boite de legende fait 140
   pour six lignes de texte, la notre 120, et les six lignes font les memes largeurs au pixel
   (285, 276, 250, 306, 303, 314). Ce ne sont donc ni la police ni la coupure qui different :
   c'est une ligne de plus, vide, posee par le champ du constructeur.
   30 px de marge plutot qu'un <br> dans le contenu : le rendu est le meme et le texte reste du
   texte. La valeur ne depend pas de la largeur — la legende est a 15px/normal partout, donc la
   ligne vide vaut 20 px partout.
   A noter : au-dessus de 900 l'ecart ne se voyait PAS sur la hauteur du bandeau, parce que c'est
   la colonne de l'image qui la donne. Notre texte y etait quand meme 20 px trop haut. Une
   egalite de hauteurs ne prouve pas une egalite de contenus. */
.page-id-6282 .gc-contenu .gc-hero h1 + p { margin-top: 30px; } /* (0,4,1) devant la regle generale a (0,3,1) */

/* Connecteurs (940) : la legende de son bandeau est a 20 px, la ou les 55 bandeaux releves le
   23/09 sont a 15 ou 16. Ce n'est pas une regle de cadre, c'est un reglage d'element du
   constructeur, propre a cette page. Mesure du 05/10 a 1440 : sa legende fait 162 sur six lignes,
   la notre 100 sur cinq a 15 px — les 62 px qui manquaient au bandeau, et rien d'autre. */
.page-id-940 .gc-contenu .gc-hero h1 + p { font-size: 20px; } /* (0,4,2) */

/* « Une interface dediee aux grands comptes ». La source n'y compose PAS son texte comme dans la
   rangee de tete, et c'est tout l'ecart. En haut de page, le paragraphe est la LEGENDE du
   titre-item : 16 px, 10 px sous le titre, 30 px sous lui. Ici c'est un bloc distinct — un
   « column-service-item » — en 15 px GRAS, 30 px sous le titre (le fond du bloc de titre) et 50 px
   sous lui (20 de marge du paragraphe PLUS 30 de fond de bloc, qui s'ajoutent chez elle quand nos
   marges adjacentes fusionneraient).
   Mesure du 05/10 a 1440 : sa colonne fait 520 = 116 + 90 + 313, la notre 484 = 96 + 74 + 314.
   Les 36 px manquants sont la, et nulle part ailleurs.
   Le gras est pose en CSS et non par un <strong> dans le texte : c'est une mise en forme, pas une
   emphase. A 15 px gras, nos deux lignes font 531 et 236 — les siennes exactement. */
/* Il faut (0,5,x) et non (0,3,x) : deux regles posees pour le motif « titre + texte + accordeon »
   tiennent ces deux marges a 10 et 30, et elles pesent (0,4,4) —
     body:not(.page-id-8902) .gc-contenu .wp-block-column > h2:has(+ p + details.gc-teaser)
     body:not(.page-id-8902) .gc-contenu .wp-block-column > p:has(+ details.gc-teaser)
   `:has()` prend la specificite MAXIMALE de ses arguments, et `details.gc-teaser` lui en apporte
   une classe et deux elements. La version 0.1.213 est passee a cote pour cette seule raison : la
   police s'appliquait (rien ne la disputait) et les marges non.
   On compte la classe .gc-section que la section porte DEJA, plutot que d'ajouter .page-id-6282 :
   la regle reste vraie pour toute section qui prendra .gc-id-interface. */
.gc-contenu .gc-id-interface.gc-section > .wp-block-columns .wp-block-column > h2 { margin-bottom: 30px; } /* (0,5,1) */
.gc-contenu .gc-id-interface.gc-section > .wp-block-columns .wp-block-column > h2 + p { font: 700 15px/normal var(--gc-corps); margin-bottom: 50px; color: var(--gc-encre); } /* (0,5,2) ; la couleur est REAFFIRMEE : ce texte est suivi d'un accordeon, donc la regle de legende grise ci-dessus l'attrape, et chez elle il est noir */
:is(.page-id-10035, .page-id-10076, .page-id-10167, .page-id-10218, .page-id-10389) .gc-hero .wp-block-buttons { margin-bottom: 30px; }
.gc-hero .wp-block-columns { align-items: center; }
/* Bandeau d'une page intérieure avec illustration, relevé sur Comment ça marche : wrapper sans padding, colonne
   de texte à 60 px du haut, illustration collée en haut, 30 px sous le bouton (section de 424 px pour une image de
   394). L'accueil garde son bandeau propre. */
.gc-hero:not(.gc-id-header-home):has(> .wp-block-columns .wp-block-image) { padding-block: 0; } /* enveloppe 0 0 0 0 sur 29 bandeaux de la source ; la hauteur vient de la colonne (60 px en haut) et des items */
.gc-hero:not(.gc-id-header-home):has(> .wp-block-columns .wp-block-image) > .wp-block-columns { align-items: flex-start; }
.gc-hero:not(.gc-id-header-home):has(> .wp-block-columns .wp-block-image) > .wp-block-columns > .wp-block-column:not(:has(.wp-block-image)) { padding-top: 60px; }
.gc-hero .wp-block-image img { object-fit: contain; } /* la source affiche l'image du bandeau à sa taille (442 à 543 px de haut relevés) ; la largeur reste celle de l'attribut pour que la place soit réservée avant le chargement */
.gc-hero--auto h1 { margin: 0; }
/* Pages sans contenu (Documentation 733, La presse en parle 20, Landing Page BFM 10549) : la source n'affiche que la barre de titre
   de Goodlayers (financity-page-title-wrap, style custom), relevé du 12/10/2026 : bleu #3c4bff (emptyblue-1.png, 1 px uni) sous un
   voile noir à 0,8, rembourrage 0, h1 NewFarm 37 / 44,4 en 700, centré, sans capitales ni interlettrage, dans le conteneur de 1140
   retiré de 15 de chaque côté (1110 à 1440, 970 à 1000, 723 à 768) : barre de 44,4 à 85, pied de page juste dessous (129,4), pas de
   fil d'Ariane ni de hauteur minimale. Sous 768 : conteneur de 470 (345 à 375) toujours retiré de 15, 60 au-dessus et 50 dessous
   (barre de 154,4 à 767, 198,8 à 375 sur deux lignes). */
.gc-hero.gc-hero--titre { padding-block: 0; background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), var(--gc-bleu); text-align: center; }
.gc-hero.gc-hero--titre > .gc-conteneur { padding-inline: 15px; box-sizing: border-box; }
.gc-hero.gc-hero--titre h1 { margin: 0; font-size: 37px; line-height: 44.4px; font-weight: 700; text-transform: none; overflow-wrap: break-word; } /* word-wrap: break-word sur tout le corps de la source : à 375, « DOCUMENTATION » (334 de large) se coupe dans ses 315 (305,7 + « N » sur une seconde ligne, h1 de 88,8, barre de 198,8), relevé du 12/10/2026 */
.gc-principal:has(> .gc-page > .gc-hero--titre) { min-height: 0; }
/* Articles « HTML classique » dont un conteneur porte un line-height en ligne (9752 Meelo : <article style="line-height: 1.8 …">) :
   la source a une règle globale « .financity-body p { line-height: normal } » qui bat l'héritage, ses paragraphes restent à
   l'interligne normal (88 px pour quatre lignes de 16 px) ; sans elle nos paragraphes héritent 28,8 et l'article fait 2 396
   au lieu de 2 133,6. Relevé du 12/10/2026 à 1440, bornée aux descendants d'un style en ligne pour ne toucher à rien d'autre. */
.gc-contenu [style*="line-height"] p { line-height: normal; }
@media (max-width: 767px) {
	.gc-hero.gc-hero--titre { padding-block: 60px 50px; }
	.gc-hero.gc-hero--titre > .gc-conteneur { width: min(470px, 100% - 30px); }
}
/* Page des articles : le bandeau bleu vient du contenu de la page « Blog » (section + h3). Sur la source : 60 px
   au-dessus, 30 au-dessous, titre 41 px / 800, capitales, interlettrage 1 px, centré sur 800 px, blanc. */
.gc-page--blog .gc-contenu > .gc-section.has-background:first-child { padding: 60px 0 30px; }
.gc-page--blog .gc-contenu > .gc-section.has-background:first-child h3 { font-size: 41px; letter-spacing: 1px; text-transform: uppercase; text-align: center; max-width: 800px; margin: 0 auto 30px; /* 30 : son title-item porte 30 de rembourrage bas (item-pdb), bandeau de 267,6 a 1440 contre 257,6 avec 20 (releve du 12/10/2026, 0.1.335) */ color: var(--gc-blanc); }
.gc-hero--article h1 { text-transform: none; font-size: clamp(26px, 3.4vw, 40px); }
.gc-hero .gc-cta-title { font-size: 22px; }
.gc-hero .wp-block-details, .gc-hero .wp-block-quote { color: var(--gc-encre); }
/* Fond vert (page Tarifs) : encre bleue */
/* Section verte (bandeau de Tarifs) : sur la source les titres restent #3c4bff et le texte garde sa couleur ; le
   sous-titre bleu de Tarifs porte sa couleur dans le contenu. */
.gc-section.has-background[style*="#3cff8c"] { color: var(--gc-encre); }
.gc-section.has-background[style*="#3cff8c"] :is(h1, h2, h3) { color: var(--gc-bleu); }
.gc-section.has-background[style*="#3cff8c"] :is(p, li) { color: var(--gc-encre); } /* passe devant le blanc de .gc-hero p */

/* Fonds de section : l'image vient du filtre PHP (classe gc-section--bg-<id>), le cadrage est mesuré sur la source
   le 16/09/2026. Les identifiants sans ligne propre prennent le défaut. */
[class*="gc-section--bg-"] { background-repeat: no-repeat; background-position: center top; background-size: auto; }
.gc-section--bg-7567 { background-position: center; }                                   /* accueil : bandeau */
.gc-section--bg-1826 { background-size: cover; background-position: center top; background-repeat: repeat; } /* Nos atouts */
.gc-section--bg-7570 { background-position: center top; }                               /* accueil : blog */
/* Comment ça marche : bg5-1.png sert deux fois, en bas à droite (« GCollect : le recouvrement… ») puis en bas à
   gauche (« Pourquoi sommes-nous différents ? ») ; img-bg-2.svg couvre la section « que quoi parle-t-on ? ». */
.gc-section--bg-685 { background-position: right bottom; }
.gc-section--bg-685 ~ .gc-section--bg-685 { background-position: left bottom; }
/* La source dessine ce fond dans un calque « parallaxe » de 861 px pour une section de 304 (mesuré à 1600 × 1000),
   image en cover centrée dans ce calque : on voit donc le haut de la spirale. Sans le calque : largeur de la section,
   décalée vers le haut de la même fraction (295 px pour 1585 de large). */
.gc-section--bg-6743.gc-fond--couvre { background-size: 100% auto; background-position: center -18.6vw; }
/* Cadrage des fonds de section, porté par le contenu (classes posées d'après le style en ligne de chaque section de
   la source : 22 combinaisons image × position sur 64 pages, une même image servant jusqu'à cinq cadrages). */
.gc-fond--bas-droite { background-position: right bottom; }
.gc-fond--bas-gauche { background-position: left bottom; }
.gc-fond--bas-centre { background-position: center bottom; }
.gc-fond--haut-droite { background-position: right top; }
.gc-fond--haut-gauche { background-position: left top; }
.gc-fond--haut-centre { background-position: center top; }
.gc-fond--centre-droite { background-position: right center; }
.gc-fond--centre-gauche { background-position: left center; }
.gc-fond--centre { background-position: center; }
.gc-fond--couvre { background-size: cover; }
.gc-fond--fixe { background-attachment: fixed; }

/* Parallaxe des fonds decoratifs (app.js). Le cadre epouse la section et decoupe ; la couche, plus
   haute que la section, glisse dedans. Le decoupage est porte par le CADRE et non par la section :
   un overflow pose sur la section rognerait aussi son contenu, et plusieurs sections de ce theme
   debordent a dessein. Le fond d'origine n'est retire qu'une fois la couche construite, d'ou la
   classe gc-fond--anime ajoutee par le script : sans JavaScript, le fond reste simplement fixe. */
.gc-section.gc-fond--parallaxe { position: relative; isolation: isolate; }
.gc-section.gc-fond--anime { background-image: none !important; }
.gc-fond__cadre { position: absolute; inset: 0; z-index: -1; max-width: none; overflow: hidden; pointer-events: none; } /* max-width none : enfant direct d'un groupe « constrained », le cadre heritait du plafond de WordPress (1180, centre par ses marges auto !important) et la couche ne couvrait que 1180 des 1425 de la section (mesure du 12/10/2026 sur le bandeau d'accueil ; les deux sections animees de la page 935 avaient le meme defaut). 0.1.330 */
.gc-fond__image { position: absolute; left: 0; right: 0; will-change: transform; }
/* Le bandeau d'accueil (page 133, classe posee dans le contenu le 12/10/2026) est anime lui aussi : couche de 835,4 pour
   577 a 1440 x 900 (577 + (900 - 577) x 0,8), translation de -68 a 0 de defilement (bandeau a 85), +172 a 300.
   Sous 768 sa fonction set_extra_height ne majore pas la couche et efface la translation : fond fixe, comme avant. */
/* L'arc vert de « Recouvrement de creances : que quoi parle-t-on ». La source l'anime aussi
   (data-parallax-speed 0.8, couche de 781 pour une section de 304, cover et centre) — je l'avais
   manque au premier passage parce que son fond est en chargement differe et se lisait « aucune
   image ». Le meme piege que la fois d'avant : ce qui n'est pas encore charge n'est pas absent.

   Son `background-position: center -18.6vw` ci-dessus etait une COMPENSATION : une session
   anterieure avait fige l'arc, a la main, a la place qu'il occupe en parallaxe. Des que la section
   est animee, cette compensation n'a plus lieu d'etre et c'est `cover` + `center` qui vaut, comme
   chez elle. La regle d'origine reste pour les sections non animees. */
.gc-contenu .gc-section--bg-6743.gc-fond--parallaxe { background-size: cover; background-position: center; }

/* Bandeau de l'accueil. La refonte publiée sur la source le 30/09/2026 remplace le décor : plus de
   visuel-home-header-2023.jpg, mais 2022/06/bg-arrowpink.svg en « cover » centré sur l'aplat bleu, pour un
   bandeau de 577 px à 1280. Les deux appels sont visibles — l'ancien bandeau en masquait un — et aucun n'est
   corail ni fléché : les règles qui le faisaient ont été retirées le 01/10 plutôt que surchargées.
   La classe gc-id-header-home sert AUSSI à cinq autres pages : tout ce qui ne vaut que pour l'accueil porte
   le préfixe .home, et le reste du bloc ne bouge pas. */
.gc-hero.gc-id-header-home {
	padding-block: 0 30px;
	/* L'image (visuel-home-header-2023.jpg, 2399 × 980) vient de la classe gc-section--bg-7567 ; la source l'affiche
	   à sa taille naturelle, centrée : « cover » amenait la flèche sur le texte. */
}
/* 30 px de marge SOUS le bandeau, qui manquaient. Le bloc de colonnes suivant remonte de 100 px pour que la
   vidéo chevauche le bandeau, et le titre « COMMENT ÇA MARCHE ? » part avec lui : sur la source il dépasse de
   40 px sur le bandeau, ici il en dépassait de 70 et devenait illisible, bleu sur bleu. Mesuré à 1440 px le
   28/09 — source : bandeau 196 → 707, section suivante à 737 ; cible : 208 → 719 et 719. Mêmes hauteurs des
   deux côtés (511 et 930), seul l'écart manquait. Restreint à l'accueil : les cinq autres pages qui portent
   gc-id-header-home n'ont pas été mesurées et ne bougent pas. */
.home .gc-hero.gc-id-header-home { margin-bottom: 0; padding-block: 60px 30px; background-color: #3548fc; background-size: cover; background-position: center; } /* le fond du bandeau d'accueil n'est pas le bleu de marque : rgb(53, 72, 252) sur son pbf-background-wrap (relevé du 12/10/2026, 0.1.329), sous le décor fléché ; même bleu dans l'ombre de l'image de « Comment ça marche » (rgba(53, 72, 252, .6)) */ /* relevé sur la source le 09/10/2026 à 1440 et 375 : le rembourrage 60 / 30 est sur la section (wrapper), pas sur la colonne du texte ; l'image part donc à 145 comme le titre, et non à 85. Les 60 / 60 que portait la première colonne en ligne (page 133) sont retirés du contenu en même temps (0.1.320) */ /* relevé sur la source : sections jointives, décor couvrant centré */
.home .gc-hero.gc-id-header-home h1 + p { font-style: italic; margin: 10px 0 40px; } /* l'accroche du nouveau bandeau est en italique ; les cinq autres pages gardent le romain */ /* 40 = les 30 du title-item + les 10 de marge haute du button-item de la source, deux boîtes séparées chez elle ; chez nous les deux marges fusionneraient (0.1.320) */
.gc-hero.gc-id-header-home h1 + p { font-size: 16px; margin: 10px 0 40px; }
.gc-hero.gc-id-header-home .wp-block-buttons { margin-bottom: 20px; } /* padding-bottom du button-item : bandeau de 511 px */ /* légende du titre-item : 16 px, 10 px sous le h1, 30 px d'item + 10 px avant le bouton */

/* Accordéon du hero de l'accueil : trois rubans obliques (SIMPLE / EFFICACE / ÉTHIQUE), le visuel se déplie au survol.
   Reprise du thème enfant Financity (CSS inline de la source, classes .accordion-*). */
.gc-hero:has(.gc-hero-accordeon) { overflow: hidden; } /* les rubans dépassent par le haut, la source les coupe au bord du bandeau */
.gc-hero-accordeon { position: relative; display: flex; justify-content: center; gap: 0; width: 400px; max-width: 100%; height: 418px; margin: 0 auto; transform: skew(-20deg); }
/* WordPress pose margin-inline: auto !important sur les enfants d'un groupe « constrained » : les rubans s'écartaient
   de 17 px au repos (8 / 142 / 275 au lieu de 25 / 142 / 258 sur la source, mesuré le 17/09/2026) puis se
   resserraient au survol, ce qui déplaçait EFFICACE et ÉTHIQUE plus que sur la source. */
.gc-hero-accordeon > .gc-hero-accordeon__item { margin-inline: 0 !important; }
.gc-hero-accordeon__item { margin-block-start: 0; position: relative; flex: 0 0 117px; height: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: flex-grow 0.5s ease-in-out, flex-basis 0.2s ease-in-out; }
.gc-hero-accordeon.est-survole .gc-hero-accordeon__item { flex-basis: 80px; }
.gc-hero-accordeon__item.est-survole { flex-grow: 3; }
.gc-hero-accordeon__item::after { content: ""; position: absolute; display: block; height: 100%; width: 50px; transform: translate(0, -210px); z-index: 1; transition: all 0.3s; }
.gc-hero-accordeon__item:nth-of-type(1)::after { background-color: #75fa8a; }
.gc-hero-accordeon__item:nth-of-type(2)::after { background-color: #faf942; }
.gc-hero-accordeon__item:nth-of-type(3)::after { background-color: #ff5b66; }
.gc-hero-accordeon__item.est-survole::after { transform: translate(0, 0); background-color: var(--gc-blanc); width: 100%; }
.gc-hero-accordeon__item::before { content: ""; position: absolute; display: block; width: 50px; height: 50px; border-radius: 50px; z-index: 2; transform: skew(20deg) scale(1) translate(0, -3px); border: 4px solid; opacity: 1; transition: opacity 0.2s, transform 0.3s; }
.gc-hero-accordeon__item:nth-of-type(1)::before { border-color: #75fa8a; background: url("/wp-content/uploads/2022/06/icon-1.svg") center no-repeat var(--gc-blanc); background-size: 70%; }
.gc-hero-accordeon__item:nth-of-type(2)::before { border-color: #faf942; background: url("/wp-content/uploads/2022/06/icon-2.svg") center no-repeat var(--gc-blanc); background-size: 50%; }
.gc-hero-accordeon__item:nth-of-type(3)::before { border-color: #ff5b66; background: url("/wp-content/uploads/2022/06/icon-3.svg") center no-repeat var(--gc-blanc); background-size: 70%; }
.gc-hero-accordeon__item.est-survole::before { opacity: 0; transform: skew(20deg) scale(3) translate(-50px, 90px); }
.gc-hero-accordeon__txt, .gc-hero-accordeon__img { position: absolute; z-index: 2; text-align: center; width: 100%; transform: skew(20deg); }
.gc-hero-accordeon__txt { margin: 0; top: 60%; height: 35px; font: 21px/35px var(--gc-titres); text-transform: uppercase; color: var(--gc-blanc); transform: skew(20deg) translate(15px, 0); transition: transform 0.3s, opacity 0.3s; }
.gc-hero-accordeon__item:nth-of-type(2) .gc-hero-accordeon__txt { transform: skew(20deg) translate(10px, 0); }
.gc-hero-accordeon__txt::before { content: ""; display: block; position: absolute; width: 100%; height: 270%; top: -85%; background-color: #75fa8a; transform: skew(-20deg); opacity: 0; visibility: hidden; transition: opacity 0.3s 0.2s; z-index: -1; }
.gc-hero-accordeon__item:nth-of-type(2) .gc-hero-accordeon__txt::before { background-color: #faf942; }
.gc-hero-accordeon__item:nth-of-type(3) .gc-hero-accordeon__txt::before { background-color: #ff5b66; }
.gc-hero-accordeon.est-survole .gc-hero-accordeon__txt { opacity: 0; visibility: hidden; }
.gc-hero-accordeon__item.est-survole .gc-hero-accordeon__txt { color: var(--gc-bleu); font-size: 30px; transform: skew(20deg) translate(-50px, 104px); left: 4.9%; opacity: 1 !important; visibility: visible !important; }
.gc-hero-accordeon__item.est-survole .gc-hero-accordeon__txt::before { opacity: 1; visibility: visible; }
.gc-hero-accordeon__img { margin: 0; opacity: 0; visibility: hidden; top: 10%; right: -7%; transition: opacity 0.3s 0.2s; }
.gc-hero-accordeon__img img { position: relative; width: 100%; max-width: 130px; height: auto; max-height: 200px; object-fit: contain; }
.gc-hero-accordeon__item:nth-of-type(2) .gc-hero-accordeon__img { top: 15%; right: 0; }
.gc-hero-accordeon__item:nth-of-type(2) .gc-hero-accordeon__img img { max-width: 215px; }
.gc-hero-accordeon__img::before { content: ""; display: block; position: absolute; }
.gc-hero-accordeon__item:nth-of-type(1) .gc-hero-accordeon__img::before { width: 111px; height: 110px; background: url("/wp-content/uploads/2022/06/img-bg-1.svg") no-repeat; background-size: cover; top: -40px; right: -20px; }
.gc-hero-accordeon__item:nth-of-type(2) .gc-hero-accordeon__img::before { width: 144px; height: 116px; background: url("/wp-content/uploads/2022/06/img-bg-2.svg") no-repeat; background-size: cover; top: -80px; right: -25px; }
.gc-hero-accordeon__item:nth-of-type(3) .gc-hero-accordeon__img::before { width: 72px; height: 79px; background: url("/wp-content/uploads/2022/06/img-bg-3.svg") no-repeat; background-size: cover; top: -50px; left: 70%; }
.gc-hero-accordeon__item.est-survole .gc-hero-accordeon__img { opacity: 1; visibility: visible; }
@media (max-width: 800px) { .gc-hero-accordeon { display: none; } }

/* Bandeau CTA bleu (« Obtenez le paiement… ») */
.gc-cta-title { font: 800 clamp(20px, 2.4vw, 28px)/1.2 var(--gc-titres); text-transform: uppercase; color: var(--gc-bleu); margin: 0 0 0.6em; }
/* Une poignée de blocs écrivent le bleu en clair dans leur attribut style — 3 sur l'accueil, contre 22 qui
   passent par le jeton. On les y ramène, sinon deux bleus coexisteraient. Le CONTENU n'est pas touché : c'est
   lui qui porte le littéral, et gc_page_a_bandeau() s'en sert encore pour reconnaître le bandeau. Le drapeau
   « i » couvre une écriture en majuscules. Le :not() est nécessaire — « background-color:#3c4bff » contient
   « color:#3c4bff », et sans lui le texte d'un bloc à fond bleu deviendrait bleu aussi. */
[style*="background-color:#3c4bff" i] { background-color: var(--gc-bleu) !important; }
[style*="color:#3c4bff" i]:not([style*="background-color:#3c4bff" i]) { color: var(--gc-bleu) !important; }

.gc-section.has-background[style*="#3c4bff"]:not(.gc-hero) { color: var(--gc-blanc); }
.gc-section.has-background[style*="#3c4bff"]:not(.gc-hero) :is(h2, h3, p, .gc-cta-title) { color: var(--gc-blanc); }
.gc-section.has-background[style*="#3c4bff"]:not(.gc-hero) .wp-block-button:not([class*="est-"]) .wp-block-button__link { background: var(--gc-vert); border-color: var(--gc-vert); color: var(--gc-bleu-fonce); } /* une classe est-* posée dans le contenu prime (« Déposez vos factures » rose sur fond bleu, 7 pages) */
.gc-cta { background: var(--gc-bleu); }
.gc-cta__grille { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; }
.gc-cta .gc-cta-title { color: var(--gc-blanc); margin: 0; }

/* Colonnes */
.wp-block-columns { display: flex; flex-wrap: wrap; gap: 0; align-items: flex-start; margin-block: 0; }
.wp-block-column { flex: 1 1 0; min-width: 0; padding: 0 15px; }
.gc-contenu .wp-block-column > :is(h1, h2, h3, h4, h5, h6):last-child { margin-bottom: 30px; } /* WordPress annule la marge du dernier enfant ; la source garde les 30 px de padding-bottom de l'item */
.wp-block-column:empty { min-height: 1px; } /* la source garde ses colonnes vides : elles portent le retrait du titre (x 466 dans une colonne de 60 % sur recouvrement-amiable) et encadrent la vidéo des pages partenaires */
.wp-block-column.has-background { padding: 24px; border-radius: var(--gc-rayon); }
/* 767 et non 782 (0.1.276) : la source met ses colonnes cote a cote des 768 (releve du 07/10/2026 :
   251 / 502 a 768 sur le TPE d'aston-itf, empilees a 767). Entre 768 et 781 le coeur de WordPress
   impose flex-basis: 100% !important a chaque colonne ; le bloc qui suit celui-ci le contre. */
@media (max-width: 767px) {
	/* gap: 0 et non 20 : ces 20 px entre colonnes empilees etaient a nous, sans mesure a
	   l'appui. La source n'en a aucun : ses colonnes se suivent bord a bord, l'espace vient
	   des rembourrages de ses items (30 sous un titre, 20 sous un bouton, 50 sous une image),
	   que nous portons deja en marges. Releve du 07/10/2026 sur aston-itf a 375, boite par
	   boite : la jonction ajoutait 20 dans le bandeau, le TPE, l'estimateur et 80 dans la
	   section video (quatre jonctions, colonnes vides comprises), apres les 20 deja retires
	   des temoignages (0.1.261) et des sections pleine-gauche (0.1.270) -- trois fois le
	   meme defaut, d'ou cette regle generale qui remplace les deux locales. Elle ne vaut que
	   sous 782, ou nos colonnes s'empilent. */
	.wp-block-columns { flex-direction: column; flex-wrap: nowrap !important; gap: 0; } /* nowrap et !important : le coeur de WordPress pose flex-wrap: wrap !important. En colonne, dans une section a hauteur imposee (gc-pleine-hauteur), les blocs repartaient alors dans une seconde colonne a droite, hors de l'ecran : releve a x364 sur relance-commerciale et petites-creances a 375. */
	.wp-block-column { padding: 0 15px; }
	.wp-block-column:empty { min-height: 0; } /* la source garde ses colonnes vides a 1 px de haut au bureau (d'ou notre min-height), mais empilees elles font 0 : releve du 07/10/2026 a 375 sur aston-itf (quatre colonnes vides autour de la video, 4 px), recouvrement-amiable (trois) et comment-ca-marche (une) */
	/* !important : Gutenberg pose le rembourrage de certaines colonnes en style EN LIGNE
	   (padding-left:45px sur qui-sommes-nous), ce qui bat toute regle. Au telephone la
	   source ramene tout a 15 px lateraux — texte a 300 @ x30 — et notre texte tombait a
	   238, d'ou une section de 1943 contre 1387. Mesure du 06/10/2026. */
	.gc-contenu .wp-block-column { padding-inline: 15px !important; }
	.gc-contenu .gc-section--pleine-gauche .wp-block-column { padding-inline: 0 !important; } /* ... sauf les sections a cartes, reglees plus bas */ /* le vertical tombe, pas le lateral : la source garde 30 px de retrait au texte a 375 (mesure du 06/10/2026 : 300 @ x30 sur le-live, comment-ca-marche et grands-comptes). Sans ces 15 px, le texte en colonne n'avait que les 16 px de la gouttiere. */
	.wp-block-column { flex-basis: auto !important; width: 100%; }
	/* La source aligne le texte de ses bandeaux a gauche, a 375 comme a 1440 : titre et
	   paragraphe a x30 sur l'accueil, comment-ca-marche, tarifs, qui-sommes-nous, le-live,
	   la FAQ, smart-recouvrement, les mentions legales, temoignages-clients et les pages
	   connecteurs. Seul /blog/ et les articles sont centres chez elle -- et ils le restent
	   chez nous, leur titre n'etant pas dans les colonnes d'un .gc-hero.
	   Nous les centrions depuis 0.1.6 : la seule regle de ce bloc sans mesure a l'appui.
	   Aucune hauteur ne bouge, ni la position du pied : c'est un ecart purement visuel, que
	   seules deux captures cote a cote faisaient voir (releve du 07/10/2026).
	   Les boutons gardent leur centrage : la source les centre sur l'accueil et Tarifs mais
	   les aligne a gauche sur comment-ca-marche et qui-sommes-nous -- reglage par page, a
	   traiter a part. */
	.gc-hero .wp-block-buttons { justify-content: center; }
}
/* De 768 a 781, WordPress pose flex-basis: 100% !important sur toute colonne d'une rangee qui n'a
   pas la classe is-not-stacked-on-mobile -- a (0,3,0), devant le style en ligne de Gutenberg. Un
   !important ne sait pas « laisser passer » une valeur en ligne : il faut la redire. Les onze
   valeurs ci-dessous sont toutes celles que portent nos 63 pages (releve du 07/10/2026 sur le
   HTML servi : 50, 33.33, 25, 100, 66.67, 16.67, 60, 40, 75, 20, 83.33). Sans flex-basis en ligne,
   les colonnes se partagent la rangee a parts egales, comme chez elle. */
@media (min-width: 768px) and (max-width: 781px) {
	.gc-contenu .wp-block-columns { flex-direction: row; flex-wrap: nowrap !important; }
	.gc-contenu .wp-block-columns > .wp-block-column:not([style*="flex-basis"]) { flex-basis: 0 !important; flex-grow: 1 !important; width: auto; }
	.gc-contenu .wp-block-columns > .wp-block-column[style*="flex-basis:50%"] { flex-basis: 50% !important; flex-grow: 0 !important; width: auto; }
	.gc-contenu .wp-block-columns > .wp-block-column[style*="flex-basis:33.33%"] { flex-basis: 33.33% !important; flex-grow: 0 !important; width: auto; }
	.gc-contenu .wp-block-columns > .wp-block-column[style*="flex-basis:25%"] { flex-basis: 25% !important; flex-grow: 0 !important; width: auto; }
	.gc-contenu .wp-block-columns > .wp-block-column[style*="flex-basis:100%"] { flex-basis: 100% !important; flex-grow: 0 !important; width: auto; }
	.gc-contenu .wp-block-columns > .wp-block-column[style*="flex-basis:66.67%"] { flex-basis: 66.67% !important; flex-grow: 0 !important; width: auto; }
	.gc-contenu .wp-block-columns > .wp-block-column[style*="flex-basis:16.67%"] { flex-basis: 16.67% !important; flex-grow: 0 !important; width: auto; }
	.gc-contenu .wp-block-columns > .wp-block-column[style*="flex-basis:60%"] { flex-basis: 60% !important; flex-grow: 0 !important; width: auto; }
	.gc-contenu .wp-block-columns > .wp-block-column[style*="flex-basis:40%"] { flex-basis: 40% !important; flex-grow: 0 !important; width: auto; }
	.gc-contenu .wp-block-columns > .wp-block-column[style*="flex-basis:75%"] { flex-basis: 75% !important; flex-grow: 0 !important; width: auto; }
	.gc-contenu .wp-block-columns > .wp-block-column[style*="flex-basis:20%"] { flex-basis: 20% !important; flex-grow: 0 !important; width: auto; }
	.gc-contenu .wp-block-columns > .wp-block-column[style*="flex-basis:83.33%"] { flex-basis: 83.33% !important; flex-grow: 0 !important; width: auto; }
}

/* Images de contenu */
.wp-block-image { margin: 0 0 30px; } /* image-item : 30 px dessous */
.wp-block-image img { border-radius: var(--gc-rayon-petit); }
.wp-block-image.aligncenter, .wp-block-image .aligncenter { text-align: center; }
.gc-hero .wp-block-image img, .gc-card__visuel img, .gc-logos img, .gc-etape__visuel img { border-radius: 0; }

/* Espaceur, détails, citation, embed, tableau */
.wp-block-spacer { clear: both; }
.wp-block-details { background: var(--gc-blanc); border: 1px solid var(--gc-gris-2); border-radius: var(--gc-rayon-petit); padding: 0; margin: 0 0 12px; }
.wp-block-details > summary { cursor: pointer; padding: 16px 44px 16px 20px; font-weight: 700; color: var(--gc-bleu); list-style: none; position: relative; }
.wp-block-details > summary::-webkit-details-marker { display: none; }
.wp-block-details > summary::after { content: ""; position: absolute; right: 18px; top: 50%; width: 10px; height: 10px; border-right: 2px solid var(--gc-bleu); border-bottom: 2px solid var(--gc-bleu); transform: translateY(-70%) rotate(45deg); transition: 0.15s; }
.wp-block-details[open] > summary::after { transform: translateY(-30%) rotate(-135deg); }
.wp-block-details > :not(summary) { padding: 0 20px; }
.wp-block-details > :not(summary):last-child { padding-bottom: 16px; }
/* Dépliants (.gdlr-core-toggle-box-item-tab de la source) : pas de fond, ombre rgba(184,184,184,.3) 2px 3px 6px,
   coins 8 px ; titre NewFarm 14 px, capitales, interlettrage 1 px, #191919, 17 px au-dessus et 27 au-dessous ;
   chevron bleu à droite ; contenu 16 px noir. Ouverts au chargement quand le contenu le dit (attribut open). */
/* Releve du 05/10 a 1440 sur Grands comptes ET sur Recouvrement judiciaire : l'onglet de la source
   fait 654, son texte 591, soit 5 px de retrait a GAUCHE et 58 a DROITE. Nous posions 5 des deux
   cotes PUIS 58 (ou 60) a droite : 63 au total, et 586 px de texte. Cinq pixels, mais la premiere
   ligne du premier volet en demande 589 : elle se cassait en deux chez nous et tenait chez elle.
   Les six lignes suivantes, elles, faisaient deja les memes largeurs au pixel. */
.gc-teaser { background: transparent; border: 0; border-radius: 8px; box-shadow: rgba(184, 184, 184, 0.3) 2px 3px 6px 0; padding: 0 0 0 5px; margin: 0 0 30px; }
.gc-teaser > summary { padding: 17px 58px 27px 0; font: 600 14px/16.8px var(--gc-titres); text-transform: uppercase; letter-spacing: 1px; color: #191919; } /* 16,8 d'interligne : un titre de deux lignes fait 34 comme la source, pas 39 */
.gc-teaser > summary::after { right: 25px; border-color: var(--gc-bleu); } /* 20 + les 5 px de retrait droit retires ci-dessus : le chevron reste ou il etait */
.gc-teaser > :not(summary) { padding: 5px 58px 0 0; font-size: 16px; color: #7b7b7b; } /* #7b7b7b releve sur les deux pages : c'est la couleur du motif, pas celle d'une page */ /* le contenu de la source reste à côté de l'icône flottante de 48 px + 10 : 477 px dans 540 */
.gc-teaser > :not(summary):last-child { padding-bottom: 20px; } /* 20 pour garder le dépliant à 191 après le titre raccourci (la source y met la marge de son paragraphe) */
.gc-contenu .gc-teaser { margin-block: 0 10px; } /* 10 px entre deux dépliants (marge de l'onglet) */
/* Devant un accordéon, le paragraphe qui suit le titre est la légende du titre-item : la source met 10 px
   sous le titre et 30 sous la légende (le padding-bottom de l'item), là où nos règles générales mettaient 30
   et 50. Relevé du 23/09/2026 sur les dix pages concernées : titre 671, légende 768, premier onglet 820 sur
   qonto, et le même enchaînement partout. Factomos est exclu : la source y intercale un lien (« Créez un
   compte GCollect x Factomos », 25 px + 10) que la conversion n'a pas repris, et nos 30 / 50 le compensent.
   ---------------------------------------------------------------------- */
body:not(.page-id-8902) .gc-contenu .wp-block-column > h2:has(+ p + details.gc-teaser) { margin-bottom: 10px; }
body:not(.page-id-8902) .gc-contenu .wp-block-column > p:has(+ details.gc-teaser) { margin-bottom: 30px; color: #747474; }
/* #747474 : la legende d'un titre-item sur fond clair, le meme gris que .gc-accroche porte deja
   sur Tarifs. Ce n'est PAS le #7b7b7b du volet : la source emploie deux gris voisins et distincts. */
.gc-contenu .gc-teaser:last-child, .gc-contenu .gc-teaser:has(+ :not(.gc-teaser)) { margin-bottom: 40px; } /* 10 de l'onglet + 30 de l'item */
/* Variante « titre sur fond » (.gdlr-core-toggle-box-style-background-title-icon, Recouvrement judiciaire) : titre
   sur fond #313787, coins 3, blanc, NewFarm 13 px / 600, capitales, interlettrage 1 px, centré, 23 px 25 px 22 px,
   « + » 15 px devant ; contenu 13 px 0 10 px. La classe est posée dans le contenu. */
.gc-teaser--fond { box-shadow: none; padding: 0; }
.gc-teaser--fond > summary { padding: 23px 25px 22px; background: #313787; border-radius: 3px; color: var(--gc-blanc); font-size: 13px; text-align: center; }
.gc-teaser--fond > summary::before { content: "+"; margin-right: 15px; font-weight: 700; }
.gc-teaser--fond[open] > summary::before { content: "−"; }
.gc-teaser--fond > summary::after { display: none; }
.gc-teaser--fond > :not(summary) { padding: 13px 0 10px; }
.wp-block-quote { margin: 0 0 1em; padding: 20px 24px; border-left: 4px solid var(--gc-vert); background: var(--gc-gris); border-radius: 0 var(--gc-rayon-petit) var(--gc-rayon-petit) 0; }
.wp-block-quote cite { display: block; margin-top: 0.5em; font-style: normal; font-size: 14px; color: var(--gc-encre-2); }
.wp-block-embed { margin: 0 0 30px; }
.wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper { position: relative; aspect-ratio: 16 / 9; }
.wp-block-embed.wp-has-aspect-ratio iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: var(--gc-rayon-petit); }
.wp-block-table { overflow-x: auto; margin: 0 0 30px; }
.wp-block-shortcode { margin: 0 0 1em; }

/* Fil d'Ariane (Yoast) */
/* Fil d'Ariane relevé sur la source (.gdlr-core-breadcrumbs-item) : 16 px, 19 px au-dessus et au-dessous, tout en
   bleu, la page courante en gras, 17 px de part et d'autre du séparateur. Séparateur et libellé d'accueil : functions.php. */
/* Pages légales (mention-legales 731, charte 730, politique 4835) : sur la source, titre dans une enveloppe 0/0 à colonne 60 px
   (h1 + 30 px d'item), pas de fil d'Ariane, contenu à 30 px sous l'enveloppe (50 sur la charte). */
:is(.page-id-731, .page-id-730, .page-id-4835) .gc-contenu > .gc-hero { padding: 60px 0 30px; }
:is(.page-id-731, .page-id-730, .page-id-4835) .gc-fil { display: none; }
:is(.page-id-731, .page-id-730, .page-id-4835) .gc-contenu > .gc-fil + * { margin-top: 30px; }
/* Titres des pages légales : 70 px entre le bloc précédent et le titre, 20 px sous le titre, mesurés sur les
   4 pages (28 titres, tous à 70 / 20 ; listes 66, tableau 80). Les 70 sont portés par le bloc qui précède, pour
   que la boîte du titre reste celle de son texte. (cgu-clients 727 en faisait partie jusqu'à sa réécriture
   du 01/10/2026 : voir plus bas.) */
:is(.page-id-731, .page-id-730, .page-id-4835) .gc-contenu :is(h2, h3) { margin: 0 auto 20px; }
:is(.page-id-731, .page-id-730, .page-id-4835) .gc-contenu :is(p, figure):has(+ :is(h2, h3)) { margin-bottom: 70px; }
:is(.page-id-731, .page-id-730, .page-id-4835) .gc-contenu :is(ul, ol):has(+ :is(h2, h3)) { margin-bottom: 66px; } /* 66 mesurés après une liste (charte : +4 par liste sinon) */
/* CGU Clients 727, réécrites chez la source le 01/10/2026 en un seul item de texte Goodlayers (plus de bandeau ni
   de fil : chez nous le contenu ouvre sur un groupe gc-section, qui écarte le bandeau automatique). Relevé le
   09/10/2026 à 1440 : h1 NewFarm 35 / 42 en 700 bleu sans capitales à 145 du haut, 20 dessous ; h2 et h3 36 / 43,2
   en 700 bleu, 20 dessous ; h4 28 / 33,6, 20 ; paragraphes à 20 dessous partout (pas de 50 ni de 70) ; listes à
   puces et numéros natifs à 35 du bord (texte à x192,5 dans la colonne de 157,5), 16 dessous ; définitions : terme
   en gras, définition à 20 de retrait et 8 dessous, liste à 16 ; tableaux de 1110 à 20 dessous, en-têtes #3740b0
   sur blanc en 400 centrés à 13 / 0, cellules grises centrées à 15 / 0 sur la ligne de base, sans bordure ;
   80 entre le dernier paragraphe et le pied (20 + 30 + 30). */
.page-id-727 .gc-contenu :is(h1, h2, h3, h4) { font-weight: 700; text-transform: none; color: var(--gc-bleu); margin: 0 auto 20px; }
.page-id-727 .gc-contenu h1 { font-size: 35px; line-height: 42px; }
.page-id-727 .gc-contenu h4 { font-size: 28px; line-height: 33.6px; }
.page-id-727 .gc-contenu .gc-section > * { padding-inline: 0; } /* son item de texte fait 1110 de contenu dans la colonne de 1140 ; nos enfants de section portent 15 de rembourrage (item Goodlayers dans une colonne rembourrée) et le texte tombait à 1080 : cinq paragraphes passaient sur une ligne de plus (7.3, 7.8, 8.3, 9.2, 15.4) */
.page-id-727 .gc-contenu .gc-section > :is(p, ul, ol) { margin-bottom: 20px; } /* (0,3,1) devant le « dernier paragraphe à 50 » (0,2,2) */
.page-id-727 .gc-contenu .gc-section > :is(ul, ol) { margin-bottom: 16px; padding-left: 35px; } /* texte à x192,5 et items de 1075, comme sa marge gauche de 35 */
.page-id-727 .gc-contenu .gc-section > :is(dl, table, figure.wp-block-table) { width: calc(100% - 2 * var(--gc-gouttiere)); max-width: var(--gc-conteneur); margin-inline: auto; } /* les blocs HTML ne sont pas dans la liste des enfants bornés de la section ; la figure du bloc tableau perd ses 15 de rembourrage et ses 70 de marge basse */
.page-id-727 .gc-contenu figure.wp-block-table { margin-block: 0 20px; }
.page-id-727 .gc-contenu figure.wp-block-table table { width: 100%; margin: 0; }
.page-id-727 .gc-contenu dl { margin-bottom: 16px; }
.page-id-727 .gc-contenu dt { font-weight: 700; }
.page-id-727 .gc-contenu dd { margin: 0 0 10px 20px; } /* 8 de marge déclarée chez elle, mais 54 de pas entre deux termes (22 + 22 + 10) : liste de 984 */
.page-id-727 .gc-contenu table { margin-bottom: 20px; }
.page-id-727 .gc-contenu :is(thead, tbody, tr) { border: 0; }
.page-id-727 .gc-contenu :is(th, td) { border: 0; text-align: center; vertical-align: baseline; word-break: break-word; } /* break-word : colonnes de 176,5 / 933,5 sur le tableau KREANCIA, 184 / 926 sans */
.page-id-727 .gc-contenu th { padding: 13px 0; background: #3740b0; color: var(--gc-blanc); font-weight: 400; }
.page-id-727 .gc-contenu td { padding: 15px 0; }
.page-id-727 .gc-contenu > .gc-section { padding-bottom: 60px; }
.gc-fil { font-size: 16px; color: var(--gc-bleu); padding: 19px 0; }
.gc-fil a { color: var(--gc-bleu); text-decoration: none; }
.gc-fil a:hover { color: var(--gc-bleu-fonce); }
.gc-fil .breadcrumb_last { color: var(--gc-bleu); font-weight: 700; }
.gc-fil > span > span + span { margin-left: 17px; }
.gc-fil > span > span:has(+ span) { margin-right: 17px; }
/* Tarifs (4267) : son fil d'Ariane porte `padding: 19px 0 2px` — 2 px en bas et non 19.
   Mesure du 05/10 : 43 chez elle contre 60 chez nous, a 1 440 comme a 768. C'est propre a
   cette page : sur Connecteurs son fil fait 60, soit 19/19, et les deux concordent deja. */
.page-id-4267 .gc-fil { padding-bottom: 2px; }

/* Étiquette (catégorie) */
.gc-etiquette { display: inline-block; background: var(--gc-jaune); color: var(--gc-encre); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; padding: 4px 12px; border-radius: 20px; text-decoration: none; margin-bottom: 12px; }

/* =========================================================================
   6. Composants issus du builder
   ====================================================================== */
/* Cartes (column-service, feature-box) */
.gc-card { background: var(--gc-blanc); border-radius: var(--gc-rayon); padding: 28px 24px; box-shadow: var(--gc-ombre); height: 100%; text-align: center; }
.gc-card > * { margin-inline: auto; }
.gc-card__visuel { margin: 0 auto 16px; }
.gc-card__visuel img { max-height: 120px; object-fit: contain; } /* pas de width: auto — il annulait l'attribut et la boîte valait 0 avant chargement ; object-fit garde le rapport quand la hauteur est rognée */
.gc-card__titre { font-size: 18px; margin-bottom: 0.4em; }
.gc-card__sous-titre { color: var(--gc-encre-2); }
.gc-card p:last-child { margin-bottom: 0; }
.gc-card__lien a { font-weight: 700; text-decoration: none; }
.gc-card__lien a::after { content: " →"; }
/* Cartes « Nos atouts », relevées sur la source (composant feature-box) : pas de bordure mais une ombre portée
   rgba(0,0,0,.1) 15px 15px 40px, coins 15 px, fond blanc, padding 50/40/40 ; numéro en NewFarm 14 px bleu,
   titre en NewFarm 18 px noir ; les lignes de la liste sont centrées et séparées par un point bleu de 6 px. */
.gc-page .gc-card--encadree, .gc-page .wp-block-column > .gc-card--encadree { border: 5px solid var(--gc-blanc); background: transparent; border-radius: 30px; padding: 25px 15px 35px; margin: 20px 35px 20px; height: auto; box-shadow: none; } /* feature-box-frame : 20 px dans le feature-box ; le padding-top de la colonne (50 sur l'accueil, 30 sur connecteurs) est porté par la colonne */
.home .gc-section--bg-1826 > .wp-block-columns > .wp-block-column { padding-top: 50px; padding-inline: 0; } /* column-content-margin des atouts : 50 px ; la gouttière de 15 px passe dans la marge de la carte, pour une carte de 320 dans 380 */
/* Nos atouts, relevé du 01/10 à 1280 : la source est repassée à la carte PLEINE décrite en tête de bloc —
   320 × 497 à hauteurs synchronisées dans des colonnes de 380, là où elle montrait jusqu'ici un cadre de
   280 × (544 / 595 / 437). Ce n'est pas le portage qui était faux : c'est la source qui a bougé.
   La règle générique au-dessus garde le cadre, qui reste juste sur la page 940 (l. 1146).
   À noter : le commentaire de tête décrivait déjà la carte pleine pendant que la règle posait un cadre.
   Un commentaire qui contredit sa règle est un piège pour le prochain lecteur — il a coûté une relecture.
   Les hauteurs ne sont PAS égalisées : la source rend 497 / 477 / 497. Un premier jet posait flex: 1 sur
   la carte — une sur-correction, retirée après mesure des trois cartes et non d'une seule. */
.home .gc-section--bg-1826 > .wp-block-columns > .wp-block-column > .gc-card--encadree { margin: 0 30px; padding: 50px 40px 40px; border: 0; border-radius: 15px; background: var(--gc-blanc); box-shadow: rgba(0, 0, 0, 0.1) 15px 15px 40px; height: auto; } /* (0,5,0) : .gc-page .wp-block-column > .gc-card--encadree est à (0,3,0), mais une égalité se jouerait à l'ordre du fichier */
/* Relevé du 09/10/2026 à 1440, 1140, 1000, 999, 768, 767 et 375 (0.1.325). Le wrapper de la source change de
   rembourrage avec la largeur : 60 / 30 à partir de 1000, 20 / 20 de 768 à 999, 5 / 5 jusqu'à 767. La carte
   (feature-box-item) est toujours à 30 des bords de colonne : 320 dans 380 à 1440, 285 dans 345 à 375 ; sous
   768 notre colonne porte déjà 15 de rembourrage, la marge de la carte passe donc à 15. Avant : 60 / 30 et
   carte de 255 à 375, d'où 1937,6 contre 1819,6 (colonne 2 : la liste revenait plus souvent à la ligne). */
@media (max-width: 999px) { .home .gc-section--bg-1826 { padding-block: 20px; } }
@media (max-width: 767px) {
	.home .gc-section--bg-1826 { padding-block: 5px; }
	.home .gc-section--bg-1826 > .wp-block-columns > .wp-block-column > .gc-card--encadree { margin-inline: 15px; }
}
.gc-page .gc-card--encadree > .gc-card__visuel { margin: 0 0 37px !important; padding: 0; }
.gc-page .gc-card--encadree > .gc-card__visuel img { max-height: 140px; object-fit: contain; }
.gc-page .gc-card--encadree > .gc-card__chiffre { font: 700 14px/1.2 var(--gc-titres); margin: 0 0 10px; color: var(--gc-bleu); }
.gc-page .gc-card--encadree > .gc-card__titre { margin: 0 0 18px; line-height: 18px; }
.gc-page .gc-card--encadree > ul { margin: 0; padding-bottom: 10px; } /* la liste porte 10 px de padding, pas de marge (3e cadre : 437) */
/* Accueil, calculateur : colonne du titre à 15 px, légende à 10 px sous le titre, 30 px d'item dessous (source 450 = 60 + 15 + 173 + 10 + 132 + 30 + 30) */
/* À 375 (relevé du 09/10/2026, 0.1.327) : son titre est un inline-block qui prend la largeur de son mot le plus
   long, « COMPENSATOIRE » (329,8 dans une colonne de 315) ; le mot déborde de 14,8 dans la gouttière et le
   titre tient sur quatre lignes (172,8). Le nôtre est un bloc de 315 et la coupure de mot globale de
   .gc-contenu (overflow-wrap: break-word) le cassait en « COMPENSATOIR / E » : cinq lignes, 215,9, section
   de 1192,9 contre 1149,8. Sans coupure, même débordement qu'elle (30 → 359,8, pas de défilement à 375). */
.gc-id-calculateur h2 { overflow-wrap: normal; width: fit-content; } /* fit-content (0.1.328) : comme son inline-block, le titre prend au moins la largeur de son plus long mot (329,8) et y replie ses lignes : à 768 et 1000 il déborde de sa colonne de 221 / 288 dans celle du simulateur (550 et 471,8 de section comme elle, contre 558,9 et 514,9). Pas de marges automatiques ici : il est dans une colonne, pas directement dans la section */
.gc-section:has(.gc-simulateur) > .wp-block-columns > .wp-block-column:first-child { padding-top: 15px; }
.gc-section:has(.gc-simulateur) .wp-block-column > h2 { margin-bottom: 10px; }
.gc-section:has(.gc-simulateur) .wp-block-column > h2 + p:not(:has(+ p)) { margin-bottom: 30px; }
.wp-block-column > .gc-simulateur { margin-block: 15px 45px; } /* 45 et non 46 (0.1.275) : 15 de marge sous le cadre, puis les 30 de l'item ; le pixel de trop etait le +1 de la section a 1440 comme a 375 */ /* 15 + 286 + 15 dans un item de 316, puis 30 d'item */ /* calculator-border de la source : 286 à 15 px de marge dans un item de 316 */
.gc-page .gc-card--encadree > p:last-child, .gc-page .gc-card--encadree > figure:last-child { margin: 5px 0 20px !important; }
.gc-card__chiffre { font: 700 14px var(--gc-titres); color: var(--gc-bleu); margin-bottom: 0.2em; }
.gc-card--encadree .gc-card__titre { color: var(--gc-encre); font: 500 18px var(--gc-titres); }
.gc-card--encadree ul { list-style: none; margin: 0; padding: 0; text-align: center; }
.gc-card--encadree li { position: relative; margin-top: 25px; font-size: 15px; color: var(--gc-encre); }
.gc-card--encadree li + li::before { content: ""; position: absolute; top: -15px; left: 50%; width: 6px; height: 6px; border-radius: 50%; background: var(--gc-bleu); transform: translateX(-50%); }
.gc-card--encadree li a { color: var(--gc-bleu); text-decoration: none; }
.wp-block-column > .gc-card { margin: 0; }
/* Cartes-logos sans titre (page Connecteurs) : pas de boîte */
.gc-card:not(:has(.gc-card__titre)):not(:has(p:not(.gc-card__lien))) { box-shadow: none; padding: 12px; }
.gc-section.has-background[style*="#3c4bff"] .gc-card { background: var(--gc-blanc); color: var(--gc-encre); }
.gc-section.has-background[style*="#3c4bff"] .gc-card :is(h3, h4, p) { color: var(--gc-encre); }
.gc-section.has-background[style*="#3c4bff"] .gc-card .gc-card__chiffre { color: var(--gc-bleu); }

/* Section « pleine gauche » (.full-left de la source) : fond gris du bord gauche de la fenêtre au bord droit du
   conteneur, coins 25 px à droite, 40 px au-dessus et 30 px au-dessous de la carte, 30 px de marge intérieure ;
   les éléments qu'elle contient (colonnes-services) n'ont ni carte blanche ni ombre, et sont centrés. La classe
   est posée dans le contenu, la couleur de fond en ligne du groupe est neutralisée. */
.gc-section--pleine-gauche { position: relative; isolation: isolate; background: transparent !important; padding: 70px 0 60px; }
.gc-section--pleine-gauche.gc-pg--60-30::before { top: 60px; } /* enveloppe .full-left sans padding en ligne : 60 px au-dessus du cadre gris (anytime) */
.gc-section--pleine-gauche::before { content: ""; position: absolute; z-index: -1; top: 40px; bottom: 30px; left: 0; right: max(var(--gc-gouttiere), calc(50% - var(--gc-conteneur) / 2)); background: var(--gc-gris); border-radius: 0 25px 25px 0; }
.gc-section--pleine-gauche .gc-card { background: transparent; box-shadow: none; padding: 30px 30px 60px; }
.gc-section--pleine-gauche > .gc-card { padding: 0 0 30px; } /* item posé hors colonne (« Aucune obligation… » de comment-ca-marche) : pas de column-content-margin */
.gc-section--pleine-gauche > :is(h2, h3) { margin-bottom: 10px; } /* title-item à 10 px de padding-bottom dans les .full-left (kwote « POURQUOI… », comment-ca-marche « 3 ÉTAPES… ») */ /* column-content-margin 30 px sur 4 côtés + item 30 px (mesure kwote 21/09) */ /* colonne 360 → contenu 270 (30 px de marge de colonne + 15 px d'item), relevé sur 15 pages */
/* Le conteneur de la source y a 30 px de marge intérieure de plus (titres à 268 px, colonnes de 1080). */
.gc-section--pleine-gauche > :where(p, h1, h2, h3, h4, ul, ol, figure, blockquote, .wp-block-buttons, .wp-block-details, .wp-block-embed, .wp-block-quote, .wp-block-image) { padding-inline: 45px; }
/* Les 45 px valent a partir de 768 : sous ce seuil la source ramene le retrait a 30, soit
   15 px de son conteneur plus 15 ici. Releve le 07/10/2026 : retrait de 30 a 375, 719, 720
   et 767, de 45 des 768 ; son conteneur passe lui aussi de 15 / 15 a 30 / 30.
   Avec 45, notre titre n'avait que 240 px de texte au lieu de 300 et prenait une ligne de
   plus : 302 au lieu de 259 sur « OBTENEZ LE PAIEMENT DE VOTRE FACTURE ».
   La rangee perd en plus la gouttiere de 20 px que WordPress pose sur les colonnes
   empilees et que la source n'a pas -- 20 px par etape, soit 60 sur les trois.
   Effet sur la section, sans puis avec, contre la source :
     aston-itf           1872 -> 1789  (1786)
     grands-comptes      1678 -> 1592  (1592)  exact
     smart-recouvrement  1786 -> 1746  (1700)
     temoignages-clients 6604 -> 6400  (6338)
     comment-ca-marche   2666 -> 2292  (1796)  garde un defaut qui lui est propre
   Le +86 identique sur trois pages est la signature du meme defaut. */
@media (max-width: 767px) {
	.gc-section--pleine-gauche > :where(p, h1, h2, h3, h4, ul, ol, figure, blockquote, .wp-block-buttons, .wp-block-details, .wp-block-embed, .wp-block-quote, .wp-block-image) { padding-inline: 15px; }
	/* le gap: 0 de 0.1.270 est devenu la regle generale du bloc 782 (0.1.271) */
}
.gc-section--pleine-gauche > .wp-block-columns { padding-inline: 30px; }
.gc-section--pleine-gauche .gc-card__visuel img { max-height: none; } /* la source affiche le visuel à sa taille (252 px sur Tarifs, 103 sur Comment ça marche) */
/* Meme cas sur « Ils ont integre » (Connecteurs) : les deux dernieres cartes portent le MEME
   fichier que la source, avec les memes attributs 126 x 184, et nous le rognions a 120. D'ou des
   cartes de 382 pour 439, soit 57 px par carte et 60 sur la section. Les trois premieres cartes,
   a 100, 90 et 86, passaient sous le plafond : il ne se voyait nulle part ailleurs. */
:is(.gc-id-integre, .gc-id-connecteurs) .gc-card__visuel img { max-height: none; }
/* La grille des connecteurs est dans le meme cas pour UNE carte sur dix-huit : le visuel de
   Factomos declare 130 et la source le rend a 130 ; nous le rognions a 120. Les dix-sept autres
   sont entre 36 et 82, donc sous le plafond — il ne se voyait que la. */
/* Et 28 px sous le visuel, non 30 : releve le 05/10 a 1440 sur les DEUX sections a cartes de
   Connecteurs — « ils recommandent » et « ils ont integre » — donc valeur du motif et non d'une
   section. C'est deja ce que .gc-section--pleine-gauche pose plus bas, pour la meme raison.
   Borne a cette page tant que les autres n'ont pas ete remesurees : elles ont ete validees avec
   30, et 2 px par carte s'y verraient. */
.page-id-940 .gc-card__visuel { margin-bottom: 28px; }
/* Et 20 px de hauteur de ligne au « En savoir plus » des cartes, non 18 : son bloc de lien occupe
   20 px sur les quatre rangees de « ils recommandent » (releve du 05/10 a 1440), le notre 18.
   Deux pixels par carte, huit sur la section. Borne a cette page, comme la marge ci-dessus.
   Meme cause sur temoignages-clients (944), relevee le 08/10/2026 a 375 et 1440 : son « Lire »
   est un inline-block de 18 dans la ligne de 20 du paragraphe a 15 px, notre p a 13 px fait 18.
   Douze cartes, deux pixels chacune : 429 / 429 / 418 au lieu de 431 / 431 / 420 a 375, rangees
   de 449 / 533 / 595 / 595 au lieu de 451 / 535 / 597 / 597 a 1440. Apres : section de 2406,5 a
   1440 comme elle ; 6290 a 375 contre 6247, les 43 restants etant son h2 de 321 px rogne dans la
   colonne de 315 (une ligne de moins, titres rognes, decision en attente). (0.1.298) */
:is(.page-id-940, .page-id-944) .gc-card__lien { line-height: 20px; }
.gc-section--pleine-gauche .gc-card__visuel { margin-bottom: 28px; }

/* Logos partenaires. Le titre « NOS PARTENAIRES » est un h3 de 15 px sur la source (style en ligne), en
   inline-block dans un bloc de 22 (texte à +4), suivi des 30 de rembourrage bas du title-item : le diaporama
   commence à 52 du haut du titre (relevé le 09/10/2026 à 1440, 1024, 768, 767, 640, 480 et 375 : identique).
   Les 65 de la capture du 17/09 mesuraient jusqu'au logo le plus haut, pas jusqu'au bloc. (0.1.320) */
.gc-section:has(> .gc-logos) > h3 { font-size: 15px; margin: 4px 0 30px; }
.gc-logos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 32px 48px; padding: 16px 0; }
.gc-logos .wp-block-image { margin: 0; }
.gc-logos img { max-height: 70px; object-fit: contain; filter: grayscale(1); opacity: 0.75; transition: 0.2s; }
.gc-logos img:hover { filter: none; opacity: 1; }
/* Carrousel (app.js) : piste, fenêtre, flèches, points ; chaque bloc fixe son nombre d'éléments visibles. */
.est-carrousel { position: relative; }
.gc-carrousel__fenetre { overflow: hidden; }
.gc-carrousel__piste { display: flex; align-items: center; transition: transform 0.8s; }
.gc-carrousel__piste > * { flex: 0 0 calc(100% / var(--gc-carrousel-visibles, 3)); margin: 0; }
.gc-carrousel__fleche { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -35px; padding: 0; border: 0; border-radius: 50%; background: #8c8c8c; cursor: pointer; }
.gc-carrousel__fleche::before { content: ""; position: absolute; top: 10px; width: 9px; height: 9px; border: solid var(--gc-blanc); border-width: 0 2px 2px 0; }
.gc-carrousel__fleche--prec { left: 0; }
.gc-carrousel__fleche--prec::before { left: 12px; transform: rotate(135deg); }
.gc-carrousel__fleche--suiv { right: 0; }
.gc-carrousel__fleche--suiv::before { left: 8px; transform: rotate(-45deg); }
.gc-carrousel__fleche:hover { background: var(--gc-bleu); }
/* « gap » vaut 12 et non 10 : avec des points de 12 px, un pas de 22 ferait se CHEVAUCHER les cibles de 24, et
   axe compte l'espace utilisable, pas la boîte. « min-height » rend au conteneur les 22 px que lui donnait la
   ligne de texte des <li> — sans elle, tout le bloc qui suit remontait de 10 px. */
.gc-carrousel__points { display: flex; justify-content: center; align-items: center; gap: 12px; min-height: 22px; margin: 24px 0 0; padding: 0; list-style: none; }
/* WCAG 2.2 (2.5.8) demande une cible de 24 px. Le point reste visuellement de 12 : le bouton passe à 24 et ses
   marges négatives lui rendent exactement sa place, donc ni la hauteur du conteneur ni le pas ne bougent. */
.gc-carrousel__points button { display: grid; place-items: center; width: 24px; height: 24px; margin: -6px; padding: 0; border: 0; background: none; cursor: pointer; }
.gc-carrousel__points button::before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background: #9aa3ff; }
.gc-carrousel__points button[aria-current="true"]::before { background: var(--gc-bleu); }
/* Partenaires, relevé sur la source le 17/09/2026 : trois logos par vue, en couleur, flèches rondes grises de
   30 px de part et d'autre, points de 12 px sous la piste (actif bleu, les autres #9aa3ff). */
/* Gabarit du diaporama (Logo Showcase + slick), relevé le 09/10/2026 à 1440, 1024, 768, 767, 640, 480 et 375 :
   le bloc fait le conteneur moins 30 (1110, 979, 723, 440, 440, 420, 315), les flèches de 30 occupent ses bords
   et la piste fait 60 de moins (1050, 919, 663, 380, 380, 360, 255). Chaque diapositive fait un tiers de la piste
   moins 5 de chaque côté (340 à 1440) et son logo s'affiche à sa taille naturelle plafonnée à cette largeur
   (FFT 1956 × 652 → 340 × 113,3 ; Finance Innovation 340 × 100 ; Bpifrance 456 × 125 → 93,2 ; Paris&Co svg
   1526 × 243 → 54,1) ; la piste prend la hauteur du plus haut (113,3 à 1440, 81,7 à 375), les autres centrés.
   Flèches centrées sur la piste puis descendues de 10 : notre bloc fait piste + 8 + 22, d'où 50 % − 20.
   Points à 8 sous la piste, 22 de haut, puis 20 (reste du rembourrage de l'item) et 30 de section.
   Section : 60 + 22 + 30 + piste + 8 + 22 + 20 + 30 = 305,3 à 1440, 273,7 à 375 comme elle.
   Diapositives visibles au chargement de la page (ce que voit un visiteur, relevé en chargements frais le
   09/10/2026 : 1440, 1024, 1023, 900, 800, 768 → 3 ; 767, 700, 641 → 2 ; 640, 620, 600, 540, 520, 480, 375 → 1) :
   3 à partir de 768, 2 de 641 à 767, 1 jusqu'à 640. Après un redimensionnement, slick réévalue autrement
   (3 à 641, 2 à 480) : on suit le chargement. (0.1.321)
   Mode centre (slick centerMode) : la diapositive courante est au milieu des 3 (à droite des 2, seule à 1),
   ses voisines à scale(.7) et opacité .5 (transition 300 ms) au-dessus de 641, toutes à 1 en dessous
   (« screen and (max-width: 641px) » chez elle) ; au chargement FFT est au centre, Paris&Co à sa gauche,
   et le point actif est celui du centre. (0.1.321, app.js : option « centre ») */
.gc-logos.est-carrousel { --gc-carrousel-visibles: 3; display: block; width: calc(100% - 30px); max-width: calc(var(--gc-conteneur) - 30px); padding: 0 30px; }
.gc-logos .gc-carrousel__piste > .gc-logos__item { padding: 0 5px; text-align: center; }
.gc-logos.est-carrousel img { max-height: none; filter: none; opacity: 1; }
.gc-logos.est-carrousel > .gc-carrousel__fleche { margin-top: -20px; } /* (0,3,0) devant les −35 du carrousel générique */
.gc-logos.est-carrousel > .gc-carrousel__points { margin: 8px 0 20px; } /* (0,3,0) devant les 46 de la règle générale des listes en fin de bloc */
@media (max-width: 767px) { .gc-logos.est-carrousel { width: calc(100% - 60px); } } /* sous 768 son conteneur a 15 de rembourrage de chaque côté en plus du retrait de 15 de l'item : 315 à 375, 420 à 480 */
.gc-logos.est-carrousel .gc-carrousel__piste > .gc-logos__item { opacity: 0.5; transform: scale(0.7); transition: transform 0.3s, opacity 0.3s; }
.gc-logos.est-carrousel .gc-carrousel__piste > .est-centre { opacity: 1; transform: none; }
@media (max-width: 767px) { .gc-logos.est-carrousel { --gc-carrousel-visibles: 2; } }
@media (max-width: 641px) { .gc-logos.est-carrousel .gc-carrousel__piste > .gc-logos__item { opacity: 1; transform: none; } }
@media (max-width: 640px) { .gc-logos.est-carrousel { --gc-carrousel-visibles: 1; } }

/* Livres blancs */
.gc-docs { background: var(--gc-gris); border-radius: 0 var(--gc-rayon) var(--gc-rayon) 0; padding: 32px; }
.gc-docs > h3 { text-align: left; margin-bottom: 0; }
/* Sur l'accueil, la source (.full-left) fait courir le fond gris du bord gauche de la fenêtre au bord droit du
   conteneur, coins 25 px à droite (miroir des témoignages) ; le texte reste à 76 px du bord du conteneur, à 30 px du
   haut. Mesuré sur 360 le 17/09/2026 : colonne de −7 à 895 pour un conteneur 38 → 895, h3 à 76. */
.wp-block-column:has(> .gc-docs) { min-width: calc(50% + 50vw); margin-left: calc(50% - 50vw); padding: 0 0 0 calc(50vw - 50%); border-radius: 0 25px 25px 0; }
.wp-block-column:has(> .gc-docs) > .gc-docs { padding: 30px 30px 30px 76px; }
@media (max-width: 800px) {
	.wp-block-column:has(> .gc-docs) { min-width: 0; margin-left: 0; padding: 0; border-radius: 25px; }
	.wp-block-column:has(> .gc-docs) > .gc-docs { padding: 24px; border-radius: 25px; }
}
.gc-docs > p { color: #0000ff; font-size: 18px; } /* « Téléchargez nos conseils… » : rgb(0, 0, 255) sur la source */
.gc-docs > .gc-docs__liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 24px; } /* 5 documents sur une ligne dès 1000 px, comme la source ; deux classes pour passer devant la règle de layout de WordPress */
.gc-doc { background: var(--gc-blanc); border-radius: var(--gc-rayon-petit); padding: 16px; box-shadow: var(--gc-ombre); }
.gc-doc__cover img { width: 100%; aspect-ratio: 150 / 210; object-fit: cover; border-radius: 8px; }
.gc-doc__titre { font-size: 15px; margin: 12px 0 6px; }
.gc-doc__titre a { text-decoration: none; }
.gc-doc__extrait, .gc-doc__extrait p { font-size: 13px; color: var(--gc-encre); margin: 0; } /* extrait noir sur la source */
/* « En savoir plus … » en carrousel (app.js), relevé sur la source le 17/09/2026 (slick : 3 documents par vue, 1 sous
   719 px, points seuls, en haut à droite à hauteur du sous-titre ; .dl-block : couverture 106 × 141 à gauche, coins
   10 px, titre 15 px gras #0000ff, extrait 13 px / 1,846, texte à 20 px de la couverture). */
.gc-docs > .gc-docs__liste.est-carrousel { --gc-carrousel-visibles: 3; display: block; }
.gc-docs__liste.est-carrousel .gc-doc { display: grid; grid-template-columns: 100px auto; align-content: start; background: transparent; box-shadow: none; border-radius: 0; padding: 0 10px; }
.gc-docs__liste.est-carrousel .gc-doc__cover { grid-row: 1 / span 2; margin: 0; }
.gc-docs__liste.est-carrousel .gc-doc__cover img { width: 106px; max-width: none; height: 141px; aspect-ratio: auto; object-fit: cover; border-radius: 10px; } /* 106 dans une colonne de 100, comme .dl-featured */
.gc-docs__liste.est-carrousel .gc-doc__titre { margin: 0; padding: 0 20px; font-size: 15px; line-height: 1.25; }
.gc-docs__liste.est-carrousel .gc-doc__titre a { color: #0000ff; }
.gc-docs__liste.est-carrousel .gc-doc__extrait { padding: 0 20px; margin-top: 8px; line-height: 1.846; }
.gc-docs__liste.est-carrousel .gc-carrousel__piste { align-items: start; }
.gc-docs__liste.est-carrousel .gc-carrousel__points { position: absolute; top: -50px; right: 0; margin: 0; gap: 0; }
.gc-docs__liste.est-carrousel .gc-carrousel__points button { margin: -4.5px 0.5px; }
.gc-docs__liste.est-carrousel .gc-carrousel__points button::before { width: 15px; height: 15px; }
@media (max-width: 719px) {
	.gc-docs > .gc-docs__liste.est-carrousel { --gc-carrousel-visibles: 1; }
	.gc-docs__liste.est-carrousel .gc-carrousel__points { position: static; margin-top: 20px; }
}

/* Témoignages */
/* Sous l'article, dans l'ordre de la source : « Articles Similaires » (titre YARPP : 41 px, 800, centré, 40 px
   au-dessus et au-dessous) puis « En savoir plus … » en carte grise du bord gauche de la fenêtre au conteneur
   (.full-left, comme sur l'accueil), 60 px de marge intérieure en haut et en bas. */
/* « Articles similaires » sous un article, relevé du 13/10/2026 à 1440 sur 5163 (gabarit YARPP de la source) : bloc à 139 sous la fin
   du contenu ; titre NewFarm 41 / 49,2 en 800, bleu, centré, 5 de rembourrage bas (54), 40 de marge dessous ; rangée de 1170
   (−15 de chaque côté) en trois colonnes de 390 à 15 de rembourrage ; carte de 300 sans fond, rayon 15, ombre 14,849 / 14,849 /
   40 à 10 %, les cartes 1 et 3 descendues de 50 (rangée de 555) ; étiquette de catégorie jaune à cheval sur le haut (10 px gras
   capitales, 10 / 20, 32 de haut, coins bas arrondis de 7) ; vignette 300 × 123 étirée à 300 × 200, coins hauts arrondis ; zone
   de texte de 305 à 20 / 20 / 50 : titre Open Sans 20 gras noir sur trois lignes au plus (81), extrait 15 / 22 sur six lignes au
   plus (132) ; toute la carte est un lien, survol : vignette à 50 % et zoom. Sous 768 la source fait défiler sept cartes ; chez
   nous les trois cartes s'empilent (écart volontaire, à reprendre si besoin). */
/* Relevé du 13/10/2026 à 1440 et 375 (5163) : la colonne de contenu de la source garde 75 de rembourrage bas, puis le bloc a 64 de marge haut et bas ; à 1440 (colonne de contenu plus haute que la colonne de droite) cela fait 139 sous le contenu, à 375 cela fait contenu, 75, colonne, 64, bloc, 64, documents, 22, pied */
.gc-article__principal { padding-bottom: 75px; }
.gc-article__similaires { margin-top: 64px; margin-bottom: 64px; }
.gc-article__similaires > h3 { font-size: 41px; line-height: 1.2; font-weight: 800; color: var(--gc-bleu); text-align: center; text-transform: capitalize; margin: 40px 0; padding: 0 0 5px; }
.gc-similaires { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.gc-similaire { width: 33.3333%; padding: 0 15px; box-sizing: border-box; margin: 0; }
/* Hauteur de carte suivant le titre (relevé du 13/10/2026 sur 1717 : 483 avec un titre sur deux lignes, 505 sur trois ; min-height 483 chez la source) */
.gc-similaire__carte { position: relative; width: 300px; min-height: 483px; margin: 50px auto 0; border-radius: 15px; box-shadow: 14.849px 14.849px 40px rgba(0, 0, 0, .1); }
.gc-similaire:nth-child(2) > .gc-similaire__carte { margin-top: 0; }
.gc-similaire__terme { position: absolute; top: 1px; left: 0; right: 0; z-index: 1; text-align: center; font-size: 10px; line-height: 12px; }
/* Une seule pastille jaune pour toute la liste des catégories (relevé du 13/10/2026 à 1440 sur 1717 : « Articles, Guides » 134,7 de large ; 5163 : « Dossier Recouvrement » 173,9), libellé en NewFarm comme chez la source (en Open Sans il faisait 126,2 au lieu de 133,9) */
.gc-similaire__terme-pastille { display: inline-block; padding: 10px 20px; background: var(--gc-jaune); color: var(--gc-bleu); border-radius: 0 0 7px 7px; font-family: var(--gc-titres); font-weight: 700; text-transform: uppercase; }
.gc-similaire__terme a { color: inherit; text-decoration: none; }
.gc-similaire__lien { display: block; color: inherit; text-decoration: none; }
.gc-similaire__image { display: block; height: 200px; border-radius: 15px 15px 0 0; overflow: hidden; background: #000; }
.gc-similaire__image img { display: block; width: 300px; height: 200px; object-fit: fill; border-radius: 0; transition: opacity 300ms ease-out, transform 300ms ease-out; }
.gc-similaire__lien:hover img { opacity: .5; transform: scale(1.1); }
/* Zone de texte à hauteur libre : 20 dessus, titre, extrait, 72 dessous (50 de rembourrage + la ligne de 22 du « lire la suite » vide de la source) : 278 ou 305 de haut */
.gc-similaire__info { display: block; box-sizing: border-box; padding: 20px 20px 72px; }
/* Titre coupé à trois lignes et extrait à six, avec points de suspension (relevé du 13/10/2026 : -webkit-line-clamp 3 et 6, text-overflow ellipsis, word-break break-word chez la source). Interligne du titre fixé à 27 (54 sur deux lignes, 81 sur trois) : avec « normal », un emoji dans le titre donnait 82 (2350) */
.gc-similaire__titre { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-word; font: 700 20px/27px var(--gc-corps); color: #000; }
.gc-similaire__extrait { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; text-overflow: ellipsis; word-break: break-word; font: 400 15px/22.005px var(--gc-corps); color: #000; }
/* Bouton « Lire la suite » en bas à droite de la carte (relevé du 13/10/2026 à 1440 : pseudo-élément de 121,9 × 36 chez la source, 8 / 25, NewFarm 10 / 20 capitales, jaune sur bleu, coin bas droit arrondi à 15 comme la carte) */
.gc-similaire__lien::after { content: "Lire la suite"; position: absolute; right: 0; bottom: 0; padding: 8px 25px; background: var(--gc-jaune); color: var(--gc-bleu); font: 700 10px/20px var(--gc-titres); text-transform: uppercase; border-radius: 0 0 15px 0; }
@media (max-width: 767px) {
	.gc-article__similaires > h3 { font-size: 40px; }
	.gc-similaires { display: block; margin: 0; }
	.gc-similaire { width: auto; padding: 0; }
	.gc-similaire__carte, .gc-similaire:nth-child(2) > .gc-similaire__carte { margin: 0 auto 30px; }
	/* Carrousel de la source sur mobile (slick, relevé du 13/10/2026 à 375 avec un navigateur de téléphone) : une carte visible, piste de la largeur de l'écran (375 pour un bloc de 345), cartes de 525 (505 + 20 de rembourrage bas, toutes à la hauteur de la plus haute), glissement de 500 ms, balayage, pas de flèches ni de défilement automatique, trois points de 15 à 10 d'écart (#3c4bff actif, #9aa3ff) dans une boîte de 80 × 22 centrée qui chevauche le bas des cartes (de 517 à 539 pour une piste de 525) */
	.gc-similaires.est-carrousel { --gc-carrousel-visibles: 1; position: relative; display: block; margin: 0 -15px; }
	.gc-similaires.est-carrousel .gc-carrousel__piste { align-items: stretch; transition: transform 0.5s; }
	.gc-similaires.est-carrousel .gc-similaire { width: 100%; padding: 0; }
	.gc-similaires.est-carrousel .gc-similaire__carte { box-sizing: border-box; height: 100%; min-height: 503px; margin: 0 auto; padding-bottom: 20px; }
	.gc-similaires.est-carrousel .gc-carrousel__points { position: absolute; left: 50%; bottom: -9px; box-sizing: border-box; width: 80px; height: 15px; min-height: 0; margin: 0 0 0 -40px; padding: 0; gap: 0; justify-content: flex-start; align-items: center; }
	.gc-similaires.est-carrousel .gc-carrousel__points li { display: flex; line-height: 0; }
	.gc-similaires.est-carrousel .gc-carrousel__points button { width: 15px; height: 15px; margin: 0 5px; }
	.gc-similaires.est-carrousel .gc-carrousel__points button::before { width: 15px; height: 15px; }
}
/* Bloc « En savoir plus … » sous l'article, relevé du 13/10/2026 à 1440 et 375 sur 5163 chez la source (.post-dl) : boîte simple de 1140 (#f8f8f8, rayon 25, sans la bande étirée à gauche de l'accueil), 64 sous les articles similaires et 22 avant le pied (un <br>), rembourrage 60 / 45 / 60 (60 / 45 / 90 à 375 où la boîte prend toute la largeur), titre NewFarm 36 / 43,2 en 700, texte de 18 avec 30 dessous, carrousel débordant de 15 de chaque côté (1080 pour 1050 de texte ; 315 pour 285 à 375), cartes en grille 100 + le reste (vignette 100 × 141 à rayon 10, textes à 20 des bords : titre 16 / normal en 15 gras bleu avec 16 dessous, résumé 13 / 24), toutes à la hauteur de la plus haute ; points de 15 à 50 au-dessus du carrousel, à droite (à 62 dessous, centrés, à 375) */
.gc-article__docs { position: relative; isolation: isolate; margin-top: 64px; margin-bottom: 22px; padding: 0; }
.gc-article__docs::before { content: ""; position: absolute; z-index: -1; inset: 0; background: var(--gc-gris); border-radius: 25px; }
.gc-article__docs .gc-docs { background: transparent; border-radius: 0; padding: 60px 45px; }
.gc-article__docs .gc-docs > h3 { font-size: 36px; line-height: 1.2; font-weight: 700; }
.gc-article__docs .gc-docs > p { margin-bottom: 30px; }
.gc-article__docs .gc-docs > .gc-docs__liste { margin: 0 -15px; }
.gc-article__docs .gc-docs__liste.est-carrousel .gc-carrousel__piste { align-items: stretch; }
.gc-article__docs .gc-docs__liste.est-carrousel .gc-doc { grid-template-columns: 100px minmax(0, 1fr); grid-template-rows: auto auto 1fr; padding: 0; } /* troisième rangée élastique : la vignette de 141 qui enjambe les rangées gonflait sinon le titre et le résumé de 7 chacun */
.gc-article__docs .gc-docs__liste.est-carrousel .gc-doc__cover { grid-row: 1 / span 3; }
.gc-article__docs .gc-docs__liste.est-carrousel .gc-doc__cover img { width: 100px; }
.gc-article__docs .gc-docs__liste.est-carrousel .gc-doc__titre { margin: 0 0 16px; font-size: 16px; line-height: normal; }
.gc-article__docs .gc-docs__liste.est-carrousel .gc-doc__titre a { font-size: 15px; }
.gc-article__docs .gc-docs__liste.est-carrousel .gc-doc__extrait { margin-top: 0; }
.gc-article__docs .gc-docs__liste.est-carrousel .gc-doc__extrait p { line-height: normal; } /* un extrait en paragraphe (document 6250 / 20188) : 3 lignes de 18 = 54 chez la source (« .financity-body p »), 24 par ligne pour le texte nu */
.gc-article__docs .gc-docs__liste.est-carrousel .gc-carrousel__points button { margin: -6.5px 0.5px -2.5px; }
@media (max-width: 767px) {
	.gc-article__docs { width: auto; margin-left: 0; margin-right: 0; }
	.gc-article__docs .gc-docs { padding: 60px 45px 90px; }
	.gc-article__docs .gc-docs__liste.est-carrousel .gc-carrousel__points { position: absolute; top: calc(100% + 62px); left: -10px; right: 10px; margin: 0; justify-content: center; } /* points de 120 à 235 chez la source à 375 : 10 à gauche du centre */
}
/* Témoignages de l'accueil : carrousel (un à la fois, points à droite du titre), photo à gauche, citation à droite.
   Reprise de la section « avis » de la source (fond bleu, auteur en NewFarm vert, logo sur carte blanche). */
/* Sur la source (.fullright), la carte bleue part du bord gauche du conteneur, coins 25 px, et court jusqu'au bord
   droit de la fenêtre (dégradé blanc/bleu à 50 % derrière une carte bleue) ; padding 40 px. La colonne, seule
   enfant de ses colonnes, reçoit une largeur minimale de 50 % + 50vw (WordPress lui interdit de grandir :
   flex-grow 0 dès qu'un flex-basis est en ligne, une marge négative ne suffisait donc pas) ; le débordement de la
   barre de défilement est absorbé par overflow-x: hidden du body. */
.wp-block-column:has(> .gc-temoignages) { padding: 40px; border-radius: 25px 0 0 25px; min-width: calc(50% + 50vw); }
/* Carrousel de l'accueil (page 133), repris en entier le 08/10/2026 (0.1.303), releve en fenetre reelle a 375,
   575, 576, 600, 719, 720, 767, 768, 991, 1000 et 1440 chez elle et chez nous. Son modele :
   - la carte bleue (column-content-margin) a 40 de rembourrage sur les quatre cotes a partir de 768, et 40 0 40 0
     en dessous ; dedans une rangee Bootstrap (marges -15) : colonne du titre (col-lg-4 a partir de 992, pleine
     largeur en dessous, rembourrage 15 / 15, et 25 a gauche sous 720) et colonne du curseur (col-lg-8 / pleine).
     D'ou, pour notre grille G : titre sur (G + 30) / 3 a partir de 992 (363,5 a 1440), tout en dessous ;
     picto a x0 et titre a x37 (x10 / x47 sous 720) ; 20 sous le titre (sa marge basse) ;
   - le curseur (flexslider) prend la hauteur de la PLUS HAUTE diapositive, a toutes les largeurs (247 a 1440,
     556 a 375) : nos sept temoignages occupent la meme cellule de grille, la cellule vaut donc la plus haute ;
   - une diapositive : 15 en haut (marge de son enveloppe), photo 200 x 200 a x10, texte a x210 (pas de
     gouttiere) ; citation Open Sans 600 22,15 px / normal (lignes de 30), blanche, 20 dessous ; auteur
     NewFarm 700 vert : nom et fonction a 18 px (lignes de 23, un <br> entre les deux), puis « A sollicite... »
     a 13 px (lignes de 16), colles. Pas de logo : notre figure .gc-temoignage__logo n'existe pas chez elle.
     Sous 720 : photo centree en absolu, texte a 180 sous le haut (il chevauche la photo de 20), rembourrage
     20 / 20, citation justifiee ;
   - les points : 15 px, pas de 25, en absolu a 12 au-dessus du curseur et au bord droit a partir de 720 ;
     sous 720, en flux sous le curseur, centres, a 55.
   Nous avions une grille 363 / 1fr avec 24 de gouttiere, une scene a 296 de haut minimum, des diapositives
   a 18 / 14 / 11 px avec un logo, et sous 800 un rembourrage de carte conserve a 40 qui, avec le titre
   de 36 px et ses 67 de retraits, poussait la grille a 333 dans 265 : le debordement de 13 px de l'accueil
   a 375 (388 au lieu de 375). Section : 466 / 466 / 466 / 697 / 813,5 / 828,5 a 1440 / 1000 / 991 / 768 /
   767 / 375, contre 417 / 463 / 450 / 523,5 / 682,5 / 989 chez elle. Apres : les six valeurs, 789,5 a 719
   comme elle, et plus de debordement.
   Le !important sur la taille de la citation : deux temoignages portent un font-size en ligne (22px) dans
   le contenu, la source n'a qu'une taille. */
.gc-temoignages { display: grid; grid-template-columns: calc((100% + 30px) / 3) 1fr; gap: 0; align-items: start; position: relative; padding-block: 0; max-width: 1060px; }
.gc-temoignages > h2 { grid-column: 1; grid-row: 1; padding-left: 37px; padding-right: 30px; font-size: 36px; text-align: left; margin: 0; color: var(--gc-blanc); }
.gc-temoignages:has(> .gc-temoignages__scene) > h2 { margin-bottom: 20px; } /* la marge basse de son h2 ; sur les pages a citation, c'est la gouttiere de 20 sous 992 qui la porte */
.gc-temoignages__icone { grid-column: 1; grid-row: 1; margin: 0 !important; } /* WordPress centre les images d'un groupe contraint (margin auto !important) et pose 30 sous les figures */
.gc-temoignages__icone img { max-height: 40px; object-fit: contain; }
.gc-temoignages__scene { grid-column: 2; grid-row: 1; position: relative; display: grid; grid-template-columns: 100%; }
.gc-temoignages__scene > .gc-temoignage { grid-area: 1 / 1; } /* toutes dans la meme cellule : la scene vaut la plus haute, comme son curseur */
.gc-temoignages__points { position: absolute; top: -12px; right: 0; display: flex; align-items: center; gap: 10px; min-height: 15px; margin: 0; padding: 0; list-style: none; }
.gc-temoignages__points button { display: grid; place-items: center; width: 24px; height: 24px; margin: -4.5px; padding: 0; border: 0; background: none; cursor: pointer; }
.gc-temoignages__points button::before { content: ""; display: block; width: 15px; height: 15px; border-radius: 50%; background: #9aa3ff; }
.gc-temoignages__points button[aria-current="true"]::before { background: var(--gc-blanc); }
.gc-temoignage > * { margin-inline: 0 !important; }
.gc-temoignage { display: grid; grid-template-columns: 200px 1fr; align-content: start; align-items: start; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; }
.gc-temoignages__scene > .gc-temoignage { padding: 15px 0 0 10px; } /* la diapositive seule : la citation des pages connecteurs (blockquote.gc-temoignage) garde ses propres retraits -- 0.1.303 la decalait de 15 et 10 (0.1.305) */
.gc-temoignages.est-actif .gc-temoignage { opacity: 0; visibility: hidden; transition: opacity 0.5s; }
.gc-temoignages.est-actif .gc-temoignage.est-visible { opacity: 1; visibility: visible; }
.gc-temoignage__photo { grid-column: 1; grid-row: 1 / span 2; margin: 0 !important; }
.gc-temoignage__photo img { width: 200px; max-width: 100%; height: auto; }
.gc-temoignage > .wp-block-quote { grid-column: 2; grid-row: 1; margin: 0; padding: 0; border: 0; background: transparent; border-radius: 0; }
.gc-temoignage .wp-block-quote p { font: 600 22.1538px/normal var(--gc-corps) !important; color: var(--gc-blanc); margin: 0 0 20px; }
.gc-temoignage .wp-block-quote cite { display: block; font: 700 18px/normal var(--gc-titres); font-style: normal; color: var(--gc-vert); }
.gc-temoignages .gc-temoignage > .gc-temoignage__note { grid-column: 2; grid-row: 2; margin: 0; font: 700 13px/normal var(--gc-titres); color: var(--gc-vert); } /* (0,3,0) : la regle generale du dernier paragraphe d'un groupe (50 dessous, (0,2,2)) l'emportait sinon, +50 par diapositive en production (0.1.303) */
.gc-temoignage__logo { display: none; } /* absent de la source */
@media (max-width: 991px) {
	.gc-temoignages { grid-template-columns: 1fr; }
	.gc-temoignages__scene { grid-column: 1; grid-row: 2; }
	.gc-temoignages:has(> .gc-temoignages__scene) > h2 { padding-right: 0; } /* sa colonne de titre va jusqu'au bord de la carte */
}
@media (max-width: 800px) {
	.wp-block-column:has(> .gc-temoignages) { border-radius: 25px; min-width: 0; }
}
@media (max-width: 719px) {
	.gc-temoignage { grid-template-columns: 1fr; }
	.gc-temoignages__scene > .gc-temoignage { padding: 15px 20px 0; }
	.gc-temoignage__photo { grid-column: 1; grid-row: auto; justify-self: center; width: 200px; margin-bottom: -20px !important; } /* photo en absolu chez elle, texte a 180 : en flux, 200 - 20 */
	.gc-temoignages .gc-temoignage > .wp-block-quote, .gc-temoignages .gc-temoignage > .gc-temoignage__note { grid-column: 1; grid-row: auto; } /* (0,3,0) comme la regle de base de la note, sinon la note restait en colonne 2 et creait une colonne implicite qui rognait la grille (0.1.306) */
	.gc-temoignage .wp-block-quote p { text-align: justify; }
	.gc-temoignages__points { position: static; grid-row: 2; margin: 55px 0 0; justify-content: center; }
}

/* Onglets « Comment ça marche » (accueil) */
/* Onglets de la source (.gdlr-core-tab-item-title, mesurés à 1920 px) : pilules de 300 × 41, bordure 3 px #3c4bff, coins 30,
   10 px 15 px, NewFarm 12 px / 700 capitales bleu, 5 px de marge, l'onglet inactif à 50 % ; 35 px avant le contenu. */
/* « Comment ça marche ? » refaite le 01/10. La source lui a retiré son bloc à onglets — les huit étapes,
   que la section « Vous avez des factures impayées ? » reprend — et sa vidéo embarquée, au profit d'un lien
   et d'un avion de papier de 300 px. Plus de fond non plus : la section est sur blanc, 420 px de haut, et
   la source mesure +20 px entre le cadre d'estimation et elle (seul écart non nul des dix sections). */
/* La source a change cette section en octobre 2026 (image video-image-player.jpg du 2026/10) :
   releve du 08/10/2026 a 375, 767, 768 et 1440 (0.1.311). Rembourrage 60 / 30 (et non 45 / 45),
   colonnes 40 / 60 (456 et 684 a 1440 ; empilees sous 768, chacune poussee de 80 sous 720 par
   .margin-top-nomal), lien SOUS le titre (10 dessous, 10 avant la legende), 30 sous la legende ;
   a droite un item d'image centre : image de 816 x 613 bornee par la colonne (654 x 491,5 a 1440,
   315 x 236,5 a 375), ombre rgba(53, 72, 252, 0.6) 15 15 15, pastille de lecture de 68, 30 sous
   l'item. Section de 611,5 a 1440, 898 a 375, 766 a 767, 496,5 a 768. L'image reste a changer
   dans le contenu (notre bloc porte encore l'avion de papier de 300 : width auto le laisse a 300,
   et laissera la nouvelle image a 654). */
.gc-id-fonctionnement { margin-top: 20px; padding-block: 60px 30px; }
.gc-id-fonctionnement > .wp-block-columns { align-items: start; }
.gc-id-fonctionnement > .wp-block-columns > .wp-block-column:first-child { flex-basis: 40% !important; } /* contre le flex-basis: 50 % en ligne du bloc */
.gc-id-fonctionnement > .wp-block-columns > .wp-block-column:last-child { flex-basis: 60% !important; }
@media (max-width: 719px) { .gc-id-fonctionnement > .wp-block-columns > .wp-block-column { margin-top: 80px; } }
/* Le lien est accroché au TITRE, pas posé dessous (relevé du 01/10 à 1280) : le h2 de la source
   est en inline-block — 249 px pour ses deux lignes, contre 540 en bloc chez nous — et le lien
   démarre 10 px à sa droite, son bas 27 px au-dessus de celui du titre, soit à peu près le
   milieu : d'où l'alignement median plutôt que sur la ligne de base, qui le poserait trop bas.

   Un premier jet passait le h2 en inline-block et le lien en inline. La flèche tombait à la ligne
   pour 3 px : en flux inline, le saut de ligne du HTML entre </h2> et <p> devient une vraie espace,
   et le lien démarrait à 341 au lieu de 337 pour un bord de contenu à 618. Une mise en page qui
   tient à un blanc invisible du source ne tient pas. En flex, l'espace entre éléments n'existe pas
   et l'écart est le column-gap, écrit : le lien passe à la ligne ENTIER ou pas du tout. */
.gc-id-fonctionnement > .wp-block-columns > .wp-block-column:first-child { display: flex; flex-wrap: wrap; align-items: center; align-content: flex-start; column-gap: 10px; } /* align-content : sans lui il vaut normal, donc stretch — la colonne étant plus haute que son contenu (l'autre porte l'illustration), l'excédent se répartissait ENTRE les lignes et ajoutait 21 px partout, sans aucune marge pour l'expliquer */
.gc-id-fonctionnement > .wp-block-columns > .wp-block-column:first-child > * { flex: 0 0 100%; min-width: 0; }
.gc-id-fonctionnement > .wp-block-columns > .wp-block-column:first-child > h2 { flex: 0 0 auto; }
.gc-id-fonctionnement > .wp-block-columns > .wp-block-column:first-child > .gc-fonctionnement__lien { flex: 0 0 100%; } /* depuis octobre 2026 le lien est sous le titre chez elle (bloc de 25 a 10 du titre) */
.gc-id-fonctionnement > .wp-block-columns > .wp-block-column:first-child > .gc-fonctionnement__lien + p { margin-top: 10px; }
.gc-id-fonctionnement > .wp-block-columns > .wp-block-column:first-child > p:last-child { margin-bottom: 30px; }
.gc-fonctionnement__lien { margin: 0 0 20px; }
/* Le titre de CETTE section est sombre sur la source — rgb(56,56,56) — quand les autres titres de
   l'accueil sont bleus (« VOUS AVEZ DES FACTURES IMPAYÉES ? » l'est des deux côtés). Relevé du 02/10. */
.gc-id-fonctionnement h2 { color: #383838; }
/* La source ne pose pas deux paragraphes mais UN bloc de texte de 110 px. Nos deux paragraphes font
   44 + 66 = 110 : seul l'interligne de 35 px entre eux est en trop. */
.gc-id-fonctionnement > .wp-block-columns > .wp-block-column:first-child { row-gap: 0; }
/* La source laisse 10 px entre le bas du titre et le texte (titre-wrap à 509, texte à 519). */
.gc-id-fonctionnement > .wp-block-columns > .wp-block-column:first-child > h2 { margin-bottom: 10px; }
.gc-id-fonctionnement > .wp-block-columns > .wp-block-column:first-child > .gc-fonctionnement__lien { margin-bottom: 0; }
.gc-id-fonctionnement > .wp-block-columns > .wp-block-column:first-child > p:not(:last-child):not(.gc-fonctionnement__lien) { margin-bottom: 0; }
/* Le lien ne doit JAMAIS basculer sous le titre. Mesuré à 1365 : 249 (titre) + 10 + 278 (lien)
   = 537 pour 540 utiles — trois pixels de marge. Il suffit que NewFarm ne soit pas encore chargée,
   la police de repli rendant le titre plus large, pour que le lien tombe à la ligne le temps du
   chargement. La source règle ça en le sortant du flux (position: absolute, margin-top: -9px).
   Même effet sans coordonnée magique : la marge droite négative le retire du calcul de la ligne,
   il ne peut donc plus la faire déborder. Borné à la largeur où le conteneur de 1140 est entier :
   en deçà, la colonne rétrécit et le lien passe à la ligne pour de bonnes raisons. */
.gc-fonctionnement__lien a { font: italic 14px/25px var(--gc-corps); color: var(--gc-bleu); text-decoration: none; text-transform: uppercase; letter-spacing: 2px; } /* relevé sur la source : italique 14/25, bleu, sans soulignement, MAJUSCULES à 2 px d'interlettrage */

/* Le bouton de lecture posé sur l'illustration. La source l'obtient d'un <i> FontAwesome dans une
   pastille : 68 × 68, fond rgb(251,250,62), rayon 50 %, glyphe de 28 px en rgb(60,75,255).
   Le thème ne charge pas cette police — le triangle est REDESSINÉ, comme le thermomètre de Tarifs :
   mêmes dimensions, mêmes couleurs, mais pas le dessin d'origine au trait près. */
.gc-id-fonctionnement figure a { position: relative; display: inline-block; line-height: 0; overflow: hidden; box-shadow: 15px 15px 15px rgba(53, 72, 252, 0.6); } /* l'ombre de son enveloppe d'image (gdlr-core-with-shadow) */ /* overflow hidden : son enveloppe rogne, le zoom au survol ne sort pas du cadre (0.1.330) */
/* Survol : son enveloppe porte gdlr-core-zoom-on-hover — l'image passe a scale(1.1) en 0,3 s ease-out (transition
   opacity / transform / filter), rognee par l'enveloppe ; la pastille de lecture ne bouge pas (releve du 12/10/2026
   a 1440 : image 719,4 x 540,4 a -32,7 / -24,6 dans l'enveloppe de 654 x 491 pendant le survol). */
.gc-id-fonctionnement figure a img { transition: opacity 0.3s ease-out, transform 0.3s ease-out, filter 0.3s ease-out; }
.gc-id-fonctionnement figure a:hover img { transform: scale(1.1); }
.gc-id-fonctionnement figure a::after { content: ""; position: absolute; top: 50%; left: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; border-radius: 50%; background: #fbfa3e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5.5v13l10.5-6.5z' fill='%233c4bff'/%3E%3C/svg%3E") 54% 50% / 24px no-repeat; }

/* Visionneuse (app.js) : images de « Comment ca marche » et video de l'accueil. La source ouvre ses trois captures
   et sa video YouTube (iframe 1280 x 720 : cadre 1290 x 730 a 75 / 85 a 1440 x 900, releve du 12/10/2026) dans
   iLightBox (habillage sombre de Goodlayers) ; avant 0.1.332 la video avait sa propre <dialog>. Releve du 12/10/2026 a 1440 x 900 sur GC360_VUE_GENERALE_1.jpg (1896 x 944) :
   voile noir a 0,85 sur toute la fenetre (z 100000), cadre noir de 5 px de rembourrage avec ombre 0 0 15 rgba(0,0,0,.8),
   image a 1296 x 645 — la fenetre moins un dixieme, jamais agrandie au-dela de sa taille naturelle — cadre centre
   (67 / 122), barre fermer + plein ecran en haut a gauche a 10 / 11, deux boutons noirs de 25 x 23 aux coins externes
   arrondis de 3, fondu de 300 ms. La geometrie est calculee par le script ; les pictogrammes sont REDESSINES en
   masques CSS (une croix, quatre coins), pas son sprite buttons.png. */
.gc-visionneuse { position: fixed; inset: 0; z-index: 100000; }
.gc-visionneuse__voile { position: absolute; inset: 0; background: #000; opacity: 0; transition: opacity 0.3s; }
.gc-visionneuse.est-visible > .gc-visionneuse__voile { opacity: 0.85; }
.gc-visionneuse.est-plein > .gc-visionneuse__voile { opacity: 1; } /* en plein ecran son voile passe a 1 */
.gc-visionneuse__cadre { position: absolute; padding: 5px; background: #000; box-shadow: 0 0 15px rgba(0, 0, 0, 0.8); opacity: 0; transition: opacity 0.18s; } /* 180 ms : son loadedFadeSpeed */
.gc-visionneuse.est-visible > .gc-visionneuse__cadre { opacity: 1; }
.gc-visionneuse__cadre > img, .gc-visionneuse__cadre > iframe { display: block; max-width: none; border: 0; }
.gc-visionneuse__barre { position: absolute; top: 11px; left: 10px; display: flex; z-index: 1; }
.gc-visionneuse__bouton { position: relative; width: 25px; height: 23px; padding: 0; border: 0; background: #000; cursor: pointer; transition: background 0.3s; }
.gc-visionneuse__bouton::before { content: ""; position: absolute; inset: 0; background: #fff; -webkit-mask: var(--gc-glyphe) no-repeat center / 11px 11px; mask: var(--gc-glyphe) no-repeat center / 11px 11px; }
.gc-visionneuse__bouton--fermer { border-radius: 3px 0 0 3px; --gc-glyphe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath d='M1.5 1.5l8 8M9.5 1.5l-8 8' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E"); }
.gc-visionneuse__bouton--plein { border-radius: 0 3px 3px 0; --gc-glyphe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath d='M1 4V1h3M7 1h3v3M10 7v3H7M4 10H1V7' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E"); }
.gc-visionneuse__bouton:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }
/* Sous 981 (classe est-mobile posee par le script, son mobileOptimizer) : barre en bas, noire, pleine largeur, 40 de
   haut, boutons de 50 x 40 centres (releve du 12/10/2026 a 947 x 592 : barre 0 / 552 / 932 x 40, boutons a 416 et 466). */
.gc-visionneuse.est-mobile > .gc-visionneuse__barre { top: auto; right: 0; bottom: 0; left: 0; height: 40px; background: #000; justify-content: center; }
.gc-visionneuse.est-mobile .gc-visionneuse__bouton { width: 50px; height: 40px; }
.gc-fonctionnement__visuel { margin: 0 0 30px; text-align: center; line-height: 0; } /* 30 : le rembourrage bas de son item ; line-height 0 : sans quoi l'inline-block du lien laisse 11 px de ligne sous l'image */
.gc-fonctionnement__visuel img { width: auto; max-width: 100%; height: auto; }
.gc-fonctionnement__visuel img[src$=".svg"] { width: 300px; } /* transitoire : tant que le bloc porte l'avion de papier (SVG sans dimensions intrinseques, 512 x 512 en width auto), le garder a ses 300 ; sans effet sur la nouvelle image JPG (0.1.312) */
.gc-onglets { margin-bottom: 95px; } /* bas des cartes → bouton : 35 (tab-item) + 60 sur la source */
.gc-onglets__barre { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 65px; } /* haut des onglets → haut des cartes : 116 px sur la source (51 d'onglets + 65) */
.gc-onglets__onglet { box-sizing: border-box; width: 300px; margin: 5px; padding: 10px 15px; background: none; border: 3px solid var(--gc-bleu); border-radius: 30px; font: 700 12px/normal var(--gc-titres); text-transform: uppercase; color: var(--gc-bleu); opacity: 0.5; cursor: pointer; }
.gc-onglets__onglet[aria-selected="true"] { opacity: 1; }
.gc-onglets:not(.est-actif) .gc-onglet + .gc-onglet { margin-top: 48px; }
/* Étapes (.introduction__blocnumber__item de la source) : 4 cartes de 255 px dans des colonnes de 285 (15 px), blanches,
   coins 20, 30 px 30 px 15 px, trois ombres ; numéro NewFarm 17,23 px / 700 bleu ; titre NewFarm 18 px / 500 noir,
   interlettrage -1 px, interligne 1, 20 px dessous ; visuel pleine largeur ; chevron bleu de 2 rem qui déplie la
   description (masquée par défaut), la carte descend de 30 px au survol. */
.gc-etapes, .gc-onglet > .gc-etapes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; width: calc(100% + 30px); max-width: none; margin: 0 -15px !important; align-items: start; } /* (0,2,0) devant la grille de WP (5 colonnes) et son margin auto !important : 4 pistes de 285, cartes de 255 */
.gc-etapes > .gc-etape { margin: 0 15px; padding: 30px 30px 15px; background: var(--gc-blanc); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.05) 0 8px 8px, rgba(0, 0, 0, 0.05) 0 12px 12px, rgba(0, 0, 0, 0.05) 0 24px 24px; text-align: center; transition: transform 0.3s; }
.gc-etape:hover { transform: translateY(30px); }
.gc-etapes .gc-etape > .gc-etape__numero { font: 700 17.23px/normal var(--gc-titres); color: var(--gc-bleu); margin: 0; } /* (0,2,0) : la règle des 50 px du dernier paragraphe ne s'applique pas ici */
.gc-etape > .gc-etape__titre { margin: 0 0 20px; font: 500 18px/1 var(--gc-titres); letter-spacing: -1px; color: var(--gc-encre); text-transform: none; } /* (0,2,0) devant .gc-page .gc-etape__titre (20 px / 600) et les 30 px des titres : 3 lignes = 54 px comme la source */
.gc-etape > .gc-etape__visuel { margin: 0; } /* le chevron suit l'image sans marge sur la source */
.gc-etape__visuel img { width: 100%; height: auto; }
.gc-etape__deplier { display: block; width: 43px; height: 43px; -webkit-mask-size: 32px; mask-size: 32px; margin: 0 auto; padding: 0; border: 0; background: var(--gc-bleu); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm-32-316v116h-67c-10.7 0-16 12.9-8.5 20.5l99 99c4.7 4.7 12.3 4.7 17 0l99-99c7.6-7.6 2.2-20.5-8.5-20.5h-67V140c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12z'/%3E%3C/svg%3E") center / contain no-repeat; cursor: pointer; transition: transform 0.2s; }
.gc-etape__deplier[aria-expanded="true"] { transform: rotate(180deg); }
.gc-etape__accroche, .gc-etape__texte { display: none; text-align: left; }
.gc-etape.est-deplie .gc-etape__accroche, .gc-etape.est-deplie .gc-etape__texte { display: block; }
.gc-etape__accroche { margin: 30px 0 15px; font: 500 15px/1 var(--gc-titres); color: var(--gc-encre); }
.gc-etape__texte { font-size: 16px; color: var(--gc-encre); }
@media (max-width: 960px) { .gc-etapes { grid-template-columns: repeat(2, 1fr); row-gap: 30px; } }
@media (max-width: 600px) { .gc-etapes { grid-template-columns: 1fr; } }

/* Simulateur */
/* Source (calculator-border, 730 × 286 à 1920 px) : cadre 1 px rgba(0,0,0,.1) aux coins de 20, deux colonnes de 349
   (20 px de retrait), champs de 309 × 52 aux coins ronds à 8 px sous leur libellé (15 px gras), 24 px entre les deux ;
   à droite le libellé sur deux lignes et le résultat en 46.77 px bleu ; les deux boutons (NewFarm 16, 15/20, 30 de
   rayon) sont centrés et à cheval sur le bord bas du cadre (leur bas à 30 px sous lui), contour et plein. */
.gc-simulateur { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: start; background: transparent; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 30px 15px 70px; box-shadow: none; }
.gc-simulateur__champs { display: block; padding: 0 5px; } /* 5 sous 960 et 20 au-dessus (0.1.275 puis 0.1.278, releve en fenetre reelle a 900, 1000 et 1440) : empilees, ses colonnes ont 5 px de rembourrage ; cote a cote, 20 -- champs de 257 dans 297 a 1000, 309 dans 349 a 1440 ; champs de 273 dans 283 a 375, et « Montant de votre facture impayee » (258 px) tient sur une ligne chez elle, passait sur deux chez nous */
.gc-simulateur label { display: block; font: 700 15px/20px var(--gc-corps); color: #000; }
.gc-simulateur label + label { margin-top: 24px; }
.gc-simulateur input { display: block; width: 100%; height: 52px; margin-top: 8px; padding: 15px 20px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50px; font: 15px var(--gc-corps); background: var(--gc-blanc); }
.gc-simulateur input:focus { border-color: var(--gc-bleu); outline: 0; }
.gc-simulateur__resultat { display: block; margin: 0; padding: 0 5px; background: transparent; border-radius: 0; }
.gc-simulateur__resultat span { display: block; font: 700 15px/20px var(--gc-corps); color: #000; max-width: none; }
.gc-simulateur .result { display: block; margin-top: 8px; font: 700 46.77px/66px var(--gc-corps); color: var(--gc-bleu); }
.gc-simulateur__actions { position: absolute; left: 30px; right: 0; bottom: -30px; display: flex; justify-content: center; gap: 21px; }
.gc-simulateur__actions .wp-block-button__link { font: 700 16px/24px var(--gc-titres); padding: 15px 20px; border: 2px solid var(--gc-bleu); border-radius: 30px; background: var(--gc-bleu); color: var(--gc-blanc); letter-spacing: normal; text-transform: uppercase; }
.gc-simulateur__actions .wp-block-button__link:first-child { background: var(--gc-blanc); color: var(--gc-bleu); }
/* Les bascules de l'estimateur chez la source, relevees le 07/10/2026 sur quatorze largeurs :
   ses deux colonnes (champs / resultat) s'empilent sous 960 ; sous 720, le bloc des boutons
   quitte sa position absolue pour entrer dans le flux (position relative, bottom -38 : il
   garde son chevauchement visuel du bord), en colonne, 6 / 12 de rembourrage et 1 px de
   bordure transparente (194 de haut), chaque bouton force a 240 de large -- et c'est cette
   largeur forcee qui fait passer « DEPOSEZ UNE FACTURE » sur deux lignes : son texte mesure
   196,08 dans 196 de contenu, le notre aussi, mais le notre s'ajustait au contenu et tenait
   sur une ligne. Le cadre perd ses 50 px bas (20 au lieu de 70).
   Avant : nous empilions a 767 et posions les boutons en flux a 24 px, sans cadre.
   Apres, a 375 sur aston-itf : 1067 contre 1067 (nous etions a 1035). */
@media (max-width: 959px) { .gc-simulateur { grid-template-columns: 1fr; } }
@media (min-width: 960px) { .gc-simulateur__champs, .gc-simulateur__resultat { padding: 0 20px; } }
/* La marge de 24 au-dessus du resultat ne vaut que sous 576 : c'est le mt-4 mt-sm-0 de Bootstrap
   chez elle, 24 au telephone et 0 des 576. Nous la gardions jusqu'a 959 : +24 sur la section de
   768 a 900 (574 contre 550, releve du 07/10/2026 en fenetre reelle a 900). Et a 1000, cote a
   cote, ses colonnes passent a 20 de rembourrage : « Montant de votre facture impayee » tient
   alors sur deux lignes et le resultat sur trois, d'ou 456 contre nos 436. */
@media (max-width: 575px) { .gc-simulateur__resultat { margin-top: 24px; } }
@media (max-width: 719px) {
	.gc-simulateur { padding-bottom: 20px; }
	.gc-simulateur__actions { position: relative; bottom: -38px; left: auto; right: auto; flex-direction: column; align-items: center; gap: 0; margin: 0 0 30px; padding: 6px 12px; border: 1px solid transparent; border-radius: 4px; }
	.gc-simulateur__actions .wp-block-button__link { min-width: 240px; margin: 10px 0; }
}
/* La largeur FIXE de 240 ne vaut que sous 576 : c'est le conteneur du bouton (btn-item) qui la
   porte chez elle, et il redevient ajustable des 576 ; le bouton, en inline-block a min-width
   240, s'etire alors a 240,08 et « DEPOSEZ UNE FACTURE » tient sur une ligne (58). Nous la
   forcions jusqu'a 719 : +24 sur la section a 600 (973 contre 949, releve du 07/10/2026 en
   fenetre reelle). Sous 576, la boite de 240 le coupe en deux lignes (82) des deux cotes. */
@media (max-width: 575px) { .gc-simulateur__actions .wp-block-button__link { width: 240px; } }

/* Liste d'articles posée sur l'accueil (bloc derniers articles), relevée sur la source le 17/09/2026 : titre à
   gauche, 38 px, précédé du pictogramme Gcollect_blog-1.png (44 × 42, dans la médiathèque) ; « Voir tous les
   articles » en pastille bleue (padding 12/29, 13 px Open Sans, capitales, interlettrage 0,8 px, rayon 25 —
   .gdlr-core-block-item-caption a) posée en absolu à droite du titre ; « Lire la suite » en languette jaune
   collée au coin bas droit de la carte (padding 8/25, NewFarm 10 px, capitales, bleu — .read-more:after). */
.gc-blog-liste { position: relative; }
.gc-blog-liste > h2 { text-align: left; font-size: 38px; margin: 0 0 60px; padding-left: 75px; } /* titre à x 473 (75 px dans le conteneur), grille à +212 de la section */ /* 60 et non 59 : c'est la marge basse du title-wrap de la source ; les 59 compensaient un titre de 93,2 au lieu de 91,5, dû au pictogramme aligné à −6 (0.1.326) */
.gc-blog-liste > h2::before { content: ""; display: inline-block; width: 44px; height: 42px; margin-right: 18px; vertical-align: middle; background: url("/wp-content/uploads/2020/08/Gcollect_blog-1.png") no-repeat center / contain; } /* l'image de son titre : 44 × 42, vertical-align middle, 18 de marge droite (relevé du 09/10/2026) ; alignée au milieu elle n'agrandit pas la ligne de 45,6 */
.gc-blog-liste > h2 + p { position: absolute; top: 25px; left: 490px; margin: 0; } /* bouton a x647,5 et y85 a 1440 chez elle : 415 et 25 de son item de titre, qui commence 75 apres notre bloc */
.gc-blog-liste > h2 + p a { display: inline-block; background: var(--gc-bleu); color: var(--gc-blanc); padding: 12px 29px; font: 700 13px/1.4 var(--gc-corps); text-transform: uppercase; letter-spacing: 0.8px; border-radius: 25px; text-decoration: none; }
.gc-blog-liste > h2 + p a:hover { background: var(--gc-bleu-fonce); color: var(--gc-blanc); }
/* Sous 768, relevé sur la source le 09/10/2026 à 375 (0.1.326) : le titre garde ses 38 px, part du bord du
   conteneur (plus de retrait de 75) et laisse 25 à droite (290 dans 315 : trois lignes, 136,8) ; le bouton
   « Voir tous les articles » passe sous le titre, centré, à 5, puis 60 avant les cartes ; son lien déborde de
   10 sous sa ligne (ligne de 42 et lien de 42 calé sur la ligne de base). Les cartes s'empilent à 60 d'écart
   (30 de la carte + 30 de l'item), sans le décalage de 50 de la carte du milieu, et la dernière est suivie de
   30 + 1 + 30 avant les 30 de la section : 2149,8 comme elle. Avant : titre à 30 px, bouton à 59 / 24, cartes
   décalées de 50 et espacées de 30 (2153,2 par compensation). */
@media (max-width: 767px) {
	.gc-blog-liste > h2 { padding-left: 0; padding-right: 25px; margin: 0 0 5px; }
	.gc-blog-liste.wp-block-group > h2 + p { position: static; text-align: center; margin: 0 0 60px; } /* (0,3,1) devant les 50 de la règle des paragraphes en fin de bloc */
	.gc-blog-liste.wp-block-group > h2 + p a { position: relative; top: 10px; }
}
/* Les règles des cartes sous 768 sont avec celles de la grille, plus bas (ordre du fichier à égalité de spécificité). */
.wp-block-latest-posts.gc-blog-liste__grille { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.wp-block-latest-posts.gc-blog-liste__grille li { background: var(--gc-blanc); border-radius: var(--gc-rayon); padding: 0 0 20px; box-shadow: var(--gc-ombre); overflow: hidden; margin: 0; }
.wp-block-latest-posts__featured-image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 0; }
.wp-block-latest-posts__post-title { display: block; padding: 16px 20px 6px; font: 700 17px/1.3 var(--gc-corps); color: var(--gc-encre); text-decoration: none; }
.wp-block-latest-posts__post-date, .wp-block-latest-posts__post-excerpt { padding: 0 20px; font-size: 14px; color: var(--gc-encre-2); margin: 0 0 8px; }


/* Surlignages de la source (span.highlight-*) : dégradé quasi plein, coins 4 px, 2 px 5 px de marge intérieure,
   coupé proprement en fin de ligne. */
.highlight-green, .highlight-jaune, .highlight-pink, .highlight-red { border-radius: 4px; padding: 2px 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.highlight-green { background: linear-gradient(104deg, transparent 0.4%, #3cff8c 1.2%, #3cff8c 98.8%, transparent 99.5%); }
.highlight-jaune { background: linear-gradient(104deg, transparent 0.4%, #fff933 1.2%, #fff933 98.8%, transparent 99.5%); }
.highlight-pink { background: linear-gradient(104deg, transparent 0.4%, #ff9bff 1.2%, #ff9bff 98.8%, transparent 99.5%); }
.highlight-red { background: linear-gradient(104deg, transparent 0.4%, #ff5b66 1.2%, #ff5b66 98.8%, transparent 99.5%); }

/* Classes posées par le nettoyage des articles (ex-styles inline) */
.has-bleu-color { color: var(--gc-bleu); }
.has-vert-color { color: var(--gc-vert); }
.has-text-align-center { text-align: center; }
.has-text-align-right { text-align: right; }
.has-text-align-left { text-align: left; }
.gc-encart { background: var(--gc-blanc); border-radius: var(--gc-rayon-petit); padding: 24px; margin: 0 0 32px; box-shadow: var(--gc-ombre); }
.gc-encart > h2:first-child { font-size: 1.5em; padding-bottom: 6px; border-bottom: 2px solid var(--gc-bleu); }
.gc-encart > :last-child { margin-bottom: 0; }
.gc-img-centree { display: block; max-width: 600px; margin: 20px auto; border-radius: 8px; }
.gc-contenu a.gc-btn { color: var(--gc-blanc); }

/* =========================================================================
   7. Blog : grille, cartes, filtres, pagination, article
   ====================================================================== */
.gc-blog { padding-block: var(--gc-section-y); }
/* Filtres relevés sur la source (.gdlr-core-filterer-wrap) : « FILTRER PAR : » en NewFarm 12 px bleu, liens Open Sans
   12 px gras #838383 interlettrage 1 px, 15 px de marge intérieure, bord de 2 px transparent, coins 15 ; l'actif :
   bord bleu, texte noir. 50 px sous la barre. */
.gc-filtres { display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; justify-content: center; margin-bottom: 50px; }
.gc-filtres__intitule { font: 700 12px var(--gc-titres); color: var(--gc-bleu); text-transform: uppercase; margin-right: 4px; }
.gc-filtres__lien { padding: 15px; border-radius: 15px; border: 2px solid transparent; text-decoration: none; font: 700 12px var(--gc-corps); letter-spacing: 1px; color: #838383; }
.gc-filtres__lien:hover, .gc-filtres__lien.est-actif { border-color: var(--gc-bleu); color: var(--gc-encre); }
/* Grille et cartes relevées sur la source le 17/09/2026 (.gdlr-core-blog-grid-with-frame) : trois colonnes de 330 px
   dans 990 px, carte de 300 px centrée, coins 15, ombre rgba(0,0,0,.1) 14.849px 14.849px 40px, vignette 300 × 123,
   corps à 30 px des bords ; étiquette NewFarm 10 px capitales sur fond jaune, coins 3 3 7 7, à cheval sur le bord de
   la vignette ; titre NewFarm 17 px / 1,2 noir, extrait 16 px noir ; « Lire la suite » en languette jaune au coin. */
.gc-grille--articles, .gc-blog-liste > .gc-grille--articles { display: grid; grid-template-columns: repeat(3, 330px); justify-content: center; align-items: start; gap: 30px 0; margin-bottom: 30px; }
.home .gc-grille--articles > :not(:nth-child(3n+2)) { margin-top: 50px; } /* sur l'accueil, la carte du milieu est 50 px plus haute que ses voisines */
.home .gc-blog-liste > .gc-grille--articles { margin-bottom: 31px; } /* le holder de la source a 1 px de rembourrage bas : 586 = 535 + 50 + 1, section de 857,5 (0.1.326) */
@media (max-width: 767px) {
	.home .gc-grille--articles > :not(:nth-child(3n+2)) { margin-top: 0; } /* plus de décalage de la carte du milieu : cartes empilées (0.1.326) */
	.home .gc-blog-liste > .gc-grille--articles { gap: 60px 0; margin-bottom: 91px; } /* 60 entre les cartes (30 de la carte + 30 de l'item), puis 30 + 1 + 30 + les 30 de la section après la dernière */
}
/* Tablette, relevé sur la source le 09/10/2026 à 768, 800, 900, 959, 960, 980, 999, 1000, 1010 et 1139 (0.1.328) :
   trois colonnes dès 768, dans un holder de min(990, conteneur) centré (753 à 768, 985 à 1000, 990 dès 1005),
   chaque carte à colonne − 30 (221 à 768, 298,3 à 1000, 300 dès 1005) ; la carte du milieu n'est remontée de 50
   qu'à partir de 960 (section 807,5 en dessous, 857,5 au-dessus). Notre bloc est à conteneur − 30 (723 à 768) :
   la grille prend 100 % + 30 et se décale de 15 vers la gauche tant que le holder n'est pas plafonné à 990
   (jusqu'à 1019 ; au-delà les marges automatiques de WordPress la centrent, et une marge négative serait battue
   par leur !important). Avant : deux colonnes de 330 de 768 à 1040 (1472,5 contre 807,5 à 768). */
@media (min-width: 768px) {
	.home .gc-blog-liste > .gc-grille--articles { grid-template-columns: repeat(3, 1fr); width: min(990px, 100% + 30px); }
	.home .gc-blog-liste > .gc-grille--articles > .gc-carte-article { width: calc(100% - 30px); }
}
@media (min-width: 768px) and (max-width: 1019px) { .home .gc-blog-liste > .gc-grille--articles { position: relative; left: calc((100% - min(990px, 100% + 30px)) / 2); } }
@media (min-width: 768px) and (max-width: 959px) { .home .gc-grille--articles > :not(:nth-child(3n+2)) { margin-top: 0; } }
.gc-carte-article { position: relative; display: flex; flex-direction: column; width: 300px; max-width: 100%; margin: 0 auto; background: var(--gc-blanc); border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 14.849px 14.849px 40px 0; overflow: hidden; }
/* Cartes d'article, survol et details releves sur l'accueil de la source le 08/10/2026 a 1440 (0.1.313) :
   au survol de la vignette, l'image passe a scale(1,1) et a 50 % d'opacite sur le fond NOIR de son cadre
   (transition 300 ms ease-out) ; titre, bouton « Lire la suite », « Voir tous les articles » et icones de
   partage ne changent pas au survol. Les icones de partage sont des glyphes bleus de 22 dans un rond blanc
   de 35 (invisible sur la carte), a x30 ; l'etiquette est bleue, sa virgule blanche entre deux categories ;
   le bouton « Voir tous » est a 415 du titre et 25 du haut ; « Lire la suite » fait 36 (10 px / normal). */
.gc-carte-article__image { display: block; background: #000; height: 123px; overflow: hidden; } /* 300 x 123 comme la source ; fond noir : c'est lui qui assombrit l'image au survol */ /* 300 × 123 comme la source ; une hauteur fixe, aspect-ratio laissait l'image imposer la sienne (131) */
.gc-carte-article__image img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; transition: opacity 300ms ease-out, transform 300ms ease-out; }
.gc-carte-article__image:hover img { transform: scale(1.1); opacity: 0.5; }
.gc-carte-article__corps { position: static; display: flex; flex-direction: column; gap: 0; padding: 40px 35px 100px; flex: 1; } /* titre à 35 px des bords, 230 de large ; carte de 535 : bouton et partage posés en bas */
.gc-carte-article .gc-carte-article__titre { font: 700 17px/1.2 var(--gc-titres); margin: 0 0 20px; color: var(--gc-encre); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.gc-carte-article__titre a { color: #343434; text-decoration: none; } /* rgb(52, 52, 52) sur la source */
.gc-carte-article__titre a:hover { color: #343434; } /* pas de changement au survol chez elle */
.gc-carte-article__extrait { font-size: 16px; color: var(--gc-encre); margin: 0 0 20px; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } /* 6 lignes (132 px) sur la source */
.gc-carte-article { min-height: 535px; }
.gc-carte-article .gc-carte-article__partage { position: absolute; left: 30px; bottom: 17px; display: flex; gap: 4px; margin: 0; padding: 0; list-style: none; } /* blog-share-item : 3 ronds de 35 à 39 px de pas, 17 px du bas */
.gc-carte-article__partage a { display: block; width: 35px; height: 35px; border-radius: 50%; background: var(--gc-blanc); } /* rond blanc, glyphe bleu (les chemins portent leur couleur) */
.gc-carte-article__partage svg { display: block; width: 35px; height: 35px; } /* 35 pleins : le glyphe LinkedIn fait 22, comme chez elle */
.gc-carte-article__meta { font-size: 13px; color: var(--gc-encre-2); margin: auto 0 0; }
.gc-carte-article .gc-etiquette { position: absolute; top: 0; left: 50%; transform: translateX(-50%); margin: 0; padding: 10px 20px; border-radius: 3px 3px 7px 7px; font: 700 10px/1 var(--gc-titres); letter-spacing: 0; white-space: nowrap; }
.gc-carte-article .gc-etiquette { color: var(--gc-bleu); }
.gc-carte-article .gc-etiquette a { color: inherit; text-decoration: none; }
.gc-carte-article .gc-etiquette .gc-sep { color: var(--gc-blanc); } /* la virgule entre deux categories est blanche chez elle, donc invisible sur le jaune */
.gc-carte-article a.gc-btn { position: absolute; right: 1px; bottom: 0; margin: 0; padding: 12px 29px; background: var(--gc-jaune); border-color: var(--gc-jaune); color: var(--gc-bleu); font: 700 10px/normal var(--gc-titres); text-transform: uppercase; border-radius: 0; }
.gc-carte-article a.gc-btn:hover { background: var(--gc-jaune); border-color: var(--gc-jaune); color: var(--gc-bleu); transform: none; } /* pas de changement au survol chez elle */
@media (max-width: 1040px) { .gc-grille--articles, .gc-blog-liste > .gc-grille--articles { grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 330px)); } } /* deux corrections : la surcharge etait a (0,1,0) quand la regle de base est a (0,2,0), elle ne prenait donc jamais ; et une colonne de 330 fixe debordait encore d'une grille de 298 a 375. Avec minmax(min(100%, 330px), 330px) : une colonne de 298 a 375, deux de 330 a 768, defilement nul aux deux. */
/* Page des articles (body.blog), relevee sur gcollect.fr/blog/ le 12/10/2026 a 1440 : holder de 990 centre, items de
   330 (carte de 300), colonne du milieu descendue de 50, rangees a 50 d'ecart, holder = derniere rangee + 50 + 1 ;
   toutes les cartes a la hauteur de la plus haute (sync-height de Goodlayers sur tout le holder : 416,1 a six cartes,
   502,9 a douze : la plus haute est celle dont la vignette est la plus haute) ; vignette a sa taille « medium » de
   WordPress, 300 de large et sa hauteur propre (140, 123, 152, 210 selon l'original, sans recadrage), cadre de texte
   a 30 px de rembourrage, titre 17/20,4 sur 3 lignes, extrait
   16 px sur 6 lignes (132), partage a 28 / 15 du coin bas gauche, « Lire la suite » au coin bas droit, bouton
   « Afficher plus » colle au bas du holder ; liens du filtre a ligne 0 (34 de haut : 15 + 15 de rembourrage, 2 + 2 de
   bordure) ; titre du bandeau suivi de 30 (son item-pdb) et non de 20. Le modele de l'accueil (vignette 123, corps 40 / 35 / 100, 535 de haut,
   milieu remonte) reste a l'accueil. Le decalage du milieu passe par une variable pour que l'animation d'arrivee
   (ci-dessous) parte de 50 au-dessus de la place finale de chaque carte. Sous 1041 (deux colonnes) : non releve,
   pas de decalage. */
.blog .gc-blog-liste > .gc-grille--articles { width: 990px; max-width: 100%; margin: 0 auto; gap: 50px 0; grid-auto-rows: 1fr; padding-bottom: 51px; }
.blog .gc-carte-article { min-height: 0; height: 100%; transform: translateY(var(--gc-decalage, 0px)); }
@media (min-width: 1041px) { .blog .gc-grille--articles > :nth-child(3n+2) { --gc-decalage: 50px; } }
.blog .gc-carte-article__image { height: auto; }
.blog .gc-carte-article__image img { height: auto; display: block; }
.blog .gc-filtres__lien { line-height: 0; }
.blog .gc-carte-article__corps { padding: 30px; }
.blog .gc-carte-article .gc-carte-article__partage { left: 28px; bottom: 15px; }
.blog .gc-afficher-plus__zone { margin: 20px 0 70px; } /* son bouton : margin 20 0 40 dans une enveloppe collee au holder, puis 30 de rembourrage bas de l'item blog (releve du 12/10/2026 : bouton a 1450 pour un holder fini a 1430, section suivante 100,3 sous le bouton). 0.1.335 le collait au holder : la carte du milieu, descendue de 50, le touchait */
.blog .gc-afficher-plus { letter-spacing: 2px; line-height: 14.4px; } /* 175,9 x 38,4 chez elle (700 12/14,4, interlettrage 2) contre 160,3 x 39 avec nos 0,8 et la ligne normale */
/* Arrivee des cartes chargees par « Afficher plus » : chez elle chaque nouvelle carte est invisible (animate-init),
   puis, l'une apres l'autre toutes les 200 ms (la premiere 200 ms apres l'insertion), joue fadeInUp 600 ms ease :
   opacite 0 -> 1, translateY 50 -> 0 (trace du 12/10/2026 : 0,35 / 32,7 px a 134 ms, 0,80 / 9,9 px a 301 ms). */
.gc-carte-article.est-a-venir { opacity: 0; }
.gc-carte-article.est-arrive { animation: gc-arrivee 0.6s ease forwards; }
@keyframes gc-arrivee { from { opacity: 0; transform: translateY(calc(var(--gc-decalage, 0px) + 50px)); } to { opacity: 1; transform: translateY(var(--gc-decalage, 0px)); } }
@media (prefers-reduced-motion: reduce) { .gc-carte-article.est-arrive { animation-duration: 0.01s; } }
.gc-afficher-plus__zone { display: flex; justify-content: center; margin-top: 40px; }
.gc-afficher-plus { padding: 10px 25px; border: 2px solid var(--gc-bleu); border-radius: 22px; background: transparent; color: var(--gc-bleu); font: 700 12px var(--gc-titres); text-transform: uppercase; } /* .gdlr-core-load-more de la source */
.gc-afficher-plus[disabled] { cursor: progress; } /* chez elle le bouton ne change ni de texte ni d'aspect pendant le chargement (0.1.335) */
.gc-pagination { margin-top: 40px; text-align: center; }
.gc-pagination .nav-links { display: inline-flex; gap: 6px; }
.gc-pagination .page-numbers { display: inline-block; min-width: 40px; padding: 8px 12px; border-radius: 20px; text-decoration: none; font-weight: 600; color: var(--gc-encre); background: var(--gc-gris); }
.gc-pagination .page-numbers.current, .gc-pagination .page-numbers:hover { background: var(--gc-bleu); color: var(--gc-blanc); }

/* Article, relevé sur www.gcollect.fr le 17/09/2026 (fenêtre 1600 × 1000). Bandeau : fil « Blog > catégories » rose
   #ff9bff 12 px gras à 40 px du haut, titre 45 px / 54 px, 700, blanc, centré, « Publié le … » 12 px blanc à 232 ;
   bandeau de 510 px dont 220 sous le haut de l'image (730 × 300). Colonne latérale de 228 px à gauche, contenu de
   730 px à 15 px d'elle, texte 16 px noir, 130 px sous le bandeau. */
.gc-hero--article { padding: 40px 0 260px; text-align: center; } /* 220 px sous le haut de l'image, 40 px entre la date et l'image */
.gc-hero .gc-article__fil { margin: 0 0 30px; font-size: 12px; font-weight: 700; color: var(--gc-rose); } /* .gc-hero p pèse plus qu'une classe seule */ /* 30 sous le fil à toutes les largeurs (relevé le 09/10/2026 : fil de 17 à 157, titre à 204 ; nous avions 28 et le titre à 202) */
.gc-hero .gc-article__fil a:not(.gc-btn) { color: var(--gc-rose); text-decoration: none; } /* :not(.gc-btn) porte la regle a (0,3,1) : « .gc-hero a:not(.gc-btn):not(.wp-block-button__link) » (blanc) la battait et les liens du fil sortaient blancs sur un fil rose (releve du 12/10/2026 : « Blog > Articles, Guides » tout en rgb(255, 155, 255) chez elle, son « Blog » etant le seul lien). 0.1.337 */
.gc-hero--article h1 { font: 700 45px/54px var(--gc-titres); text-transform: none; letter-spacing: 0.5px; max-width: 1110px; margin: 0 auto 37px; } /* letter-spacing .5px sur tous les titres d'article de la source (relevé le 09/10/2026 sur le billet BFM) : « Yann Duchemin présente GCollect 360 sur BFM » fait 1 117 px et passe sur deux lignes de 605 et 512 dans les 1 110 ; sans lui il tenait sur une ligne et tout l'article remontait de 57 px */
.gc-hero--article .gc-article__meta { font-size: 12px; color: var(--gc-blanc); margin: 0; } /* devant .gc-hero h1 + p */
.gc-article__corps { display: grid; grid-template-columns: 20% calc(66.6667% - 30px); gap: 0 15px; align-items: start; } /* colonne latérale 20 % et article 2/3 − 30 du conteneur (228 et 730 sur 1140, 150,6 et 472 sur 753) : la source garde ces proportions de 768 à 1140, relevé le 09/10/2026 */
/* Image à la une : la source réserve un créneau FIXE de 730 x 300 (height: 300px sur la figure,
   vérifié sur trois articles le 25/09/2026) et y pose l'image à sa TAILLE NATURELLE, centrée
   horizontalement et collée en haut — jamais étirée, jamais recadrée. Le logo de l'ENA fait 200 x 100
   et s'affiche en 200 x 100 ; une image de 609 x 250 s'affiche en 609 x 250, décalée de 60 à gauche
   ((730-609)/2) ; une de 512 x 512 est ramenée à 300 de haut. Nos marges diffèrent de celles de la
   source (-220/50 contre -280/42) mais placent la figure au même endroit à 3 px près : ne pas y toucher. */
.gc-article__image { margin: -220px 0 50px; height: 300px; text-align: center; }
.gc-article__image img { display: inline-block; vertical-align: top; width: auto; height: auto; max-width: 100%; max-height: 300px; object-fit: contain; border-radius: 0; box-shadow: none; }
/* Article SANS image à la une (le-tabou-des-impayes 1698, relevé le 09/10/2026 à 1440, 740 et 375) : le bandeau
   finit 56 sous la date dès 768 (36 de 720 à 767, 66 en dessous comme avec image) et le texte vient 110 sous le
   bandeau (60 de rembourrage de zone + 50 de marge de l'article), 0 sous 720. Nous avions 260 et 130. */
.gc-article__principal > .gc-contenu:first-child { margin-top: 110px; }
@media (min-width: 768px) { .gc-article:not(:has(.gc-article__image)) .gc-hero--article { padding-bottom: 56px; } }
@media (min-width: 720px) and (max-width: 767px) { .gc-article:not(:has(.gc-article__image)) .gc-hero--article { padding-bottom: 36px; } }
@media (max-width: 719px) { .gc-article__principal > .gc-contenu:first-child { margin-top: 0; } }
.gc-article .gc-contenu { font-size: 16px; color: var(--gc-encre); }
.gc-article .gc-contenu > * { width: 100%; max-width: none; }
/* Légendes d'image : WordPress écrit la largeur du FICHIER en style en ligne sur `.wp-caption`
   (jusqu'à 2 560 px relevés). La règle ci-dessus, en (0,2,0), lui retire tout plafond — la figure
   et son image sortaient alors de la colonne de 730 : mesuré le 28/09/2026 sur 27 figures de
   15 articles, débordement de 1 830 px et article de 7 451 px au lieu des 5 225 de la source.
   Il faut donc (0,3,0) pour repasser devant. Après : débordement nul, article à 5 273. */
.gc-article .gc-contenu .wp-caption { max-width: 100%; }
.gc-article .gc-contenu p { margin-bottom: 16px; }
/* Rythme vertical des ARTICLES, relevé sur la source le 28/09/2026 (174 articles, style calculé) :
   paragraphe 16 px de marge basse sur 163 articles, titre h2 et h3 20 px sur 113 des 126 qui en ont.
   Deux règles du thème s'en écartaient et s'additionnaient à chaque titre : la règle des 50 px du
   « dernier paragraphe » (0,2,2), écrite pour les PAGES, attrape ici TOUS les paragraphes puisqu'ils
   sont suivis d'un titre et non d'un autre paragraphe ; et les titres portaient 30 px au lieu de 20.
   34 + 10 = les 44 px de dérive mesurés par intervalle entre deux h2. Il faut (0,3,1) et (0,4,0)
   pour repasser devant. Mesuré au banc : sedroni +1 038 -> +140, seekat +997 -> +187,
   une-reponse-immediate +829 -> +195. Les PAGES ne sont pas touchées : tout est porté par .gc-article. */
.gc-article .gc-contenu > :is(p, ul, ol):not(.wpcf7 *) { margin-bottom: 16px; }
.gc-article .gc-contenu :is(h2, h3, h4):not(:has(+ .gc-faq-item)) { margin-block: 0 20px; }
/* Listes des articles : la source leur donne un interligne de 32 px (le double du corps), relevé
   sur 63 des 66 articles qui en portent — `16px|32px|16px|0px` sur la liste, `16px|32px|0|0` sur
   l'item. Nous laissions `normal` (~22 px) : 10 px de moins par ligne, d'où des articles à listes
   systématiquement trop courts (62 articles trop courts portent 5,6 puces en moyenne contre 1,8
   pour les trop longs). Banc : impayes-10-idees -658 -> -48, procedure-de-recouvrement -549 -> +31,
   que-faire-en-cas-dimpaye -331 -> -131, recouvrement-en-ligne-7-etapes -52 -> +28.
   Horizontal mesuré le 09/10/2026 (billet BFM, 1440 et 375) : `.financity-single-article-content ul`
   porte margin-left 50 px et padding 0 (la liste part à x435,5 dans la colonne de 385,5, à 80 pour 30
   sur mobile), marge basse 16 ; le point bleu reste à -20 de l'item. Nous avions padding 20 et marge 0 :
   items 30 px trop à gauche. */
.gc-article .gc-contenu :is(ul, ol, li):not(.gc-faq-item *, .gc-avis *, .gc-docs *) { line-height: 32px; }
.gc-article .gc-contenu img { border-radius: var(--gc-rayon-petit); }
/* Listes de la source (.financity-single-article-content ul li) : pas de puce, un point bleu de 8 px à 20 px à gauche. */
.gc-article .gc-contenu ul:not(.wp-block-gallery) { width: auto; margin: 0 0 16px 50px; padding-left: 0; list-style: none; } /* largeur automatique : 680 à 1440 et 265 à 375 comme chez la source (relevé du 13/10/2026) ; à 100 % la liste débordait de 50, et de 20 hors de l'écran sur mobile */
.gc-article .gc-contenu > ol { width: auto; margin: 0 0 16px 35px; padding-left: 0; } /* 695 à 1440 chez la source, marge 35 */
.gc-article .gc-contenu ul:not(.wp-block-gallery) > li { position: relative; }
.gc-article .gc-contenu ul:not(.wp-block-gallery) > li::before { content: ""; position: absolute; left: -20px; top: 12px; width: 8px; height: 8px; border-radius: 50%; background: var(--gc-bleu); }
/* Billet BFM (10539 chez elle, 20814 chez nous), relevé le 09/10/2026 à 1440 et 375. Bouton `a.btn`
   (base Bootstrap) : inline-block, 6 / 12 de padding, bordure 1 px transparente, rayon 4, 16 px / 24,
   centré, soit 147,2 × 38 ; bleu, rose #ff9bff au survol, pas de fond. Tableau : marge basse 20,
   cellules 15 px haut et bas et 0 sur les côtés, sans bordure, texte gris #949494 centré sur la ligne
   de base ; `word-break: break-word` donne trois colonnes égales (243,3 à 1440, 105 à 375) alors que
   sans lui les mots longs les déséquilibrent (120 / 118 / 106). */
.gc-article .gc-contenu a.btn { display: inline-block; padding: 6px 12px; border: 1px solid transparent; border-radius: 4px; font-size: 16px; line-height: 24px; text-align: center; vertical-align: middle; }
.gc-article .gc-contenu a.btn:hover { color: var(--gc-rose); }
.gc-article .gc-contenu table { margin-bottom: 20px; }
.gc-article .gc-contenu table :is(td, th) { padding: 15px 0; border: 0; vertical-align: baseline; text-align: center; word-break: break-word; }
/* FAQ (accordéon « box-icon » de la source) : titre 36 px capitales centré ; par question un carré de 48 px, bleu
   #313787 avec « + » blanc fermé, bordure 2 px et « − » ouvert ; question NewFarm 19 px / 600 #191919, réponse 16 px. */
.gc-contenu :is(h2, h3):has(+ .gc-faq-item) { font-size: 36px; text-transform: uppercase; text-align: center; color: var(--gc-bleu); margin-bottom: 10px; } /* titre de FAQ : bleu et à 10 px de l'accordéon, sur les pages comme sur les articles */
.gc-article .gc-contenu :is(h2, h3):has(+ .gc-faq-item) { margin-top: 60px; } /* h3 sur la source (« FAQ — … »), h2 là où le convertisseur a mis « Questions fréquentes » */
.gc-faq-item { margin: 0; border: 0; border-radius: 0; background: transparent; } /* accordéon de la source : onglets jointifs, sans cadre ni fond */
.gc-contenu .gc-faq-item:has(+ :not(.gc-faq-item)), .gc-contenu .gc-faq-item:last-child { margin-bottom: 30px; } /* padding-bottom de l'item */
.gc-faq-item > summary { list-style: none; cursor: pointer; position: relative; display: block; padding: 17px 0 27px 75px; font: 600 19px/22.8px var(--gc-titres); color: #191919; } /* onglet fermé de 67 px : titre de 23 à 17 dessus et 27 dessous, texte à 75 de la gauche */
.gc-faq-item > summary::-webkit-details-marker { display: none; }
.gc-faq-item > summary::after { content: none; } /* la source n'a pas de chevron : la pastille + / − suffit */
.gc-faq-item > summary::before { content: "+"; position: absolute; left: 0; top: 17px; width: 48px; height: 48px; line-height: 44px; text-align: center; border: 2px solid #313787; background: #313787; color: var(--gc-blanc); font: 900 20px/44px var(--gc-corps); } /* la pastille flotte : c'est le titre qui donne sa hauteur à l'onglet */
.gc-faq-item[open] > summary::before { content: "−"; background: transparent; color: #313787; }
.gc-faq-item > :not(summary) { padding: 5px 0 15px 75px; font-size: 16px; color: var(--gc-encre); }
.gc-contenu .gc-faq-item > :not(summary) { margin-bottom: 20px; } /* la marge du paragraphe compte chez la source (réponse de 84) ; WordPress l'annule sur le dernier enfant */
/* Billet BFM (10539 chez elle, 20814 chez nous), relevé le 09/10/2026 à 1440 et 375 : sa FAQ n'est pas dans le texte
   mais dans un bloc du constructeur de page qui suit l'article, d'où 16 (marge du dernier paragraphe) + 35
   (rembourrage de l'article) + 40 (espace) + 60 (rembourrage du bloc) = 151 entre « Contact presse » et le titre,
   contre 60 pour une FAQ dans le texte ; les questions tombent ensuite à 204,2 / 377 / 443,8 / 510,6 des deux
   côtés. Sous 720 le bloc ignore les 30 de rembourrage du texte : pastilles à x0, question à 75 sur 300 à 375,
   questions à 204,2 / 443 / 532,6 / 622,2. */
.postid-20814 .gc-article .gc-contenu h3:has(+ .gc-faq-item) { margin-top: 151px; }
@media (max-width: 719px) { .postid-20814 .gc-contenu > :is(h3:has(+ .gc-faq-item), .gc-faq-item) { width: calc(100% + 60px); margin-inline: -30px; } }
/* Article 1717 « Digitalisez le recouvrement… le guide Bpifrance », réécrit chez la source le 29/09/2026 : article
   vide suivi d'un item de texte du constructeur de page (comme la FAQ du billet BFM), relevé le 09/10/2026 à 1440,
   740 et 375. Le texte vient 245 sous le bandeau (160 sous 720), sans rembourrage (730 pleins, 375 bord à bord au
   téléphone) ; titres h2 et h3 NewFarm 36 / 43,2 en 700 bleu à 20 dessous ; paragraphes à 20 ; listes natives
   (disque, numéros) à 35 de marge, 16 dessous, interligne normal, items de 695 / 405 / 340 ; tableau comme les
   CGV (en-tête #3740b0 sur blanc) ; lien final « Découvrir » rendu chez elle comme un onglet : bordure bleue de
   3 px, 5 / 15, soit 108,8 × 38 ; « Articles similaires » 144 sous le dernier paragraphe (20 + 30 + 30 + 64). */
.postid-1717 .gc-article .gc-article__principal > .gc-contenu:first-child { margin-top: 245px; }
.postid-1717 .gc-article .gc-contenu > * { padding-inline: 0; }
.postid-1717 .gc-article .gc-contenu :is(h2, h3) { font: 700 36px/43.2px var(--gc-titres); color: var(--gc-bleu); margin: 0 0 20px; }
.postid-1717 .gc-article .gc-contenu > :is(p, ul, ol), .postid-1717 .gc-article .gc-contenu .gc-en-bref > p { margin-bottom: 20px; }
.postid-1717 .gc-article .gc-contenu :is(ul, ol) { width: calc(100% - 35px); margin: 0 0 16px 35px; padding: 0; line-height: normal; }
.postid-1717 .gc-article .gc-contenu ul { list-style: disc; }
.postid-1717 .gc-article .gc-contenu li { line-height: normal; }
.postid-1717 .gc-article .gc-contenu ul > li::before { content: none; }
.postid-1717 .gc-article .gc-contenu th { padding: 13px 0; background: #3740b0; color: var(--gc-blanc); font-weight: 400; }
.postid-1717 .gc-contenu a.gc-lien-cadre { padding: 5px 15px; border: 3px solid var(--gc-bleu); }
.postid-1717 .gc-article__principal { padding-bottom: 60px; } /* bloc à 124 sous le contenu chez la source (page construite) */
@media (max-width: 719px) { .postid-1717 .gc-article .gc-article__principal > .gc-contenu:first-child { margin-top: 160px; padding-inline: 0; } }
/* Colonne latérale : carte du widget texte de la source (.wg-block-1 : coins 20, 20/20/10, trois ombres, 100 px du
   haut, centrée), puis « partager sur : » (NewFarm 12 px capitales bleu, filets #8e8e8e) et trois icônes de 25 px. */
.gc-article__colonne { padding: 20px 20px 0 0; }
/* Colonne collee au defilement : demande de Nante du 12/10/2026, PAS un releve de la source (chez elle la colonne
   .financity-sidebar-left defile avec la page, mesure a 0 / 900 / 3000 / 7000 de defilement a 1440 x 900 ; son
   gdlr_core_sticky_sidebar ne vise que les barres laterales du constructeur). La carte est a 120 sous le haut de la
   colonne (20 de rembourrage + 100 de marge, comme son wg-block-1, pour s'aligner sous l'image au chargement) : pour
   la coller a 30 sous l'entete fixee (85 + 30 = 115), la colonne se colle a 115 - 120 = -5 ; en 0.1.337 (top 115) la
   carte flottait a 150 sous l'entete. Seulement quand la colonne est a cote de l'article (des 768) : empilee au
   telephone, elle vient apres l'article. */
@media (min-width: 768px) { .gc-article__colonne { position: sticky; top: -5px; } }
.gc-colonne__carte { margin-top: 100px; padding: 20px 20px 10px; border-radius: 20px; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.05), 0 12px 12px rgba(0, 0, 0, 0.05), 0 24px 24px rgba(0, 0, 0, 0.05); text-align: center; font-size: 16px; color: var(--gc-encre); }
.gc-colonne__carte p { margin: 0 0 16px; }
.gc-colonne__carte img { display: block; margin: 12px auto 0; max-width: 168px; height: auto; border-radius: 0; }
.gc-colonne__carte a { color: var(--gc-bleu); text-decoration: none; }
.gc-colonne__partage { margin-top: 30px; }
.gc-colonne__partage h2 { margin: 0 40px 12px 0; padding: 14px 0 13px; border-top: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e; font: 400 12px/1.2 var(--gc-titres); text-transform: uppercase; color: var(--gc-bleu); }
.gc-colonne__partage a { display: inline-block; width: 35px; height: 35px; margin-right: 6px; padding: 5px; border-radius: 50%; background: var(--gc-blanc); }
.gc-colonne__partage svg { display: block; width: 25px; height: 25px; }
/* Articles aux largeurs intermédiaires, relevé le 09/10/2026 sur le billet BFM en fenêtre réelle (375, 419/420,
   575/576, 719/720, 767/768, 800, 991/992, 1040/1041, 1169/1170, 1200). Trois régimes chez la source :
   – 768 et plus : conteneur 100 % jusqu'à 1140, sans gouttière (753 de mise en page à 768, l'ascenseur
     prenant 15) ; colonne latérale 20 %, article 2/3 − 30 à 15 de la colonne ; titre à 40 du haut, 45 / 54 ;
     image à −220 du bas du bandeau, texte 350 sous le haut de l'image.
   – 720 à 767 : conteneur de 440 centré, titre à 80 du haut, 40 / 48, bandeau 20 + 16 sous la date, image
     à −220 et texte à +350 comme au bureau, colonne latérale en dessous (94 px de large chez elle : flottant
     cassé, non repris, nous l'empilons à 440).
   – moins de 720 : conteneur min(100 %, 500) centré, titre dans 470 à 15 du bord, à 50 du haut, 40 / 48,
     bandeau 50 + 16 sous la date, image collée au bas du bandeau (−60 sur 60 de rembourrage), texte 282 sous
     le haut de l'image (le créneau de 300 moins 18) et à 30 des bords, colonne latérale 40 + 20 + 100 sous
     le texte (carte à 0 et 355 de large à 375). Nous avions un seul régime sous 1040 : titre 32 / 38,4,
     image à −120, texte à +350 et à 15 des bords, carte à 30. */
@media (min-width: 768px) { .gc-article__corps { --gc-gouttiere: 0px; } }
.gc-hero--article .gc-conteneur { width: min(1110px, 100% - 30px); } /* le bandeau de la source : conteneur de 1140 centré moins 15 de chaque côté, soit 1110 à x22 pour 1154 de mise en page et à 157,5 pour 1425 ; notre min(1140, 100 % − 30) donnait 1124 à x15 entre 1155 et 1185 de fenêtre */
@media (max-width: 767px) {
	.gc-article__corps { grid-template-columns: 1fr; }
	.gc-article__colonne { order: 2; margin-top: 0; } /* les 75 de rembourrage bas de la colonne de contenu font l'écart (relevé du 13/10/2026 à 375) */
	.gc-hero--article h1 { font-size: 40px; line-height: 48px; }
}
@media (min-width: 720px) and (max-width: 767px) {
	.gc-hero--article { padding-top: 80px; padding-bottom: 256px; }
	.gc-hero--article .gc-conteneur, .gc-article__corps { width: 440px; }
}
@media (max-width: 719px) {
	.gc-hero--article { padding-top: 50px; padding-bottom: 66px; }
	.gc-hero--article .gc-conteneur { width: min(470px, 100% - 30px); }
	.gc-article__corps { width: min(500px, 100%); }
	.gc-article__image { margin: 0 0 -18px; }
	.gc-article__principal > .gc-contenu { padding-inline: 30px; }
}
.gc-document__corps { display: grid; grid-template-columns: minmax(180px, 260px) 1fr; gap: 40px; padding-block: var(--gc-section-y); }
.gc-document__cover img { width: 100%; border-radius: var(--gc-rayon-petit); box-shadow: var(--gc-ombre); }
@media (max-width: 700px) { .gc-document__corps { grid-template-columns: 1fr; } }
.gc-recherche { display: flex; gap: 10px; max-width: 480px; margin: 0 0 24px; }
.gc-recherche label { flex: 1; }
.gc-recherche input { width: 100%; padding: 12px 14px; border: 2px solid var(--gc-gris-2); border-radius: 27px; }

/* =========================================================================
   8. Pied de page
   ====================================================================== */
/* Relevé sur la source à 1920 px (18/09) : fond #3c4bff, texte de 16 px sur 22 px, conteneur de 1140 px
   découpé en quatre colonnes de 285 px portant chacune 15 px de marge intérieure — la grille .gdlr-core de
   la source, celle que suit déjà le contenu des pages. */
.gc-pied { background: var(--gc-bleu); color: var(--gc-blanc); padding-block: 70px 38px; font-size: 16px; line-height: 22px; } /* sans marge haute : chez la source le pied est colle au contenu, mesure a 0 le 06/10/2026 sur huit pages et quatre gabarits (grands-comptes, comment-ca-marche, qui-sommes-nous, temoignages, mention-legales, un article, la FAQ, contactez-nous). Nous ajoutions 80 px partout. */
.gc-pied a { color: var(--gc-blanc); text-decoration: none; }
.gc-pied a:hover { color: var(--gc-vert); }
/* Newsletter du pied. Deux balisages possibles, même mise en page : celui du thème (intro + champs) et celui
   repris de la source, où le formulaire CF7 porte lui-même le titre dans une grille Bootstrap (.bloc-newsletter). */
.gc-newsletter { display: grid; grid-template-columns: 1fr 2fr; align-items: start; padding-bottom: 16px; margin-bottom: 38px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } /* son hr a 16 du formulaire, puis 16 + un br de 22 avant les colonnes : 55 en tout (0.1.309) */
.gc-newsletter--complet { display: block; }
.gc-newsletter__titre, .gc-newsletter .bloc-newsletter h2 { font: 500 27.86px/1 var(--gc-corps); color: var(--gc-blanc); margin: 0 0 24px; } /* titre sur une seule ligne sur la source : « Restez dans la boucle » mesuré à 276 px */
.gc-newsletter__intro p, .gc-newsletter .item-des p { margin: 0; }
.gc-newsletter p { margin: 0; }
.gc-newsletter:not(.gc-newsletter--complet) form { display: grid; grid-template-columns: 1fr 1fr; row-gap: 16px; align-items: center; }
/* Lettre d'information du pied (formulaire CF7 dans une grille Bootstrap, .bloc-newsletter.container),
   relevee le 08/10/2026 a 375, 575, 576, 600, 700, 719, 720, 767, 768, 783, 991, 992 et 1440 (0.1.308).
   Chez elle : le conteneur du pied fait 500 (470 utiles) sous 768 ; le .container de la lettre suit
   Bootstrap (720 a partir de 768, 960 a partir de 992, 1140 a partir de 1200) ; titre col-md-4 et
   champs col-md-8 cote a cote a partir de 768 ; les deux champs (.newsletter, flex) cote a cote a
   partir de 720, empiles et sans rembourrage en dessous ; case et bouton (col-sm-6) cote a cote a
   partir de 576, la rangee a -15 de marge comme toute rangee Bootstrap ; 16 sous chaque paragraphe ;
   la case : liste en bloc a 16 de retrait et 5 dessous, etiquette inline-block a 8 dessous, case de
   13 sans marge alignee au milieu. Nous empilions tout sous 800 dans un conteneur fluide, sans les
   marges de paragraphe : formulaire de 336 a 783 (210 chez elle), 402 a 375 (376).
   Apres : 166 / 188 / 210 / 322 / 360 / 376 a 1440 / 992 / 783 / 767 / 576 / 375, comme elle. */
.gc-newsletter .bloc-newsletter { margin-inline: auto; }
.gc-newsletter .bloc-newsletter p { margin: 0 0 16px; }
.gc-newsletter .bloc-newsletter > .row { display: grid; grid-template-columns: 1fr 2fr; align-items: start; }
.gc-newsletter .newsletter { display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
.gc-newsletter .newsletter-btn > .row { display: grid; grid-template-columns: 1fr 1fr; align-items: start; margin-inline: -15px; }
.gc-newsletter .btn-gcollect p { margin: 0; } /* chez elle la marge du paragraphe est dans l'inline-block du bouton (60 en tout) */
.gc-newsletter .wpcf7-list-item { display: block; margin: 0 0 5px 16px; }
.gc-newsletter .wpcf7-list-item label { display: inline-block; margin: 0 0 8px; line-height: normal; }
/* Les 15 px de marge intérieure de la grille de la source, sur chaque cellule : l'intro tombe à 398 px du
   bord de la fenêtre, les deux champs à 793 et 1158 px (mesures du 18/09). */
.gc-newsletter:not(.gc-newsletter--complet) > *, .gc-newsletter:not(.gc-newsletter--complet) form > *,
.gc-newsletter .bloc-newsletter > .row > *, .gc-newsletter .newsletter-btn > .row > * { padding-inline: 15px; }
.gc-newsletter .newsletter > * { padding: 15px 10px; } /* .item-col de la source : champs à 15 px du haut de la ligne, 345 px de large */
.gc-newsletter .newsletter-btn { margin-top: 0; }
.gc-newsletter .wpcf7-form-control-wrap { display: block; }
/* Formulaire de contact posé dans une page (Tarifs, Contactez-nous), relevé sur la source le 17/09/2026 : chaque
   champ centré dans son paragraphe, libellé gris #747474 16 px au-dessus, champ 380 × 53 sur fond #f5f5f5 sans
   bordure ni arrondi, 15 px 22 px de marge intérieure, zone de texte 120 px ; bouton « Envoyer » #3740b0, blanc,
   capitales, 15 px 22 px, sans arrondi, à gauche. */
.gc-contenu .wpcf7:not(.gc-newsletter .wpcf7) form > p { text-align: center; margin-bottom: 20px; color: #747474; } /* libellés #747474 sur la source (Tarifs, Contact, Demande de grille) */
.page-id-9916 .gc-contenu .wpcf7:not(.gc-newsletter .wpcf7) form > p { text-align: left; } /* Contactez-nous : formulaire aligné à gauche sur la source */
.page-id-9155 .gc-contenu .wpcf7:not(.gc-newsletter .wpcf7) :is(form > p, label) { text-align: left; color: var(--gc-encre); } /* Demande de grille : libellés noirs à gauche (mesure du 18/09 ; la couleur du label était reprise par la règle générale) */
.gc-contenu .wpcf7:not(.gc-newsletter .wpcf7) form > p:has(.wpcf7-submit) { text-align: left; }
.gc-contenu .wpcf7:not(.gc-newsletter .wpcf7) label { display: inline-block; color: #747474; font-size: 16px; margin-bottom: 8px; } /* 8 px entre le libellé et le champ (source, 23/09/2026) */
.gc-contenu .wpcf7:not(.gc-newsletter .wpcf7) .wpcf7-form-control-wrap { display: block; }
.gc-contenu .wpcf7:not(.gc-newsletter .wpcf7) :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], textarea, select) { width: 380px; max-width: 100%; margin: 0 auto; display: block; padding: 15px 22px; background: #f5f5f5; border: 1px solid #d7d7d7; border-bottom-width: 2px; border-radius: 0; font: 15px var(--gc-corps); color: #4e4e4e; } /* champ de 53 px : 15 + 15 de marge intérieure, 1 px de filet et 2 en bas */
.gc-contenu .wpcf7 :is(label, .wpcf7-form-control-wrap) { max-width: 100%; } /* le label est en inline-block : il se dimensionnait sur les 380 px du champ, et le max-width: 100% de celui-ci se calculait alors contre 380, sans effet. A 375 le formulaire debordait de 51 px. */
.gc-contenu .wpcf7:not(.gc-newsletter .wpcf7) textarea.wpcf7-form-control { height: 120px; padding: 18px 22px; display: inline-block; } /* la classe porte la spécificité au niveau de la règle ci-dessus (0,5,1), sinon la marge intérieure de 15 px l’emportait ; inline-block comme la source, qui laisse 5 px sous le bloc */
.gc-contenu .wpcf7:not(.gc-newsletter .wpcf7) .wpcf7-form-control-wrap:has(textarea) { display: inline; }
.gc-contenu .wpcf7:not(.gc-newsletter .wpcf7) .wpcf7-submit { display: block; padding: 15px 22px; background: var(--gc-bleu-fonce); color: var(--gc-blanc); border: 0; border-radius: 0; font: 700 15px var(--gc-corps); text-transform: uppercase; cursor: pointer; } /* block : le témoin d'envoi passe sous le bouton comme sur la source (bloc de 79 px) */
.gc-contenu :is(.gc-section, .wp-block-column, .wp-block-group) > p:has(+ .wpcf7) { margin-bottom: 20px; } /* le paragraphe orphelin qui portait le code court du formulaire : 20 px, pas les 50 du dernier paragraphe */
.gc-contenu .wp-block-column > :is(h1, h2):has(+ p + .wpcf7) { margin-bottom: 20px; } /* titre au-dessus d'un formulaire : 20 px sur la source */
.gc-contenu .wpcf7:not(.gc-newsletter .wpcf7) .wpcf7-submit:hover { background: var(--gc-bleu); }
/* 0,15 et non 0,20 : le champ est un voile blanc SUR le bleu, donc le nouveau --gc-bleu ne suffit pas à le
   sauver — 4,13 seulement. À 0,15 le fond calculé vaut #5864fa et le texte blanc atteint 4,55. */
.gc-newsletter input[type="email"], .gc-newsletter select { width: 100%; height: 52px; padding: 0 24px; border: 0; border-radius: 26px; background: rgba(255, 255, 255, 0.15); color: var(--gc-blanc); font: 16px var(--gc-corps); appearance: none; -webkit-appearance: none; }
.gc-newsletter input[type="email"]::placeholder { color: rgba(255, 255, 255, 0.85); }
.gc-newsletter select { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='white' stroke-width='2'/></svg>"); background-repeat: no-repeat; background-position: right 24px center; padding-right: 48px; }
.gc-newsletter select option { color: var(--gc-encre); }
.gc-newsletter .wpcf7-acceptance a { text-decoration: none; } /* sans soulignement sur la source */
.gc-newsletter input[type="checkbox"] { accent-color: var(--gc-blanc); margin: 0; vertical-align: middle; }
.gc-newsletter .gc-newsletter__envoi, .gc-newsletter .text-right { justify-self: end; text-align: right; }
.gc-newsletter input[type="submit"], .gc-newsletter button.wpcf7-submit { border: 2px solid var(--gc-blanc); background: transparent; color: var(--gc-blanc); border-radius: 30px; padding: 17px 24px; font: 700 16px/22px var(--gc-corps); cursor: pointer; } /* 112 × 60 sur la source */
.gc-newsletter input[type="submit"]:hover, .gc-newsletter button.wpcf7-submit:hover { background: var(--gc-blanc); color: var(--gc-bleu); }
.gc-newsletter button.wpcf7-submit[disabled] { opacity: 0.55; cursor: not-allowed; }
.gc-newsletter .wpcf7-spinner { margin-left: 12px; }
.gc-newsletter form .wpcf7-response-output { grid-column: 1 / -1; margin: 16px 0 0; padding: 10px 16px; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: var(--gc-rayon-petit); color: var(--gc-blanc); font-size: 14px; } /* trois classes : la règle de CF7 en a autant */
.gc-newsletter .wpcf7-not-valid-tip { color: var(--gc-jaune); font-size: 13px; }
@media (min-width: 768px) { .gc-newsletter .bloc-newsletter { max-width: 720px; } }
@media (min-width: 992px) { .gc-newsletter .bloc-newsletter { max-width: 960px; } }
@media (min-width: 1200px) { .gc-newsletter .bloc-newsletter { max-width: 1140px; } }
@media (max-width: 767px) {
	.gc-pied { --gc-conteneur: 470px; } /* le conteneur de son pied : 500 avec ses 15, comme le contenu */
	.gc-newsletter, .gc-newsletter:not(.gc-newsletter--complet) form, .gc-newsletter .bloc-newsletter > .row { grid-template-columns: 1fr; }
}
@media (max-width: 719px) {
	.gc-newsletter .newsletter { grid-template-columns: 1fr; }
	.gc-newsletter .newsletter > * { padding: 0; }
}
@media (max-width: 575px) {
	.gc-newsletter .newsletter-btn > .row { grid-template-columns: 1fr; }
	.gc-newsletter .gc-newsletter__envoi, .gc-newsletter .text-right { justify-self: stretch; }
}
/* Quatre colonnes égales, sans titre visible : la source range le recouvrement puis les ressources dans la
   deuxième, la plateforme dans la troisième, les mentions puis les brochures dans la quatrième. Les titres
   restent dans le balisage, cachés, pour la navigation au lecteur d'écran. */
.gc-pied__grille { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; } /* minmax(0, ...) : sans quoi le logo de 200 elargit la premiere colonne (199 contre 3 x 179,5 a 783) ; chez elle quatre fois 25 % (192 a 783) */
@media (min-width: 768px) { .gc-pied { --gc-gouttiere: 0px; } } /* son conteneur de pied fait 100 % jusqu'a 1140 a partir de 768 (768 a 783, 985 a 1000), comme celui du contenu ; 15 de chaque cote en dessous */
.gc-pied__col { padding-inline: 15px; }
/* Colonnes du pied, relevees le 08/10/2026 a 375, 767, 783 et 1440 (0.1.309). Chez elle quatre
   colonnes flottantes de 25 % a partir de 768 (192 de large a 783), empilees en pleine largeur
   avec 60 dessous chacune en dessous ; nous passions a deux colonnes sous 900 et a une sous 560,
   avec 40 de gouttiere : pied de 1179 contre 1939,5 a 767, 1811,5 contre 1993,5 a 375.
   Dans les colonnes : les widgets de menu (recouvrement, ressources, mentions) portent 60 dessous,
   le menu plateforme et les textes 16 (la marge de leur liste ou de leur paragraphe), le logo fait
   200 x 60,5 avec 16 dessous (le 255 du 06/10 etait faux), la ligne des reseaux 22 avec 16 dessous,
   les brochures 24 + 17 chacune puis 16. Puis 20 avant le trait du bas et 38 sous le copyright.
   Colonnes de 288,5 / 306 / 316 / 270 a 1440 et 288,5 / 284 / 316 / 270 a 375, pied de 701 et
   1993,5, comme elle. */
@media (max-width: 767px) {
	.gc-pied__grille { grid-template-columns: 1fr; }
	.gc-pied__col { margin-bottom: 60px; }
}
.gc-pied__logo { display: block; width: 200px; max-width: 100%; height: auto; aspect-ratio: 1782 / 540; margin-bottom: 16px; } /* le rapport de son fichier (1782 x 540, 60,5 de haut a 200) : le notre porte des attributs 220 x 60 qui donnaient 54,5 tant que l'image differee n'est pas chargee */ /* 200 x 60,5 (attributs 200 x 61) dans un paragraphe a 16 de marge */
/* Le lien de la page courante : #8a8ff2 chez elle, blanc chez nous. */
.gc-pied__liste .current-menu-item > a, .gc-pied__liste .current_page_item > a { color: #8a8ff2; }
.gc-pied__col--contact p { margin: 0 0 16px; } /* paragraphes à 38 px l'un de l'autre, lignes d'un même paragraphe à 22 px */
.gc-pied__adresse { margin: 0; font-style: normal; }
.gc-pied__bloc { margin-bottom: 60px; } /* widget de menu : 60 dessous, le dernier compris */
.gc-pied__col:nth-child(3) .gc-pied__bloc { margin-bottom: 16px; } /* colonne plateforme : widget de menu de navigation sans marge, sa liste porte 16 */
.gc-pied__brochures { display: flow-root; } /* flow-root : les 17 du dernier element restent dans la liste (82 = 24 + 17 + 24 + 17), puis les 16 du paragraphe */
.gc-pied__liste, .gc-pied__brochures, .gc-reseaux { list-style: none; margin: 0; padding: 0; }
.gc-pied__brochures { margin-bottom: 16px; } /* apres la remise a zero ci-dessus : les 16 du paragraphe de la source (0.1.310, la regle de 0.1.309 etait placee avant) */
.gc-pied__liste li { margin: 0 0 8px; line-height: 22px; } /* 30 px d'un lien au suivant */
.gc-pied__col:nth-child(3) .gc-pied__liste li { margin-bottom: 8px; font-size: 15px; line-height: 20px; } /* colonne plateforme : 15 px / 20 px, 28 px de pas sur la source */
.gc-pied__brochures li { margin: 0 0 17px; }
.gc-pied__brochures a { display: flex; align-items: center; gap: 25px; line-height: 24px; }
.gc-pied__brochures img { flex: none; width: 16px; height: 16px; }
.gc-reseaux { display: flex; align-items: center; gap: 21px; height: 22px; margin: 10px 0 16px 17px; } /* sa ligne d'icones : un paragraphe de 22 a 16 de marge */
.gc-reseaux li { margin: 0; }
.gc-reseaux a { display: block; }
.gc-reseaux svg { display: block; height: 20px; width: auto; }
/* Bandeau du bas : la pastille RGPD et la mention légale (son drapeau compris) sont deux images de la
   médiathèque, affichées à leur taille sur la source — 105 × 40 et 730 × 40 —, le copyright centré sur
   232 px à droite. Les largeurs sont posées ici, les fichiers pouvant être en double densité.
   Les trois tiennent sur une ligne à partir de 1220 px ; en deçà, la source passe la mention sous la
   pastille et le copyright, sur toute la largeur du conteneur — d'où son ordre repoussé par défaut. */
.gc-pied__bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin-top: 20px; padding-top: 16px; padding-inline: 15px; border-top: 1px solid rgba(255, 255, 255, 0.2); } /* centre : sa barre du bas ne porte que le copyright, centre sous le filet. Les deux images que nous y mettions — badge RGPD et mention Fintech — n'existent pas chez elle ; elles sont retirees du cote des reglages, pas du theme, qui garde la capacite. */
.gc-pied__rgpd { flex: none; width: 105px; max-width: 100%; height: auto; }
.gc-pied__mention { flex: none; order: 1; width: 730px; max-width: 100%; height: auto; }
.gc-pied__copyright { width: auto; max-width: 100%; margin: 0 auto; text-align: center; font-size: 14px; line-height: 19px; } /* centre et sur une ligne : les 232 px et la marge automatique a gauche dataient des deux images du bandeau, retirees des reglages. Barre a 36 comme la sienne. */
@media (min-width: 1220px) { .gc-pied__mention { order: 0; } }

/* -------------------------------------------------------------------------
   Pages partenaires (gabarit « header-home » : ia-compta, aston-itf, cntpe, fédération, blog/lancez…), mesurées
   sur ia-compta à 1920 px le 21/09/2026. Les valeurs d'une seule page a une seule largeur ont ete reprises
   le 07/10/2026 sur les cinq pages a 375 et 1440 (voir plus bas).
   ---------------------------------------------------------------------- */
body:not(.home) .gc-hero.gc-id-header-home { padding-top: 50px; }
.gc-hero.gc-id-header-home + .gc-fil { display: none; } /* la source n'a pas de fil d'Ariane sur ce gabarit : « Exigez le paiement » commence au bas du bandeau */ /* enveloppe 50 0 30 sur les 5 pages */
body:not(.home) .gc-hero.gc-id-header-home .wp-block-column > p:first-child:has(img) { padding-bottom: 20px; } /* le paragraphe du logo fait 325 pour une image de 300 sur la source */
body:not(.home) .gc-hero.gc-id-header-home > .wp-block-columns > .wp-block-column:first-child { min-height: 650px; }
body:not(.home) .gc-hero.gc-id-header-home .wp-block-column > figure:first-child { margin-bottom: 45px; } /* logo en bloc image (fédération) : 25 px de ligne + 20 de paragraphe sur la source */
.page-id-2974 .gc-hero .wp-block-column:first-child > figure:first-child img { width: 160px; height: auto; } /* fédération : width=160 height=114 sur la source, attributs perdus à la conversion (273 × 194 natif). Premiere colonne seulement : la regle sans :first-child prenait aussi le visuel de la seconde colonne, 160 au lieu de 540 a 1440 et de 315 a 375 chez elle (image de 604 bornee par la colonne) -- releve du 08/10/2026, colonne de 396,5 et bandeau de 1249 a 375 comme elle (0.1.307) */
.gc-hero .wp-block-column > figure.alignright { margin-inline-start: 0; margin-inline-end: 0; } /* l'article 4154 : son item d'image est aligne a droite dans sa colonne, sans marge ; le flottant alignright du coeur de WordPress ajoute 2 em a gauche, et l'image de 350 n'avait plus que 283 dans les 315 du telephone (315 x 225 chez elle, colonne de 305 et bandeau de 1035). A 1440 l'image de 350 flotte au meme endroit (x917,5). Releve du 08/10/2026 (0.1.307) */ /* column-content-margin à min-height 650 sur les 5 pages (bandeau de 730 minimum) */
body:not(.home) .gc-hero.gc-id-header-home figure:has(> img[src*="text-1"]) { margin-bottom: 50px; } /* image-item « text-1 » à 50 px de padding-bottom */
/* Le haut du bandeau, releve le 07/10/2026 sur la source a 375 ET a 1440 (valeurs identiques aux
   deux largeurs), page par page, car le logo n'y a pas la meme structure partout :
     aston-itf, cntpe : image flottante (display block, 30 au-dessus, 30 en dessous) dans un
                        paragraphe vide, et la colonne commence 20 px sous la section ; son
                        min-height de 650 part de la, donc 670 pour nous (border-box) ;
     federation, ia-compta : image en ligne, 5 au-dessus, 20 en dessous, paragraphe a marge 20
                        -- nos 45 (figure) et 5 + 20 + 20 (paragraphe) y tombent deja juste ;
     l'article (4154) : pas de logo, le titre ouvre la colonne.
   Et pour les cinq : l'image de la seconde colonne a 30 px de padding-bottom (nos 45 venaient
   de la regle du logo, qui attrapait aussi ce figure:first-child), le bouton 20.
   Avant / apres, banc a 375 (hauteur de section ; la source entre parentheses) :
     aston 1183 -> 1223 (1223), cntpe 1126 -> 1148 (1148), ia-compta 1380 -> 1385 (1385) ;
     federation et l'article gardent un ecart qui n'est que la taille de l'image de la seconde
     colonne (161 contre 301, 191 contre 214), a traiter a part. A 1440 : aston et cntpe
     730 -> 750 (750), ia-compta 842 -> 862 (862), federation et l'article 730 inchanges.
   body:is(...) et non .page-id-… seul : il faut (0,6,1) pour passer devant le min-height de 650. */
body:is(.page-id-3734, .page-id-2022) .gc-hero.gc-id-header-home > .wp-block-columns > .wp-block-column:first-child { padding-top: 20px; min-height: 670px; }
body:is(.page-id-3734, .page-id-2022) .gc-hero.gc-id-header-home > .wp-block-columns > .wp-block-column:first-child > :is(figure, p):first-child { margin: 30px 0 30px; padding-bottom: 0; }
body:is(.page-id-3734, .page-id-2022) .gc-hero.gc-id-header-home > .wp-block-columns > .wp-block-column:first-child > :is(figure, p):first-child > img { display: block; }
body:not(.home) .gc-hero.gc-id-header-home > .wp-block-columns > .wp-block-column:last-child > figure { margin-bottom: 30px; }
.gc-id-temoignages .gc-card { padding: 5px 0 30px; height: auto; align-content: start; } /* la colonne étirait la carte (grille à align-content stretch) : +7 px sur chaque interligne */ /* cartes à 5 px du haut de la section ; 30 d'item sous le lien (item de 283 = 5 + 140 + 16 + 54 + 20 + 18 + 30) */
.gc-temoignages > h2 { margin-inline: 0 !important; width: 100%; } /* WordPress centrait le titre (margin auto !important) : 17 px de décalage */
.gc-id-avantages h2 { margin-bottom: 10px; } /* le titre est dans une colonne */ /* légende à 10 px sous le titre, 30 px d'item, bouton, 30 */
.gc-page .gc-contenu .gc-id-avantages h2 + p { margin-bottom: 30px; }
/* « L'avis de … » : même grille que les témoignages de l'accueil, mais une seule citation sans photo */
.wp-block-column:has(> .gc-temoignages) { padding: 40px !important; background-color: var(--gc-bleu); } /* 40 sur les 4 côtés (le contenu à x 423) ; la colonne portait 55 en ligne */
/* Plus de min-height (428 jusqu'a 0.1.272) : la source n'en a aucun sur cette section, sa
   hauteur est celle de son contenu -- 15 + citation + 20 + auteur, soit 397 a 1440 sur
   aston-itf, ou nos 428 faisaient +31. Releve du 07/10/2026. */
.gc-temoignages > blockquote.gc-temoignage { display: block; position: relative; margin-top: 15px; }
.gc-temoignages > blockquote.gc-temoignage > p { position: relative; margin: 0 0 20px; padding: 25px 50px 35px 70px; font: 600 22.15px/normal var(--gc-corps); color: var(--gc-blanc); word-break: break-word; } /* break-word : c'est la seule exception a son word-break: normal (releve du 07/10/2026) ; sans lui « (efficacite/preservation » etirait le bloc de federation a 358 dans une colonne de 345, et la citation perdait des lignes */
.gc-temoignages > blockquote.gc-temoignage > p::before, .gc-temoignages > blockquote.gc-temoignage > p::after { content: ""; position: absolute; width: 52px; height: 52px; background: url("/wp-content/uploads/2020/09/quote.png") no-repeat center / contain; }
.gc-temoignages > blockquote.gc-temoignage > p::before { top: 0; left: 10px; }
.gc-temoignages > blockquote.gc-temoignage > p::after { right: 15px; bottom: 0; width: 56px; height: 56px; transform: rotate(180deg); }
.gc-temoignages > blockquote.gc-temoignage > cite { display: block; position: relative; top: -50px; margin: 0; padding-left: 70px; font: 700 24px/normal var(--gc-titres); font-style: normal; color: var(--gc-vert); } /* NewFarm 24, à 70 px : en padding, .gc-temoignage > * neutralise margin-inline */
/* top: -50px et non margin-top: -50px : la source remonte son auteur en position relative,
   sa place reste donc comptee dans le flux (li de 727 a 375 = 15 + 630 + 20 + 62). Avec la
   marge negative nous perdions ces 50 px, et l'ecart de la section changeait de signe selon
   la longueur du nom : -15 sur aston-itf, +16 sur cntpe. Releve du 07/10/2026. */
/* A 375 la source retire le rembourrage horizontal de la colonne (40 0 40 0) et ramene
   celui de la citation a 55 / 55 ; son titre reste a 36 px, sur l'accueil comme ici.
   Releve le 07/10/2026 : deux bascules, celles de Goodlayers -- le rembourrage de la
   colonne revient a 40 des 768, celui de la citation a 70 / 50 des 720.
   Nous figions 40 sur les quatre cotes et 70 / 50 a toutes les largeurs, et nous
   rabaissions le titre a 28 px sous 800 : la citation n'avait que 248 de large au lieu
   de 330 et montait a 1080 au lieu de 660, le titre prenait 3 lignes au lieu de 2. La
   section faisait 1453 contre 1033. Elle fait 1018.
   Le selecteur vise la citation et non le carrousel de l'accueil, qui porte
   .gc-temoignages__scene et doit garder ses 40 px : sans cette distinction son texte
   touche le bord de la carte bleue (verifie a l'ecran).
   Piege : :has() ne peut pas en contenir un autre -- :has(> .gc-temoignages:has(> blockquote))
   est invalide et annule toute la regle en silence. La forme descendante s'applique. */
@media (max-width: 767px) {
	.wp-block-column:has(> .gc-temoignages) { padding-left: 0 !important; padding-right: 0 !important; } /* accueil compris depuis 0.1.303 : meme carte, meme bascule */
}
/* Sous 720 la source pousse de 80 px la section qui suit son bandeau, sur les cinq pages
   de la famille gc-id-header-home : les quatre connecteurs et l'article
   /blog/lancez-vos-procedure... Elle le fait par une classe posee dans son contenu
   (.margin-top-nomal, margin: 80px 0 0 0 !important sous 719), et cette marge s'echappe
   de la section par fusion : elle ne compte pas dans sa hauteur mais ecarte les deux.
   Releve le 07/10/2026 : 80 px sur les cinq, 0 ailleurs (comment-ca-marche n'en a pas).
   Le selecteur passe par le fil d'Ariane, que ces cinq pages ont et que l'accueil n'a
   pas : il distingue donc la famille de l'accueil sans avoir a les nommer. */
@media (max-width: 719px) {
	body:not(.home) .gc-hero.gc-id-header-home + .gc-fil + .gc-section { margin-top: 80px; }
}
/* La source empile le titre et la citation jusqu'a 991 (col-lg de Bootstrap) ; nous le
   faisions a 800. Empiles, les deux sont a 20 px l'un de l'autre (marge basse de son h2),
   et non aux 24 de la gouttiere de notre grille, faite pour le carrousel de l'accueil.
   Releve du 07/10/2026 sur dix largeurs de 575 a 1000. */
@media (max-width: 991px) {
	.gc-temoignages:has(> blockquote) { grid-template-columns: 1fr; row-gap: 20px; }
}
/* Au-dessus de 991, la colonne du titre n'est pas fixe chez elle : col-lg-4 de Bootstrap, soit
   un tiers d'une rangee qui deborde de 15 de chaque cote (marge -15), dans une colonne
   rembourree de 40. Pour notre grille G (1060 au plus), la piste vaut (G + 30) / 3 : 363 a 1440
   comme avant, 312 a 1000 -- et la citation retrouve ses 593 de large au lieu de 542, d'ou les
   +60 de la section a 1000 (627 contre 567). Releve du 07/10/2026 a 992, 1000, 1200 et 1440,
   en fenetre reelle pour les hauteurs. Limite a la citation ; le carrousel de l'accueil, meme
   grille, n'a pas ete mesure a ces largeurs.
   Le picto fait 37 x 40 a toutes les largeurs (verifie en fenetre reelle a 1440 : le 57 vu au
   banc etait l'espace reserve de Smush, une fois de plus). Sous 720, sa colonne a 25 de
   rembourrage et non 15 : picto a x25 et titre a x62 a 375, nous les avions a 15 et 52. */
@media (min-width: 992px) { .gc-temoignages:has(> blockquote) { grid-template-columns: calc((100% + 30px) / 3) 1fr; } }
@media (max-width: 719px) {
	.gc-temoignages > h2 { padding-left: 47px; }
	.gc-temoignages > .gc-temoignages__icone { margin-left: 10px !important; }
}
/* Sous 720 : citation justifiee, auteur centre et decale de 10 (et non de 70), sur toute
   la largeur du bloc -- a 375 « Fondateur d'ASTON iTF » tient sur une ligne chez elle,
   nos 70 px de retrait le coupaient en deux. Meme releve. */
@media (max-width: 719px) {
	.gc-temoignages > blockquote.gc-temoignage > p { padding-left: 55px; padding-right: 55px; text-align: justify; }
	.gc-temoignages > blockquote.gc-temoignage > cite { left: 10px; padding-left: 0; text-align: center; }
}
/* Témoignages clients (4 cartes photo + nom + citation) : photo de 68 px, lien « En savoir plus > » 13 px bleu 20 px sous la citation, 30 d'item */
.gc-id-temoignages .gc-card--media-gauche > figure img { width: 68px; height: auto; } /* ne vaut plus que de 720 a 767 : surcharge au-dessous (taille propre) et au-dessus (30 %). */
/* Sous 720 px la source n'est pas en deux colonnes : elle empile l'image au-dessus du texte,
   titre et citation en pleine largeur. Bascule mesuree le 07/10/2026 : empile a 719, deux
   colonnes a 720 (la sienne, distincte de celle qui empile les quatre cartes, a 768).
   L'image reprend alors sa taille propre : 78 x 100, 119 x 100, 126 x 137, 126 x 185.
   Les quatre colonnes valent 263 / 269 / 319 / 354 et la section 1294, comme la source.
   Gouttieres de la source : 5 au-dessus de l'image, 10 sous elle, 16, 20, puis 30 de bas.
   Le :first-child est necessaire : .gc-page .gc-card > figure:first-child pose un margin-top
   de 5 px a (0,3,1) et battait la regle sans lui.
   Les !important le sont aussi : WordPress core pose margin-inline: auto !important sur
   .is-layout-constrained > *, et des marges auto neutralisent justify-self dans une grille
   (Chrome rapporte 0px pour une marge auto, ce qui masque la cause).
   Le min-width garde les 68 px tant que l'image paresseuse n'est pas chargee : sans lui,
   width: auto rendrait 0 et la page sauterait au defilement.
   Cinq pages portent cette section : l'article de blog et quatre pages connecteurs
   (aston-itf, cntpe, federation-des-tres-petites-entreprises, ia-compta) ; la source y rend
   1294 sur les cinq. */
@media (max-width: 719px) {
	.gc-id-temoignages .gc-card.gc-card--media-gauche { grid-template-columns: 1fr; }
	.gc-id-temoignages .gc-card.gc-card--media-gauche > figure:first-child { grid-row: auto; margin: 0 0 10px !important; text-align: left; }
	.gc-id-temoignages .gc-card.gc-card--media-gauche > figure img { width: auto; min-width: 68px; max-height: none; }
	.gc-id-temoignages .gc-card.gc-card--media-gauche > .gc-card__lien { margin-inline: 0 !important; }
	/* le gap: 0 de 0.1.261 est devenu la regle generale du bloc 782 (0.1.271) */
}
/* Au-dessus de notre bascule de colonnes (768 depuis 0.1.276, 783 avant), la source ne pose pas une largeur fixe :
   son image fait 30 % de la zone utile de sa colonne. Releve le 07/10/2026 sur cinq
   largeurs : 39,59 a 783 ; 48,38 a 900 ; 56,55 a 1009 ; 67,5 a 1200 et a 1440, ou elle
   plafonne parce que sa colonne plafonne a 285. Ecart maximal du modele : 0,075 px.
   Sa zone utile vaut colW - 60, soit exactement la largeur de notre carte (nos colonnes
   portent 15 / 45 de rembourrage) : le 30 % se transpose donc tel quel. A 1440 la piste
   vaut 67,5 et le texte 122,5 -- ses deux valeurs, au centieme.
   Les 68 px fixes dataient de 0.1.104 (« aligne sur la source a 1920 ») et etranglaient
   la colonne de texte : a 783 le titre tombait a 13 px de large sur 721 de haut, et la
   section a 1894 contre 566. Le texte s'y rendait lettre par lettre.
   Le margin-inline: 0 !important est indispensable : sans lui les marges auto que
   WordPress core pose sur .is-layout-constrained > * empechent la figure de remplir sa
   piste, et l'image reste a sa taille propre.
   De 720 a 782 rien ne change : la source y rend ses images a leur taille propre, mais
   nos quatre cartes y sont encore empilees et nous y sommes a -2 px ; imposer la taille
   propre y couterait +117. Reste apres ce correctif : +100 a 783, +70 a 900, +36 a 1009,
   parce que nos colonnes sont plus etroites que les siennes (176 contre 192 a 783) --
   nos gouttieres de 20 px entre colonnes, qu'elle n'a pas. Exact a 1200, 1440 et 1920. */
@media (min-width: 768px) { /* 768 et non 783 depuis 0.1.276 : la bascule des colonnes a suivi la sienne */
	.gc-id-temoignages .gc-card.gc-card--media-gauche { grid-template-columns: 30% 1fr; }
	.gc-id-temoignages .gc-card.gc-card--media-gauche > figure { margin-inline: 0 !important; }
	.gc-id-temoignages .gc-card.gc-card--media-gauche > figure img { width: 100%; min-width: 0; }
}
.gc-id-temoignages .gc-card .gc-card__lien a::after { content: none; } /* le chevron est dans le texte */
.gc-id-temoignages .gc-card .gc-card__lien a { font-weight: 400; color: var(--gc-bleu); }
.gc-id-temoignages .gc-card .gc-card__lien { margin-inline: 0; text-align: left; } /* .gc-card > * { margin-inline: auto } centrait le lien de 95 px dans les 122 */
.gc-id-temoignages .gc-card .gc-card__titre { margin-bottom: 16px; }
/* Les cellules de texte des cartes suivaient leur mot le plus long : dans une grille, la piste
   1fr ne descend pas sous le min-content de son contenu, et la marge automatique que WordPress
   pose sur chaque enfant (.gc-card > * { margin-inline: auto }) ajustait la boite au mot. La
   colonne de texte faisait donc 86 a 783 (jusqu'a 115 sur une carte) au lieu des 57 de la
   source, dont le texte est un bloc a cote d'un flottant : il prend ce qui reste et casse les
   mots (overflow-wrap). Avec min-width: 0 et la marge a 0, la piste retombe a 57,4 et nos
   titres se cassent ou se cassent les siens -- « Frederi|c » : 56 9 54 35 54 52 27 des deux
   cotes. Releve du 07/10/2026 en fenetre reelle : section 566 (566) a 783, 473 (473) a 900,
   419 (419) a 1000, 378 (378) a 1440 inchange ; nous etions a 414 de 768 a 900. */
.gc-id-temoignages .gc-card.gc-card--media-gauche > * { min-width: 0; margin-inline: 0 !important; } /* 16 px entre le titre et la citation sur la source */
.gc-section--bg-829 .wp-block-column > h3 { margin-bottom: 10px; } /* titre-item : légende de 15 px à 10, 30 d'item avant le bouton (88 px du haut du titre au bouton) */
.gc-section--bg-829 .wp-block-column > h3 + p { font-size: 15px; margin-bottom: 30px; }
/* Vidéo « vu à la télé » : lecteur de 640 × 360 centré dans la colonne de 730, sur l'image de masque, 30 d'item */
.gc-section--bg-2056 .wp-block-column > h6 { margin: 0 0 20px; font: 700 18px/21.6px var(--gc-titres); color: #000; text-align: center; text-transform: none; letter-spacing: normal; }
.gc-section--bg-2056 .wp-block-column > h6 img { display: inline; vertical-align: middle; margin: 0; }
.gc-section--bg-2056 .wp-block-column > h6 img[src*="vu_a_la_tele"] { margin: 5px 20px 20px 0; }
/* Le picto TV fait 50 x 50 chez elle, par son attribut width="50px" (l'unite le rend
   invalide, les navigateurs en retiennent 50). 0.1.269 l'avait mis a 100 : au banc, le
   chargement paresseux de la source (Smush) n'avait jamais remplace l'image, et sa classe
   .lazyload portait --smush-placeholder-width: 100px -- c'est la taille de l'ESPACE
   RESERVE qui avait ete mesuree, pas celle du picto. En fenetre reelle, apres chargement,
   il fait 50 a 375 comme a 1440, et le titre 133 puis 84 (nous : 183 et 99 avec le 100).
   Releve du 07/10/2026, verifie sur les regles qui s'appliquent a l'image (el.matches).
   La valeur reste ecrite : un width: auto laisse ce SVG sans taille intrinseque remplir
   sa ligne (300 px a 375). Le :first-child est necessaire : le h6 porte deux images. */
.gc-section--bg-2056 .wp-block-column > h6 > img:first-child { width: 50px; }
.gc-section--bg-2056 .wp-block-column > h6 + p.wp-block-paragraph { display: flow-root; margin: 0; }
.gc-section--bg-2056 .wp-block-column > h6 + p > img { float: right; margin: 5px 0 20px 20px; } /* .alignright de la source : B Smart (89 × 50) au bord, BFM (50) à 20 px à sa gauche, rangée de 75 */
.gc-section--bg-2056 .wp-block-column:has(> .gc-video) { position: relative; }
.gc-section--bg-2056 figure.gc-video-masque { position: absolute; top: 0; left: 15px; right: 15px; width: auto; margin: 0 !important; z-index: 1; cursor: pointer; } /* .player-mask de la source : absolu, z-index 1, 730 × 421 (déborde de 26 px sur le bouton) ; un clic le retire */
.gc-section--bg-2056 figure.gc-video-masque img { display: block; width: 100%; height: auto; }
.gc-section--bg-2056 figure.gc-video-masque[hidden] { display: none; }
.gc-section--bg-2056 .gc-video { background: transparent; padding: 0 0 5px; }
.gc-section--bg-2056 .gc-video__cadre { width: 640px; max-width: 100%; margin: 0 auto; }
/* Au telephone, son iframe reste a 640 x 360 (attributs, aucune regle de hauteur) : il
   deborde de sa colonne de 315 et le corps de page le rogne (overflow-x: hidden). Notre
   bouton suivait un 16/9 de la largeur restante (198 a 375). Il garde la largeur visible
   et prend les 360 : enveloppe de 365 (5 px de ligne sous l'iframe) et item de 395, comme
   elle. Releve du 07/10/2026 sur aston-itf : section 787 (nous : 678) a 375. Verifie sur
   les cinq pages du gabarit a 375 et 1440 : 787 / 737 sur les quatre connecteurs, 559 /
   559 sur l'article (pas de titre). */
/* (la regle de hauteur de 0.1.276, aspect-ratio auto et 360, est devenue generale a tous les lecteurs en 0.1.301, bloc « Video ») */

/* -------------------------------------------------------------------------
   Page Connecteurs (940), mesurée à 1920 px le 22/09/2026.
   ---------------------------------------------------------------------- */
/* « Besoin d'aller plus loin ? » : titre de 35 px (44) à 10 de la légende 15 px (40) à 30 des colonnes ; cadres API :
   feature-box 30 1 40 10 avec cadre à 20, contenu de 309 qui déborde du cadre de 280, icône de 41, titre 25/30 à 10,
   liste à items vides de 20 ; boutons à 25 du bas des colonnes. */
.page-id-940 .gc-contenu > .gc-section > p.gc-cta-title { font-size: 35px; line-height: 44px; margin-bottom: 10px; }
.page-id-940 .gc-contenu > .gc-section > p.gc-cta-title + p { font-size: 15px; line-height: 20px; margin-bottom: 30px; }
/* La carte de la section API, reprise en bloc — mesure du 05/10 a 1440.
   La source empile DEUX boites : un feature-box de 320 x 383, fond blanc, rayon 15 et ombre
   portee, et dedans un feature-box-frame de 280 x 343 borde de 5 px de BLANC, arrondi a 30 —
   invisible sur le blanc. Nous n'en avions qu'une, et elle jouait le CADRE INTERIEUR : 280 de
   large, bordure blanche, rayon 30. Pour loger les 309 px de texte de la source dans 280, ses
   enfants etaient tires par une marge negative de -14,5 px — et le texte DEBORDAIT de la carte
   blanche, a gauche comme a droite (cinq elements hors boite, releves le 05/10).
   Elle joue desormais la boite EXTERIEURE : 320 de large (colonne de 350 moins 15 de chaque
   cote), rembourrage 30 / 1 / 40 / 10 qui laisse exactement 309 au contenu, rayon 15, ombre.
   Le cadre interieur n'est pas reproduit : blanc sur blanc, il ne se voit nulle part.
   30 px de marge haute : sa rangee de cartes commence a 184 quand le bloc de titre finit a 154. */
/* (0,4,0) : .gc-card:not(:has(.gc-card__titre)):not(:has(p:not(.gc-card__lien))) pese (0,3,1) —
   chaque :not() prend la specificite de son argument, et le `p` du second y ajoute un element.
   Une regle a (0,3,0) perdait, et le rembourrage restait a 12 px.
   Pas de marge haute : la colonne porte deja ses 30 px de padding, qui placent la carte a 184. */
.page-id-940 .gc-contenu .gc-card.gc-card--encadree { border: 0; border-radius: 15px; background: var(--gc-blanc); box-shadow: rgba(0, 0, 0, 0.1) 15px 15px 40px; padding: 30px 1px 40px 10px; margin: 0 15px; overflow: visible; }
.page-id-940 .gc-card--encadree > * { width: auto; max-width: none; margin-inline: 0 !important; }
.page-id-940 .gc-card--encadree > .gc-card__chiffre { margin: 48px 0 10px; font-size: 25px; line-height: 30px; } /* 30 de rembourrage + 48 = titre a 78, comme elle */
.page-id-940 .gc-card--encadree li:not(:empty) { margin-bottom: 20px; } /* mesure 05/10 : chez elle le li vide fait 0 et le <p> interne du li plein porte 20 ; ul a 115 (cartes 1 et 2) et 130 (carte 3) */
.page-id-940 .gc-section:has(.gc-card--encadree) > .wp-block-buttons { margin-top: 0; margin-bottom: 40px; } /* le bloc du bouton de la source finit a 676 : 44 de bouton puis 40, et non 30 */

/* Grille des connecteurs : deux ecarts mesures le 05/10 contre la source. */
.gc-id-connecteurs > .wp-block-columns .wp-block-column > ul { margin-bottom: 16px; } /* 16 chez elle, pas les 20 de .gc-contenu p : la rangee d'introduction passe de 200 a 196 */
.gc-id-connecteurs .gc-card > p:has(+ .gc-card__lien--colle) { margin-bottom: 0; } /* Sellsy et SOA PEOPLE : leur lien est colle au texte chez la source, la ou Agicap garde les 20 px. (0,3,1) contre les (0,1,1) de .gc-contenu p */
.gc-contenu .gc-id-recommandent .gc-card__lien--decale { padding-top: 8px; } /* Tresoria : son lien porte 10 px de marge haute chez la source, seule carte de la page dans ce cas. Rembourrage et non marge : une marge fusionnerait avec les 20 px du paragraphe au-dessus et ne donnerait rien. Carte a 246 comme elle. */

/* Connecteurs (940) — la passe des largeurs intermediaires, 05/10.
   La page etait exacte a 1 440 et faisait 12 528 a 768 contre 7 222 chez elle : nos colonnes
   s'empilaient, pas les siennes. Le thème sait deja traiter ca — c'est le bloc .gc-cadre, ecrit
   pour Tarifs, Recouvrement judiciaire et Grands comptes — mais il arrive en bloc, et cette page
   n'avait pas besoin de tout. Les six regles ci-dessous sont celles que la MESURE a reclamees,
   une par une, et rien de plus. Tout est borne a min-width 768 : sous 767 la source change de
   regime (conteneur de 470), ce sera une passe a part, et rien n'y bouge d'ici la.
   Verifie a 768, 1 000 et 1 440 : les huit sections identiques a la source aux trois largeurs,
   zero debordement, aucun defilement horizontal. */
@media (min-width: 768px) {
	/* 1. La gouttiere vaut clamp(15px, 4vw, 40px), soit 30,7 px a 768 — invisible a 1 440 ou le
	   conteneur plafonne a 1 140 de toute facon. Elle rognait le heros de 61 px, d'ou une dixieme
	   ligne au paragraphe : 612 au lieu de 585. */
	.page-id-940 .gc-contenu { --gc-gouttiere: 0px; }
	/* 2. clamp(26px, 3vw, 36px) retombe a 26 px sous 1 200 ; elle garde 36. Le titre de la grille
	   faisait 62 au lieu de 86. Deja constate sur les pages du cadre. */
	/* 3. Chez elle, SEULE la premiere carte API porte le rembourrage asymetrique ; les deux autres
	   ont 10 px de chaque cote. Neuf pixels de largeur utile — invisible a 1 440 (les lignes se
	   coupaient au meme endroit, ce que la mesure avait confirme), mais a 768 trois de nos lignes
	   tombaient pile a 177-179 dans une boite de 180 : elles passaient chez nous et cassaient chez
	   elle. Trois lignes, 60 px sur la carte « Synchronisation ». */
	/* 4. WordPress empile ses colonnes a 781 px ; la source les garde en ligne jusqu'a 767. */
	.page-id-940 .gc-contenu > .gc-section > .wp-block-columns { flex-direction: row !important; flex-wrap: nowrap !important; }
	/* 5. flex-grow: 0 autant que flex-basis. Les rangees incompletes — les deux dernieres cartes de
	   « Ils recommandent », les deux de « Ils ont integre » — s'etalaient a 377 la ou la source les
	   laisse au tiers, 251, et garde la place vide. 60 px et 91 px de moins sur ces deux sections.
	   La base seule ne suffisait pas : c'est la croissance qui comblait la rangee. */
	.page-id-940 .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column[style*="flex-basis:33.33%"] { flex-basis: 33.33% !important; flex-grow: 0 !important; }
	.page-id-940 .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column:not([style*="flex-basis"]) { flex-basis: 0 !important; flex-grow: 1 !important; }
}
/* 6. Entre 768 et 781, WordPress retire aux colonnes leur retrait de 15 px (il les croit empilees).
   La source le garde. Borne des deux cotes : sous 768 rien ne doit bouger. */
@media (max-width: 781px) {
	.page-id-940 .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column { padding-inline: 15px !important; }
}

/* Connecteurs (940) — la passe du telephone et de la tablette etroite, 05/10.
   Sous 768 la source change de regime : conteneur `max-width: 500px` centre, 15 px de rembourrage,
   soit un contenu de min(100 %, 500) - 30. Rendu GELE entre 500 et 767 — mesure identique a 600 et
   a 767 — puis fluide en dessous. Son h2 reste a 36 px et ses colonnes empilees gardent leurs
   15 px de retrait, que WordPress retire aux notres : d'ou la borne du bloc ci-dessus, qui descend
   desormais jusqu'en bas.
   Les trois declarations qui suivent sortent du bloc min-width 768 : la mesure les reclame aux
   deux regimes, pas seulement au-dessus de 768.
   Verifie a 375, 600 et 767 : les huit sections identiques a la source aux trois largeurs. */
.page-id-940 .gc-contenu h2 { font-size: 36px; }
.page-id-940 .gc-id-api > .wp-block-columns > .wp-block-column:not(:first-child) > .gc-card--encadree { padding: 30px 10px 40px; }
/* gap a 0 a TOUTES les largeurs : sous 782 le theme pose 20 px entre colonnes empilees, la source
   n'en met aucun. Nos colonnes etaient deja exactes (226, 236, 265 = les siennes) ; seuls les
   espaces entre elles differaient — 240 px sur la grille, 20 sur l'introduction. */
.page-id-940 .gc-contenu > .gc-section > .wp-block-columns { gap: 0 !important; }
@media (max-width: 767px) {
	/* Son conteneur mobile : 500 moins 30 de rembourrage. Nos deux variables le disent exactement —
	   min(100 % - 30, 470). A 767 et a 600 : 470 comme elle ; a 375 : 345 comme elle. */
	.page-id-940 .gc-contenu { --gc-conteneur: 470px; --gc-gouttiere: 15px; }
	/* Ses deux boutons empiles : 44 + 10 + 44 puis 30 de rembourrage, soit 127. Au-dessus de 767 ils
	   tiennent sur une ligne et nos 40 px de marge basse repondent a ses 10 + 30 ; empiles, son
	   second bouton ne porte plus de marge basse et il ne reste que 30. */
	.page-id-940 .gc-section:has(.gc-card--encadree) > .wp-block-buttons { row-gap: 10px; margin-bottom: 30px; }
}
/* Image « mes connecteurs » centrée, 20 px d'item */
.page-id-940 .gc-contenu > .gc-section:nth-of-type(4) figure.wp-block-image { text-align: center; margin-bottom: 20px; }
/* « Ils soutiennent » : titre à 10 + item vide de 30, texte final suivi d'un item vide (80) */
/* Les sections de cette page portent desormais un nom (gc-id-*, pose au contenu le 05/10). Les
   regles ci-dessous etaient ecrites en :nth-of-type, et la suppression de la section « Rejoignez
   le reseau » — que la source ne sert plus — a decale les numeros : le 7 designait cette section,
   il designe maintenant « Ils ont integre », qui recevait donc des marges qui ne lui etaient pas
   destinees. C'est precisement ce qu'un selecteur positionnel fait de pire. */
.gc-contenu > .gc-section.gc-id-soutiennent .wp-block-column > h2 { margin-bottom: 40px; }
/* Fin de section, mesure du 05/10 a 1440 : la source pose 20 px de marge sous son dernier
   paragraphe PUIS 30 px de fond de bloc, et les deux restent dans la section (437). Nos 80 px de
   marge, eux, s'echappent par le bas faute de padding et ne comptent pour rien (387).
   Et elle intercale avant cette section un bloc vide de 30 px, d'ou 90 px de padding haut. */
/* Le rembourrage de cette section n'est PAS ici : les groupes de cette page le portent en ligne,
   ecrit par l'editeur (style="padding-top:90px;padding-bottom:30px"). Une regle de feuille sans
   !important ne peut pas passer devant, et avec !important elle masquerait la vraie valeur a qui
   ouvre l'editeur. La valeur a donc ete portee au CONTENU le 05/10, et la regle retiree d'ici. */
.gc-contenu > .gc-section.gc-id-soutiennent > p:last-of-type { margin-bottom: 20px; }
/* « Rejoignez le réseau » : deux paragraphes vides de la source (22 + 20) autour du texte, bouton à 10 d'item, 20 dessous */
/* Les trois regles qui vivaient ici visaient la section « Rejoignez le reseau », supprimee du
   contenu le 05/10 parce que la source ne la sert plus a aucune largeur. Elles sont retirees et
   non renommees : leur cible n'existe plus. */

/* -------------------------------------------------------------------------
   Avis Google ([grw] rendu par le thème), mesurés sur ia-compta à 1920 px le 22/09/2026 : en-tête de 170
   (icône 46 à gauche, nom 18/700 #333, note 16/900 #fb8e28, « Basé sur » 16 #555, « powered by » 16/600 #777,
   bouton bleu #1f67e7 de 203 × 34 aux coins 27), puis les avis (portrait 46, nom 16/700 #154fc1, date 13 #555,
   étoiles de 108 × 20 suivies du texte 15/24 #222 sur la même ligne), 16 px entre deux, lien « Plus d'avis »
   centré 16 #136aaf. Le texte est coupé à 120 caractères comme sur la source (attribut text_size).
   ---------------------------------------------------------------------- */
/* Chaque règle est portée par .gc-avis : sinon .gc-contenu :is(ul, ol) (retrait de 35) et .gc-contenu p
   (20 px sous chaque paragraphe) passent devant. */
.gc-contenu .gc-avis { font-family: var(--gc-corps); margin-top: 4px; padding-bottom: 30px; }
/* 4 px au-dessus et 30 en dessous : chez la source, le widget d'avis est dans un item texte
   qui garde 30 px de rembourrage en bas, et sa premiere ligne porte une marge de 4 px qui
   remonte jusqu'au haut de la colonne. Les 4 px de marge sous « Plus d'avis » s'ajoutent aux
   30 chez elle (un rembourrage les separe) : d'ou un padding ici, et non une marge, qui les
   aurait absorbes. Releve du 07/10/2026 sur aston-itf, boite par boite, a 375 et a 1440 : la
   section TPE etait a -30 a 1440 (484 contre 514) et, une fois la gouttiere de colonnes
   retiree, a -33 a 375 (741 contre 774). */
.gc-avis .gc-avis__entete { display: flex; gap: 12px; margin-bottom: 20px; } /* 170 d'en-tête, puis 4 avant le premier avis */
.gc-avis .gc-avis__lieu-icone { flex: 0 0 46px; margin-left: 4px; width: 46px; height: 46px; border-radius: 50%; background: #7b7b7b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M4 4h16v2H4zm0 3h16l-1 3.2a2.8 2.8 0 0 1-5.4.3 2.8 2.8 0 0 1-5.2 0 2.8 2.8 0 0 1-5.4-.3zm1 5.6A4 4 0 0 0 8 13.6V20h8v-4h3v4h1v-6.4a4 4 0 0 0 1-1V21H4zM10 16h4v4h-4z'/%3E%3C/svg%3E") no-repeat center / 26px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24); }
.gc-avis .gc-avis__place { flex: 1; min-width: 0; }
.gc-avis .gc-avis__nom { display: block; font: 700 18px/24px var(--gc-corps); color: #333; text-decoration: none; }
.gc-avis .gc-avis__note { display: flex; align-items: center; gap: 6px; margin: 8px 0 0; font: 900 16px/20px var(--gc-corps); color: #fb8e28; }
.gc-avis .gc-avis__base { margin: 8px 0 0; font-size: 16px; line-height: 22px; color: #555; }
.gc-avis .gc-avis__propulse { margin: 8px 0 0; font: 600 16px/22px var(--gc-corps); color: #777; }
.gc-avis .gc-avis__google span:nth-child(1), .gc-avis .gc-avis__google span:nth-child(4) { color: #3c6df0; }
.gc-avis .gc-avis__google span:nth-child(2), .gc-avis .gc-avis__google span:nth-child(6) { color: #d93025; }
.gc-avis .gc-avis__google span:nth-child(3) { color: #fb8e28; }
.gc-avis .gc-avis__google span:nth-child(5) { color: #188038; }
.gc-avis .gc-avis__ecrire { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; padding: 4px 12px 8px; border-radius: 27px; background: #1f67e7; color: var(--gc-blanc); font-size: 16px; line-height: 22px; text-decoration: none; }
.gc-avis .gc-avis__ecrire:hover { background: #154fc1; }
.gc-avis .gc-avis__g { width: 16px; height: 16px; }
.gc-avis .gc-avis__etoiles { display: inline-block; width: 108px; height: 20px; vertical-align: middle; margin-right: 6px; background: linear-gradient(90deg, #fb8e28 calc(var(--gc-note, 5) / 5 * 100%), #ccc 0); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.92 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.24 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") repeat-x 0 0 / 21.6px 20px; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.92 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.24 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") repeat-x 0 0 / 21.6px 20px; }
.gc-avis .gc-avis__liste { display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 0; list-style: none; }
.gc-avis .gc-avis__item { display: flex; gap: 12px; margin: 0; }
.gc-avis .gc-avis__item[hidden] { display: none; } /* [hidden] perd contre .gc-avis .gc-avis__item { display: flex } */
.gc-avis .gc-avis__portrait { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; font: 700 20px/1 var(--gc-corps); color: var(--gc-blanc); box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24); }
.gc-avis .gc-avis__corps { min-width: 0; flex: 1; }
.gc-avis .gc-avis__auteur { display: block; font: 700 16px/22px var(--gc-corps); color: #154fc1; text-decoration: none; }
.gc-avis .gc-avis__date { margin: 4px 0 0; font-size: 13px; line-height: 18px; color: #555; }
/* Le bloc du texte d'un avis, releve sur aston-itf a 375 et 1440 le 08/10/2026 : chez elle c'est un
   bloc a 16 px / normal (etai de 21,8) place 4 sous la date, qui porte les etoiles et le texte a 15 px /
   24 px tous deux alignes au milieu (vertical-align: middle). Le milieu du texte ne tombant pas sur celui
   de l'etai, chaque ligne fait 24,72 et non 24 (lignes a 2,72 / 27,44 / 52,16 / 76,88 / 101,59). Nous
   avions lu « 7 au-dessus et des lignes de 24 » : c'etait 4 + les 2,72 de la premiere ligne. D'ou +2,28
   sur un avis d'une ligne, +1,56 sur deux, -0,6 sur cinq : +4 sur la liste a 1440, +1 a 375. Le bouton
   « lire la suite » suit le texte dans la meme ligne de 24 (chez elle il est dans le span du texte).
   Apres : avis de 171,59 et 97,44 a 375 (liste 285,03, section 774,125), 97,44 et 72,72 a 1440
   (liste 186,16, section 514,16), au centieme comme elle. */
.gc-avis .gc-avis__texte { margin: 4px 0 0; font-size: 16px; line-height: normal; color: #222; white-space: pre-line; }
.gc-avis .gc-avis__extrait { font-size: 15px; line-height: 24px; vertical-align: middle; }
.gc-avis .gc-avis__lire, .gc-avis .gc-avis__plus { border: 0; background: transparent; padding: 0; font: 16px/22px var(--gc-corps); color: #136aaf; cursor: pointer; }
.gc-avis .gc-avis__lire { display: inline; font-size: 15px; line-height: 24px; vertical-align: middle; margin-left: 6px; }
.gc-avis .gc-avis__lire:hover, .gc-avis .gc-avis__plus:hover { text-decoration: underline; }
.gc-avis .gc-avis__plus { display: block; width: 100%; margin: 4px 0; text-align: center; }
/* Pas de reduction des etoiles au telephone : chez elle le dessin fait 108 x 20 dans les avis a 320,
   375 et 767 comme a 1440 (releve du 08/10/2026 sur aston-itf, 0.1.300). La regle de 0.1.116 qui les
   ramenait a 86,4 sous 768 est retiree. Dans l'en-tete, son dessin fait 110 derriere la note. */

/* -------------------------------------------------------------------------
   Comment ça marche (935), section « Pourquoi sommes-nous différents ? » — mesurée à 1920 px le 22/09/2026.
   Sur la source, chaque bloc est un titre-item : titre 18 px, légende 15 px / 20 en #747474 à 10 px dessous,
   30 px de padding sous l'item. Nos règles générales posaient 30 sous le titre et 50 sous le dernier
   paragraphe, et la légende en 16 px : 137 px de trop cumulés au bas de la page.
   ---------------------------------------------------------------------- */
/* Comment ca marche (935) — reprise de la refonte publiee par Jeanne, 06/10.
   La page portait encore l'ancienne version : titre « GCollect : le recouvrement simple », section
   « Comment ca marche ? / financement Defacto-Karmen », bloc « recouvrement video ». Le contenu a
   ete repris en base ; voici ce que la MESURE a reclame en plus, a 1 440.

   Les deux regles ci-dessous visaient `:nth-of-type(5)`. Elles etaient justes — 15/20 et 10 px de
   marge sont exactement ses valeurs — mais elles ont change de cible le jour ou j'ai supprime une
   section et ajoute deux autres : elles tombaient sur les etapes 2 et 3. Elles s'accrochent
   desormais a une CLASSE, qui ne bouge pas quand l'ordre bouge. */
.page-id-935 .gc-fond--bas-gauche .wp-block-column > h3 { margin-bottom: 10px; }
.page-id-935 .gc-fond--bas-gauche .wp-block-column > h2 { margin-bottom: 0; } /* 0 et non 10 (0.1.284) : son titre de section n'a pas de rembourrage bas (colonne de 130 = h2 de 130 a 375). Invisible au bureau, ou le titre a sa propre colonne a cote des deux autres. */
.page-id-935 .gc-fond--bas-gauche .wp-block-column > p { margin-bottom: 30px; font: 15px/20px var(--gc-corps); color: #747474; }
/* Ses deux sections a fond clair ont 40/30 de rembourrage, pas les 70/60 de .gc-section--pleine-gauche. */
.page-id-935 .gc-contenu .gc-section--pleine-gauche { padding-top: 40px; padding-bottom: 30px; }
/* Le titre des « 3 etapes » porte 45 px de rembourrage lateral : il ne reste que 1 050 pour un texte
   qui en demande 1 083, d'ou deux lignes la ou elle n'en a qu'une. La ligne unique fait 1 083 des
   DEUX cotes — memes metriques — seule la boite differait. Ce n'etait donc ni la police ni le
   `text-wrap: balance` que j'avais d'abord accuse, et qu'il a fallu ecarter par la mesure. */
.page-id-935 .gc-section:has(#gcollect-estimation) > h2 { padding-inline: 15px; }
/* La section des « 3 etapes » (comment-ca-marche) n'a pas la structure des autres sections
   pleine-gauche : chez la source, ses colonnes n'ont AUCUN rembourrage (ni la rangee, ni la
   column-content-margin, a 375 comme a 1440), seul l'item en a 15 de chaque cote et 30 en bas.
   Nos regles generiques (rangee a 30, carte a 30 / 30 / 60) venaient d'une autre page : cartes
   de 270 de texte au lieu de 350 a 1440 (titres sur deux lignes au lieu d'une), et +60 par
   carte a 375. Releve du 07/10/2026 en fenetre reelle aux deux largeurs : apres, cartes a
   y271 de 338 / 338 / 378 et bouton a 1335 a 375 ; rangee finissant a 456 et iframe a 530 a
   1440, comme elle.
   L'iframe d'estimation suit la meme boite que le texte des items (le conteneur moins 15 de
   chaque cote : 1110 a 1440, 315 a 375) et garde les 20 px du paragraphe qui le porte chez
   elle. !important : son style en ligne dit width: 1140px. Sa HAUTEUR, elle, n'est pas
   reproductible : le meme widget y mesure 560, 750 ou 1230 selon le chargement (son script
   d'ecoute est casse par un </p>, un autre -- GTM ? -- pose la hauteur) ; la notre est celle
   que le widget demande (701 a 1110 de large, 916 a 315), et c'est le bon comportement. */
.page-id-935 .gc-section:has(#gcollect-estimation) > .wp-block-columns { padding-inline: 0; }
.page-id-935 .gc-section:has(#gcollect-estimation) .gc-card { padding: 0 0 30px; }
@media (max-width: 767px) { .page-id-935 .gc-section:has(#gcollect-estimation) .gc-card { padding: 0 15px 30px; } }
.page-id-935 #gcollect-estimation { display: block; width: calc(100% - 2 * var(--gc-gouttiere) - 30px) !important; max-width: calc(var(--gc-conteneur) - 30px) !important; margin: 0 auto 20px; }
/* Les titres d'etape : 28 px chez elle, 18 chez nous (defaut h4 du theme). */
.page-id-935 :is(.gc-id-gc360, .gc-id-etapes23) h4 { font: 700 28px/33.6px var(--gc-titres); margin: 0 0 20px; }
.page-id-935 .gc-id-etapes23 .wp-block-column > p { font: 16px/normal var(--gc-corps); color: var(--gc-encre); margin-bottom: 20px; }
/* Le lien pose sous le titre de « Des tarifs clairs » : 14/25, 10 px dessus et dessous. Il faut
   reprendre la ligne ET la marge basse, car la regle des legendes ci-dessus, a (0,4,1), impose
   sinon son 15/20 et ses 30 px. */
.page-id-935 .gc-fond--bas-gauche .wp-block-column > p.gc-lien-titre { font: 14px/25px var(--gc-corps); margin: 10px 0; }
/* Le lien sous le titre (« Voir les honoraires de recouvrement ») est en capitales, en italique
   et interlettre de 2 px chez elle : 330 px de large au lieu de nos 239, donc deux lignes de 25
   dans les 315 du telephone (et dans les 295 de 900), une seule au bureau. C'etait les -25 de
   la section a 375 et a 900. Releve du 07/10/2026 en fenetre reelle. */
.page-id-935 .gc-fond--bas-gauche .wp-block-column > p.gc-lien-titre a { font-style: italic; letter-spacing: 2px; text-transform: uppercase; }
/* Le titre de « Comment fonctionne GCollect 360 ? » : 20 px sous le titre, pas 30. */
.page-id-935 .gc-id-gc360 h3 { margin-bottom: 20px; }
/* Les etapes 2 et 3 : chez la source, la section n'a pas de rembourrage haut (0 / 30, a 375
   comme a 1440) et ses deux colonnes n'en ont pas non plus ; seul l'item de texte a 30 en bas.
   Au bureau, leur hauteur ne vient pas de leur contenu : elles sont « synchronisees » (data-
   sync-height 400, script Goodlayers) avec les deux colonnes de la section du dessus, et
   prennent la plus haute des quatre -- 332 a 1440, la colonne de texte de « Comment fonctionne »
   -- le contenu centre dedans (pre-spaces de 64 et 32). Sous 768 la synchronisation s'arrete.
   Nos 60 de section et 5 de colonne (0.1.2xx, mesures a 1440) faisaient exactement les 60 de
   difference au bureau (362 des deux cotes), mais +70 a 375 (803 contre 733). Le script
   app.js reprend la synchronisation a partir de 768 ; ici, le centrage et les rembourrages.
   Releve du 07/10/2026 en fenetre reelle : apres, 733 a 375 et 362 a 1440, contenu a y64 /
   y32 comme elle. */
.page-id-935 .gc-id-etapes23 { padding-top: 0; }
.page-id-935 .gc-id-etapes23 .wp-block-column { padding-top: 0; padding-bottom: 30px; }
@media (min-width: 768px) { .page-id-935 .gc-id-etapes23 .wp-block-column { display: flex; flex-direction: column; justify-content: center; } }
/* « Recouvrer sans abimer » : ses colonnes portent 30 px haut et bas, et le chapo 10 px sous lui
   et non 50. Les deux sections a bande claire se distinguent par l'estimateur, seule difference
   structurelle entre elles — elles portent les memes classes. */
.page-id-935 .gc-section--pleine-gauche:not(:has(#gcollect-estimation)) .wp-block-column { padding-block: 30px; }
.page-id-935 .gc-section--pleine-gauche:not(:has(#gcollect-estimation)) > p { margin-bottom: 10px; font-style: italic; } /* italique (0.1.282) : sa legende l'est, et l'italique d'Open Sans est plus etroit que le romain -- « Un impaye ne doit pas forcement rimer avec conflit. » fait 364,88 en italique, 385,94 en romain, a 16 px. Nous la rendions en romain : huit lignes a 375 au lieu de sept (176 contre 154), les deux-points finaux seuls sur la derniere. Releve du 07/10/2026, en comparant la meme chaine dans les deux pages. */
/* Cette section (« Recouvrer sans abimer la relation ») a chez elle un conteneur rembourre de
   30 en haut et en bas, a 375 comme a 1440, sur les 40 / 30 de la section -- la section des
   « 3 etapes » n'en a pas. Et ses items n'ont pas de rembourrage haut : 30 en bas, dans une
   colonne a 30 / 30. Nos 30 / 60 de carte (regle generique) et nos 40 / 30 de section se
   compensaient exactement a 1440 (817 des deux cotes : 30 de moins en haut, 30 de plus sous
   chaque carte, dans une rangee cote a cote) mais pas a 375, ou les trois cartes s'empilent :
   +60 par carte, -30 en haut. Releve du 07/10/2026 en fenetre reelle : apres, titre a 70,
   cartes de 372 / 392 / 423 a 417, bouton a 1604, section de 1737, comme elle. */
.page-id-935 .gc-contenu .gc-section--pleine-gauche:not(:has(#gcollect-estimation)) { padding-top: 70px; padding-bottom: 60px; }
.page-id-935 .gc-section--pleine-gauche:not(:has(#gcollect-estimation)) .gc-card { padding-top: 0; padding-bottom: 30px; }
/* La bande de fond. Elle n'est PAS portee par le style en ligne du contenu — le ::before de
   .gc-section--pleine-gauche a sa propre couleur, ce que la mesure a montre apres une tentative
   inutile cote contenu. Chez la source, la section de l'estimateur est peinte EN ENTIER en
   #f2f6fa (bord a bord, toute la hauteur), et la derniere section n'a aucun fond. */
.page-id-935 .gc-section--pleine-gauche:has(#gcollect-estimation)::before { inset: 0; background: #f2f6fa; }
.page-id-935 .gc-section--pleine-gauche:not(:has(#gcollect-estimation))::before { content: ""; top: 40px; bottom: 30px; left: 50%; right: auto; transform: translateX(-50%); width: min(100%, var(--gc-conteneur)); background: #f8f8f8; }
/* Correction du 06/10 : au 0.1.231 j'avais mis ce ::before a `content: none`, ayant mesure le fond de
   sa derniere section comme transparent. Il l'est sur l'ENVELOPPE ; la couleur vit sur le CONTENEUR,
   un pas plus bas. J'avais donc supprime une bande qui doit exister, et c'est la comparaison visuelle
   avec la capture de Nante qui l'a sortie — aucune hauteur ne pouvait la voir.
   Sa bande n'est pas pleine-gauche malgre le nom de sa classe : 1 140 de large, centree, de x=143 a
   x=1283 a 1 440, avec 40 px d'air en haut et 30 en bas. */

/* -------------------------------------------------------------------------
   Recouvrement amiable (10035), section « L'importance du discours et le contrôle qualité » — 1600 px, 23/09/2026.
   Le titre-item de la source y porte 10 px de padding-bottom, pas 30 : le paragraphe suit à 10 px du titre.
   ---------------------------------------------------------------------- */
.page-id-10035 .gc-contenu > .gc-section:nth-of-type(5) .wp-block-column > h2 { margin-bottom: 10px; }

/* -------------------------------------------------------------------------
   Factomos (8902), section « Besoin d'aide ? » — réglages par élément du constructeur, relevés sur la source
   à 1600 px le 23/09/2026 : section 2320 → 2854 (60 / 0) ; le titre est DESSINÉ 50 px sous sa position de
   flux (sa boîte n'en fait que 73 : 50 + 43 − 20) ; les trois text-box portent 91 px de padding-bottom et
   leurs h1 20 px de marge basse (WordPress la met à 0 par son blockGap) ; les deux vidéos font 540 × 360
   (rapport 3/2, pas 16/9) avec 105 px dessous ; le bouton final porte les 30 px de son item.
   ---------------------------------------------------------------------- */
.page-id-8902 .gc-contenu > h2 { margin: 50px auto -20px; } /* auto et non 0 sur les cotes : le 0 annulait le centrage du conteneur et « BESOIN D'AIDE ? » partait au bord gauche de la page (releve du 12/10/2026 : h2 a x 158 chez elle, 0 chez nous). 0.1.342 */
.page-id-8902 .gc-contenu > .gc-section:nth-of-type(5) p { margin-bottom: 91px; }
.page-id-8902 .gc-contenu > .wp-block-columns .gc-video { margin-bottom: 100px; } /* item a 100 de rembourrage ; le 3/2 d'avant 0.1.301 ne donnait 360 qu'a 1440 (540 x 2/3), 210 a 375 */
.page-id-8902 .gc-contenu > .wp-block-buttons:last-child { margin-bottom: 30px; }
/* Lien sous le titre « Comment recouvrer une facture impayée ? » (ajouté chez la source le 01/10/2026 : item de
   titre « avec lien », relevé le 09/10/2026 à 1440) : titre 584,5 → 670,9, lien à 10 dessous en Open Sans 14 / 25
   en 400, capitales, lettrage 2, bleu, puis légende à 10 (715,9) et 30 avant le bloc suivant (811,9). Chez nous le
   lien est un paragraphe .gc-titre__lien entre le titre et sa légende, qui ne voit donc plus le modèle h2 + p. */
.page-id-8902 .gc-contenu .wp-block-column > h2:has(+ .gc-titre__lien) { margin-bottom: 10px; }
.page-id-8902 .gc-contenu .gc-titre__lien { margin: 0 0 10px; font: 400 14px/25px var(--gc-corps); letter-spacing: 2px; text-transform: uppercase; }
.page-id-8902 .gc-contenu .gc-titre__lien a { color: var(--gc-bleu); text-decoration: none; }
.page-id-8902 .gc-contenu .wp-block-column > .gc-titre__lien + p { margin-bottom: 30px; font-size: 16px; color: var(--gc-encre); }

/* -------------------------------------------------------------------------
   Demande de grille (9155) : la colonne de la source porte 20 px de marge haute et basse
   (column-content-margin), perdus à la conversion. Mesure du 23/09/2026 : boîte de colonne à 281,
   contenu à 301 ; nos deux titres arrivaient donc 20 px trop haut et la section 40 px trop courte.
   ---------------------------------------------------------------------- */
.page-id-9155 .gc-contenu > .gc-section:nth-of-type(2) .wp-block-column { padding-block: 20px; }

/* -------------------------------------------------------------------------
   Bandeaux dont l'image descend de 30 px : sur ces six pages, l'image-item de la source porte 30 px de
   marge haute (image à 147 pour une colonne à 117 ; ailleurs 0). Notre figure mettait ses 30 px en bas :
   même hauteur de bandeau, image 30 px trop haut. Relevé du 23/09/2026 sur les 64 pages : exactement ces six.
   ---------------------------------------------------------------------- */
:is(.page-id-8364, .page-id-8778, .page-id-8902, .page-id-9027, .page-id-9531, .page-id-9632) .gc-hero .wp-block-image { margin-top: 30px; margin-bottom: 0; }
.page-id-9027 .gc-hero .wp-block-image { margin-bottom: 30px; } /* Recouvrement judiciaire : la source y met 30 px des DEUX côtés de l'image (colonne de 419 : 30 + 359 + 30) */
.page-id-8778 .gc-contenu .gc-hero.gc-section { padding-bottom: 20px; } /* Kwote : l'enveloppe du bandeau fait 420 pour un contenu de 400 sur la source */

/* =========================================================================
   9. Impression
   ====================================================================== */
/* Onglet « Nous contacter », fixé au bord droit. Relevé sur la source le 29/09/2026, valeurs reprises
   telles quelles. Le vert #2ee6a6 n'est PAS --gc-vert (#3cff8c) : c'est une teinte propre à cet élément.
   La pile « Segoe UI » est celle de la source : cet onglet ne porte pas la police du site.

   **La couleur du texte reproduit le RENDU de la source, pas sa déclaration.** La feuille source
   écrit `#12142b` mais une règle plus forte y repeint le lien en bleu de marque, et c'est ce bleu
   qu'on voit en ligne. Mesuré sur ce vert : blanc 1,62 — bleu **3,70** — #12142b 11,19, pour un
   seuil de 4,5 à 13 px gras.

   **Le bleu échoue donc au contraste, et c'est un choix, arbitré par Nanté le 29/09/2026** au nom de
   la fidélité à gcollect.fr. Ce n'est pas un défaut à « corriger » en passant : axe le compte, il
   doit le compter. Si la question se rouvre, `#12142b` passe à 11,19 sans toucher au fond. */
.gc-contact { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 9999; display: flex; flex-direction: column; align-items: center; gap: 12px; width: 54px; padding: 20px 0; border-radius: 14px 0 0 14px; background: #2ee6a6; color: var(--gc-bleu); box-shadow: 0 10px 28px rgb(18 20 43 / 0.25); font: 800 13px "Segoe UI", system-ui, -apple-system, sans-serif; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; transition: width 0.25s; }
.gc-contact:hover { width: 62px; }
/* L'onglet vit dans le pied, qui impose sa couleur de lien : `.gc-pied a` (0,1,1) bat `.gc-contact`
   (0,1,0) — le texte sortait BLANC, à 1,62 de contraste — et `.gc-pied a:hover` (0,2,1) l'aurait
   repeint en vert au survol. Les deux gardes ci-dessous sont à (0,2,0) et (0,3,0). */
.gc-pied .gc-contact { color: var(--gc-bleu); }
.gc-pied .gc-contact:hover { color: var(--gc-rose); } /* relevé le 09/10/2026 sur la source : au survol le texte et l'enveloppe passent au rose #ff9bff (sur le vert, c'est son choix), la largeur à 62 */
.gc-contact:focus-visible { outline: 3px solid #5b6cff; outline-offset: 2px; }
.gc-contact span { writing-mode: vertical-rl; transform: rotate(180deg); letter-spacing: 0.04em; }
@media (max-width: 640px) {
	.gc-contact { width: 44px; padding: 14px 0; gap: 10px; font-size: 11px; }
	.gc-contact svg { width: 18px; height: 18px; }
	.gc-contact:hover { width: 44px; }
}

@media print {
	.gc-topbar, .gc-entete, .gc-pied, .gc-cta, .gc-colonne__partage, .gc-contact, .wp-block-buttons { display: none !important; }
	.gc-hero { background: none; color: var(--gc-encre); }
	.gc-hero h1 { color: var(--gc-bleu); }
}

/* -------------------------------------------------------------------------
 * Accueil refondue, relevée sur www.gcollect.fr le 01/10/2026. Trois sections neuves — le cadre
 * d'estimation, le parcours en quatre étapes et la suite d'outils — et un bandeau au titre plus
 * grand. Toutes les valeurs ci-dessous sont mesurées sur la source dans une fenêtre de 989 px.
 * ---------------------------------------------------------------------- */
.gc-hero.gc-id-header-home h1 { font-size: 41px; line-height: 1.2; letter-spacing: 1px; } /* 41 px / 49,2 et 1 px d'interlettrage relevés sur l'accueil ; sans lui le titre tient sur 4 lignes au lieu de 5 et le bandeau raccourcit */
/* La classe gc-id-header-home n'est pas que sur l'accueil : la conversion l'a posee sur
   six pages -- l'accueil, l'article /blog/lancez-vos-procedure... et les quatre pages
   connecteurs. Elles heritaient donc de la typographie de l'accueil, qui n'est pas la
   leur. Releve du 07/10/2026 sur la source :
     accueil         40 px / 48   sous 768, puis 41 px / 49,2, interlettrage 1 px
     les cinq autres 28 px / 33,6 sous 1000, puis 35 px / 42, interlettrage normal
   La bascule des cinq est 999 / 1000, la meme que celle de son entete. Celle de l'accueil
   est 767 / 768, le motif deja vu sur le h2 des pages legales (41 -> 40).
   Nous servions 41 px au-dessus de 960 et 32 px en dessous sur les six.
   Apres : hauteur de titre identique a la source au pixel, a 375 comme a 1440, sur
   l'accueil (384 / 246), aston-itf (235 / 168) et l'article (202 / 168). */
body:not(.home) .gc-hero.gc-id-header-home h1 { font-size: 35px; letter-spacing: normal; }
@media (max-width: 999px) {
	body:not(.home) .gc-hero.gc-id-header-home h1 { font-size: 28px; }
}
@media (max-width: 767px) {
	body.home .gc-hero.gc-id-header-home h1 { font-size: 40px; }
}
.home .gc-hero.gc-id-header-home .wp-block-buttons { margin: 10px 0 0; } /* .home depuis 0.1.272 : sans le prefixe, ce 0 ecrasait les 20 px du button-item sur les cinq autres pages du gabarit (releve du 07/10/2026 : -20 sur chacune, a 375 comme a 1440) */ /* les deux appels se suivent : le second est un lien nu, pas un second bouton */ /* 10 en haut : marge haute du button-item de la source, et 10 entre les deux boutons (marge basse du premier) ; releve du 09/10/2026 a 1440 : boutons a 528,9 et 582,5 (0.1.320) */
.home .gc-hero.gc-id-header-home .wp-block-buttons:last-child { margin-bottom: 20px; } /* rembourrage bas du button-item de la source : son texte finit a 612, la section a 662 = 20 + 30 */
/* Bouton « Demander mon audit gratuit », relevé sur la source le 09/10/2026 (0.1.322). Ses deux button-item sont
   « center-align » : boutons centrés dans la colonne à 1440 (269,2 et 291,6) comme à 375 (40 et 51,6). Le premier
   porte un pictogramme compteur (FontAwesome 4 fa-tachometer) de 13,8 × 13 à 10 du texte, de la couleur du texte,
   d'où 316,5 de large contre 292,7 sans lui ; le lien a 10 de marge de chaque côté, donc 295 dans les 315 de la
   colonne à 375, où le pictogramme reste seul sur la première ligne et le texte (234,7, insécable chez elle : un
   span) passe sur la seconde : 61,5 de haut = 12 + 19,5 + 18 + 12. En flex à retour à la ligne, le texte est un seul
   item comme son span, et le pictogramme de 19,5 de haut tient lieu de première ligne. Survol : fond inchangé,
   texte et pictogramme blancs en 300 ms, pas de déplacement. Le glyphe est redessiné (cadran et aiguille), pas copié. */
.home .gc-hero.gc-id-header-home .wp-block-buttons { justify-content: center; } /* (0,4,0) devant le flex-start de la mise en page du bloc */
.home .gc-hero.gc-id-header-home .wp-block-button.est-vert-clair { margin-inline: 10px; }
.home .gc-hero.gc-id-header-home .est-vert-clair .wp-block-button__link { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; line-height: 18px; transition: background 0.3s, color 0.3s; }
.home .gc-hero.gc-id-header-home .est-vert-clair .wp-block-button__link::before { content: ""; flex: none; width: 13.8px; height: 19.5px; margin-right: 10px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath fill-rule='evenodd' d='M1.2 11.5A6.5 6.5 0 1 1 12.8 11.5Z M6.2 8.6 10.7 3.1 11.5 3.8 7.4 9.6Z'/%3E%3C/svg%3E") center / 13.8px 13px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath fill-rule='evenodd' d='M1.2 11.5A6.5 6.5 0 1 1 12.8 11.5Z M6.2 8.6 10.7 3.1 11.5 3.8 7.4 9.6Z'/%3E%3C/svg%3E") center / 13.8px 13px no-repeat; }
.home .gc-hero.gc-id-header-home .est-vert-clair .wp-block-button__link:hover { background: #46fb7b; border-color: #46fb7b; color: var(--gc-blanc); transform: none; }
.wp-block-button.est-nu .wp-block-button__link { padding: 5px 33px; background: transparent; border-color: transparent; color: var(--gc-blanc); } /* « → Découvrir GCollect 360 » : pas de fond, pas de bordure */

/* Cadre d'estimation. Le gabarit du cadre est celui de la source (1 140 × 560 déclarés en ligne, centré) ;
   la hauteur rendue est figée par la feuille à 750 / 900 / 1230 selon la largeur, comme chez elle (0.1.323). */
/* La source ne porte PAS de marge autour du cadre : sa section et son iframe font 750 tous les deux
   (mesuré le 02/10). Nos 95 px de marge haute et basse poussaient la nôtre à 891. */
.gc-estimation { padding-block: 0; }
.home .gc-estimation { margin-bottom: 20px; } /* la source laisse 20 px de fond blanc entre le cadre (662 → 1412 à 1440) et « Comment ça marche ? » (1432) : marge basse du <p> qui porte son iframe, fondue hors de la section. Même écart à 375 (2456,5 → 2476,5). Relevé le 09/10/2026 (0.1.320) */
/* 1110 et non 1140. La source déclare le MÊME style en ligne que nous — width:1140px;max-width:100% —
   mais elle pose son cadre dans un <p> de 1110 (les 1140 du conteneur moins 15 px de chaque côté),
   et son max-width l'y ramène. Chez nous l'iframe est enfant DIRECT de la section, large de 1350 :
   rien ne la contraint, et elle s'affiche à 1140, soit 30 px de trop. Mesuré à 1365 le 02/10.

   Le !important n'est pas un confort : la largeur est un style EN LIGNE, porté par le contenu de la
   page, et une règle de feuille ne le bat pas. Un premier jet écrivait width: 1110px sans lui — la
   règle était servie, lue, et sans effet. Une règle qui ne s'applique pas est pire qu'absente :
   elle se relit comme une correction faite.

   La hauteur suit le widget, qui la corrige par postMessage dès son chargement (701 px à 1140 de
   large) ; les 560 ne sont qu'un point de départ avant la première mesure. */
/* Hauteur figée comme chez la source (relevé du 09/10/2026 : #gcollect-estimation à 750 !important,
   900 de 701 à 1250, 1230 jusqu'à 700 ; sa page n'écoute pas le postMessage du widget). Jusqu'en 0.1.322
   nous suivions le widget avec un plancher de 750 : au repos il annonce aujourd'hui 826 à 1440, et à 375
   le plancher laissait 750 contre 1230. Depuis 0.1.323 app.js ignore sa hauteur pour ce cadre ; au-delà
   de la hauteur figée, le contenu défile dans le cadre, comme chez elle. Le !important a la même raison
   que celui de la largeur : la hauteur de 560 est un style EN LIGNE porté par le contenu. */
/* Largeur : son cadre est dans un <p> de text-box-item (retrait de 15 de chaque côté du conteneur), donc
   conteneur − 30 à toutes les largeurs : 1110 à 1440, 723 à 768, 440 à 700, 420 à 480, 315 à 375 (relevé du
   09/10/2026). Sous 768 son conteneur a lui-même 15 de rembourrage : 100 % − 60. Le max-width en ligne (100 %)
   impose le !important ici aussi. Avant 0.1.323 le cadre faisait 100 % de la section sous 768 (375 à 375). */
/* Le meme cadre est pose sur « Comment ca marche » (page 935), directement dans une section, sans enveloppe
   .gc-estimation : il restait a ses 560 en ligne et son contenu defilait dedans. Releve du 12/10/2026 chez elle
   sur cette page : 750 a 1440, 900 a 947, 1230 a 700 et 375 ; largeurs 1110 / 440 / 315 — le meme bareme que
   l'accueil, d'ou la regle commune par l'identifiant du cadre (0.1.330). */
.gc-estimation iframe, iframe#gcollect-estimation { display: block; width: calc(100% - 30px) !important; max-width: calc(var(--gc-conteneur) - 30px) !important; height: 750px !important; margin-inline: auto; border: 0; }
@media (min-width: 701px) and (max-width: 1250px) { .gc-estimation iframe, iframe#gcollect-estimation { height: 900px !important; } }
@media (max-width: 767px) { .gc-estimation iframe, iframe#gcollect-estimation { width: calc(100% - 60px) !important; } }
@media (max-width: 700px) { .gc-estimation iframe, iframe#gcollect-estimation { height: 1230px !important; } }

/* Parcours en quatre étapes. Le motif gc-etape ne convient pas ici : il porte une carte blanche
   ombrée et un dépliant, que la source n'a ni l'un ni l'autre sur cette section. */
/* Relevé sur la source le 09/10/2026 à 1440 et 375 (0.1.324). Section : pas de rembourrage haut, titre puis 10
   (rembourrage du title-item), colonnes, bouton collé aux colonnes (sa marge haute de 60 est mangée par le
   dégagement des flottants), 30 de rembourrage de l'item + 30 de section : 592,1 à 1440, 1921,6 à 375.
   Colonne : 5 (marge du visuel, fondue en tête), image à la taille de son attribut width (310 / 252 / 276 / 262,
   plafonnée par la colonne : 255 à 1440 ; nos fichiers 1 et 4 sont plus grands que les siens, 420 et 421, d'où
   l'attribut et non la taille naturelle), 28, numéro 20 / normal (27) regular #747474, titre 25 / 38,75 collé,
   puis 15 (title-wrap) + 30 (item) = 45. Sous 768, colonnes empilées sans écart (449,5 / 392,5 / 417,5 / 402,5
   à 375). Bouton : 43,5 sur une ligne, 60 sur deux (18 par ligne chez elle, 36 + 24) : line-height 18 et
   hauteur minimale de 43,5. */
.gc-parcours { padding-block: 0 30px; text-align: center; }
.gc-section.gc-parcours > h2 { margin-bottom: 10px; } /* (0,2,1) devant les 30 de .gc-contenu :is(h2, h3, h4) */
.gc-section.gc-parcours > .wp-block-buttons { margin: 0 0 30px; }
.gc-parcours .wp-block-buttons .wp-block-button__link { line-height: 18px; min-height: 43.5px; box-sizing: border-box; }
.gc-parcours > .gc-parcours__etapes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0; } /* (0,2,0) devant la grille de WP, qui rendrait 5 pistes de 228 px : 4 colonnes de 285, image à 255 comme la source ; minmax(0, 1fr) : colonnes égales à 768 (188,3 chacune, un mot long les déséquilibrait) */
@media (min-width: 768px) { .gc-parcours > .gc-parcours__etapes { width: min(1140px, 100%); } } /* ses colonnes prennent tout le conteneur, sans la gouttière de 15 : 753 à 768, 985 à 1000, 1124 à 1139 (relevé du 09/10/2026, 0.1.328) ; le titre reste à conteneur − 30 */
.gc-parcours__etape { padding: 5px 15px 45px; } /* la gouttière de la source est dans la colonne : 247 − 217 = 30 */
.gc-parcours .gc-parcours__etape > .gc-parcours__visuel { margin: 0 0 28px; } /* (0,3,0) devant les 30 de .wp-block-image */
.gc-parcours__visuel img { max-width: 100%; height: auto; } /* pas de width : l'attribut HTML fait foi (voir plus haut) */
.gc-parcours .gc-parcours__etape > .gc-parcours__numero { margin: 0; font: 400 20px/normal var(--gc-corps); color: #747474; } /* (0,3,0) devant les 50 de la règle des paragraphes en fin de bloc */
.gc-parcours .gc-parcours__etape > .gc-parcours__titre { margin: 0; font: 600 25px/1.55 var(--gc-titres); color: #383838; text-transform: uppercase; } /* 25 px / 38,75 relevé ; deux des quatre titres sont en bas de casse dans la source et c'est la feuille qui les capitalise */

/* Suite d'outils. Relevé sur la source le 09/10/2026 à 1440, 768, 767, 640, 480 et 375. Section : 30 en haut,
   titre (86,4 à 1440), 10 (rembourrage du title-item), colonnes, 30 + 30 en bas (conteneur puis wrapper) :
   756 à 1440. Quatre colonnes de 270 (1080 / 4) jusqu'à 768 compris, empilées sans écart en dessous (le
   rembourrage de chaque colonne fait l'espacement). Colonne : 30 de rembourrage + 5 de marge du visuel, image
   à sa taille (102 ou 103), 28, titre 18 / 27,9, 5, légende 15 / 20 (« normal » mesuré : 240 pour 12 lignes,
   140 pour 7), puis 15 (title-wrap) + 30 (item) + 30 (colonne) = 75 ; 569,7 pour la plus haute à 1440.
   Texte à 45 des bords de colonne (30 + 15) à partir de 768, à 15 en dessous (315 dans 345 à 375). */
.gc-outils { padding-block: 30px 60px; text-align: center; }
.gc-section.gc-outils > h2 { margin-bottom: 10px; } /* (0,2,1) devant les 30 de .gc-contenu :is(h2, h3, h4) */
.gc-outils > .gc-outils__liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 0; row-gap: 0; margin-top: 0; } /* (0,2,0), même raison que la grille du parcours. minmax(0, 1fr) : colonnes égales même quand un mot dépasse (à 768 les siennes font 173,3 chacune). Plus de gouttière de 20 (0.1.328) : la largeur vient de la règle suivante */
@media (min-width: 768px) { .gc-outils > .gc-outils__liste { width: calc(100% - 60px); max-width: 1080px; } } /* son conteneur a 30 de rembourrage de chaque côté et ses colonnes se partagent le reste : 1080 / 4 = 270 à 1440, 693 / 4 = 173,3 à 768, 925 / 4 = 231,3 à 1000, 1064 / 4 = 266 à 1139 (relevé du 09/10/2026, 0.1.328). Avant : 723 − 60 de gouttières = 165,8 à 768, texte de 75,8 au lieu de 83,3 (1275,7 contre 1155,3) */
.gc-outil { padding: 35px 45px 75px; } /* la colonne de la source fait 270 mais son texte 180 : 45 px de retrait, d'où un titre sur 3 lignes et une légende de 240 px de haut */
.gc-outil > .gc-outil__visuel { max-width: none; margin: 0 auto 28px; } /* (0,2,0) devant les 30 de .wp-block-image ; trois pictogrammes font 103, un 102 */
.gc-outil__visuel img { width: auto; height: auto; }
.gc-outils .gc-outil > .gc-outil__titre { margin: 0 0 5px; font: 600 18px/1.55 var(--gc-titres); color: #383838; text-transform: none; } /* 18 px / 27,9 ; pas de capitales, contrairement au parcours ; (0,3,0) devant les 30 de .gc-contenu :is(h2, h3, h4) */
.gc-outils .gc-outil > .gc-outil__texte { margin: 0; font: italic 15px/20px var(--gc-corps); color: #747474; } /* la source met cette légende en italique gris ; (0,3,0) devant les 50 de la règle des paragraphes en fin de bloc */

@media (max-width: 767px) {
	.gc-outils > .gc-outils__liste { grid-template-columns: 1fr; }
	.gc-outil { padding: 35px 15px 75px; }
}
@media (max-width: 767px) {
	.gc-parcours > .gc-parcours__etapes { grid-template-columns: 1fr; } /* (0,2,0) : la regle de base l'est aussi. Quatre colonnes jusqu'a 768 compris chez la source (196,3 chacune a 800), empilees en dessous (470 a 767) ; plus de regime a deux colonnes ni d'ecart entre rangees, le rembourrage des colonnes fait l'espacement (0.1.324) */
}

/* -------------------------------------------------------------------------
 * Tarifs, refondue autour de l'offre par abonnement (relevé sur la source le 01/10/2026,
 * fenêtre de 1280, conteneur 1140). Trois étapes : l'abonnement SaaS, l'escalade amiable,
 * le recouvrement au succès. Les cartes de formules et les paliers partagent le même motif.
 * ---------------------------------------------------------------------- */
.gc-section--bg-2258 { background-size: cover; background-position: center; background-repeat: repeat; } /* Visuel_header_home.svg, étape 3 */
/* La source ferme ces sections par 30 px, pas 60 (padding 60/0/30, mesuré le 02/10). */
.gc-id-abonnements { padding: 60px 0 30px; }
.gc-id-succes { padding: 60px 20px 30px; } /* 20 px lateraux : style en ligne de la source, invisible tant que le conteneur plafonne a 1 140 */
.gc-id-ouvrir-compte { padding: 40px 0 30px; } /* Mesure du 02/10 a 1440 : section de 144 = 10 px de padding + 30 px de marge au-dessus du bouton + bouton de 44 + 30 px sous lui + 30 px de padding. Nos 30/30 rendaient 134. */
/* Etape 2, releve du 02/10 a 1440 (section de 341). La source ne pose RIEN sur la section :
   l'espace vient des colonnes — 84 px au-dessus du titre a gauche (20 de padding + un bloc
   d'espacement de 64), 30 px au-dessus et au-dessous de la carte a droite. C'est la colonne
   de droite qui donne sa hauteur a la section : 30 + 281 + 30. */
.gc-id-escalade { padding-block: 0; color: var(--gc-blanc); }
.gc-id-escalade h2, .gc-id-escalade p { color: var(--gc-blanc); }
.gc-id-escalade > .wp-block-columns { align-items: flex-start; } /* la source cale ses deux colonnes en haut */
.gc-id-escalade > .wp-block-columns > .wp-block-column:first-child { padding: 84px 0 0; }
.gc-id-escalade > .wp-block-columns > .wp-block-column:last-child { padding: 30px 0; }
.gc-id-escalade > .wp-block-columns > .wp-block-column > h2 { margin-bottom: 10px; }
/* Sous le titre, la source pose une legende de 15 px en Open Sans, pas un paragraphe de 16 :
   deux lignes (40 px) la ou nous en faisions trois (66). */
.gc-id-escalade > .wp-block-columns > .wp-block-column > p { font: 400 15px/normal var(--gc-corps); margin-bottom: 30px; }
/* Les trois sections à texte et visuel de Tarifs — « Des tarifs clairs », « Ne payez que si »
   et « Bien plus que des relances » — donnent 760 au texte et 380 au visuel sur la source
   (mesuré le 02/10 à 1365 ; l'ordre est inversé sur la deuxième). Nos colonnes étaient à
   570 / 570 : le texte se repliait plus souvent, d'où des paragraphes de 88 et 110 là où la
   source en a 66 et 88, et 44 puis 80 px d'écart sur les sections.
   Ces trois sections sont les seules de la page à n'avoir PAS de classe gc-id : c'est ce qui
   les désigne ici, plutôt qu'un nth-of-type qui mentirait au premier bloc ajouté.

   Le !important n'est pas un confort : WordPress écrit style="flex-basis:50%" EN LIGNE sur les six
   colonnes, depuis les largeurs enregistrées dans le contenu. Une règle de feuille ne le bat pas,
   si précise soit-elle — un premier jet sans lui a bien été servi et appliqué (flex-grow et
   flex-shrink passaient) mais la base restait à 50 %. */
.page-id-4267 .gc-contenu > .gc-section:not([class*="gc-id-"]) > .wp-block-columns > .wp-block-column:has(figure) { flex: 0 0 33.3333% !important; } /* un tiers : 380 sur 1 140, 328 sur 985 — c'est une proportion, pas une largeur */
.page-id-4267 .gc-contenu > .gc-section:not([class*="gc-id-"]) > .wp-block-columns > .wp-block-column:not(:has(figure)) { flex: 1 1 0 !important; min-width: 0; }
/* Le dernier paragraphe à flèche de « Bien plus que des relances ». La source ferme son bloc de
   texte par 30 px (bloc de 240 pour 5 x 42 de paragraphes) ; chez nous le dernier gardait 20.
   La règle générale du dernier paragraphe, qui donne 50, perdait contre celle de .gc-fleche posée
   pour l'accueil, à (0,3,1) contre (0,2,1). Repris à (0,5,1), et borné à Tarifs pour laisser
   l'accueil où il est. */
.page-id-4267 .gc-contenu .wp-block-column > p.gc-fleche:last-child { margin-bottom: 50px; }

/* La section du formulaire ne porte AUCUNE marge verticale sur la source (mesure du 02/10 :
   padding 0, hauteur 762). Nos 60 px haut et bas en ajoutaient 120. */
.gc-id-contact-tarifs { padding: 50px 0 0; }
.gc-id-contact-tarifs > h2 { margin-bottom: 10px; }
/* Trois distances relevees sur la source le 02/10, et elles seules se voient : 50 px entre la
   section precedente et le titre, 10 px entre le titre et le formulaire, 29 px entre le bouton
   « Envoyer » et le pied de page. Nous avions 0, 30 et 109.
   Le pied : notre marge de 80 px n'existe pas sur cette page chez elle, ou le constructeur de
   pages s'arrete net. On la retire ICI seulement — ailleurs elle a ete mesuree et elle tient.
   La derniere marge du formulaire : la regle generale est a (0,4,2), il faut (0,5,2).
   A noter : la boite de sa section annonce 762 quand la notre en fait 812. Sa hauteur ment —
   son formulaire DEBORDE de 50 px, que le pied recouvre. Les trois distances visibles, elles,
   sont identiques, et c'est sur elles qu'on se regle. */
.page-id-4267 .gc-pied { margin-top: 0; }
.page-id-4267 .gc-contenu .wpcf7:not(.gc-newsletter .wpcf7) form > p:last-of-type { margin-bottom: 0; }
/* « Bien plus que des relances » : la source rend quatre PARAGRAPHES prefixes d'une fleche, pas une
   liste a puces. Le dernier recevait les 50 px de la regle du « dernier paragraphe », qui est en
   (0,2,2) ; il faut (0,3,1) pour repasser devant, comme le note la regle elle-meme plus haut. */
.gc-contenu .wp-block-column > p.gc-fleche { margin-bottom: 20px; }

/* L'accroche des étapes : une phrase détachée, au-dessus du corps. */
.gc-accroche { font: 500 18px/1.6 var(--gc-titres); color: var(--gc-encre); margin: 0 0 20px; }
.gc-id-succes .gc-accroche { text-transform: uppercase; color: #747474; font-size: 16px; }
/* Page Tarifs, releve du 02/10 a 1440. La source compose son bloc de titre ainsi : titre,
   10 px, accroche de 16px/normal sur UNE ligne (22 px de haut), 30 px avant le corps. Chez
   nous : 30 px, une accroche en 18px/1.6 qui passait a DEUX lignes (58 px), puis 20 px.
   L'ecart de l'etape 1 (+48 sur 820) venait de la pour 46 px. */
.page-id-4267 .gc-accroche { font: 400 16px/normal var(--gc-corps); color: #747474; margin-bottom: 30px; }
/* La fonte de l'accroche est celle du CORPS, pas celle des titres : Open Sans 400, 16px, en
   rgb(116,116,116) — releve le 02/10 sur les etapes 1 et 3. NewFarm a 16px ne rendait que
   20 px de haut la ou Open Sans en rend 22, et les deux sections finissaient 2 px courtes. */
.page-id-4267 .gc-contenu > .gc-section > h2:has(+ .gc-accroche) { margin-bottom: 10px; } /* (0,4,1) */

/* Le thermomètre des cartes de formules. La source emploie un glyphe Font Awesome de 60 px en
   rgb(61,255,140) — notre --gc-vert, à une unité près. Le thème ne charge pas cette police :
   le dessin est REDESSINÉ.

   Et il y en a QUATRE, pas un : la source monte le mercure d'une formule à l'autre —
   fa-thermometer-1 sur Starter, -2 sur Business, -3 sur Pro, -4 sur Enterprise. Nous
   servions le même dessin aux quatre.

   Le tracé n'est pas inventé : le glyphe a été rendu dans un canevas à 300 px et relevé au
   pixel (02/10). D'où les coordonnées, dans sa propre boîte de 171 x 300 — tube de 108 de
   large (parois de 22), bulbe de 146 centré à 226, bille de 31 de rayon, trois graduations
   de 31 x 22 à droite, et le haut du mercure à 171 / 129 / 86 / 43. Rendu à la taille de la
   page (35 x 61), 39 pixels sur 2 135 s'écartent du glyphe : le bord, et rien d'autre.

   Le trou du tube et celui du bulbe ne font qu'un : deux sous-chemins séparés laissaient
   une cloison en travers du tube là où l'anneau du bulbe le croise, de 153 à 173.

   Il ne vaut QUE pour les formules. Sur les paliers, la source pose bien un élément d'icône,
   mais de 6 px et en BLANC : rien ne s'y voit. Un thermomètre de 60 px y était donc un ajout
   de notre fait, pas une reproduction. */
.gc-formule::before {
	content: ""; display: block; width: 34px; height: 60px; margin: 5px auto 30px; /* 171 x 300 à 60 px de corps = 34 x 60 ; 5 du haut de la carte et 30 avant le nom, comme l'icône du feature-box de la source (relevé du 12/10/2026 : icône à 1077, nom à 1167, carte à 1042), 0.1.348 */
	background: var(--gc-vert);
	-webkit-mask: var(--gc-thermometre) center / contain no-repeat;
	mask: var(--gc-thermometre) center / contain no-repeat;
}
.gc-id-abonnements .gc-formule:nth-child(1) { --gc-thermometre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171 300'%3E%3Cpath d='M21 54.5A53.5 53.5 0 0 1 128 54.5L128 176.3A73 73 0 1 1 21 176.3ZM43 54.5L43 184.6A52 52 0 1 0 106 184.6L106 54.5A31.5 31.5 0 0 0 43 54.5Z'/%3E%3Crect x='63.5' y='171' width='22' height='55' rx='11'/%3E%3Ccircle cx='74.5' cy='226' r='31'/%3E%3Crect x='139' y='43' width='31' height='21' rx='3'/%3E%3Crect x='139' y='85' width='31' height='22' rx='3'/%3E%3Crect x='139' y='128' width='31' height='22' rx='3'/%3E%3C/svg%3E"); } /* Starter, fa-thermometer-1 */
.gc-id-abonnements .gc-formule:nth-child(2) { --gc-thermometre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171 300'%3E%3Cpath d='M21 54.5A53.5 53.5 0 0 1 128 54.5L128 176.3A73 73 0 1 1 21 176.3ZM43 54.5L43 184.6A52 52 0 1 0 106 184.6L106 54.5A31.5 31.5 0 0 0 43 54.5Z'/%3E%3Crect x='63.5' y='129' width='22' height='97' rx='11'/%3E%3Ccircle cx='74.5' cy='226' r='31'/%3E%3Crect x='139' y='43' width='31' height='21' rx='3'/%3E%3Crect x='139' y='85' width='31' height='22' rx='3'/%3E%3Crect x='139' y='128' width='31' height='22' rx='3'/%3E%3C/svg%3E"); } /* Business, fa-thermometer-2 */
.gc-id-abonnements .gc-formule:nth-child(3) { --gc-thermometre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171 300'%3E%3Cpath d='M21 54.5A53.5 53.5 0 0 1 128 54.5L128 176.3A73 73 0 1 1 21 176.3ZM43 54.5L43 184.6A52 52 0 1 0 106 184.6L106 54.5A31.5 31.5 0 0 0 43 54.5Z'/%3E%3Crect x='63.5' y='86' width='22' height='140' rx='11'/%3E%3Ccircle cx='74.5' cy='226' r='31'/%3E%3Crect x='139' y='43' width='31' height='21' rx='3'/%3E%3Crect x='139' y='85' width='31' height='22' rx='3'/%3E%3Crect x='139' y='128' width='31' height='22' rx='3'/%3E%3C/svg%3E"); } /* Pro, fa-thermometer-3 */
.gc-id-abonnements .gc-formule:nth-child(4) { --gc-thermometre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 171 300'%3E%3Cpath d='M21 54.5A53.5 53.5 0 0 1 128 54.5L128 176.3A73 73 0 1 1 21 176.3ZM43 54.5L43 184.6A52 52 0 1 0 106 184.6L106 54.5A31.5 31.5 0 0 0 43 54.5Z'/%3E%3Crect x='63.5' y='43' width='22' height='183' rx='11'/%3E%3Ccircle cx='74.5' cy='226' r='31'/%3E%3Crect x='139' y='43' width='31' height='21' rx='3'/%3E%3Crect x='139' y='85' width='31' height='22' rx='3'/%3E%3Crect x='139' y='128' width='31' height='22' rx='3'/%3E%3C/svg%3E"); } /* Enterprise, fa-thermometer-4 */

/* Les quatre formules. Relevé du 02/10 à 1365 : cartes de 225, gouttières de 60, bloc de 1 080
   centré dans le conteneur de 1 140 — 4 × 225 + 3 × 60 = 1 080. Le relevé précédent disait 247 et
   50 pour 1 138 : la source a resserré ses cartes et élargi ses gouttières depuis. */
.gc-id-abonnements > .gc-formules { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 60px; row-gap: 30px; margin: 50px auto 0; width: calc(100% - 60px); max-width: 1080px; align-items: start; }
/* width ET max-width : au-dela de 1 200 le plafond de 1 080 gouverne, en dessous c'est le
   conteneur moins 30 px de chaque cote — la colonne de la source. align-items: start parce
   qu'elle n'egalise PAS ses cartes : a 900, Business et Enterprise font 442 quand Starter et
   Pro font 400, et c'est la plus haute qui donne la hauteur de la rangee. */ /* (0,2,0) devant la grille de WP, qui rendrait 5 pistes */
/* 50 px au-dessus, et non 30 : sur la source l'espace se compose de la marge du dernier
   paragraphe (20) PUIS du padding de la colonne (30), qui s'AJOUTENT — son balisage les
   separe. Chez nous les deux marges sont adjacentes : elles fusionnent, et la plus grande
   l'emporte. 30 ne donnait donc que 30. Mesure du 02/10 : l'etape 1 n'avait baisse que de
   50 px la ou j'en attendais 70, exactement ces 20 px. */
/* minmax(0, 1fr) et non 1fr : une piste 1fr ne descend pas sous le contenu minimum de sa
   colonne, et la carte Enterprise, dont les lignes sont les plus longues, prenait 237 px
   quand ses voisines tombaient a 221. La source les rend toutes a 225. */
.gc-formule { padding: 30px 0 50px; border-radius: 15px; background: var(--gc-blanc); box-shadow: rgba(0, 0, 0, 0.1) 15px 15px 40px; text-align: center; }
.gc-formule.est-mise-en-avant { outline: 2px solid var(--gc-vert); outline-offset: -2px; } /* la source détache le pack Enterprise */
.gc-formule__nom { margin: 0 0 10px; font: 700 35px/42px var(--gc-titres); color: var(--gc-bleu); text-transform: none; }
.gc-formule__prix { margin: 0 0 18px; font: 500 18px/18px var(--gc-titres); color: var(--gc-encre); }
.gc-formule__ligne { margin: 25px 0 0; font-size: 15px; color: var(--gc-encre); }
/* Entre deux lignes, une pastille de 6 px en rgb(60,75,255) — relevée sur la source, où les
   lignes sont des <li> portant chacun ce ::before. Nos lignes sont des paragraphes : le motif
   est le même, porté par la ligne qui SUIT, d'où n-1 pastilles pour n lignes. */
.gc-formule__ligne + .gc-formule__ligne { position: relative; }
.gc-formule__ligne + .gc-formule__ligne::before { content: ""; position: absolute; top: -15px; left: 50%; width: 6px; height: 6px; margin-left: -3px; border-radius: 50%; background: var(--gc-bleu); }
/* 25 px d'ecart entre deux lignes, et aucune marge sous la derniere : ses <li> portent chacun
   margin-top: 25 et rien en bas. Notre .gc-formule__ligne le disait deja, mais a (0,1,0) :
   .gc-contenu p (0,2,0) remettait 0 en haut et 20 en bas, et la regle du dernier paragraphe
   (0,2,2) donnait 50 a la derniere. D'ou une carte de 423 pour 400. (0,3,0) passe devant. */
.gc-id-abonnements .gc-formule .gc-formule__ligne { margin: 25px 0 0; }

/* Les paliers. Le releve precedent lisait les COLONNES de la source (380) et non les cartes
   qu'elles portent : 320 px, centrees dans 380 par une marge de 30. La carte etant ce qui
   porte le fond et l'ombre, c'est elle qu'on reproduit — 3 x 320 + 2 x 60 = 1 080, le meme
   bloc que les formules, et 30 px d'air de chaque cote du conteneur de 1 140.
   60 px au-dessus : 20 de marge du dernier paragraphe + 30 de padding de son bloc de texte,
   qui s'ajoutent chez elle, + 10 de padding de la colonne. */
.gc-id-succes > .gc-paliers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 60px; row-gap: 30px; margin: 60px auto 0; width: calc(100% - 60px); max-width: 1080px; align-items: start; }
.gc-palier { padding: 30px 20px; border-radius: 15px; background: var(--gc-blanc); box-shadow: rgba(0, 0, 0, 0.1) 15px 15px 40px; text-align: center; }
.gc-palier__titre { margin: 0 0 10px; font: 700 24px/28.8px var(--gc-titres); color: var(--gc-bleu); text-transform: none; }
.gc-palier__valeur { margin: 0; font: 18px/normal var(--gc-titres); color: var(--gc-rose); }
.gc-palier__mention { margin: 0; font: 18px/normal var(--gc-titres); color: var(--gc-rose); } /* 1.4 rendait 50 px sur deux lignes, la source 46 */
/* La carte d'un palier de l'etape 3 : padding 50 / 40 / 40, et 48 px reserves au-dessus du
   titre. La source y pose bien un element d'icone, mais un glyphe de 6 px en BLANC : rien ne
   s'y voit (voir la note du thermometre plus haut). Ce qui se voit, c'est la place qu'il
   prend — 5 de marge, 6 de glyphe, 30 de marge et le fond de sa ligne. On reproduit l'espace,
   pas le glyphe : 50 + 48 + titre 58 + 10 + valeur 46 + 18 + 40 = 270, la boite de la source. */
.gc-id-succes .gc-palier { padding: 50px 40px 40px; }
.gc-id-succes .gc-palier::before,
.gc-id-escalade .gc-palier::before { content: ""; display: block; height: 18px; margin-bottom: 30px; }
/* La carte de l'etape 2 : 396 px centres dans une colonne de 456, padding 10 / 30, et un titre
   de 45px/54 en NewFarm gras — c'est le PRIX qui fait le titre, d'ou sa taille. Le notre etait
   a 24 px : la carte faisait 193 px au lieu de 281, et l'ecart de 9 px de la section cachait
   une difference autrement plus visible. La largeur compte : a 336 px de contenu, le titre se
   casse en trois lignes comme chez elle (162 px). */
.gc-id-escalade .gc-palier { margin-inline: 30px; padding: 10px 30px; } /* 30 px de marge, et non 396 px figes : a 1 440 la colonne fait 456 et la carte 396, a 1 000 elles font 394 et 334 */
.gc-id-escalade .gc-palier .gc-palier__titre { font: 700 45px/54px var(--gc-titres); margin-bottom: 10px; }
.gc-id-escalade .gc-palier .gc-palier__mention { font: 400 18px/normal var(--gc-titres); margin-bottom: 18px; }
/* Marges relevées sur la source le 02/10 : 10 px sous le titre d'un palier, 18 px sous sa valeur,
   18 px sous le prix d'une formule. Chez nous : 30, 50 et 20. Les règles du composant sont à
   (0,1,0) et perdaient contre la règle générale du dernier paragraphe d'une section, à (0,2,1),
   et contre les marges par défaut. Reprises à (0,3,0), qui passe devant les deux. */
.gc-id-succes .gc-palier .gc-palier__titre,
.gc-id-escalade .gc-palier .gc-palier__titre { margin-bottom: 10px; }
.gc-id-succes .gc-palier :is(.gc-palier__valeur, .gc-palier__mention),
.gc-id-escalade .gc-palier :is(.gc-palier__valeur, .gc-palier__mention) { margin-bottom: 18px; }
.gc-id-abonnements .gc-formule .gc-formule__prix { margin-bottom: 18px; }
/* Le dernier paragraphe d'introduction d'une étape. La source lui laisse 20 px ; la règle
   générale du dernier paragraphe d'une section lui en donnait 50, à (0,2,1). Repris à (0,4,1). */
.page-id-4267 .gc-contenu > .gc-section > p:last-of-type { margin-bottom: 20px; }
/* LES PAGES QUI SUIVENT CETTE LOI. Elle ne depend pas de la page mais du cadre dont elles sont
   copiees : toute page reprise du constructeur de l'ancien site a le meme conteneur, les memes
   points de rupture et la meme taille de titre. 4267 (Tarifs) l'a inauguree le 02/10, 9027
   (Recouvrement judiciaire) l'a rejointe le 05/10 — ses sections tombent sur celles de la
   source a 1 440, 1 000 et 900 des qu'elle l'applique. A la troisieme page, ce sera une
   classe posee par le theme plutot qu'une liste qui s'allonge. */
/* ---- Largeurs intermediaires (releve du 02/10 a 1 440, 1 000, 900 et 768) ----
   Jusqu'ici la page n'avait ete reglee qu'a 1 440, ou le conteneur plafonne a 1 140 des deux
   cotes. Des qu'on descend, quatre lois de la source se decouvrent :

   1. LA GOUTTIERE. Elle n'en a pas. Son conteneur occupe toute la largeur disponible et les
      15 px de retrait viennent des ELEMENTS (titres, paragraphes), pas du conteneur. Nous
      posions les deux : 40 px de gouttiere PLUS 15 px sur chaque element, d'ou un texte de
      885 px la ou elle en rend 915. La gouttiere passe donc a 0 sur cette page — le retrait de
      15 px des elements, lui, existe deja et reproduit exactement le sien.
   2. LA TAILLE DES TITRES. clamp(26px, 3vw, 36px) rendait 30 px a 1 000 ; elle garde 36 px.
      D'ou des titres de deux lignes au lieu de trois, et 14 a 22 px de moins par section.
   3. LES RANGEES DE COLONNES debordent du texte : elles prennent le conteneur entier, les
      cartes etant posees 30 px en retrait de leur colonne. D'ou width: calc(100% - 60px).
   4. LES POINTS DE RUPTURE. Elle tient 4 colonnes, 3 colonnes et 2 colonnes jusqu'a 767 px.
      Nous empilions a 1 170 (grilles), 980 et 781 (colonnes WordPress) : a 768 sa page montrait
      quatre cartes de 128 px quand la notre en montrait deux de 332.

   Resultat mesure, section par section : identique a 1 440, a 1 000 et a 900 (hors bandeau).
   A 768 il reste le bandeau, l'etape 1 et « des tarifs clairs ». Sous 767 la source change
   encore de regime (conteneur de 470 a 760 px) : ce sera une passe a part. */
/* .gc-cadre : pose sur le <body> par gc_cadre_copie() (functions.php) pour les pages reprises
   du constructeur de l'ancien site. Meme specificite que la liste :is(.page-id-…) qu'elle
   remplace — (0,1,0) — donc aucun arbitrage ne bouge. Ajouter une page convertie se fait
   desormais en PHP, a un seul endroit, et non en rallongeant onze selecteurs. */
.gc-cadre .gc-contenu { --gc-gouttiere: 0px; }
.gc-cadre .gc-contenu h2 { font-size: 36px; }
/* Le titre de l'etape 1 porte 1 px d'interlettrage chez elle, et lui seul de toute la page.
   Invisible a 1 440 (les lignes se coupent au meme endroit), il vaut une ligne entiere a 600 :
   six au lieu de cinq, 43 px. Releve le 05/10. */
.gc-id-abonnements h2 { letter-spacing: 1px; }
.gc-cadre .gc-contenu > .gc-section > .wp-block-columns { width: calc(100% - 2 * var(--gc-gouttiere)); max-width: var(--gc-conteneur); } /* au-dessus de 767 la gouttiere vaut 0, donc 100 % ; en dessous elle vaut 15 et la rangee suit le texte */
/* La coupure de mot est GLOBALE chez elle (overflow-wrap ET word-break a break-word) : a 768,
   « recouvrées » fait 104 px dans une carte qui en offre 98, elle le coupe et gagne une ligne.
   C’est ce qui manquait aux 23 px de l’étape 3, et aux 42 px du nom « Enterprise » a 1 000. */
.gc-contenu { overflow-wrap: break-word; }
/* Le coeur de WordPress pose word-break: break-word sur .wp-block-column, et tout le
   contenu d'une colonne en herite -- titres compris. La source n'a pas de colonnes
   WordPress : elle est a word-break: normal partout, avec le seul overflow-wrap.
   (Une exception, trouvee le 07/10 : le paragraphe de citation des connecteurs est a
   break-word chez elle ; il le reprend plus bas.)
   word-break: break-word coupe plus tot, et c'est ce qui nous faisait couper des mots
   qu'elle garde entiers.
   Le h1 en plus : son titre de bandeau n'est jamais coupe, le notre l'etait pour 0,23 px
   -- « RECOUVREMENT » mesure 300,23 dans un bloc de 300,00, le sien dispose de 300,13.
   C'est un ecart d'arrondi de conteneur, pas une propriete differente ; overflow-wrap:
   normal sur le seul h1 en est le contournement, verifie sans debordement a 320 et 375
   sur l'accueil, comment-ca-marche, Tarifs, qui-sommes-nous, le-live, la FAQ, le blog,
   temoignages-clients, grands-comptes, smart-recouvrement, les connecteurs et les pages
   legales -- celles-la memes qui avaient impose la coupure le 06/10.
   Les titres de cartes gardent la leur : a 768 et a 1000, les quatre formules de Tarifs
   restent coupees exactement comme chez elle (84 / 84 / 42 / 84, puis 42 / 42 / 42 / 84). */
.gc-contenu .wp-block-column { word-break: normal; }
.gc-contenu h1 { overflow-wrap: normal; }
.page-id-10268 .gc-contenu h2 { overflow-wrap: normal; } /* comme le h1, pour la meme raison (0.1.285) : ses titres d'item ne cassent jamais un mot. Sur facture-impayee a 375, « Étape 3 : La « rupture de nom » » a un segment de 316,48 px pour une boite de 315 : chez elle le h2 (inline-block) s'elargit a 316,47 et garde cinq lignes ; chez nous le mot se coupait et le titre prenait six lignes (259 contre 216).
   Limite a cette page : applique a tous les h2, le meme reglage faisait deborder six pages a 375 (de 14 a 54 px : cgu-clients, mention-legales, recouvrement-judiciaire, creances-irrecouvrables, techniques-de-recouvrement, petites-creances). La source y deborde sans doute pareil, mais elle rogne tout depassement horizontal (overflow-x: hidden sur body) : reproduire cela, c'est couper des lettres a l'ecran -- a trancher avant d'etendre. */ /* generalisee le 06/10/2026 : elle ne valait que pour .gc-cadre. Les pages legales portent de longues adresses insecables qui debordaient sans elargir leur bloc — mention-legales defilait de 9 px a 375, les CGU et la politique de confidentialite de 2. La source ne defile sur aucune. */
@media (min-width: 768px) {
	.gc-id-abonnements > .gc-formules { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 60px; }
	.gc-id-succes > .gc-paliers { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 60px; }
	/* WordPress empile ses colonnes a 781 px (flex-direction: column) : la source les garde en
	   ligne jusqu'a 767. Les !important repondent aux siens. */
	.gc-cadre .gc-contenu > .gc-section > .wp-block-columns { flex-direction: row !important; flex-wrap: nowrap !important; gap: 0 !important; }
	/* L'egalisation ne vaut QUE pour les colonnes qui ne declarent pas de largeur. Les trois pages
	   du cadre n'en declaraient aucune jusqu'ici, d'ou un partage uniforme qui passait partout ;
	   Grands comptes en porte — sa premiere rangee est a 40 / 60 chez la source, et nous la
	   rendions a 50 / 50, ce qui donnait au paragraphe une septieme ligne et 22 px de trop.
	   WordPress ecrit la largeur en flex-basis EN LIGNE sur la colonne ; un !important de feuille
	   passe devant un style en ligne ordinaire, et c'est precisement ce qui l'effacait. Le :not()
	   rend la main a ces colonnes-la, sans toucher aux autres.
	   Mesure : aucune colonne de Tarifs ni de Recouvrement judiciaire ne porte de flex-basis en
	   ligne (releve du 05/10), donc rien n'y bouge — ce qui a ete reverifie section par section.
	   Effet de bord assume : l'attribut porte la specificite a (0,6,0), soit celle des deux regles
	   d'escalade ci-dessous ; elles gagnent desormais par l'ORDRE du fichier et non par le calcul.
	   Elles sont juste en dessous, dans le meme bloc : les deplacer les casserait. */
	.gc-cadre .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column:not([style*="flex-basis"]) { flex-basis: 0 !important; flex-grow: 1 !important; }
	/* ... et il faut redire les largeurs declarees, car sous 782 px WordPress impose a ses colonnes
	   flex-basis: 100% !important. Au-dessus de 782 le style en ligne passe tout seul ; entre 768 et
	   781, ou nous gardons les colonnes en ligne, il perd contre ce !important. Un !important ne sait
	   pas « laisser passer » un style en ligne : il faut repeter la valeur.
	   Mesure du 05/10 a 768 : la source rend 301 / 452, nous rendions 377 / 377, d'ou une septieme
	   et une huitieme ligne au paragraphe et 44 px de trop sur la section. Les trois autres rangees
	   n'ont rien vu : a parts egales, le retrecissement (flex-shrink) redonne le meme partage.
	   Les quatre valeurs sont celles que l'editeur a ecrites sur les trois pages du cadre. 100 % n'a
	   besoin de rien : c'est deja ce que WordPress impose. */
	.gc-cadre .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column[style*="flex-basis:33.33%"] { flex-basis: 33.33% !important; }
	.gc-cadre .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column[style*="flex-basis:40%"] { flex-basis: 40% !important; }
	.gc-cadre .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column[style*="flex-basis:50%"] { flex-basis: 50% !important; }
	.gc-cadre .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column[style*="flex-basis:60%"] { flex-basis: 60% !important; }
	/* En POURCENTAGE, et non en flex-grow : avec une base de 0, le padding d'une colonne sort du
	   partage et le deplace — 464 / 289 au lieu de 452 / 301 des qu'on rend aux colonnes les 15 px
	   que WordPress leur retire sous 782. En pourcentage, le partage ne bouge plus. */
	.page-id-4267 .gc-contenu > .gc-id-escalade > .wp-block-columns > .wp-block-column:first-child { flex: 0 0 60% !important; }
	.page-id-4267 .gc-contenu > .gc-id-escalade > .wp-block-columns > .wp-block-column:last-child { flex: 0 0 40% !important; }
	.page-id-4267 .gc-contenu > .gc-section:not([class*="gc-id-"]) > .wp-block-columns > .wp-block-column:has(figure) { flex: 0 0 33.3333% !important; }
	.page-id-4267 .gc-contenu > .gc-section:not([class*="gc-id-"]) > .wp-block-columns > .wp-block-column:not(:has(figure)) { flex: 0 0 66.6667% !important; }
}
@media (max-width: 999px) {
	.gc-id-abonnements { padding: 20px 0; } /* sous 1 000, elle retombe a 20/20 — mesure a 900 : 856 = 20 + 816 + 20 */
}
/* Entre 768 et 781, WordPress retire aux colonnes leur retrait de 15 px (il les croit empilees).
   La source, elle, le garde : son titre « ne payez que... » fait 472 px et trois lignes, le notre
   en faisait 502 et deux. On le rend — sauf a la colonne qui porte une carte, dont le retrait est
   une MARGE de 30 px, et qui serait doublement rognee. */
@media (max-width: 781px) {
	.gc-cadre .gc-contenu > .gc-section > .wp-block-columns > .wp-block-column:not(:has(.gc-palier)) { padding-inline: 15px !important; }
}

/* Un palier pose SUR la section bleue (etape 2). La règle générale des sections à fond #3c4bff
   blanchit h2, h3 et p à (0,5,0) et écrasait les couleurs du palier, à (0,1,0) : la carte est
   blanche, le texte l'était aussi. Rien ne s'y voyait — ni le titre, ni le prix, ni la mention.
   Le thème avait déjà rencontré ce piege pour .gc-card et l'avait traité ; les paliers avaient
   été oubliés. (0,6,0) et non (0,5,0) : à égalité l'ordre du fichier déciderait. */
.gc-section.has-background[style*="#3c4bff"]:not(.gc-hero) .gc-palier .gc-palier__titre { color: var(--gc-bleu); }
.gc-section.has-background[style*="#3c4bff"]:not(.gc-hero) .gc-palier :is(.gc-palier__valeur, .gc-palier__mention) { color: var(--gc-rose); }

/* Les deux grilles tiennent jusqu'a 767, comme la source — et elles s'empilent d'un coup, sans
   passer par deux colonnes. Ces deux requetes disaient 960 et 600 ; etant APRES le bloc des
   largeurs intermediaires, elles le reprenaient a egalite de specificite et rendaient quatre
   cartes de 332 a 900 la ou la source en pose quatre de 161. Mesure du 02/10 : etape 1 a 1 204
   au lieu de 856. L'ordre du fichier a tranche, une fois de plus. */
/* ---- Page « Recouvrement judiciaire » (9027), relevé du 05/10 à 1 440 ----

   Sa refonte a ajouté DEUX blocs de tarifs : « Découvrez nos tarifs avec les abonnements » et,
   en fin de page, l'étape 1 de la page Tarifs reprise telle quelle. Les deux portent la même
   grille de cartes, donc la même classe gc-id-abonnements.

   Les trois règles qui faisaient tenir cette grille étaient portées par .page-id-4267 : elles ne
   valaient que sur la page Tarifs, et la section rendait 865 au lieu de 820 ici. Elles voyagent
   désormais avec la SECTION et non avec la page — c'est la bonne échelle, puisque c'est le bloc
   qui est dupliqué. Sur 4267 elles sont redondantes et donnent les mêmes valeurs.

   La dernière, en revanche, ne vaut que lorsque la grille suit directement l'accroche : sur la
   page Tarifs un paragraphe d'introduction les sépare, et l'écart y est de 50 et non de 60. */
.gc-id-abonnements > h2:has(+ .gc-accroche) { margin-bottom: 10px; }
.gc-id-abonnements > .gc-accroche { font: 400 16px/normal var(--gc-corps); color: #747474; margin-bottom: 30px; }
.gc-id-abonnements > .gc-accroche + .gc-formules { margin-top: 60px; } /* 30 du bloc de titre + 30 de la colonne : ils s'ajoutent chez elle */

/* Deux sections de cette page laissent 10 px sous leur titre et non 30 : « comprendre le
   recouvrement judiciaire » et « en savoir plus sur le recouvrement ». Elles se reconnaissent à
   leur padding en ligne, posé par le contenu ; le bandeau, lui, porte un style de fond et ne doit
   pas être attrapé — d'où deux sélecteurs précis plutôt qu'un [style] tout court. */
.page-id-9027 .gc-contenu > .gc-section[style*="padding-bottom:0px"] > h2,
.page-id-9027 .gc-contenu > .gc-section[style*="padding-top:30px"] > h2 { margin-bottom: 10px; }

/* Le pied colle à la dernière section, comme sur la page Tarifs. Deuxième page où nos 80 px de
   marge n'ont pas lieu d'être : si une troisième suit, ce sera la règle générale qu'il faudra
   remesurer, pas une exception de plus. */
.page-id-9027 .gc-pied { margin-top: 0; }

/* Les barres bleues dépli-ferme : 63 px chez elle, 13 px de texte sur un interligne de 18 — notre
   1.3 rendait 16,8 et des barres de 62. Trois lignes, trois pixels, mais c'est mesuré. */
.gc-teaser--fond > summary { line-height: 18px; }

/* ---- Sous 767 : son troisieme regime (releve du 05/10 a 600, 480 et 390) ----

   Elle y change de conteneur : il n'est plus la largeur disponible mais min(500, 100 %), centre,
   avec 15 px de retrait. Nos elements portant deja 15 px, la regle devient conteneur 470 et
   gouttiere 15 — ce qui rend 440 px de texte a 600 comme chez elle, et 330 a 390.

   Le reste suit : les deux grilles passent a une colonne (sans jamais passer par deux), les
   cartes restent a 30 px de leur colonne, les colonnes empilees se touchent — aucun interligne
   de bloc — et trois reglages d'element changent de valeur, qu'il a fallu relever un par un :
   l'etape 1 retombe a 5/5 de padding, l'etape 3 perd ses 20 px lateraux, et l'etape 2 passe son
   titre a 35px/42 et le prix de sa carte a 40px/48.

   Mesure apres : les huit sections tombent sur les siennes a 600 et a 480 ; a 390 il reste
   « ouvrez votre compte » a +3 et « bien plus que » a -22. */
/* Sous 767, elle retire les retraits lateraux de la section a cadre gris : ses colonnes prennent
   le conteneur entier et le texte revient aux 15 px de l'element. Nos 30 px sur la rangee PLUS
   30 px sur la carte laissaient 210 px au titre d'une carte la ou elle en donne 330 : deux
   titres sur quatre passaient a deux lignes, et « comment ca marche » rendait 1 676 pour 1 551
   a 390. Le padding 70/60 de la section, lui, est juste — c'est la premiere chose que j'ai
   voulu changer, et la mesure a dit non. */
@media (max-width: 767px) {
	/* Sections a cartes : la source n'empile qu'un retrait de 15 px au telephone, nous en
	   empilions trois (16 de gouttiere + 30 de rangee + 15 de colonne), puis 30 de carte.
	   Le texte d'un temoignage faisait 178 au lieu de 300, d'ou des cartes de 551 au lieu
	   de 431 et une section de 7698 pour 6338. Mesure du 06/10/2026 sur temoignages-clients :
	   avec ces trois lignes, texte 298 @ x31 contre 300 @ x30, carte 429 contre 431.
	   Les pages .gc-cadre gardent leurs propres valeurs, plus specifiques. */
	.gc-section--pleine-gauche > .wp-block-columns { padding-inline: 0; }
	.gc-section--pleine-gauche .wp-block-column { padding-inline: 0; }
	.gc-section--pleine-gauche .gc-card { padding-inline: 15px; }
	.gc-cadre .gc-contenu { --gc-gouttiere: 15px; --gc-conteneur: 470px; }
	.gc-cadre .gc-contenu > .gc-section > .wp-block-columns { gap: 0 !important; } /* ses colonnes empilees se touchent */
	.gc-cadre .gc-section--pleine-gauche > .wp-block-columns { padding-inline: 0; }
	.gc-cadre .gc-section--pleine-gauche .gc-card { padding-inline: 0; }
	.gc-id-abonnements { padding: 5px 0; }
	.gc-id-succes { padding-inline: 0; } /* ses 20 px lateraux ne valent qu'au-dessus de 767 */
	.gc-id-ouvrir-compte { padding: 5px 0; }
	.gc-id-ouvrir-compte > .wp-block-buttons { margin-top: 30px; }
	.gc-id-abonnements > .gc-formules,
	.gc-id-succes > .gc-paliers { grid-template-columns: 1fr; width: min(470px, 100% - 30px); max-width: none; padding-inline: 30px; margin-inline: auto; }
	.gc-id-abonnements > .gc-formules { row-gap: 30px; }
	.gc-id-succes > .gc-paliers { row-gap: 10px; } /* 30 entre deux formules, 10 entre deux paliers : ce sont ses colonnes qui portent l'ecart, et elles ne sont pas reglees pareil */
	.page-id-4267 .gc-contenu > .gc-id-escalade > .wp-block-columns > .wp-block-column:last-child { padding: 0 0 16px; }
	.gc-id-escalade h2 { font-size: 35px; line-height: 42px; }
	.gc-id-escalade .gc-palier .gc-palier__titre { font-size: 40px; line-height: 48px; }
}
/* Entête GCollect — numéro de téléphone. À ajouter à la fin de style.css du thème. */
.gc-entete__tel{display:flex;align-items:center;align-self:center;gap:10px;margin:0 0 0 32px;color:#12175c;text-decoration:none;font-weight:800;font-size:15px;line-height:1.25;white-space:nowrap;order:3;flex:none}
.gc-entete__tel:hover,.gc-entete__tel:focus-visible{color:#3c4bff}
.gc-entete__tel-icone{width:40px;height:40px;border-radius:50%;background:#2ee6a6;color:#12175c;display:grid;place-items:center;flex:none}
.gc-entete__tel-texte small{display:block;font-size:11px;font-weight:600;color:#6b7090;letter-spacing:.02em}
.gc-entete__logo{order:1}.gc-nav{order:2;margin-left:auto}.gc-entete__burger{order:4}
@media (max-width:1180px){.gc-entete__tel-texte{display:none}.gc-entete__tel{margin-left:20px}}
@media (max-width:980px){.gc-entete__tel{margin-left:auto;margin-right:12px}.gc-entete__tel-icone{width:44px;height:44px}}
/* Au défilement : icône seule, menu sur une ligne */
.gc-entete__tel-texte{transition:opacity .2s}
.gc-entete--defile .gc-entete__tel-texte{display:none}
.gc-entete--defile .gc-entete__tel{margin-left:20px}
.gc-nav a{white-space:nowrap}
/* Au défilement : boutons S'INSCRIRE / SE CONNECTER plus compacts */
.gc-entete__actions .gc-btn{transition:padding .2s,font-size .2s,min-height .2s,height .2s}
.gc-entete--defile .gc-entete__actions{gap:10px}
.gc-entete--defile .gc-entete__actions .gc-btn{height:40px!important;min-height:0!important;padding:0 20px!important;font-size:12px!important;line-height:1!important;display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap;border-radius:20px!important}
/* Menu : plus d'espace entre les items */
.gc-nav__liste{display:flex;align-items:center;gap:36px!important}
.gc-nav__liste>li{margin:0!important}
.gc-entete__actions{margin-left:44px}
@media (max-width:1180px){.gc-nav__liste{gap:24px!important}.gc-entete__actions{margin-left:28px}}
@media (max-width:980px){.gc-nav__liste{display:block}.gc-entete__actions{margin-left:0}}
/* Mobile : bouton d'appel plus gros */
@media (max-width:980px){.gc-entete__tel-icone{width:56px!important;height:56px!important}.gc-entete__tel-icone svg{width:24px;height:24px}.gc-entete__tel{margin-right:16px}}