.elementor-21 .elementor-element.elementor-element-396ee2f80{--display:flex;--min-height:328px;--justify-content:center;--margin-top:-86px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-396ee2f80:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-396ee2f80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://marimika.com/wp-content/uploads/2025/12/JAH01462-copie-scaled.jpg");background-position:top center;background-repeat:no-repeat;background-size:auto;}.elementor-21 .elementor-element.elementor-element-70233016{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-7c5e1822{width:var( --container-widget-width, 102% );max-width:102%;--container-widget-width:102%;--container-widget-flex-grow:0;text-align:center;}.elementor-21 .elementor-element.elementor-element-7c5e1822.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-7c5e1822 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:66px;font-weight:300;color:#333333;}.elementor-21 .elementor-element.elementor-element-3a4138b8{--display:flex;--margin-top:100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-6e953f00{text-align:center;}.elementor-21 .elementor-element.elementor-element-6e953f00 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:50px;font-weight:300;color:#333333;}.elementor-21 .elementor-element.elementor-element-2232557e{text-align:center;font-family:"Josefin Slab", Sans-serif;font-size:14px;font-weight:600;color:#777777;}.elementor-21 .elementor-element.elementor-element-c9d52d7{--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;--justify-content:space-between;}.elementor-21 .elementor-element.elementor-element-34e3eec4{--display:flex;}.elementor-21 .elementor-element.elementor-element-14da25c4 .elementor-icon-box-wrapper{gap:11px;}.elementor-21 .elementor-element.elementor-element-14da25c4 .elementor-icon-box-title{margin-block-end:0px;color:#333333;}.elementor-21 .elementor-element.elementor-element-14da25c4.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-14da25c4.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-14da25c4.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-21 .elementor-element.elementor-element-14da25c4 .elementor-icon{font-size:19px;padding:11px;}.elementor-21 .elementor-element.elementor-element-14da25c4 .elementor-icon-box-title, .elementor-21 .elementor-element.elementor-element-14da25c4 .elementor-icon-box-title a{font-family:"Jost", Sans-serif;font-size:18px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-14da25c4 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;color:#777777;}.elementor-21 .elementor-element.elementor-element-6ca6286e{--display:flex;}.elementor-21 .elementor-element.elementor-element-7d746c23 .elementor-icon-box-wrapper{gap:11px;}.elementor-21 .elementor-element.elementor-element-7d746c23 .elementor-icon-box-title{margin-block-end:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#333333;}.elementor-21 .elementor-element.elementor-element-7d746c23.elementor-view-stacked .elementor-icon{background-color:#020202;}.elementor-21 .elementor-element.elementor-element-7d746c23.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-7d746c23.elementor-view-default .elementor-icon{fill:#020202;color:#020202;border-color:#020202;}.elementor-21 .elementor-element.elementor-element-7d746c23 .elementor-icon{font-size:19px;padding:11px;}.elementor-21 .elementor-element.elementor-element-7d746c23 .elementor-icon-box-title, .elementor-21 .elementor-element.elementor-element-7d746c23 .elementor-icon-box-title a{font-family:"Jost", Sans-serif;font-size:18px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-7d746c23 .elementor-icon-box-description{font-family:"Jost", Sans-serif;font-size:17px;font-weight:400;color:#777777;}.elementor-21 .elementor-element.elementor-element-708afad0{--display:flex;}.elementor-21 .elementor-element.elementor-element-4ad67aa2 .elementor-icon-box-wrapper{gap:11px;}.elementor-21 .elementor-element.elementor-element-4ad67aa2 .elementor-icon-box-title{margin-block-end:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#333333;}.elementor-21 .elementor-element.elementor-element-4ad67aa2.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-4ad67aa2.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-4ad67aa2.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-21 .elementor-element.elementor-element-4ad67aa2 .elementor-icon{font-size:19px;padding:11px;}.elementor-21 .elementor-element.elementor-element-4ad67aa2 .elementor-icon-box-title, .elementor-21 .elementor-element.elementor-element-4ad67aa2 .elementor-icon-box-title a{font-family:"Jost", Sans-serif;font-size:18px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-4ad67aa2 .elementor-icon-box-description{font-family:"Jost", Sans-serif;font-size:17px;font-weight:400;color:#777777;}.elementor-21 .elementor-element.elementor-element-2bb7106{--display:flex;--min-height:15px;--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;}.elementor-21 .elementor-element.elementor-element-cab25af{--e-transform-translateX:-12px;}.elementor-21 .elementor-element.elementor-element-a26f1da{--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;}.elementor-21 .elementor-element.elementor-element-fd9c022{--display:flex;}.elementor-21 .elementor-element.elementor-element-d3e31ac{--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;}body.elementor-page-21:not(.elementor-motion-effects-element-type-background), body.elementor-page-21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-6e953f00 .elementor-heading-title{font-size:45px;}.elementor-21 .elementor-element.elementor-element-14da25c4 .elementor-icon-box-title, .elementor-21 .elementor-element.elementor-element-14da25c4 .elementor-icon-box-title a{font-size:14px;}.elementor-21 .elementor-element.elementor-element-14da25c4 .elementor-icon-box-description{font-size:13px;}.elementor-21 .elementor-element.elementor-element-7d746c23 .elementor-icon-box-title, .elementor-21 .elementor-element.elementor-element-7d746c23 .elementor-icon-box-title a{font-size:14px;}.elementor-21 .elementor-element.elementor-element-7d746c23 .elementor-icon-box-description{font-size:13px;}.elementor-21 .elementor-element.elementor-element-4ad67aa2 .elementor-icon-box-title, .elementor-21 .elementor-element.elementor-element-4ad67aa2 .elementor-icon-box-title a{font-size:14px;}.elementor-21 .elementor-element.elementor-element-4ad67aa2 .elementor-icon-box-description{font-size:13px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-396ee2f80{--min-height:252px;}.elementor-21 .elementor-element.elementor-element-7c5e1822 .elementor-heading-title{font-size:45px;}.elementor-21 .elementor-element.elementor-element-3a4138b8{--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-6e953f00 .elementor-heading-title{font-size:35px;}.elementor-21 .elementor-element.elementor-element-14da25c4 .elementor-icon-box-title, .elementor-21 .elementor-element.elementor-element-14da25c4 .elementor-icon-box-title a{font-size:18px;}.elementor-21 .elementor-element.elementor-element-7d746c23 .elementor-icon-box-title, .elementor-21 .elementor-element.elementor-element-7d746c23 .elementor-icon-box-title a{font-size:18px;}.elementor-21 .elementor-element.elementor-element-4ad67aa2 .elementor-icon-box-title, .elementor-21 .elementor-element.elementor-element-4ad67aa2 .elementor-icon-box-title a{font-size:18px;}}/* Start custom CSS for shortcode, class: .elementor-element-cab25af *//* Section Parent avec l'image */
.contact-header-section {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), 
                url('https://marimika.com/wp-content/uploads/2025/12/JAH01719-copie-1-scaled.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Optionnel : effet parallaxe sympa */
    
    /* C'est ici qu'on gère l'espace autour du cadre */
   padding: 50px 10px 0 20px; /* Réduire le padding en haut (ici 50px) */
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh; /* Prend toute la hauteur de l'écran */
}
/* Couverture noire (overlay) sur l'image de fond */
.contact-header-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 50% noir */
    z-index: 1; /* Placer l'overlay au-dessus de l'image, mais derrière le contenu */
}

