.contact-hero{position:relative;padding:48px 0;background-color:#0a1f44;background-image:linear-gradient(90deg,rgba(10,31,68,.88),rgba(10,31,68,.48)),url('/assets/contact-ceremonie-fusiliers.jpg');background-size:cover;background-position:center 32%}
.contact-photo-credit{position:absolute;right:24px;bottom:8px;margin:0;font-size:10px;line-height:1.4;color:#fff}
.contact-photo-credit a{color:inherit;text-underline-offset:2px}
.contact-hero h1{font-size:42px;line-height:1.15;margin-bottom:16px}
.contact-hero .lead{font-size:17px;max-width:740px;margin-bottom:0}
.team-intro,.contact-intro{color:#596579;margin-bottom:24px;font-size:14px}
.team-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.contact-layout .team-group-title{margin:0 0 12px;font-size:13px;font-weight:700;line-height:1.5;color:#596579}
.team-group+.team-group{margin-top:24px;padding-top:20px;border-top:1px solid #e6e9ee}
.team-profile{position:relative;min-width:0;padding:16px 18px 16px 72px;border:1px solid #dce1e8;border-left:3px solid #003189;border-radius:6px;background:#fff}
.profile-heading{display:flex;align-items:center}
.profile-heading>div{min-width:0}
.profile-initials{position:absolute;left:16px;top:18px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#edf1f7;color:#003189;font-size:12px;font-weight:700}
.profile-grade{margin:0 0 4px;font-size:12px;font-weight:700;color:#596579}
.contact-layout .team-profile h3{font-size:16px;line-height:1.35;margin:0;color:#0a1f44;overflow-wrap:anywhere}
.profile-function{font-size:13px;color:#596579;margin:4px 0 8px}
.profile-email{font-size:13px;overflow-wrap:anywhere}
.profile-email span{display:block;font-size:12px;color:#596579;margin-bottom:4px}
.profile-email a{color:#003189;text-underline-offset:3px}
.profile-phone{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px;font-size:13px}
.profile-phone a{color:#003189;font-weight:700;white-space:nowrap;text-underline-offset:3px}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:start}
.contact-layout h2{font-size:28px;line-height:1.2}
.contact-layout h3{font-size:18px;margin:28px 0 8px;color:#0a1f44}
.contact-layout p{color:#596579;overflow-wrap:anywhere}
.contact-form{display:flex;flex-direction:column;gap:16px}
.contact-form label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:#0a1f44}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;min-width:0;font:inherit;font-size:15px;padding:12px 14px;border:1px solid #ccd3dd;border-radius:4px;background:#fff;color:#1a1a2e}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid #003189;outline-offset:2px}
.contact-form select{height:51px;padding-right:30px}
.contact-form textarea{resize:vertical;min-height:130px}
.contact-form .btn{align-self:flex-start;cursor:pointer}
.contact-form .form-status{margin:0;font-size:13px;line-height:1.6}
.contact-layout a{overflow-wrap:anywhere}
@media(max-width:760px){.contact-layout{grid-template-columns:minmax(0,1fr);gap:36px}.contact-hero{background-position:62% 32%}.contact-hero h1{font-size:34px}.contact-form .btn{width:100%}.contact-photo-credit{right:16px}}