/* Styles propres à la page contact.html — sortis de la page le 2026-10-15, sans modification. Couleurs communes : site-design-v2.css */
.grecaptcha-badge{visibility:hidden}
*{box-sizing:border-box;margin:0;padding:0}

body{font-family:'Public Sans',system-ui,sans-serif;background:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{text-decoration:none;color:inherit}
.head{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.03em}
nav{position:sticky;top:0;z-index:50;background:rgba(244,247,255,0.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1120px;margin:0 auto}
.back-link{font-size:14px;font-weight:600;color:var(--muted);transition:color .15s}
.back-link:hover{color:var(--p)}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.wrap{width:100%;max-width:900px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(28px,5vw,52px);align-items:start}
.info h1{font-size:clamp(26px,4vw,38px);line-height:1.1;color:var(--dark);margin-bottom:12px}
.info p{font-size:clamp(14px,1.6vw,16px);color:var(--muted);line-height:1.65;margin-bottom:28px}
.contact-link{display:flex;align-items:center;gap:14px;margin-bottom:16px;color:var(--dark)}
.ci{width:46px;height:46px;border-radius:14px;background:rgba(27,63,143,0.08);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.cl{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:block;margin-bottom:2px}
.cv{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(15px,2vw,18px);color:var(--dark);display:block}
.hours{margin-top:24px;border-top:1px solid var(--border);padding-top:20px}
.hours h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:16px;margin-bottom:12px;color:var(--dark)}
.hr{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px}
.hr:last-child{border:none}
.form-box{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:clamp(20px,3vw,32px)}
.form-box h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(18px,2.5vw,24px);margin-bottom:20px;color:var(--dark)}
.field{margin-bottom:14px}
.field label{font-size:14px;font-weight:700;color:var(--muted);display:block;margin-bottom:5px;letter-spacing:.01em}
.field input,.field textarea,.field select{width:100%;border:1.5px solid var(--border);border-radius:14px;padding:12px 14px;font-size:14px;background:var(--bg);outline:none;color:var(--dark);font-family:inherit;transition:border-color .18s,box-shadow .18s}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--a-txt);box-shadow:0 0 0 3px rgba(74,143,212,0.15)}
.field textarea{resize:vertical}
.submit{width:100%;border:none;background:var(--p);color:#fff;border-radius:50px;padding:15px;font-weight:700;font-size:15px;cursor:pointer;font-family:inherit;transition:all .18s;box-shadow:0 4px 14px rgba(27,63,143,0.3)}
.submit:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(27,63,143,0.38)}
.note{font-size:14px;color:var(--muted);text-align:center;margin-top:9px}
footer{border-top:1px solid var(--border);padding:20px;text-align:center;font-size:14px;color:var(--muted)}