/* elyesbc.com — V4.2 — contact.css */
:root{--cyan:#18c2dc;--cyan-d:#0fa3bf;--navy:#0d1b2e;--navy-2:#152540;--gold:#c9963a;--white:#fff;--off:#f5f2ed;--ink:#0d1b2e;--ink-60:#4a6080;--ink-30:#9baec2;--display:'Cormorant Garamond',serif;--body:'Outfit',sans-serif;--ease:cubic-bezier(.25,.46,.45,.94)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);background:var(--off);color:var(--ink);overflow-x:hidden}a,button,label,select{cursor:pointer}button,input,select,textarea{font:inherit}
nav{position:fixed;inset:0 0 auto;z-index:1000;padding:1.45rem 4rem;display:flex;align-items:center;justify-content:space-between;transition:.35s}
nav.scrolled{background:rgba(13,27,46,.96);backdrop-filter:blur(18px);padding:1rem 4rem;box-shadow:0 4px 35px rgba(0,0,0,.2)}
.nav-logo{display:flex;align-items:center;gap:.7rem;text-decoration:none}.nav-logo img{width:40px;height:40px;border-radius:50%;object-fit:cover}.nav-logo-text{font-size:1.05rem;font-weight:700;color:#fff}.nav-links{display:flex;gap:2.3rem;align-items:center;list-style:none}.nav-links a{font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65);text-decoration:none;transition:.2s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-cta{background:var(--cyan);color:#fff!important;padding:.6rem 1.35rem;border-radius:100px}.nav-lang{display:flex;gap:.25rem;background:rgba(255,255,255,.08);border-radius:100px;padding:.3rem}.lang-btn{border:0;background:transparent;color:rgba(255,255,255,.55);font-size:.7rem;font-weight:700;padding:.28rem .6rem;border-radius:100px}.lang-btn.active{background:var(--cyan);color:#fff}.burger{display:none;background:none;border:0;padding:.5rem}.burger span{display:block;width:24px;height:2px;background:#fff;margin:5px;border-radius:2px}
.hero{min-height:56vh;background:var(--navy);padding:10rem 6rem 5.5rem;position:relative;overflow:hidden;display:flex;align-items:end}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(24,194,220,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(24,194,220,.04) 1px,transparent 1px);background-size:60px 60px}.hero::after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(24,194,220,.12);border-radius:50%;right:-140px;top:-160px;box-shadow:0 0 0 90px rgba(24,194,220,.025),0 0 0 180px rgba(24,194,220,.018)}.hero-inner{position:relative;z-index:1;max-width:900px}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.15rem;display:flex;align-items:center;gap:.7rem}.eyebrow::before{content:"";width:24px;height:1px;background:var(--cyan)}h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.9;letter-spacing:-.045em;color:#fff;max-width:900px}h1 em{font-family:var(--display);font-weight:400;color:var(--cyan)}.hero p{margin-top:1.6rem;max-width:650px;color:rgba(255,255,255,.55);font-size:1rem;line-height:1.75}.breadcrumb{position:absolute;left:6rem;bottom:1.4rem;z-index:2;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.28)}.breadcrumb a{color:var(--cyan);text-decoration:none}
.contact-section{padding:7rem 6rem;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(480px,1.2fr);gap:6rem;max-width:1500px;margin:auto}.section-title{font-size:clamp(2.3rem,4vw,4rem);line-height:1;letter-spacing:-.035em;margin-bottom:1.4rem}.section-title span{color:var(--cyan)}.intro{font-size:.95rem;color:var(--ink-60);line-height:1.75;max-width:510px}.availability{display:flex;align-items:center;gap:.65rem;margin:2rem 0 2.4rem;padding:1rem 1.15rem;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;width:fit-content;font-size:.8rem;font-weight:600}.availability i{width:9px;height:9px;border-radius:50%;background:#35b96f;box-shadow:0 0 0 5px rgba(53,185,111,.12);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(53,185,111,0)}}
.details{display:grid;gap:.85rem}.detail{display:grid;grid-template-columns:42px 1fr;gap:1rem;align-items:center;padding:1rem;border-radius:12px;transition:.2s;text-decoration:none}.detail:hover{background:#fff;transform:translateX(4px)}.detail-icon{width:42px;height:42px;border-radius:11px;background:rgba(24,194,220,.1);display:grid;place-items:center;color:var(--cyan);font-weight:700}.detail small{display:block;color:var(--ink-30);font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.18rem}.detail strong{font-size:.92rem;color:var(--ink);font-weight:600}.socials{display:flex;gap:.7rem;margin-top:2rem}.socials a{padding:.65rem 1rem;background:var(--navy);color:#fff;border-radius:100px;text-decoration:none;font-size:.72rem;font-weight:600;transition:.2s}.socials a:hover{background:var(--cyan);transform:translateY(-2px)}
.form-card{background:#fff;border-radius:24px;padding:3rem;box-shadow:0 24px 70px rgba(13,27,46,.08);border:1px solid rgba(0,0,0,.05)}.form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2.3rem}.form-head h2{font-size:1.55rem}.form-head span{font-size:.68rem;color:var(--ink-30);line-height:1.5;text-align:right}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.field{display:flex;flex-direction:column;gap:.5rem}.field.full{grid-column:1/-1}.field label{font-size:.72rem;font-weight:700;color:var(--ink-60);letter-spacing:.04em}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe4e9;background:#fafafa;border-radius:10px;padding:.9rem 1rem;color:var(--ink);outline:none;transition:.2s;cursor:text}.field select{cursor:pointer}.field textarea{min-height:145px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);background:#fff;box-shadow:0 0 0 4px rgba(24,194,220,.1)}.field input::placeholder,.field textarea::placeholder{color:#aab5c1}.form-note{font-size:.68rem;color:var(--ink-30);line-height:1.5}.submit{grid-column:1/-1;margin-top:.4rem;border:0;background:var(--cyan);color:#fff;border-radius:100px;padding:1rem 1.6rem;font-size:.82rem;font-weight:700;display:flex;justify-content:center;align-items:center;gap:.6rem;transition:.2s}.submit:hover{background:var(--cyan-d);transform:translateY(-2px);box-shadow:0 10px 25px rgba(24,194,220,.25)}.submit:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}.status{grid-column:1/-1;display:none;padding:.85rem 1rem;border-radius:9px;background:rgba(53,185,111,.1);color:#278b54;font-size:.78rem;line-height:1.5}.status.error{background:rgba(211,68,68,.1);color:#a72f2f}
.process{background:#fff;padding:5rem 6rem}.process-inner{max-width:1380px;margin:auto}.process-top{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.process-top h2{font-size:clamp(2rem,3vw,3.2rem)}.process-top p{max-width:430px;color:var(--ink-60);font-size:.85rem;line-height:1.65}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.step{background:var(--off);border-radius:16px;padding:2rem;border-top:3px solid var(--cyan)}.step-num{color:var(--cyan);font-size:.7rem;font-weight:800;letter-spacing:.12em}.step h3{font-size:1rem;margin:.7rem 0 .45rem}.step p{font-size:.78rem;color:var(--ink-60);line-height:1.55}
footer{background:var(--navy);padding:3rem 6rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem;max-width:1380px;margin:auto}.footer-brand{color:#fff;font-weight:700}.footer-copy{color:rgba(255,255,255,.28);font-size:.72rem}.footer-links{display:flex;gap:1.4rem}.footer-links a{color:rgba(255,255,255,.5);text-decoration:none;font-size:.75rem}.footer-links a:hover{color:var(--cyan)}
@media(max-width:950px){nav{padding:1.1rem 1.4rem}.nav-links{display:none}.nav-lang{margin-left:auto}.burger{display:block}.hero{padding:9rem 2rem 4.5rem}.breadcrumb{left:2rem}.contact-section{grid-template-columns:1fr;padding:5rem 2rem;gap:4rem}.process{padding:4rem 2rem}.footer-inner{align-items:flex-start;flex-direction:column}.steps{grid-template-columns:1fr}.process-top{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.nav-logo-text{display:none}.hero{min-height:62vh}.form-card{padding:1.5rem;border-radius:18px}.form-grid{grid-template-columns:1fr}.field.full,.submit,.status{grid-column:1}.form-head{flex-direction:column}.form-head span{text-align:left}.contact-section{padding:4rem 1.25rem}.process{padding:3.5rem 1.25rem}footer{padding:2.5rem 1.25rem}.footer-links{flex-wrap:wrap}.nav-links.mobile-open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:rgba(13,27,46,.98);padding:2rem;gap:1.5rem}}


/* ═══════════════════════════════════════════════
   HEADER & FOOTER — shared index design
═══════════════════════════════════════════════ */
:root {
  --font-body: var(--body, 'Outfit', sans-serif);
  --font-display: var(--display, 'Cormorant Garamond', serif);
  --ease-smooth: var(--ease, cubic-bezier(0.25, 0.46, 0.45, 0.94));
}
nav#navbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  padding: 1.5rem 4rem; display: flex; align-items: center;
  justify-content: space-between; background: transparent; border: 0;
  transition: background .4s, padding .4s, box-shadow .4s;
}
nav#navbar.scrolled {
  background: rgba(13,27,46,.96); backdrop-filter: blur(20px);
  padding: 1rem 4rem; box-shadow: 0 4px 40px rgba(0,0,0,.2);
}
nav#navbar .nav-logo { display:flex; align-items:center; gap:.7rem; text-decoration:none; }
nav#navbar .nav-logo img { width:40px; height:40px; border-radius:50%; object-fit:cover; }
nav#navbar .nav-logo-text { font-family:var(--font-body); font-size:1.2rem; font-weight:600; color:#fff; letter-spacing:.02em; }
nav#navbar .nav-links { display:flex; gap:2.5rem; list-style:none; align-items:center; }
nav#navbar .nav-links a {
  font-size:.82rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase;
  color:rgba(255,255,255,.65); text-decoration:none; position:relative;
  border:0; padding-bottom:0; transition:color .2s;
}
nav#navbar .nav-links a::after {
  content:''; position:absolute; bottom:-4px; left:0; width:0; height:1px;
  background:var(--cyan); transition:width .3s var(--ease-smooth);
}
nav#navbar .nav-links a:hover,
nav#navbar .nav-links a.active { color:#fff; }
nav#navbar .nav-links a:hover::after,
nav#navbar .nav-links a.active::after { width:100%; }
nav#navbar .nav-lang { display:flex; gap:.4rem; margin-left:0; background:rgba(255,255,255,.08); border-radius:100px; padding:.3rem .5rem; }
nav#navbar .lang-btn {
  font-family:var(--font-body); font-size:.72rem; font-weight:600; letter-spacing:.08em;
  text-transform:uppercase; color:rgba(255,255,255,.5); background:none; border:0;
  padding:.25rem .6rem; border-radius:100px; transition:all .2s;
}
nav#navbar .lang-btn.active { background:var(--cyan); color:#fff; }
nav#navbar .nav-cta { background:var(--cyan); color:#fff!important; padding:.55rem 1.4rem!important; border-radius:100px; }
nav#navbar .nav-cta::after { display:none!important; }
nav#navbar .nav-cta:hover { background:var(--cyan-d)!important; transform:translateY(-1px); }
nav#navbar .burger { display:none; flex-direction:column; gap:5px; background:none; border:0; padding:.5rem; }
nav#navbar .burger span { display:block; width:24px; height:2px; margin:0; background:#fff; border-radius:2px; }

