/* Page Contact V8 : reprend le style du bureau bleu nuit. */
.contact-intro{padding-top:48px;padding-bottom:24px}
.contact-intro h1{font-size:clamp(33px,4.6vw,55px)}
.contact-page .contact-desktop{padding:24px 28px 112px;min-height:745px}
.contact-windows{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(255px,.75fr);gap:18px;max-width:1020px;margin:0 auto;position:relative;z-index:1;align-items:start}
.contact-page .finder-window{min-width:0}
.contact-page .contact-form-window{margin:0}
.contact-page .contact-details-window{margin:15px 0 0}
.contact-page .contact-window-body{padding:24px 26px 26px}
.contact-window-lead{margin:0 0 17px;font-size:13px;color:#61738a;line-height:1.65}
.contact-page .form-card{width:100%}
.contact-page form{display:flex;flex-direction:column;gap:8px;text-align:left}
.contact-page form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-page form .row>div{min-width:0}
.contact-page label{font-size:12px;font-weight:800;color:#37506b;display:block;margin:9px 0 6px}
.contact-page input:not([type="hidden"]):not([name="website"]),.contact-page textarea{width:100%;border:1px solid #d9e5f2;background:#fbfdff;border-radius:11px;font-family:inherit;font-size:14px;color:#173354;padding:12px 13px;outline:none;transition:border-color .2s,box-shadow .2s}
.contact-page input:focus-visible,.contact-page textarea:focus-visible{border-color:#328aff;box-shadow:0 0 0 3px rgba(50,138,255,.15)}
.contact-page textarea{min-height:125px;resize:vertical}
.contact-page .form-card button.btn{border:0;cursor:pointer;align-self:flex-start;background:linear-gradient(180deg,#2589ff,#1169d9);color:#fff;box-shadow:0 10px 22px rgba(20,103,214,.2);margin-top:13px}
.contact-page button:disabled{opacity:.55;cursor:not-allowed}
.contact-page .status{margin-bottom:18px;padding:15px 17px;border-radius:12px;font-size:13px;line-height:1.7;text-align:left}
.contact-page .status.ok{background:#e5f7ec;color:#185b38;border:1px solid #b6e0c7}
.contact-page .status.err{background:#fff1ed;color:#8b3420;border:1px solid #f4c3b7}
.contact-details{text-align:center;padding:26px 22px}
.detail-icon{display:grid;place-items:center;background:linear-gradient(145deg,#e8f5ff,#d9eaff);border-radius:17px;font-size:27px;width:66px;height:66px;margin:0 auto 14px}
.contact-details h2{font-size:24px;letter-spacing:-.8px;margin:0 0 10px}
.contact-details p{color:#60738b;font-size:13px;line-height:1.65}
.contact-phone{display:block;font-size:20px;font-weight:800;color:#166fe0;margin-top:20px;white-space:nowrap}
.contact-email{display:block;margin-top:11px;color:#496b95;font-size:12px;overflow-wrap:anywhere}
.sms-link{display:inline-block;margin-top:18px;padding:11px 15px;background:#eaf4ff;border:1px solid #d6e7ff;border-radius:12px;color:#155cae;font-size:13px;font-weight:800}
.contact-location{font-size:12px;color:#536783;line-height:1.85;border-top:1px solid #e3edf7;padding-top:15px;margin-top:21px}
.contact-page .dock{z-index:3}
.contact-page .contact-desktop{overflow:hidden}
@media(max-width:1050px){.contact-windows{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:850px){.contact-windows{grid-template-columns:minmax(0,1fr)}.contact-page .contact-details-window{margin:0}.contact-page .contact-desktop{padding:18px 15px 120px}}
@media(max-width:520px){.contact-page form .row{grid-template-columns:1fr}.contact-page .contact-window-body{padding:16px}.contact-page .contact-desktop{padding:12px 10px 124px}.contact-page .window-bar strong{font-size:10px}.contact-phone{white-space:normal}.contact-page .monitor-frame{padding:11px 9px 0}}
