/* Adaptation Edrio contact aux couleurs et au contenu IAE Réunion. */
.iae-contact{color:#382c3f}
.iae-contact section{scroll-margin-top:110px}
.iae-contact-kicker{display:inline-block;margin-bottom:17px;color:#b9d462;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.iae-contact h2{color:#2d173c;font-size:clamp(31px,3.3vw,48px);font-weight:800;line-height:1.14;letter-spacing:-.025em}
.iae-contact a:focus-visible,.iae-contact button:focus-visible,.iae-contact :is(input,select,textarea):focus-visible{outline:3px solid #a9bd4e;outline-offset:3px}

.iae-contact-details{padding:83px 0 90px;background:#fff}
.iae-contact-details h2{margin:0 0 34px}
.iae-contact-details .row{row-gap:20px}
.iae-contact-details .row>div{display:flex}
.iae-contact .ed-cp-cta-item.iae-contact-detail{display:flex;align-items:flex-start;gap:20px;width:100%;min-height:235px;margin:0;padding:31px 25px;background:#f4f0f6;border:1px solid #e8dfeb;border-radius:0;box-shadow:none}
.iae-contact-detail .item-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;margin:0;background:#e9f76e;border-radius:0}
.iae-contact-detail .item-icon img{display:block;width:27px;height:27px;object-fit:contain}
.iae-contact-detail .item-text{min-width:0}
.iae-contact-detail .item-text h3{margin:0 0 11px;color:#2d173c;font-size:23px;font-weight:800}
.iae-contact-detail .item-text p{margin:0 0 8px;color:#514558;font-size:15px;line-height:1.65}
.iae-contact-detail a{color:#512c64;font-weight:800;text-decoration:underline;text-decoration-color:#a9bd4e;text-underline-offset:5px}

.iae-contact-form-section{margin:0;padding:92px 0 105px;background:#f4f0f6}
.iae-contact-form-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:8%;align-items:start}
.iae-contact-form-intro{padding-top:27px}
.iae-contact-form-intro .iae-contact-kicker{color:#715083}
.iae-contact-form-intro h2{margin:0 0 19px}
.iae-contact-form-intro>p{max-width:495px;margin:0;color:#534958;font-size:18px;line-height:1.65}
.iae-contact-form-aside{max-width:490px;margin-top:42px;padding:24px 26px;background:#fff;border-left:4px solid #a9bd4e}
.iae-contact-form-aside strong{display:block;margin-bottom:9px;color:#2d173c;font-size:18px}
.iae-contact-form-aside p{margin:0;color:#554a59;font-size:15px;line-height:1.6}
.iae-contact-form-panel.ed-cp-form{width:100%;max-width:none;margin:0;padding:38px 41px;background:#fff;box-shadow:0 18px 45px rgba(48,25,58,.08)}
.iae-contact-form-panel .gt-client-review-form.cp_ver{margin:0;padding:0;background:none;box-shadow:none}
.iae-contact-field{margin-bottom:19px}
.iae-contact-field label{display:block;margin-bottom:7px;color:#2d173c;font-size:15px;font-weight:800}
.iae-contact-field input,.iae-contact-field select,.iae-contact-field textarea{display:block;width:100%;height:auto;min-height:52px;margin:0;padding:12px 15px;background:#fff;color:#332438;border:1px solid #cfc3d4;border-radius:0;font-size:16px;line-height:1.45;box-shadow:none}
.iae-contact-field textarea{min-height:155px;resize:vertical}
.iae-contact-field :is(input,select,textarea):focus{border-color:#70438a}
.iae-contact-field .invalid-feedback,.iae-contact-form .form-error-message{display:block;margin:7px 0 0;color:#ad263a;font-size:14px}
.iae-contact-form>ul{margin:0 0 18px;padding:15px 19px;background:#fff0f1;color:#922338;list-style:none}
.iae-contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.iae-contact-privacy{margin:0 0 20px;color:#63576a;font-size:13px;line-height:1.55}
.iae-contact-form button[type=submit]{display:inline-flex;align-items:center;min-height:54px;padding:13px 25px;background:#2d173c;color:#fff;border:0;border-radius:0;font-size:16px;font-weight:800;cursor:pointer}
.iae-contact-form button[type=submit]:hover{background:#512c64;color:#fff}
.iae-contact-alert{margin-bottom:24px;padding:17px 19px;font-size:16px;line-height:1.45}
.iae-contact-alert--success{background:#eef4d4;color:#304015;border-left:4px solid #869e38}

@media(max-width:991px){
    .iae-contact-form-grid{grid-template-columns:1fr;gap:38px}
    .iae-contact-form-intro{padding-top:0}
    .iae-contact-form-aside{margin-top:25px}
}
@media(max-width:767px){
    .iae-contact-details,.iae-contact-form-section{padding:60px 0 68px}
    .iae-contact .ed-cp-cta-item.iae-contact-detail{min-height:0;padding:26px 22px}
    .iae-contact-form-panel.ed-cp-form{padding:27px 22px}
}
