[data-page=contact]{line-height:1.6}[data-page=contact] section{padding:6rem 3rem;position:relative}[data-page=contact] .container{max-width:1300px;margin:0 auto}[data-page=contact] .btn{font-family:var(--font-body);cursor:pointer;border:2px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}[data-page=contact] .btn-primary{background:var(--orange-vif);color:var(--blanc);border-color:var(--orange-vif)}[data-page=contact] .btn-primary:hover{background:var(--blanc);color:var(--orange-vif);transform:translateY(-3px);box-shadow:0 12px 25px #ff480166}[data-page=contact] .section-eyebrow{font-family:var(--font-subtitle);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-vif);margin-bottom:.5rem;font-size:.85rem;font-weight:300;display:inline-block}[data-page=contact] .section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--bleu-intense);margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1}[data-page=contact] .contact-hero{background:var(--bleu-intense);color:var(--blanc);border-bottom:3px solid var(--noir);padding:10rem 3rem 5rem}[data-page=contact] .hero-eyebrow{font-family:var(--font-subtitle);letter-spacing:.1em;text-transform:uppercase;color:var(--jaune-pastel);margin-bottom:1rem;font-size:.95rem;font-weight:300;display:inline-block}[data-page=contact] .contact-hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.8rem,6vw,5rem);font-weight:900;line-height:.95}[data-page=contact] .contact-hero h1 .accent{color:var(--orange-vif);font-style:italic;font-weight:400;display:inline-block;transform:rotate(-2deg)}[data-page=contact] .contact-hero p{font-family:var(--font-subtitle);opacity:.95;max-width:560px;font-size:1.15rem}[data-page=contact] .contact-main{background:var(--rose-pastel)}[data-page=contact] .contact-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:3rem;display:grid}[data-page=contact] .contact-card{background:var(--blanc);border:3px solid var(--noir);box-shadow:8px 8px 0 var(--bleu-intense);border-radius:28px;padding:2.5rem}[data-page=contact] .contact-form{flex-direction:column;gap:1.2rem;display:flex}[data-page=contact] .contact-form-row{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}[data-page=contact] .contact-form label{color:var(--bleu-intense);flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}[data-page=contact] .contact-form input,[data-page=contact] .contact-form select,[data-page=contact] .contact-form textarea{font-family:var(--font-body);color:var(--noir);border:2px solid var(--bleu-intense);background:var(--bleu-pale);border-radius:14px;padding:.85rem 1rem;font-size:1rem;font-weight:400;transition:border-color .2s,box-shadow .2s}[data-page=contact] .contact-form textarea{resize:vertical;min-height:140px}[data-page=contact] .contact-form input:focus,[data-page=contact] .contact-form select:focus,[data-page=contact] .contact-form textarea:focus{border-color:var(--orange-vif);outline:none;box-shadow:0 0 0 3px #ff480133}[data-page=contact] .contact-form .btn{align-self:flex-start;margin-top:.5rem}[data-page=contact] .contact-form-note{background:var(--jaune-pastel);border:2px solid var(--noir);border-radius:14px;padding:.9rem 1rem;font-size:.9rem}[data-page=contact] .contact-form-note a{color:var(--bleu-intense);font-weight:600}[data-page=contact] .contact-form-ok{background:var(--jaune-pastel)}[data-page=contact] .contact-form-erreur{background:var(--rose-pastel);border-color:var(--orange-vif)}[data-page=contact] .contact-form .btn:disabled{opacity:.6;cursor:wait;box-shadow:none;transform:none}[data-page=contact] .contact-form [aria-invalid=true]{border-color:var(--orange-vif)}[data-page=contact] .champ-erreur{color:var(--orange-vif);font-size:.82rem;font-weight:500}[data-page=contact] .contact-hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}[data-page=contact] .contact-infos{flex-direction:column;gap:1.2rem;display:flex}[data-page=contact] .info-card{background:var(--blanc);border:2px solid var(--noir);border-radius:20px;padding:1.4rem 1.6rem}[data-page=contact] .info-card h3{font-family:var(--font-display);color:var(--bleu-intense);margin-bottom:.4rem;font-size:1.2rem;font-weight:900}[data-page=contact] .info-card a{color:var(--orange-vif);word-break:break-word;font-weight:600;text-decoration:none}[data-page=contact] .info-card a:hover{text-decoration:underline}[data-page=contact] .info-hint{opacity:.8;margin-top:.3rem;font-size:.88rem}[data-page=contact] .info-card-raccourcis{background:var(--jaune-pastel)}[data-page=contact] .info-card-raccourcis ul{list-style:none}[data-page=contact] .info-card-raccourcis li{margin-top:.4rem}[data-page=contact] .info-card-raccourcis li a:before{content:"→ "}[data-page=contact] .contact-map{background:var(--bleu-pale)}[data-page=contact] .map-wrapper{border:3px solid var(--noir);box-shadow:8px 8px 0 var(--orange-vif);background:var(--bleu-pale);border-radius:28px;overflow:hidden}[data-page=contact] .map-wrapper iframe{border:0;width:100%;min-height:420px;display:block}@media (max-width:968px){[data-page=contact] section{padding:4rem 1.5rem}[data-page=contact] .contact-hero{padding:8rem 1.5rem 3.5rem}[data-page=contact] .contact-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width:540px){[data-page=contact] .contact-card{box-shadow:5px 5px 0 var(--bleu-intense);padding:1.6rem}[data-page=contact] .contact-form-row{grid-template-columns:1fr}[data-page=contact] .contact-form .btn{justify-content:center;align-self:stretch}[data-page=contact] .map-wrapper iframe{min-height:320px}}
