.elementor-36 .elementor-element.elementor-element-d92f257{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-36 .elementor-element.elementor-element-d92f257:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-d92f257 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ether-atlantique.com/wp-content/uploads/Fond-marin-4K-2048x1152.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-36 .elementor-element.elementor-element-d92f257, .elementor-36 .elementor-element.elementor-element-d92f257::before{--border-transition:0.3s;}.elementor-36 .elementor-element.elementor-element-85eb55e img{width:10%;}.elementor-36 .elementor-element.elementor-element-13d0def{--spacer-size:3px;}.elementor-36 .elementor-element.elementor-element-3883025{text-align:center;}.elementor-36 .elementor-element.elementor-element-3883025 .elementor-heading-title{color:#FFFFFF;font-family:"perandory", Sans-serif;font-size:80px;font-weight:300;letter-spacing:6px;word-spacing:6px;}.elementor-36 .elementor-element.elementor-element-903581c{text-align:center;}.elementor-36 .elementor-element.elementor-element-903581c .elementor-heading-title{color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:300;letter-spacing:2.5px;word-spacing:6px;}.elementor-36 .elementor-element.elementor-element-b725df0{--spacer-size:40px;}.elementor-36 .elementor-element.elementor-element-cdbfec0{--spacer-size:40px;}.elementor-36 .elementor-element.elementor-element-f611cc5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--flex-wrap:wrap;--background-transition:0.3s;}.elementor-36 .elementor-element.elementor-element-265571a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-contact-form-form, .elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-contact-form-form input, .elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-contact-form-form textarea{text-align:left;}.elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-field-group:not(:last-child){margin-bottom:40px;margin-top:0;}.elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-name-email-inline + .bdt-name-email-inline{padding-left:40px;}.elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-field-group > label{margin-bottom:10px;}.elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-form-label{color:#000000;font-family:"perandory", Sans-serif;line-height:20px;letter-spacing:6px;}.elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-field-group .bdt-input{color:#000000;background-color:#D9EBFF;}.elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-field-group textarea{color:#000000;background-color:#D9EBFF;}.elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-field-group .bdt-input::placeholder{color:#000000A6;}.elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-field-group textarea::placeholder{color:#000000A6;}.elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-field-group .bdt-input, .elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-field-group textarea{border-style:solid;border-width:1px 1px 1px 1px;font-family:"dm-sans-xt-l", Sans-serif;font-size:15px;letter-spacing:1.2px;}.elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-button{color:#FFFFFF;font-family:"dm-sans-xt-l", Sans-serif;font-size:20px;letter-spacing:2px;background-color:#000000;border-style:none;border-radius:25px 25px 25px 25px;}.elementor-36 .elementor-element.elementor-element-9dac8d6 .bdt-button:hover{color:#FFFFFF;background-color:#0079FF;}.elementor-36 .elementor-element.elementor-element-ac9b742{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-36 .elementor-element.elementor-element-ac9b742:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-ac9b742 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E4E8D;}.elementor-36 .elementor-element.elementor-element-ac9b742, .elementor-36 .elementor-element.elementor-element-ac9b742::before{--border-transition:0.3s;}.elementor-36 .elementor-element.elementor-element-c8d5169{--spacer-size:15px;}.elementor-36 .elementor-element.elementor-element-ba9d3f8 .bdt-ep-advanced-image-gallery-thumbnail img{height:210px;}.elementor-36 .elementor-element.elementor-element-ba9d3f8 .bdt-ep-advanced-image-gallery.bdt-grid{margin-left:-0px;}.elementor-36 .elementor-element.elementor-element-ba9d3f8 .bdt-ep-advanced-image-gallery.bdt-grid > *{padding-left:0px;}.elementor-36 .elementor-element.elementor-element-ba9d3f8 .bdt-navigation-prev i,
					.elementor-36 .elementor-element.elementor-element-ba9d3f8 .bdt-navigation-next i{font-size:25px;}.elementor-36 .elementor-element.elementor-element-ba9d3f8 .bdt-navigation-prev{left:-60px;}.elementor-36 .elementor-element.elementor-element-ba9d3f8 .bdt-navigation-next{right:-60px;}.elementor-36 .elementor-element.elementor-element-ba9d3f8 .bdt-dots-container{transform:translateY(30px);}.elementor-36 .elementor-element.elementor-element-8a024b3{--spacer-size:50px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-36 .elementor-element.elementor-element-265571a{--width:60%;}}/* Start custom CSS for heading, class: .elementor-element-3883025 */.color-yellow {
	color: #ff9c00;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-903581c */.color-yellow {
	color: #ff9c00;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d92f257 */.elementor-36 .elementor-element.elementor-element-d92f257 {
    margin-top: -120px;
    padding-top: 120px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-265571a *//* =========================================================
   ÉTHER ATLANTIQUE — PAGE CONTACT
   Harmonisée avec ACCÈS MEMBRES
   Classe Elementor : ea-contact-page
   ========================================================= */


/* =========================================================
   1. CARTE PRINCIPALE
   ========================================================= */

.ea-contact-page {
    position: relative !important;

    max-width: 680px !important;
    width: calc(100% - 40px) !important;

    margin: 70px auto 90px !important;

    /* Espacement calé sur ACCÈS MEMBRES */
    padding: 78px 68px 70px !important;

    background-color: #fbf7ed !important;

    background-image:
        radial-gradient(
            circle at 20% 10%,
            rgba(201, 168, 95, 0.025) 0,
            rgba(201, 168, 95, 0) 38%
        ),
        radial-gradient(
            circle at 85% 80%,
            rgba(2, 60, 119, 0.018) 0,
            rgba(2, 60, 119, 0) 38%
        );

    border: 1px solid #c9a85f !important;
    border-radius: 16px !important;

    box-shadow:
        0 18px 45px rgba(2, 60, 119, 0.10),
        0 3px 10px rgba(0, 0, 0, 0.04);

    box-sizing: border-box !important;

    font-family: "DM Sans", sans-serif !important;
}


/* =========================================================
   2. MÉDAILLON
   ========================================================= */

.ea-contact-page::after {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: 94px !important;
    height: 94px !important;

    background-image:
        url("https://ether-atlantique.com/wp-content/uploads/ChatGPT-Image-27-aout-2026-23_58_39.png") !important;

    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    background-color: transparent !important;

    border: none !important;
    border-radius: 50% !important;

    box-shadow: none !important;

    pointer-events: none !important;

    z-index: 20 !important;
}


/* =========================================================
   3. TITRE
   ========================================================= */

.ea-contact-page::before {
    content: "NOUS CONTACTER" !important;

    display: block !important;

    position: relative !important;
    top: 0 !important;

    /* Même rythme visuel que ACCÈS MEMBRES */
    margin: 0 0 25px !important;

    text-align: center !important;

    color: #023c77 !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 34px !important;
    font-weight: 500 !important;

    letter-spacing: 1.2px !important;
    line-height: 1.2 !important;

    z-index: 1 !important;
}


/* =========================================================
   4. FORMULAIRE ELEMENTOR
   ========================================================= */

.ea-contact-page form,
.ea-contact-page .elementor-form {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    font-family: "DM Sans", sans-serif !important;
}


/* =========================================================
   5. ESPACEMENT ENTRE CHAMPS
   ========================================================= */

.ea-contact-page .elementor-field-group {
    margin-bottom: 22px !important;
}


/* =========================================================
   6. LABELS
   ========================================================= */

.ea-contact-page .elementor-field-label,
.ea-contact-page label {
    display: block !important;

    margin: 0 0 9px !important;

    color: #26323d !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    letter-spacing: 0 !important;
    line-height: 1.3 !important;

    text-transform: none !important;
}


/* =========================================================
   7. CHAMPS NOM / EMAIL / OBJET
   ========================================================= */

.ea-contact-page input[type="text"],
.ea-contact-page input[type="email"],
.ea-contact-page input[type="tel"],
.ea-contact-page input[type="url"],
.ea-contact-page .elementor-field:not(textarea) {
    width: 100% !important;

    min-height: 56px !important;

    padding: 13px 17px !important;

    background: #fffdf8 !important;

    color: #243344 !important;

    border: 1px solid rgba(201, 168, 95, 0.75) !important;
    border-radius: 7px !important;

    box-shadow: none !important;
    outline: none !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;

    box-sizing: border-box !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        background-color 0.2s ease !important;
}


/* =========================================================
   8. ZONE MESSAGE
   ========================================================= */

.ea-contact-page textarea,
.ea-contact-page textarea.elementor-field {
    width: 100% !important;

    min-height: 155px !important;

    padding: 15px 17px !important;

    background: #fffdf8 !important;

    color: #243344 !important;

    border: 1px solid rgba(201, 168, 95, 0.75) !important;
    border-radius: 7px !important;

    box-shadow: none !important;
    outline: none !important;

    font-family: "DM Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    resize: vertical !important;

    box-sizing: border-box !important;
}


/* =========================================================
   9. PLACEHOLDERS
   ========================================================= */

.ea-contact-page input::placeholder,
.ea-contact-page textarea::placeholder {
    color: #7c858c !important;

    opacity: 0.75 !important;

    font-family: "DM Sans", sans-serif !important;
}


/* =========================================================
   10. FOCUS
   ========================================================= */

.ea-contact-page input:focus,
.ea-contact-page textarea:focus,
.ea-contact-page .elementor-field:focus {
    background: #ffffff !important;

    border-color: #023c77 !important;

    box-shadow:
        0 0 0 3px rgba(2, 60, 119, 0.08) !important;

    outline: none !important;
}


/* =========================================================
   11. ZONE BOUTON
   ========================================================= */

.ea-contact-page .elementor-field-type-submit {
    display: flex !important;

    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;

    margin-top: 14px !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   12. BOUTON ENVOYER
   ========================================================= */

.ea-contact-page .elementor-button,
.ea-contact-page button[type="submit"],
.ea-contact-page input[type="submit"] {
    width: 100% !important;

    min-height: 58px !important;

    margin: 0 !important;

    padding: 13px 24px !important;

    background: #023c77 !important;

    color: #f2d99c !important;

    border: 1px solid #c9a85f !important;
    border-radius: 7px !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 18px !important;
    font-weight: 500 !important;

    letter-spacing: 1.3px !important;

    text-transform: uppercase !important;

    box-shadow:
        0 8px 18px rgba(2, 60, 119, 0.13) !important;

    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* Texte interne Elementor */

.ea-contact-page .elementor-button-text {
    font-family: "DM Sans", sans-serif !important;

    font-size: 18px !important;
    font-weight: 500 !important;

    letter-spacing: 1.3px !important;

    text-transform: uppercase !important;

    color: #f2d99c !important;
}


/* Survol */

.ea-contact-page .elementor-button:hover,
.ea-contact-page button[type="submit"]:hover,
.ea-contact-page input[type="submit"]:hover {
    background: #064d8f !important;

    color: #fff1c6 !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 10px 22px rgba(2, 60, 119, 0.18) !important;
}


/* =========================================================
   13. TRAIT SOUS ENVOYER
   ========================================================= */

.ea-contact-page .elementor-field-type-submit::after {
    content: "" !important;

    display: block !important;

    width: 100% !important;
    height: 1px !important;

    margin: 27px 0 18px !important;

    background:
        rgba(201, 168, 95, 0.35) !important;
}


/* =========================================================
   14. PHRASE INSCRIPTION
   ========================================================= */

.ea-contact-inscription {
    display: block !important;

    width: 100% !important;

    /* Plus proche du trait */
    margin: -4px 0 0 !important;

    text-align: center !important;

    color: #3152c8 !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.5 !important;
}


/* Toute la phrase est cliquable */

.ea-contact-inscription a {
    display: inline-block !important;

    color: #3152c8 !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    text-decoration: none !important;
}


.ea-contact-inscription a:hover {
    color: #023c77 !important;

    text-decoration: underline !important;
}


/* =========================================================
   15. MESSAGES ELEMENTOR
   ========================================================= */

.ea-contact-page .elementor-message {
    margin-top: 18px !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   16. TABLETTE
   ========================================================= */

@media (max-width: 900px) {

    .ea-contact-page {
        max-width: 650px !important;

        width: calc(100% - 60px) !important;

        margin: 55px auto 70px !important;

        padding: 70px 42px 55px !important;
    }


    .ea-contact-page::after {
        width: 70px !important;
        height: 70px !important;
    }


    .ea-contact-page::before {
        font-size: 30px !important;
    }
}


/* =========================================================
   17. MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .ea-contact-page {
        width: calc(100% - 32px) !important;

        margin: 45px auto 55px !important;

        padding: 62px 22px 42px !important;

        border-radius: 13px !important;
    }


    .ea-contact-page::after {
        width: 62px !important;
        height: 62px !important;
    }


    .ea-contact-page::before {
        margin-bottom: 32px !important;

        font-size: 26px !important;

        letter-spacing: 1px !important;
    }


    .ea-contact-page .elementor-field-label,
    .ea-contact-page label {
        font-size: 14px !important;
    }


    .ea-contact-page input[type="text"],
    .ea-contact-page input[type="email"],
    .ea-contact-page input[type="tel"],
    .ea-contact-page input[type="url"],
    .ea-contact-page .elementor-field:not(textarea) {
        min-height: 52px !important;
    }


    .ea-contact-page textarea,
    .ea-contact-page textarea.elementor-field {
        min-height: 140px !important;
    }


    .ea-contact-page .elementor-button,
    .ea-contact-page button[type="submit"],
    .ea-contact-page input[type="submit"] {
        min-height: 54px !important;

        font-size: 16px !important;
    }
}/* End custom CSS */