/* Conteneur de contenu, pour être visible par-dessus l'overlay */
.contact-container {
    position: relative;
    z-index: 2; /* S'assurer que le contenu (texte et formulaire) soit visible au-dessus de la couverture noire */
    width: 100%;
    max-width: 1100px;
}
.contact-content {
    text-align: left;
    width: 100%;
    max-width: 1000px;
    margin-bottom: 40px;
    color: white;
}

/* La Carte (Rectangle blanc et noir) */
.contact-card {
    display: flex;
    background: white;
    box-shadow: 0 30px 60px rgba(0,0,0,0.4); /* Ombre forte pour l'effet de relief */
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    max-width: 1000px; /* Taille fixe pour voir l'image sur les côtés */
    z-index: 2;
    /* MARGE NÉGATIVE : Plus le chiffre est grand, plus le formulaire monte */
    margin-top: -190px !important;
}

/* Côté Formulaire */
.contact-form-side {
    flex: 1.5;
    padding: 60px;
    background: white;
}

/* Côté Infos (Le bleu foncé de l'image) */
.contact-info-side {
    flex: 1;
    background: #1c252b; /* Couleur sombre identique à votre modèle */
    color: white;
    padding: 60px;
}

/* Style du bouton rouge comme sur le modèle */
.contact-form-side input[type="submit"] {
    background: #c31a24 !important;
    color: white !important;
    border: none;
    padding: 15px 35px;
    border-radius: 30px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    float: right;
}

/* Responsive pour mobiles */
@media (max-width: 768px) {
    .contact-header-section {
        padding: 50px 20px;
    }
    .contact-card {
        flex-direction: column;
    }
}
/* Section avec l'image rouge */
.contact-header-section {
    position: relative;
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), 
 url('https://marimika.com/wp-content/uploads/2025/12/JAH01719-copie-1-scaled.jpg');
    background-size: cover;
    background-position: center;
    padding: 100px 20px 0 20px; /* Pas de padding en bas pour laisser le blanc monter */
    min-height: 800px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