footer.site-footer {
  background:var(--navy); color:#fff; border-top:1px solid rgba(24,194,220,.08);
  padding:4rem 6rem 2.5rem;
}
footer.site-footer .footer-top {
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3rem;
  margin:0 0 4rem; padding:0 0 4rem; border-bottom:1px solid rgba(255,255,255,.06);
}
footer.site-footer .footer-brand { display:block; margin:0; }
footer.site-footer .footer-logo { display:flex; align-items:center; gap:.7rem; margin-bottom:1.2rem; text-decoration:none; }
footer.site-footer .footer-logo img { width:44px; height:44px; border-radius:50%; object-fit:cover; }
footer.site-footer .footer-logo-text { font-family:var(--font-body); font-size:1.1rem; font-weight:700; color:#fff; }
footer.site-footer .footer-tagline { font-family:var(--font-display); font-size:1rem; font-style:italic; color:rgba(255,255,255,.35); margin-bottom:1.5rem; line-height:1.5; }
footer.site-footer .footer-social { display:flex; gap:.7rem; }
footer.site-footer .social-link {
  width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08); display:flex; align-items:center;
  justify-content:center; padding:0; text-decoration:none; color:rgba(255,255,255,.5);
  transition:all .2s;
}
footer.site-footer .social-link:hover { background:var(--cyan); border-color:var(--cyan); color:#fff; transform:translateY(-3px); }
footer.site-footer .footer-col-title { font-size:.72rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.35); margin:0 0 1.2rem; }
footer.site-footer .footer-links-list { list-style:none; display:flex; flex-direction:column; gap:.7rem; margin:0; padding:0; }
footer.site-footer .footer-links-list li { margin:0; }
footer.site-footer .footer-links-list a { display:inline; font-size:.85rem; line-height:1.4; color:rgba(255,255,255,.5); text-decoration:none; transition:color .2s; }
footer.site-footer .footer-links-list a:hover { color:var(--cyan); }
footer.site-footer .footer-contact-item { display:flex; align-items:center; gap:.6rem; margin-bottom:.7rem; }
footer.site-footer .footer-contact-item svg { flex:0 0 auto; }
footer.site-footer .footer-contact-item a,
footer.site-footer .footer-contact-item span { font-size:.82rem; line-height:1.4; color:rgba(255,255,255,.5); text-decoration:none; transition:color .2s; }
footer.site-footer .footer-contact-item a:hover { color:var(--cyan); }
footer.site-footer .footer-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; padding:0; border:0; }
footer.site-footer .footer-copy { font-size:.78rem; color:rgba(255,255,255,.25); }
footer.site-footer .footer-copy span { color:var(--cyan); }
footer.site-footer .footer-credits { font-size:.75rem; color:rgba(255,255,255,.2); }

@media (max-width:1100px) {
  footer.site-footer { padding-left:2rem; padding-right:2rem; }
  footer.site-footer .footer-top { grid-template-columns:1fr 1fr; }
}
@media (max-width:900px) {
  nav#navbar { padding:1.2rem 1.5rem; }
  nav#navbar.scrolled { padding:.9rem 1.5rem; }
  nav#navbar .nav-links { display:none; }
  nav#navbar .nav-links.mobile-open { display:flex; position:absolute; top:70px; left:0; right:0; flex-direction:column; background:rgba(13,27,46,.98); padding:2rem; gap:1.5rem; backdrop-filter:blur(20px); }
  nav#navbar .nav-lang { display:flex; margin-left:auto; }
  nav#navbar .burger { display:flex; }
}
@media (max-width:640px) {
  footer.site-footer .footer-top { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  nav#navbar .nav-logo-text { display:none; }
  nav#navbar .nav-lang { gap:.15rem; padding:.25rem .35rem; }
  nav#navbar .lang-btn { padding:.22rem .48rem; }
}

/* V4.2 — anciennes déclarations inline */
.form-status.is-visible{display:block}