/* Symbio3D — présentation moderne de /contact, scoped to .contact-modern. */ /* La page contact moderne est le SEUL écran qui pose cette classe sur : le body passe en colonne flex et main s'étire, pour que les deux colonnes (sombre à gauche, claire à droite) descendent JUSQU'AU FOOTER au lieu de s'arrêter à la hauteur de leur contenu. */ .page-contact-modern{display:flex;flex-direction:column;min-height:100vh} .page-contact-modern>#main{display:flex;flex:1 0 auto;flex-direction:column} .page-contact-modern .contact-modern{flex:1 0 auto} /* Le footer Elementor commence par un conteneur TRANSPARENT (la marge haute de 35px du bandeau vert + le padding e-con, ~45px au total) : entre le bas des colonnes et le bandeau vert, le blanc du body apparaissait — c'est la bande blanche signalee le 05/08/2026. On remonte le footer de 45px (marge negative sur #main) : les fonds des deux colonnes couvrent cette bande et rejoignent visuellement le footer. Scoped a la page contact : ailleurs, la bande est blanche sur blanc, invisible. */ .page-contact-modern>#main{margin-bottom:-45px} /* Suite (constat Florian le 05/08, ecran large) : le bandeau vert du footer est CENTRE (1400 px dans un viewport 1920 px) — ses gouttieres laterales (~260 px de chaque cote) laissaient voir le blanc du body entre les colonnes et la partie noire du footer. Chaque colonne prolonge son fond de 60 px sous la section (::after, z-index:-1 : toujours SOUS le contenu du footer) : le bandeau vert et la partie noire (pleine largeur) restent au-dessus, et les gouttieres montrent les couleurs des colonnes jusqu'a la partie noire. */ .page-contact-modern .contact-modern-intro,.page-contact-modern .contact-modern-form-panel{position:relative} .page-contact-modern .contact-modern-intro::after,.page-contact-modern .contact-modern-form-panel::after{content:"";position:absolute;top:100%;left:0;right:0;height:60px;z-index:-1} .page-contact-modern .contact-modern-intro::after{background:var(--cm-ink)} .page-contact-modern .contact-modern-form-panel::after{background:var(--cm-alt)} .contact-modern{--cm-ink:#000;--cm-paper:#fff;--cm-alt:#f3f6f0;--cm-line:#dce4d9;--cm-green:#60b339;--cm-green-bright:#7ecb4f;--cm-green-deep:#3d7a26;--cm-text:#293329;--cm-muted:#657363;background:var(--cm-paper);display:grid;grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);min-height:720px}.contact-modern-intro{background:var(--cm-ink);color:#fff}.contact-modern-intro-inner{margin-left:auto;max-width:580px;padding:clamp(64px,8vw,110px) clamp(32px,6vw,86px) 90px clamp(32px,6vw,86px)}.contact-modern-eyebrow,.contact-modern-kicker{font:600 .7rem/1.2 Montserrat,system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase}.contact-modern-eyebrow{align-items:center;color:#a9b7a5;display:flex;gap:10px;margin:0 0 28px}.contact-modern-eyebrow span{background:var(--cm-green);border-radius:999px;height:8px;width:8px}.contact-modern-intro h1{color:#7ab04d;font:500 clamp(3rem,5.2vw,5.5rem)/.97 Montserrat,system-ui,sans-serif;letter-spacing:-.055em;margin:0;max-width:480px}.contact-modern-lede{color:#bac6b7;font-size:1.06rem;line-height:1.65;margin:28px 0 46px;max-width:420px}.contact-modern-trust{border-top:1px solid #303a2f;display:grid;grid-template-columns:1fr 1fr}.contact-modern-trust>div{border-bottom:1px solid #303a2f;min-height:113px;padding:20px 20px 19px 0}.contact-modern-trust>div:nth-child(even){border-left:1px solid #303a2f;padding-left:20px}.contact-modern-trust strong{display:block;font:500 1.05rem/1.2 Montserrat,system-ui,sans-serif;margin-bottom:9px}.contact-modern-trust span{color:#89988a;display:block;font-size:.82rem;line-height:1.45;max-width:180px}.contact-modern-details{display:grid;gap:18px;margin-top:40px}.contact-modern-details a,.contact-modern-details p{color:#fff;font:500 .93rem/1.3 Lato,system-ui,sans-serif;text-decoration:none}.contact-modern-details a:hover{color:var(--cm-green-bright)}.contact-modern-details span{color:#7f8e7e;display:block;font:600 .65rem/1.2 Montserrat,system-ui,sans-serif;letter-spacing:.14em;margin-bottom:6px;text-transform:uppercase}.contact-modern-form-panel{background:var(--cm-alt);color:var(--cm-text);padding:clamp(52px,7vw,96px) clamp(24px,7vw,112px)}.contact-modern-form-inner{margin:0 auto;max-width:660px}.contact-modern-kicker{color:var(--cm-green-deep);margin:0 0 17px}.contact-modern-form-inner h2{color:#7ab04d;font:500 clamp(2rem,3.3vw,3.5rem)/1.04 Montserrat,system-ui,sans-serif;letter-spacing:-.045em;margin:0;max-width:530px}.contact-modern-form-note{color:var(--cm-muted);font-size:.9rem;line-height:1.5;margin:17px 0 36px}.contact-page-modern-inner{margin:0;max-width:none;padding:0}.contact-page-modern-inner .contact-form{max-width:none}.contact-page-modern-inner .contact-form fieldset{border-top-color:var(--cm-line)}.contact-page-modern-inner .contact-form legend{background:var(--cm-alt);color:var(--cm-green-deep)}.contact-page-modern-inner .contact-form label{color:var(--cm-text)}.contact-page-modern-inner .contact-form input[type=text],.contact-page-modern-inner .contact-form input[type=email],.contact-page-modern-inner .contact-form input[type=tel],.contact-page-modern-inner .contact-form select,.contact-page-modern-inner .contact-form textarea{background:#fff;border-color:#cbd7c7;border-radius:3px;color:var(--cm-text);padding:.72rem .8rem}.contact-page-modern-inner .contact-form input:focus,.contact-page-modern-inner .contact-form select:focus,.contact-page-modern-inner .contact-form textarea:focus{border-color:var(--cm-green-deep);box-shadow:0 0 0 3px rgba(96,179,57,.15);outline:0}.contact-page-modern-inner .contact-form .btn-primary{background:var(--cm-green);border:0;color:#000;font:600 .76rem/1 Montserrat,system-ui,sans-serif;letter-spacing:.08em;margin-top:1.3rem;padding:15px 20px;text-transform:uppercase}.contact-page-modern-inner .contact-form .btn-primary:hover{background:var(--cm-green-bright);transform:translateY(-1px)}.contact-page-modern-inner .contact-form .checkbox{background:#fff;border:1px solid var(--cm-line);padding:12px 14px}.contact-page-modern-inner .contact-form .optional{color:var(--cm-muted)} @media(max-width:980px){.contact-modern{grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr)}.contact-modern-intro-inner{padding-left:34px;padding-right:34px}.contact-modern-form-panel{padding-left:42px;padding-right:42px}} @media(max-width:720px){.contact-modern{display:block}.contact-modern-intro-inner{max-width:none;padding:54px 20px 56px}.contact-modern-intro h1{font-size:clamp(2.8rem,14vw,4.3rem)}.contact-modern-lede{font-size:1rem;margin:23px 0 36px}.contact-modern-trust>div{min-height:104px}.contact-modern-form-panel{padding:48px 20px 65px}.contact-modern-form-inner h2{font-size:2.25rem}.contact-modern-form-note{margin-bottom:28px}.contact-page-modern-inner .form-row{gap:0}} @media(prefers-reduced-motion:reduce){.contact-page-modern-inner .contact-form .btn-primary{transition:none}}