/* LE RECTANGLE BLANC EN ARRIÈRE-PLAN (C'est lui qui fait l'effet de fond) */
.contact-header-section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 240px; /* Hauteur de la zone blanche en bas de l'image */
    background: #ffffff;
    z-index: 1;
}

.contact-container {
    position: relative;
    z-index: 2; /* Pour passer au-dessus du rectangle blanc */
    width: 100%;
    max-width: 1100px;
}

.contact-card-wrapper {
    display: flex;
    background: white;
    box-shadow: 0 15px 45px rgba(0,0,0,0.2);
    border-radius: 4px;
    overflow: hidden;
    margin-top: 10px;
}

/* Styles des colonnes */
.contact-form-side {
    flex: 2;
    padding: 60px;
    background: white;
}

.contact-info-side {
    flex: 1;
    background: #1c252b;
    color: white;
    padding: 60px;
}

/* Bouton Submit comme le modèle */
.contact-form-side .wpcf7-submit {
    background: #c31a24 !important;
    color: white !important;
    border: none;
    border-radius: 50px;
    padding: 15px 40px;
    font-weight: bold;
    float: right;
    cursor: pointer;
}

/* Alignement titre et icône enveloppe */
.header-inline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
/* Appliquer un z-index élevé à l'iframe pour le placer au-dessus */
.elementor-element-c9f2000 iframe {
    position: relative;
    z-index: 999; /* Assurez-vous que l'iframe est au-dessus des autres éléments */
}
/* Réduire le padding ou margin de la section contenant l'iframe */
.elementor-element-d3e31ac {
    padding: 0 !important; /* Si la section a trop de padding */
    margin: 0 !important;  /* Si la section a trop de margin */
}
/* Alignement des colonnes */
.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}

.form-row > span {
    flex: 1;
}

/* Style des champs (Inputs et Textarea) */
.contact-form-side input:not([type="submit"]), 
.contact-form-side textarea {
    width: 100% !important;
    border: none !important;
    border-bottom: 1px solid #e0e0e0 !important; /* Ligne fine grise */
    padding: 12px 0 !important;
    margin-bottom: 20px !important;
    font-size: 14px !important;
    outline: none !important;
    background: transparent !important;
}

/* Changement de couleur au clic */
.contact-form-side input:focus, 
.contact-form-side textarea:focus {
    border-bottom: 1px solid #c31a24 !important;
}

/* Style du bouton SUBMIT */
.submit-container {
    text-align: right;
    margin-top: 20px;
}

.contact-form-side input[type="submit"] {
    background-color: #c31a24 !important; /* Rouge vif du modèle */
    color: white !important;
    padding: 12px 45px !important;
    border-radius: 50px !important; /* Bouton arrondi */
    border: none !important;
    font-weight: bold !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
    text-transform: uppercase !important;
}

.contact-form-side input[type="submit"]:hover {
    background-color: #a3141c !important;
    box-shadow: 0 5px 15px rgba(195, 26, 36, 0.3) !important;
}

/* Ajustement pour mobile */
@media (max-width: 600px) {
    .form-row {
        flex-direction: column;
        gap: 0;
    }
}
.contact-form-side h3 {
    font-size: 22px;
    margin-top: -20px;   /* fait remonter le titre */
    margin-bottom: 25px; /* garde un espace propre sous le titre */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3e31ac *//* Réduire le padding ou margin de la section contenant l'iframe */
.elementor-element-d3e31ac {
    padding: 0 !important; /* Si la section a trop de padding */
    margin: 0 !important;  /* Si la section a trop de margin */
}
/* Forcer l'iframe à prendre toute la largeur et hauteur */
.elementor-element-c9f2000 iframe {
    width: 100% !important; /* Prendre 100% de la largeur du conteneur */
    height: 500px !important; /* Ajuster la hauteur selon vos besoins */
    border: none; /* Supprimer la bordure */
}
/* Ajuster les z-index des éléments parents */
.elementor-element-d3e31ac {
    position: relative;
    z-index: 10; /* Assurez-vous que le parent est derrière l'iframe */
}

.elementor-element-c9f2000 {
    position: relative;
    z-index: 20; /* Placer l'iframe au-dessus de la section */
}
/* Appliquer un z-index élevé à l'iframe pour le placer au-dessus */
.elementor-element-c9f2000 iframe {
    position: relative;
    z-index: 999; /* Assurez-vous que l'iframe est au-dessus des autres éléments */
}/* End custom CSS */