/* ------------------------------------------------------------------
   Page Contact — maquette Figma 1992:18379, valeurs relevées au connecteur le 5 octobre 2026.
   La maquette est dessinée en 1920 avec une colonne de 1200 : c'est exactement ce que rend
   .lv-wrap (1248 − 48 de gouttière). Les valeurs ci-dessous sont donc littérales.
   Variables de la charte V3 partout où un jeton existe ; les teintes propres à cette page
   (#D9DBE0, #D1D6DB, #F7F7FA) sont écrites en clair : elles ne sont dans aucun jeton.
   ------------------------------------------------------------------ */

/* ---------- Titraille (1992:18380) ----------
   Le H1 du gabarit sort à 42 px : la maquette en demande 40. Le chapô était en gris clair
   (#767B84) à 14,5 px, la maquette le veut à 17 px dans l'encre de texte (#4A5058) — c'est
   le même paragraphe qui portait deux niveaux de discrétion en trop.
   L'interlignage : la maquette n'en déclare pas, parce que le chapô tient sur UNE ligne en
   1920. Il en passe deux dès 1440 : on garde 1,55, lisible, plutôt qu'un `normal` serré. */
.lvct h1{font-size:40px!important;line-height:1.2!important;}
.lvct-lead{font-size:17px;line-height:1.55;color:var(--lv-txt);margin:0 0 20px!important;max-width:1000px;}

/* ---------- Les deux portes (1993:18214) ---------- */
.lvct-portes{padding:40px 0 8px;}
.lvct-portes__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.lvct-porte{border:1px solid #D9DBE0;border-radius:12px;padding:32px;background:#fff;}
.lvct-porte__t{font-size:20px;font-weight:700;color:var(--lv-ink);margin:0 0 16px!important;}
.lvct-porte p{font-size:15px;line-height:1.72;color:var(--lv-txt);margin:0 0 16px!important;}
.lvct-porte__btns{display:flex;flex-wrap:wrap;gap:12px;margin:0!important;}

/* LES DEUX BOUTONS SONT BORDÉS, PAS PLEINS (1993:18219 et 1993:18221).
   Le site remplissait le premier en vert : la maquette met les deux sur le même plan, et
   c'est cohérent — ce ne sont pas deux actions d'importance différente, ce sont deux
   chemins. Le vert plein est gardé au survol, pour que le clic reste évident. */
.lvct-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #D1D6DB;
	border-radius:6px;padding:14px 26px;font-size:15px;font-weight:700;color:#157a30!important;
	background:#fff;text-decoration:none;line-height:normal;transition:background-color .15s,color .15s,border-color .15s;}
.lvct-btn:hover{background:var(--lv-green);border-color:var(--lv-green);color:#fff!important;}
.lvct-btn--wa{background:#fff;color:#157a30!important;}
.lvct-btn--wa:hover{background:var(--lv-green);border-color:var(--lv-green);color:#fff!important;}

/* ---------- Les canaux (1993:18232) ----------
   Fond BLANC dans la maquette, avec un filet de 1 px au-dessus et au-dessous (les deux
   frames « trait »). Le site posait un aplat sable : les tuiles grises ne s'en détachaient plus. */
.lvct-h2{font-size:24px;font-weight:700;color:var(--lv-ink);margin:0 0 20px!important;}
.lvct-canaux{padding:48px 0;border-top:1px solid var(--lv-line);border-bottom:1px solid var(--lv-line);background:#fff;}
.lvct-canaux__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start;}
.lvct-canal{background:#F7F7FA;border:0;border-radius:8px;padding:20px;}
.lvct-canal__t{font-size:15px;font-weight:700;color:var(--lv-ink);margin:0 0 6px!important;}
.lvct-canal__v{font-size:14px;line-height:1.72;color:var(--lv-txt);margin:0 0 6px!important;word-break:break-word;}
.lvct-canal__v a{color:var(--lv-txt)!important;text-decoration:none;}
.lvct-canal__v a:hover{color:var(--lv-green-dk,#17803a)!important;}
.lvct-canal__d{font-size:13px;font-weight:700;color:var(--lv-ink);margin:0!important;}

/* ---------- Le formulaire (1993:18252) ---------- */
.lvct-form{padding:48px 0;}
.lvct-form .lvr-form{max-width:760px;}

/* ---------- Les questions qui reviennent (1993:18258) ---------- */
.lvct-faq{padding:8px 0 48px;}
.lvct-faq__list{display:flex;flex-direction:column;}
.lvct-q{padding:24px 0;border-top:1px solid var(--lv-line);}
.lvct-q:last-child{border-bottom:1px solid var(--lv-line);}
.lvct-q__t{font-size:16px;font-weight:700;color:var(--lv-ink);margin:0 0 8px!important;}
.lvct-q__r{font-size:15px;line-height:1.72;color:var(--lv-txt);margin:0 0 10px!important;max-width:1000px;}
.lvct-q__l{margin:0!important;font-size:13px;font-weight:700;}
.lvct-q__l a{color:#157a30!important;text-decoration:none;}
.lvct-q__l a::before{content:"→\00a0";}
.lvct-q__l a:hover{text-decoration:underline;text-underline-offset:2px;}

/* ---------- Ce qui se passe après l'envoi (1993:18302) ---------- */
.lvct-fin{padding:56px 0;background:#F7F7FA;border-top:0;}
.lvct-fin .lvct-h2{margin-bottom:16px!important;}
.lvct-fin p{font-size:15px;line-height:1.72;color:var(--lv-txt);margin:0 0 16px!important;}

/* ---------- Tablette ----------
   Les canaux passent à deux colonnes avant que les tuiles ne deviennent illisibles :
   quatre colonnes sous 1000 px écrasent l'adresse sur quatre lignes. */
@media (max-width:1000px){
	.lvct-canaux__grid{grid-template-columns:repeat(2,1fr);}
	.lvct-portes__grid{gap:24px;}
	.lvct-porte{padding:26px;}
}

/* ---------- Mobile ---------- */
@media (max-width:782px){
	.lvct h1{font-size:28px!important;line-height:1.2!important;}
	.lvct-lead{font-size:15px;line-height:1.6;}
	.lvct-portes__grid{grid-template-columns:1fr;gap:16px;}
	.lvct-porte{padding:22px;}
	.lvct-porte__t{font-size:18px;margin-bottom:12px!important;}
	.lvct-porte p{font-size:14.5px;}
	.lvct-canaux{padding:32px 0;}
	.lvct-canaux__grid{grid-template-columns:1fr;gap:12px;}
	.lvct-btn{flex:1 1 100%;padding:13px 20px;font-size:14.5px;}
	.lvct-h2{font-size:20px;}
	.lvct-form,.lvct-faq{padding-top:32px;padding-bottom:32px;}
	.lvct-q{padding:18px 0;}
	.lvct-q__t{font-size:15.5px;}
	.lvct-q__r{font-size:14.5px;}
	.lvct-fin{padding:36px 0;}
}