/* ============================================================================ LE RELAIS DU DIRIGEANT, styles des sections WPBakery Version 4.0, fichier reconstruit, une seule regle par sujet. ============================================================================ */ @import url('https://fonts.googleapis.com/css2?family=Fraunces:ital, opsz, wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Mulish:ital, wght@0,400;0,500;0,600;0,700&display=swap'); /* --------------------------------------------------------------------------- 1. SECTIONS ET FONDS Le voile est un box-shadow interieur : il recouvre l'image de fond sans pseudo-element, donc sans conflit possible avec WPBakery. --------------------------------------------------------------------------- */
.relais-sec{ padding-top:clamp(3.4rem,6vw,5.8rem)!important; padding-bottom:clamp(3.4rem,6vw,5.8rem)!important; }
.relais-paper{ background-color:#F5F0E5!important; }
.relais-paper2{ background-color:#EDE6D6!important; } .relais-dark.relais-darker{ background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important;
}
.relais-dark{ background-color:#18283A!important; box-shadow:inset 0 0 0 4000px rgba(24,40,58.88); }
.relais-darker{ background-color:#101C29!important; box-shadow:inset 0 0 0 4000px rgba(16,28,41.90); } /* Reglages du voile, a ajouter dans "Extra class name" de la Row */
.relais-photo-clair{ box-shadow:inset 0 0 0 4000px rgba(24,40,58.72)!important; }
.relais-photo-sombre{ box-shadow:inset 0 0 0 4000px rgba(16,28,41.95)!important; } /* --------------------------------------------------------------------------- 2. TYPOGRAPHIE --------------------------------------------------------------------------- */
.relais-eyebrow.relais-eyebrow *{ font-family:"Mulish", sans-serif!important; font-weight:700!important; font-size:.78rem!important; letter-spacing:.18em!important; text-transform:uppercase!important; color:#8A6E42!important; margin-bottom:1rem!important;
}
.relais-center .relais-dark .relais-eyebrow.relais-dark .relais-eyebrow *.relais-darker .relais-eyebrow.relais-darker .relais-eyebrow *{ color:#B89968!important; } .relais-h1.relais-h1 *{ font-family:"Fraunces", Georgia, serif!important; font-weight:500!important; font-size:clamp(2.5rem,5.2vw,4.35rem)!important; line-height:1.06!important; letter-spacing:-.01em!important; color:#F6F1E7!important;
}
.relais-h1{ margin-bottom:.08em!important; } /* Deuxieme partie du titre : laiton italique */
.relais-h1-accent.relais-h1-accent *.relais-dark .relais-h1-accent.relais-dark .relais-h1-accent *.relais-dark .vc_custom_heading.relais-h1-accent.relais-dark .vc_custom_heading.relais-h1-accent *{ font-family:"Fraunces", Georgia, serif!important; font-weight:500!important; font-style:italic!important; font-size:clamp(2.5rem,5.2vw,4.35rem)!important; line-height:1.06!important; letter-spacing:-.01em!important; color:#B89968!important;
} .relais-h2.relais-h2 *{ font-family:"Fraunces", Georgia, serif!important; font-weight:500!important; font-size:clamp(1.95rem,3.6vw,2.9rem)!important; line-height:1.1!important; color:#18283A!important;
}
.relais-h3.relais-h3 *{ font-family:"Fraunces", Georgia, serif!important; font-weight:500!important; font-size:1.26rem!important; line-height:1.2!important; color:#18283A!important;
}
.relais-sec .wpb_text_column.relais-sec .wpb_text_column p{ font-family:"Mulish", sans-serif; font-size:1.05rem; line-height:1.6;
}
.relais-lead .wpb_text_column p{ font-size:1.18rem!important; max-width:46ch; } /* Lisibilite : couleurs forcees selon le fond */
.relais-dark .wpb_text_column p.relais-darker .wpb_text_column p{ color:rgba(246,241,231.86)!important; }
.relais-paper .wpb_text_column p.relais-paper2 .wpb_text_column p{ color:#4C5347!important; }
.relais-dark .relais-h2.relais-dark .relais-h2 *.relais-darker .relais-h2.relais-darker .relais-h2 *{ color:#F6F1E7!important; }
.relais-paper .relais-h2.relais-paper .relais-h2 *.relais-paper2 .relais-h2.relais-paper2 .relais-h2 *.relais-paper .relais-h3.relais-paper .relais-h3 *.relais-paper2 .relais-h3.relais-paper2 .relais-h3 *{ color:#18283A!important; } /* Ombre portee (teintee vert pin : invisible sans photo) */
.relais-dark .relais-h1.relais-dark .relais-h1 *.relais-dark .relais-h1-accent.relais-dark .relais-h1-accent *{ text-shadow:0 2px 34px rgba(16,28,41.9), 0 2px 8px rgba(16,28,41.6)!important;
}
.relais-dark .wpb_text_column p.relais-darker .wpb_text_column p.relais-dark .relais-eyebrow.relais-dark .relais-eyebrow *{ text-shadow:0 1px 18px rgba(16,28,41.85), 0 1px 4px rgba(16,28,41.55);
}
.relais-hero-aside .wpb_text_column p.relais-tcard .wpb_text_column p{ text-shadow:none!important; } /* --------------------------------------------------------------------------- 3. BOUTONS --------------------------------------------------------------------------- */
.relais-btn a.vc_btn3{ font-family:"Mulish", sans-serif!important; font-weight:700!important; transition:transform .18s ease!important; }
.relais-btn a.vc_btn3:hover{ transform:translateY(-2px); } /* Principal : fond blanc, texte vert */
.relais-dark .relais-btn a.vc_btn3.vc_btn3-style-flat.relais-darker .relais-btn a.vc_btn3.vc_btn3-style-flat{ background-color:#FFFFFF!important; background-image:none!important; border-color:#FFFFFF!important; color:#18283A!important; box-shadow:0 6px 28px -10px rgba(16,28,41.75);
}
.relais-paper .relais-btn a.vc_btn3.vc_btn3-style-flat.relais-paper2 .relais-btn a.vc_btn3.vc_btn3-style-flat{ background-color:#FFFFFF!important; background-image:none!important; border-color:rgba(24,40,58.18)!important; color:#18283A!important;
}
.relais-btn a.vc_btn3.vc_btn3-style-flat:hover{ background-color:#F6F1E7!important; } /* Secondaire : contour blanc, fond transparent */
.relais-dark .relais-btn a.vc_btn3.vc_btn3-style-outline-custom.relais-dark .relais-btn a.vc_btn3.vc_btn3-style-outline.relais-darker .relais-btn a.vc_btn3.vc_btn3-style-outline-custom.relais-darker .relais-btn a.vc_btn3.vc_btn3-style-outline{ background-color:transparent!important; background-image:none!important; border:1px solid #F6F1E7!important; color:#F6F1E7!important;
}
.relais-dark .relais-btn a.vc_btn3.vc_btn3-style-outline-custom:hover.relais-darker .relais-btn a.vc_btn3.vc_btn3-style-outline-custom:hover{ background-color:rgba(246,241,231.14)!important; color:#F6F1E7!important;
}
.relais-reassure .wpb_text_column p{ font-size:.9rem!important; margin-top:1.2rem; } /* --------------------------------------------------------------------------- 4. HERO, carte "le fil du relais" --------------------------------------------------------------------------- */
.relais-hero-aside > .vc_column-inner{ background:linear-gradient(180deg, rgba(16,28,41.62), rgba(16,28,41.34)); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); border:1px solid rgba(246,241,231.18); border-radius:20px; padding:2rem 1.6rem!important; box-shadow:0 24px 60px -32px rgba(0,0,0.55);
}
.relais-rc-title .wpb_text_column p{ font-family:"Mulish"!important; font-weight:700!important; font-size:.78rem!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:#B89968!important; text-align:center; margin-bottom:1.4rem;
}
.relais-fil{ position:relative; }
.relais-node{ text-align:center; position:relative; z-index:1; }
.relais-node .vc_icon_element{ margin-bottom:.6rem; }
.relais-node-t .wpb_text_column p{ font-weight:700!important; font-size:.95rem!important; color:#F6F1E7!important; text-align:center; margin:0; }
.relais-node-s .wpb_text_column p{ font-size:.78rem!important; color:rgba(246,241,231.72)!important; text-align:center; margin:.15rem 0 0; }
.relais-buyer .vc_icon_element-inner{ background:rgba(246,241,231.06)!important; border:2px dashed rgba(246,241,231.4)!important; } /* --------------------------------------------------------------------------- 5. CHIFFRES DE REASSURANCE --------------------------------------------------------------------------- */
.relais-stat > .vc_column-inner{ padding:0 1.4rem!important; }
.relais-stat + .relais-stat > .vc_column-inner{ border-left:1px solid rgba(34,38,31.14); }
.relais-stat-num p{ font-family:"Fraunces", serif!important; font-weight:600!important; font-size:clamp(2.2rem,3.6vw,3.1rem)!important; line-height:1!important; color:#18283A!important; margin:0;
}
.relais-stat-num.relais-text p{ font-size:clamp(1.7rem,2.8vw,2.3rem)!important; }
.relais-stat-label .wpb_text_column p{ font-size:.92rem!important; color:#4C5347!important; margin-top:.7rem; max-width:26ch; } /* --------------------------------------------------------------------------- 6. CARTES (piliers, ressources) --------------------------------------------------------------------------- */
.relais-pillar > .vc_column-inner.relais-rcard > .vc_column-inner{ height:100%; background:#fff; border:1px solid rgba(34,38,31.12); border-radius:14px; padding:1.8rem 1.6rem!important; box-shadow:0 14px 34px -26px rgba(16,28,41.42); transition:transform .2s ease, box-shadow .2s ease;
}
.relais-pillar:hover > .vc_column-inner.relais-rcard:hover > .vc_column-inner{ transform:translateY(-5px); box-shadow:0 26px 50px -30px rgba(16,28,41.5);
}
.relais-pillar .vc_icon_element.relais-rcard .vc_icon_element{ margin-bottom:1rem; }
.relais-rcard .relais-h3{ margin:.2rem 0 .5rem!important; }
.relais-rtag .wpb_text_column p{ font-size:.74rem!important; font-weight:700!important; letter-spacing:.12em!important; text-transform:uppercase!important; color:#8A6E42!important; margin:0 0 .3rem!important;
} /* --------------------------------------------------------------------------- 7. PROCESS --------------------------------------------------------------------------- */
.relais-step-num.relais-step-num *{ font-family:"Fraunces", serif!important; font-weight:600!important; font-size:1.3rem!important; color:#B89968!important; margin:0; line-height:54px!important;
}
.relais-step-num{ width:54px; height:54px; border-radius:50%!important; background:#18283A!important; text-align:center; margin-bottom:1.1rem!important; box-shadow:0 0 0 6px rgba(24,40,58.08);
} /* --------------------------------------------------------------------------- 8. TEMOIGNAGES --------------------------------------------------------------------------- */
.relais-tcard > .vc_column-inner{ height:100%; background:rgba(246,241,231.07); border:1px solid rgba(246,241,231.18); border-radius:14px; padding:2.4rem 1.7rem 1.7rem!important; position:relative; transition:transform .2s ease;
}
.relais-tcard:hover > .vc_column-inner{ transform:translateY(-4px); }
.relais-tcard > .vc_column-inner::before{ content:"\201C"; font-family:"Fraunces", serif; font-size:3rem; line-height:1; color:#B89968; position:absolute; top:1rem; left:1.5rem;
}
.relais-quote .wpb_text_column p{ font-family:"Fraunces", serif!important; font-style:italic!important; font-size:1.14rem!important; line-height:1.45!important; color:#F6F1E7!important; margin:0;
}
.relais-who-name.relais-who-name *{ font-family:"Mulish"!important; font-weight:700!important; font-size:.94rem!important; color:#F6F1E7!important; }
.relais-who-name{ margin-top:1.2rem!important; }
.relais-who-meta .wpb_text_column p{ font-size:.82rem!important; color:rgba(246,241,231.7)!important; margin:.1rem 0 0; }
.relais-note .wpb_text_column p{ font-size:.86rem!important; margin-top:1.8rem; } /* --------------------------------------------------------------------------- 9. CONFIDENTIALITE --------------------------------------------------------------------------- */
.relais-check-t{ margin:.2rem 0 0!important; position:relative; padding-left:1.9rem!important; }
.relais-check-t.relais-check-t *{ font-family:"Mulish"!important; font-weight:700!important; font-size:1rem!important; color:#F6F1E7!important; }
.relais-check-t::before{ content:"\2713"; position:absolute; left:0; top:0; color:#B89968; font-weight:700; }
.relais-check-d .wpb_text_column p{ padding-left:1.9rem; margin:.15rem 0 1.1rem; font-size:.98rem!important; }
.relais-check-lt{ margin:.2rem 0 0!important; position:relative; padding-left:1.9rem!important; }
.relais-check-lt.relais-check-lt *{ font-family:"Mulish"!important; font-weight:700!important; font-size:1rem!important; color:#18283A!important; }
.relais-check-lt::before{ content:"\2713"; position:absolute; left:0; top:0; color:#B89968; font-weight:700; }
.relais-check-ld .wpb_text_column p{ color:#4C5347!important; padding-left:1.9rem; margin:.15rem 0 1rem; font-size:.98rem!important; }
.relais-confvisual > .vc_column-inner{ background:linear-gradient(180deg, rgba(16,28,41.55), rgba(42,66,88.28)); border:1px solid rgba(246,241,231.18); border-radius:20px; padding:2.6rem 2rem!important; box-shadow:0 24px 60px -32px rgba(0,0,0.55);
}
.relais-seal .vc_icon_element-inner{ box-shadow:0 0 0 10px rgba(184,153,104.10); }
.relais-caption .wpb_text_column p{ text-align:center!important; margin-top:1rem; }
.relais-caption-em .wpb_text_column p{ font-family:"Fraunces", serif!important; font-style:italic!important; font-size:1.25rem!important; color:#F6F1E7!important; } /* --------------------------------------------------------------------------- 10. CTA FINAL --------------------------------------------------------------------------- */
.relais-center .wpb_wrapper{ text-align:center; }
.relais-center .wpb_text_column p{ text-align:center; margin-left:auto; margin-right:auto; max-width:52ch; }
.relais-contact .wpb_text_column p{ margin-top:1.4rem!important; } /* --------------------------------------------------------------------------- 11. FAQ (accordeon), icone a droite, sans superposition --------------------------------------------------------------------------- */
.relais-faq .vc_tta-panel{ border:1px solid rgba(34,38,31.12)!important; border-radius:12px!important; margin-bottom:.8rem!important; background:#fff!important; box-shadow:none!important; }
.relais-faq .vc_tta-panel-heading{ border:0!important; background:transparent!important; }
.relais-faq .vc_tta-panel-title>a{ font-family:"Fraunces", serif!important; font-weight:500!important; font-size:1.08rem!important; color:#18283A!important; padding:1.1rem 3.2rem 1.1rem 1.3rem!important; position:relative;
}
.relais-faq .vc_tta-controls-icon{ left:auto!important; right:1.3rem!important; margin:0!important; top:50%!important; transform:translateY(-50%)!important; width:14px!important; height:14px!important;
}
.relais-faq .vc_tta-controls-icon::before.relais-faq .vc_tta-controls-icon::after{ border-color:#B89968!important; }
.relais-faq .vc_tta-panel-body{ padding:0 1.3rem 1.3rem!important; }
.relais-faq .vc_tta-panel-body p{ color:#4C5347!important; font-family:"Mulish"; font-size:1rem; } /* --------------------------------------------------------------------------- 12. ARTICLES --------------------------------------------------------------------------- */
.relais-prose > .vc_column-inner{ max-width:760px; margin-left:auto!important; margin-right:auto!important; }
.relais-prose .wpb_text_column p{ font-size:1.08rem!important; line-height:1.75!important; color:#22261F!important; margin-bottom:1.2rem; }
.relais-prose .relais-h2{ margin-top:2.4rem!important; margin-bottom:.6rem!important; }
.relais-artlead .wpb_text_column p{ font-size:1.2rem!important; line-height:1.6!important; color:#4C5347!important; }
.relais-li .wpb_text_column p{ position:relative; padding-left:1.7rem; margin-bottom:.55rem!important; color:#22261F!important; }
.relais-li .wpb_text_column p::before{ content:"\2713"; position:absolute; left:0; top:0; color:#B89968; font-weight:700; }
.relais-pullquote .wpb_text_column p{ border-left:3px solid #B89968; background:rgba(184,153,104.08); padding:1.1rem 1.3rem; font-family:"Fraunces", serif!important; font-style:italic!important; font-size:1.14rem!important; color:#18283A!important; border-radius:0 10px 10px 0;
}
.relais-recap{ background:rgba(184,153,104.09)!important; border:1px solid rgba(184,153,104.32); border-radius:14px; padding:1.4rem 1.6rem!important; margin:1.8rem 0!important; }
.relais-recap-title .wpb_text_column p{ font-family:"Fraunces", serif!important; font-weight:500!important; font-size:1.2rem!important; color:#18283A!important; margin:0 0 .6rem!important; }
.relais-sources.relais-related{ border:1px solid rgba(34,38,31.12); border-radius:14px; background:#fff; padding:1.4rem 1.6rem!important; margin:1.8rem 0!important; }
.relais-src-li .wpb_text_column p.relais-rel-li .wpb_text_column p{ position:relative; padding-left:1.5rem; margin-bottom:.5rem!important; color:#22261F!important; font-size:1rem!important; }
.relais-src-li .wpb_text_column p::before{ content:"\2192"; position:absolute; left:0; color:#B89968; }
.relais-rel-li .wpb_text_column p::before{ content:"\25B8"; position:absolute; left:0; color:#B89968; }
.relais-callout > .vc_column-inner{ background:#18283A; border-radius:14px; padding:1.7rem 1.9rem!important; }
.relais-callout .wpb_text_column p{ color:#F6F1E7!important; font-family:"Fraunces", serif!important; font-style:italic!important; font-size:1.18rem!important; } /* --------------------------------------------------------------------------- 13. PAGES INTERIEURES --------------------------------------------------------------------------- */
.relais-center .relais-h1{ text-align:center!important; }
.relais-pagehead .relais-lead .wpb_text_column p.relais-pagehead .wpb_text_column p{ max-width:62ch; margin-left:auto!important; margin-right:auto!important; }
.relais-contactcard > .vc_column-inner{ background:#fff; border:1px solid rgba(34,38,31.12); border-radius:16px; padding:2.2rem 2rem!important; box-shadow:0 18px 44px -30px rgba(16,28,41.42); height:100%; }
.relais-contact-h .wpb_text_column p{ font-family:"Mulish"!important; font-weight:700!important; font-size:.78rem!important; letter-spacing:.14em!important; text-transform:uppercase!important; color:#8A6E42!important; margin-bottom:1rem; }
.relais-contact-big .wpb_text_column p{ font-family:"Fraunces", serif!important; font-size:1.35rem!important; color:#18283A!important; margin:.15rem 0; }
.relais-contact-note .wpb_text_column p{ font-size:.9rem!important; color:#4C5347!important; margin-top:1rem; }
.relais-magnet > .vc_column-inner{ background:linear-gradient(180deg, #fff, #F7F2E8); border:1px solid rgba(34,38,31.12); border-radius:18px; padding:2.6rem 2rem!important; text-align:center; box-shadow:0 20px 46px -30px rgba(16,28,41.4); } /* --------------------------------------------------------------------------- 14. RESPONSIVE --------------------------------------------------------------------------- */
@media (max-width:768px){  .relais-stat + .relais-stat > .vc_column-inner{ border-left:none; } .relais-stat-num p{ font-size:2.2rem!important; }
} /* ============================================================================ PRIORITE MAXIMALE, charte marine Ces regles utilisent une specificite superieure (html body ...) afin de primer sur tout ancien CSS colle dans le Personnalisateur. ============================================================================ */
html body .relais-step-num,
html body .relais-step-num *{ background:#18283A!important; color:#B89968!important; } html body .relais-dark{ background-color:#18283A!important; box-shadow:inset 0 0 0 4000px rgba(24,40,58.88)!important; }
html body .relais-darker{ background-color:#101C29!important; box-shadow:inset 0 0 0 4000px rgba(16,28,41.90)!important; }
html body .relais-photo-clair{ box-shadow:inset 0 0 0 4000px rgba(24,40,58.72)!important; }
html body .relais-photo-sombre{ box-shadow:inset 0 0 0 4000px rgba(16,28,41.95)!important; } html body .relais-eyebrow, html body .relais-eyebrow *{ color:#8A6E42!important; }
html body .relais-dark .relais-eyebrow, html body .relais-dark .relais-eyebrow *,
html body .relais-darker .relais-eyebrow, html body .relais-darker .relais-eyebrow *{ color:#B89968!important; }
html body  html body .relais-h1, html body .relais-h1 *{ color:#F6F1E7!important; }
html body .relais-h1-accent, html body .relais-h1-accent *{ color:#B89968!important; }
html body .relais-paper .relais-h2, html body .relais-paper .relais-h2 *,
html body .relais-paper2 .relais-h2, html body .relais-paper2 .relais-h2 *,
html body .relais-paper .relais-h3, html body .relais-paper .relais-h3 *,
html body .relais-paper2 .relais-h3, html body .relais-paper2 .relais-h3 *{ color:#18283A!important; } html body .relais-stat-num p{ color:#18283A!important; }
html body html body .relais-rtag .wpb_text_column p,
html body .relais-recap-title .wpb_text_column p{ color:#8A6E42!important; }
html body .relais-li .wpb_text_column p::before,
html body .relais-check-t::before, html body .relais-check-lt::before,
html body .relais-src-li .wpb_text_column p::before,
html body .relais-rel-li .wpb_text_column p::before{ color:#B89968!important; }
html body .relais-tcard > .vc_column-inner::before{ color:#B89968!important; }
html body .relais-callout > .vc_column-inner{ background:#18283A!important; }
html body .relais-recap{ background:rgba(184,153,104.09)!important; border-color:rgba(184,153,104.32)!important; }
html body .relais-pullquote .wpb_text_column p{ border-left-color:#B89968!important; background:rgba(184,153,104.08)!important; color:#18283A!important; }
html body .relais-faq .vc_tta-panel-title>a{ color:#18283A!important; }
html body .relais-faq .vc_tta-controls-icon::before,
html body .relais-faq .vc_tta-controls-icon::after{ border-color:#B89968!important; }
html body .relais-toc a.active{ color:#18283A!important; border-left-color:#B89968!important; }
html body .relais-toc-title{ color:#8A6E42!important; } /* ============================================================================ MODULE DE VALORISATION (shortcode [relais_estimateur]) ============================================================================ */
.relais-estim{ background:linear-gradient(180deg, rgba(16,28,41.72), rgba(16,28,41.42)); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border:1px solid rgba(246,241,231.20); border-radius:20px; padding:1.9rem 1.7rem 1.3rem; box-shadow:0 26px 64px -34px rgba(0,0,0.6); font-family:"Mulish", sans-serif; color:#F6F1E7; position:relative; z-index:3;
}
.re-kicker{ font-weight:700; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:#B89968; margin:0 0 .5rem; }
.re-title{ font-family:"Fraunces", serif; font-weight:500; font-size:1.42rem; line-height:1.2; color:#F6F1E7; margin:0 0 1.1rem; }
.re-progress{ display:flex; gap:5px; margin-bottom:1.5rem; }
.re-progress i{ flex:1; height:3px; border-radius:2px; background:rgba(246,241,231.20); transition:background .3s ease; }
.re-progress i.on{ background:#B89968; } .re-step{ display:none; }
.re-step.is-active{ display:block; animation:reIn .28s ease; }
@keyframes reIn{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } } .re-q{ display:block; font-family:"Fraunces", serif; font-size:1.12rem; line-height:1.35; color:#F6F1E7; margin:0 0 1rem; }
.re-field{ position:relative; }
.re-unit{ position:absolute; right:14px; top:50%; transform:translateY(-50%); color:rgba(246,241,231.55); font-size:.95rem; pointer-events:none; }
.re-input{ width:100%; box-sizing:border-box; background:rgba(246,241,231.07); border:1px solid rgba(246,241,231.24); border-radius:10px; padding:.82rem 2.2rem .82rem .9rem; color:#F6F1E7; font-family:"Mulish", sans-serif; font-size:1.02rem; outline:none; transition:border-color .18s ease, background .18s ease;
}
.re-input::placeholder{ color:rgba(246,241,231.42); }
.re-input:focus{ border-color:#B89968; background:rgba(246,241,231.11); }
.re-help{ font-size:.82rem; color:rgba(246,241,231.62); margin:.5rem 0 0; line-height:1.45; }
.re-err{ display:none; font-size:.82rem; color:#E4A76F; margin:.5rem 0 0; }
.re-err.show{ display:block; } .re-actions{ display:flex; align-items:center; gap:.7rem; }
.re-next{ margin-top:1.1rem; background:#F6F1E7; color:#18283A; border:0; border-radius:999px; padding:.78rem 1.5rem; font-family:"Mulish", sans-serif; font-weight:700; font-size:.95rem; cursor:pointer; transition:transform .18s ease, background .18s ease;
}
.re-next:hover{ transform:translateY(-2px); background:#fff; }
.re-next:disabled{ opacity:.6; cursor:default; transform:none; }
.re-skip{ margin-top:1.1rem; background:transparent; color:rgba(246,241,231.66); border:0; font-family:"Mulish", sans-serif; font-size:.9rem; cursor:pointer; text-decoration:underline; text-underline-offset:3px;
}
.re-skip:hover{ color:#F6F1E7; } .re-opts{ display:grid; gap:.55rem; }
.re-opt{ text-align:left; background:rgba(246,241,231.06); border:1px solid rgba(246,241,231.20); border-radius:10px; padding:.85rem 1rem; color:#F6F1E7; font-family:"Mulish", sans-serif; font-size:.98rem; cursor:pointer; transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.re-opt:hover{ border-color:#B89968; background:rgba(246,241,231.11); transform:translateX(2px); }
.re-opt.sel{ border-color:#B89968; background:rgba(184,153,104.22); } /* Résultat */
.re-range{ font-family:"Fraunces", serif; font-weight:600; font-size:clamp(1.7rem,3.4vw,2.3rem); line-height:1.1; color:#F6F1E7; margin:0 0 .35rem; }
.re-mult{ font-size:.92rem; color:rgba(246,241,231.72); margin:0 0 1.2rem; }
.re-detail{ background:rgba(246,241,231.05); border:1px solid rgba(246,241,231.16); border-radius:12px; padding:.9rem 1rem; margin-bottom:1rem; }
.re-detail-t{ font-weight:700; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#B89968; margin:0 0 .7rem; }
.re-driver{ display:flex; justify-content:space-between; gap:1rem; font-size:.9rem; color:rgba(246,241,231.78); padding:.3rem 0; }
.re-driver .v{ font-weight:700; white-space:nowrap; }
.re-driver .v.up{ color:#C7AC80; }
.re-driver .v.down{ color:#E4A76F; }
.re-driver-total{ border-top:1px solid rgba(246,241,231.18); margin-top:.5rem; padding-top:.6rem; font-weight:700; color:#F6F1E7; }
.re-driver-total span:last-child{ color:#B89968; }
.re-method{ font-size:.84rem; line-height:1.55; color:rgba(246,241,231.62); margin:0 0 1.2rem; } .re-capture{ border-top:1px solid rgba(246,241,231.18); padding-top:1.2rem; }
.re-cap-t{ font-family:"Fraunces", serif; font-size:1.12rem; color:#F6F1E7; margin:0 0 .4rem; }
.re-cap-p{ font-size:.88rem; line-height:1.55; color:rgba(246,241,231.7); margin:0 0 .9rem; }
.re-grid{ display:grid; grid-template-columns:1fr 1fr; gap:.55rem; margin-bottom:.55rem; }
.re-capture .re-input{ padding-right:.9rem; margin-bottom:.55rem; }
.re-consent{ display:flex; align-items:flex-start; gap:.5rem; font-size:.84rem; color:rgba(246,241,231.72); line-height:1.45; cursor:pointer; }
.re-consent input{ margin-top:.2rem; accent-color:#B89968; }
.re-ok{ text-align:center; padding:.5rem 0; } .re-foot{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1.2rem; padding-top:.9rem; border-top:1px solid rgba(246,241,231.14); }
.re-back{ background:transparent; border:0; color:rgba(246,241,231.66); font-family:"Mulish", sans-serif; font-size:.88rem; cursor:pointer; padding:0; }
.re-back:hover{ color:#F6F1E7; }
.re-count{ margin-left:auto; font-size:.78rem; letter-spacing:.08em; color:rgba(246,241,231.55); } @media(max-width:520px){ .relais-estim{ padding:1.5rem 1.2rem 1.1rem; } .re-title{ font-size:1.24rem; } .re-grid{ grid-template-columns:1fr; }
}

/* ============================================================================
 ECHELLE TYPOGRAPHIQUE HARMONISEE (rapport constant entre les niveaux)
 ============================================================================ */
html body .relais-h1, html body .relais-h1 *,
html body .relais-h1-accent, html body .relais-h1-accent *{
 font-size:clamp(2.25rem,4.4vw,3.5rem)!important; line-height:1.08!important;
}
html body .relais-h2, html body .relais-h2 *{
 font-size:clamp(1.65rem,2.7vw,2.2rem)!important; line-height:1.16!important;
}
html body .relais-h3, html body .relais-h3 *{
 font-size:clamp(1.08rem,1.35vw,1.22rem)!important; line-height:1.28!important;
}
html body .relais-pagehead .relais-h1, html body .relais-pagehead .relais-h1 *{
 font-size:clamp(2rem,3.6vw,2.9rem)!important;
}
html body .relais-lead .wpb_text_column p{ font-size:1.1rem!important; }

/* ============================================================================
 NOUVEAUX BLOCS (v6)
 ============================================================================ */
/* Badges de reassurance du hero */
.relais-badges .wpb_text_column p{
 display:inline-block; font-size:.84rem!important; font-weight:700;
 letter-spacing:.03em; color:#F6F1E7!important;
 background:rgba(246,241,231.10); border:1px solid rgba(246,241,231.22);
 border-radius:999px; padding:.5rem 1rem; margin:0!important;
}

/* Preuve sociale / avis */
.relais-avis > .vc_column-inner{
 height:100%; background:#fff; border:1px solid rgba(24,40,58.12); border-radius:14px;
 padding:1.3rem 1.3rem!important; box-shadow:0 14px 34px -26px rgba(16,28,41.42);
}
.relais-stars .wpb_text_column p{ color:#B89968!important; font-size:1rem!important; letter-spacing:.12em; margin:0 0 .5rem!important; }
.relais-avis-txt .wpb_text_column p{
 font-family:"Fraunces", serif!important; font-style:italic!important;
 font-size:.98rem!important; line-height:1.45!important; color:#18283A!important; margin:0 0 .8rem!important;
}
.relais-avis-who .wpb_text_column p{ font-size:.82rem!important; color:#4C5347!important; margin:0!important; }
.relais-gmb .wpb_text_column p{ text-align:center; font-size:.84rem!important; color:#4C5347!important; }

/* Cadre confidentialite unique (Div 3) */
.relais-confbox > .vc_column-inner{
 background:rgba(24,40,58.05); border:1px solid rgba(184,153,104.35);
 border-left:3px solid #B89968; border-radius:12px; padding:1.4rem 1.6rem!important;
}
.relais-confbox .wpb_text_column p{ margin:0!important; color:#4C5347!important; }

/* Emplacements a completer (reperage visuel en interne) */
.relais-todo > .vc_column-inner{ outline:2px dashed rgba(184,153,104.55); outline-offset:-2px; }

/* Page Carriere */
.relais-jobmeta .wpb_text_column p{
 display:inline-block; font-size:.82rem!important; font-weight:700; letter-spacing:.08em;
 text-transform:uppercase; color:#8A6E42!important;
 background:rgba(184,153,104.12); border-radius:999px; padding:.4rem .9rem; margin:0 0 1rem!important;
}

/* Zone d'accueil de l'estimateur */
.relais-estim-wrap{ position:relative; z-index:3; }

/* ============================================================================
 PAGE CARRIERE : offre + gélules + candidature
 ============================================================================ */
.relais-job{ max-width:820px; margin:0 auto; font-family:"Mulish", sans-serif; color:#22261F; }
.rj-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:1.5rem; flex-wrap:wrap;
 border:1px solid rgba(24,40,58.12); border-left:3px solid #B89968; border-radius:14px;
 background:#fff; padding:1.6rem 1.7rem; box-shadow:0 16px 40px -30px rgba(16,28,41.4); }
.rj-kicker{ font-weight:700; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:#8A6E42; margin:0 0 .5rem; }
.rj-title{ font-family:"Fraunces", serif!important; font-weight:500; font-size:1.55rem; line-height:1.2; color:#18283A; margin:0 0 .9rem; }
.rj-meta{ display:flex; flex-wrap:wrap; gap:.45rem; }
.rj-meta span{ font-size:.8rem; font-weight:600; color:#18283A;
 background:rgba(184,153,104.14); border:1px solid rgba(184,153,104.34);
 border-radius:999px; padding:.34rem .8rem; white-space:nowrap; }
.rj-apply-btn{ flex:0 0 auto; background:#18283A; color:#F6F1E7!important; text-decoration:none;
 border-radius:999px; padding:.75rem 1.5rem; font-weight:700; font-size:.94rem;
 transition:transform .18s ease, background .18s ease; }
.rj-apply-btn:hover{ transform:translateY(-2px); background:#101C29; }

.rj-intro{ font-size:1.05rem; line-height:1.7; color:#4C5347; margin:1.8rem 0 0; }
.rj-h3{ font-family:"Fraunces", serif!important; font-weight:500; font-size:1.24rem; color:#18283A; margin:2rem 0 .8rem; }
.rj-list{ list-style:none; margin:0; padding:0; }
.rj-list li{ position:relative; padding-left:1.7rem; margin-bottom:.65rem; line-height:1.6; color:#22261F; }
.rj-list li::before{ content:"\2713"; position:absolute; left:0; top:0; color:#B89968; font-weight:700; }

.rj-apply{ margin-top:2.4rem; background:#fff; border:1px solid rgba(24,40,58.12); border-radius:16px;
 padding:1.8rem; box-shadow:0 18px 44px -30px rgba(16,28,41.42); }
.rj-apply-t{ font-family:"Fraunces", serif!important; font-weight:500; font-size:1.3rem; color:#18283A; margin:0 0 .4rem; }
.rj-apply-p{ font-size:.94rem; color:#4C5347; margin:0 0 1.2rem; }
.rj-drop{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.3rem;
 border:2px dashed rgba(184,153,104.55); border-radius:12px; background:rgba(184,153,104.06);
 padding:1.8rem 1rem; cursor:pointer; text-align:center; transition:background .18s ease, border-color .18s ease; }
.rj-drop:hover{ background:rgba(184,153,104.12); border-color:#B89968; }
.rj-drop-big{ font-family:"Fraunces", serif; font-size:1.1rem; color:#18283A; }
.rj-drop-sub{ font-size:.85rem; color:#4C5347; }
.rj-drop-name{ font-size:.88rem; font-weight:700; color:#8A6E42; margin-top:.4rem; }
.rj-nolm{ font-size:.85rem; color:#4C5347; text-align:center; margin:.8rem 0 0; }
.rj-grid{ display:grid; grid-template-columns:1fr 1fr; gap:.8rem; margin-top:1.2rem; }
.rj-field{ display:flex; flex-direction:column; gap:.3rem; margin-top:.8rem; }
.rj-field label{ font-size:.82rem; font-weight:700; color:#18283A; }
.rj-field input{ border:1px solid rgba(24,40,58.2); border-radius:10px; padding:.72rem .9rem;
 font-family:"Mulish", sans-serif; font-size:.98rem; color:#22261F; outline:none; background:#fff; }
.rj-field input:focus{ border-color:#B89968; }
.rj-err{ display:none; font-size:.85rem; color:#B4512F; margin:.9rem 0 0; }
.rj-err.show{ display:block; }
.rj-send{ margin-top:1.1rem; background:#18283A; color:#F6F1E7; border:0; border-radius:999px;
 padding:.85rem 1.7rem; font-family:"Mulish", sans-serif; font-weight:700; font-size:.98rem; cursor:pointer;
 transition:transform .18s ease, background .18s ease; }
.rj-send:hover{ transform:translateY(-2px); background:#101C29; }
.rj-send:disabled{ opacity:.6; transform:none; }
.rj-disclaimer{ font-size:.8rem; color:#6B7280; margin:1rem 0 0; }
.rj-ok{ text-align:center; padding:1rem 0; }

@media(max-width:600px){
 .rj-head{ flex-direction:column; }
 .rj-apply-btn{ width:100%; text-align:center; }
 .rj-grid{ grid-template-columns:1fr; }
}

/* ============================================================================
   BLOCS v6.2 : terrain (gélules métiers), fondateur
   ============================================================================ */
.relais-chips .vc_column-inner > .wpb_wrapper{ display:flex; flex-wrap:wrap; gap:.55rem; }
.relais-chip{ margin:0!important; }
.relais-chip .wpb_text_column{ margin:0!important; }
.relais-chip .wpb_text_column p{
  display:inline-block; margin:0!important; font-size:.92rem!important; font-weight:600;
  color:#18283A!important; background:#fff; border:1px solid rgba(24,40,58,.16);
  border-radius:999px; padding:.5rem 1.05rem; white-space:nowrap;
}
.relais-photo-fondateur > .vc_column-inner{
  aspect-ratio:1/1; display:flex; align-items:center; justify-content:center;
  background:#EDE6D6; border-radius:16px; text-align:center;
}
.relais-photo-fondateur .wpb_text_column p{ color:#8A6E42!important; font-size:.9rem!important; margin:0!important; padding:0 1rem; }
.relais-fondateur-nom .wpb_text_column p{ font-weight:700; color:#18283A!important; font-size:.95rem!important; }
.relais-todo-inline .wpb_text_column p{ border-bottom:2px dashed rgba(184,153,104,.55); display:inline-block; }


/* ============================================================================
   TITRES DE SECTION : CENTRAGE UNIFORME (partout)
   ============================================================================ */
html body .relais-sec .relais-eyebrow, html body .relais-sec .relais-eyebrow *{ text-align:center!important; }
html body .relais-sec .relais-h2, html body .relais-sec .relais-h2 *{ text-align:center!important; }
html body .relais-sec .relais-h2 + .wpb_text_column p{ text-align:center; max-width:62ch; margin-left:auto!important; margin-right:auto!important; }
/* Le corps des articles reste ferre a gauche pour la lisibilite, mais leurs
   titres de section suivent la meme regle que le reste du site. */
html body .relais-prose .relais-h2, html body .relais-prose .relais-h2 *{ text-align:center!important; }

/* ============================================================================
   NEUTRALISATION DEFINITIVE DES TRAITS DECORATIFS
   Tue le trait meme s'il est genere par un ancien CSS colle dans le
   Personnalisateur : content:none ne peut pas etre re-ecrase.
   ============================================================================ */
html body .relais-eyebrow::before, html body .relais-eyebrow::after,
html body .relais-center .relais-eyebrow::before,
html body .relais-stat-num::before, html body .relais-stat-num::after,
html body .relais-fil::before, html body .relais-fil::after,
html body .relais-archive-eyebrow::before, html body .relais-archive-eyebrow::after{
  content:none!important; display:none!important;
}