/* Page Insor : bloc « Nouvel espace de connexion » (styles du bloc contact des pages de marque, cf. jbsa.css) + texte de présentation */

/* ─── ESPACE DE CONNEXION ────────────────────────────────────── */
.contacter{padding:80px 2.5rem;background:var(--cop)}
.insor-connexion{padding-top:160px}   /* pas de héros : dégage le header fixe */
.contacter .stitle{color:var(--white)}
.contacter-inner{max-width:1280px;margin:0 auto}
.contacter h1{font-size:var(--ty-h2-size);font-weight:800;margin-bottom:36px;letter-spacing:-0.5px;line-height:1.2}
.contact-card{background:var(--white);border-radius:17px;overflow:hidden}
.contact-cols{display:grid;grid-template-columns:1fr}
.contact-col{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}
.cc-icon{flex-shrink:0;color:#1c1c36}
.cc-label{font-size:var(--ty-h4-size);font-weight:600;color:#1c1c36;margin-bottom:3px}
.cc-value{font-size:var(--ty-body);color:#1c1c36;font-weight:400;line-height:1.5}

/* ─── PRÉSENTATION ───────────────────────────────────────────── */
.insor-texte{padding:72px 2.5rem 88px;background:var(--white)}
.insor-texte-inner{max-width:860px;margin:0 auto}
.insor-texte h2{font-size:var(--ty-h3-size);font-weight:800;letter-spacing:-.3px;margin-bottom:20px}
.insor-texte h3{font-size:var(--ty-body);font-weight:700;margin:32px 0 8px}
.insor-texte p{font-size:var(--ty-body);line-height:1.8;font-weight:300;margin-bottom:14px}

@media(max-width:600px){
  .contacter,.insor-texte{padding-left:1.2rem;padding-right:1.2rem}
  .insor-connexion{padding-top:120px}
}