.elementor-2794 .elementor-element.elementor-element-7381664{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2794 .elementor-element.elementor-element-704005b{--display:flex;--border-radius:50px 50px 50px 50px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2794 .elementor-element.elementor-element-704005b:not(.elementor-motion-effects-element-type-background), .elementor-2794 .elementor-element.elementor-element-704005b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://immobien.co/wp-content/uploads/2025/08/commencer-bg.jpg");background-position:center center;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2794 .elementor-element.elementor-element-dd16852{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2794 .elementor-element.elementor-element-2f53330{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-2794 .elementor-element.elementor-element-2f53330.elementor-element{--align-self:center;}.elementor-2794 .elementor-element.elementor-element-a01e634{--display:flex;--margin-top:100px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2794 .elementor-element.elementor-element-a01e634{--content-width:900px;}}@media(max-width:1024px){.elementor-2794 .elementor-element.elementor-element-704005b:not(.elementor-motion-effects-element-type-background), .elementor-2794 .elementor-element.elementor-element-704005b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}}@media(max-width:767px){.elementor-2794 .elementor-element.elementor-element-704005b:not(.elementor-motion-effects-element-type-background), .elementor-2794 .elementor-element.elementor-element-704005b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-size:cover;}}/* Start custom CSS for shortcode, class: .elementor-element-e0a4777 */.forminator-label {
  font-family: Poppins;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
}

/* Bouton principal (Envoyer) + base boutons */
.forminator-button,
.forminator-button-submit {
  background-color: #42F6AD;
  font-family: "Lexend", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  fill: #1C042C;
  color: #1C042C;
  border-radius: 20px;
  padding: 15px 27px 15px 30px;
  border: none;
}
.forminator-button:hover,
.forminator-button-submit:hover {
  background-color:#1C042C;
  color:#fff;
}

/* Barre de progression */
.forminator-pagination-progress .forminator-progress-label {
  font-size: 12px;
  font-family: inherit;
  font-weight: 500;
}
.forminator-pagination-progress .forminator-progress-bar {
  background-color: #E6E6E6;
  height: 8px;
  overflow: hidden;
  display: block;
  flex: 1;
  position: relative;
  border-radius: 8px;
  margin-bottom: 20px;
}
.forminator-pagination-progress .forminator-progress-bar span {
  background-color: #42F6AD;
  height: 8px;
  display: block;
}

/* Champs texte/select/textarea */
.forminator-input,
.forminator-select,
.forminator-textarea,
input[type="text"],
input[type="number"] {
  border: 1px solid #CECECE;
  border-radius: 10px;
  padding: 14px 20px;  
}
select {
  background-color: #fff;
  border: 1px solid #CECECE;
  border-radius: 10px;
  padding: 16px 26px;
  margin-bottom: 20px;
  font-size: 17px;
}

/* =========================
   CHECKBOX & RADIO – CUSTOM
   ========================= */

/* Aligner horizontalement les options (et wrap si trop longues) */
.forminator-ui .forminator-field .forminator-checkbox,
.forminator-ui .forminator-field .forminator-radio {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  list-style: none;
  padding-left: 0;
  margin: 6px 0 2px;
}

/* Cas où Forminator utilise des <li> */
.forminator-ui .forminator-field .forminator-checkbox li,
.forminator-ui .forminator-field .forminator-radio li {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

/* Label à côté du contrôle */
.forminator-ui .forminator-checkbox label,
.forminator-ui .forminator-radio label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  color: #1C042C;
  cursor: pointer;
}

/* CHECKBOX 22px, radius 5px */
.forminator-ui input[type="checkbox"]{
  -webkit-appearance:none; appearance:none;
  width:22px; height:22px;
  border:1.5px solid #CECECE;
  border-radius:5px;
  background:#fff;
  display:inline-block; vertical-align:middle;
  margin:0;
  position:relative;
  outline:none;
  transition:border-color .2s, background-color .2s, box-shadow .2s;
}
.forminator-ui input[type="checkbox"]:focus-visible{
  box-shadow:0 0 0 3px rgba(66,246,173,.35);
  border-color:#42F6AD;
}
.forminator-ui input[type="checkbox"]:checked{
  background:#42F6AD;
  border-color:#42F6AD;
}
.forminator-ui input[type="checkbox"]:checked::after{
  content:"";
  position:absolute;
  width:10px; height:6px;
  border:2px solid #1C042C; /* couleur de la coche */
  border-top:0; border-left:0;
  transform: translate(5px,6px) rotate(45deg);
}
.forminator-ui input[type="checkbox"]:disabled{ opacity:.6; cursor:not-allowed; }

/* RADIOS 22px assortis */
.forminator-ui input[type="radio"]{
  -webkit-appearance:none; appearance:none;
  width:22px; height:22px;
  border:1.5px solid #CECECE;
  border-radius:50%;
  background:#fff;
  position:relative;
  transition:border-color .2s, box-shadow .2s, background-color .2s;
}
.forminator-ui input[type="radio"]:focus-visible{
  box-shadow:0 0 0 3px rgba(66,246,173,.35);
  border-color:#42F6AD;
}
.forminator-ui input[type="radio"]:checked{
  border-color:#42F6AD;
  background:#fff;
}
.forminator-ui input[type="radio"]:checked::after{
  content:"";
  position:absolute;
  width:10px; height:10px;
  border-radius:50%;
  background:#42F6AD;
  top:50%; left:50%; transform:translate(-50%,-50%);
}

/* =========================
   EMAIL + PLACEHOLDER
   ========================= */
.forminator-ui input[type="email"]{
  border:1px solid #CECECE;
  border-radius:10px;
  padding:14px 20px;
  font-size:16px;
  background:#fff;
  color:#1C042C;
}
.forminator-ui input[type="email"]::placeholder{ color:#8f8f8f; }

/* =========================
   BOUTONS multi-étapes
   ========================= */
.forminator-ui .forminator-button,
.forminator-ui .forminator-button-submit,
.forminator-ui .forminator-button-next,
.forminator-ui .forminator-button-prev,
.forminator-ui .forminator-button-back,
.forminator-ui button[type="submit"],
.forminator-ui input[type="submit"]{
  background-color:#42F6AD;
  font-family:"Lexend", Sans-serif;
  font-size:16px; font-weight:400;
  color:#1C042C;
  border:none; border-radius:15px;
  padding:16px 27px 16px 30px;
  line-height:1;
  display:inline-flex; align-items:center; gap:10px;
  transition:transform .05s, box-shadow .2s, background-color .2s, color .2s;
  margin-top: 10px;
}
.forminator-ui .forminator-button:hover,
.forminator-ui .forminator-button-submit:hover,
.forminator-ui .forminator-button-next:hover,
.forminator-ui .forminator-button-prev:hover,
.forminator-ui .forminator-button-back:hover,
.forminator-ui button[type="submit"]:hover,
.forminator-ui input[type="submit"]:hover{
  background-color:#1C042C;
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(28,4,44,.18);
}
/* Précédent = style outline */
.forminator-ui .forminator-button-prev,
.forminator-ui .forminator-button-back{
  background:#EEEEEE; color:#1C042C;
}
.forminator-ui .forminator-button-prev:hover,
.forminator-ui .forminator-button-back:hover{
  background:#1C042C; color:#fff;
}
/* Espacement entre boutons */
.forminator-ui .forminator-pagination-footer .forminator-button { margin-right: 15px; }
/* Désactivé */
.forminator-ui .forminator-button[disabled],
.forminator-ui .forminator-button-submit[disabled],
.forminator-ui .forminator-button-next[disabled],
.forminator-ui .forminator-button-prev[disabled],
.forminator-ui .forminator-button-back[disabled],
.forminator-ui button[disabled],
.forminator-ui input[type="submit"][disabled]{ opacity:.7; cursor:not-allowed; }


/* =============== VARIANTE A — EN LIGNE, UNE SEULE LIGNE (scroll si trop long) =============== */
.forminator-ui .forminator-field .forminator-checkbox{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center;
  gap:16px;
  overflow-x:auto;             /* permet de scroller si trop d'options */
  padding-bottom:4px;
}
.forminator-ui .forminator-field .forminator-checkbox li,
.forminator-ui .forminator-field .forminator-checkbox .forminator-option{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  margin:0;
  width:auto !important;       /* override thèmes qui forcent 100% */
  white-space:nowrap;          /* chaque option reste sur une ligne */
}
.forminator-ui .forminator-field .forminator-checkbox label{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  margin:0;
  cursor:pointer;
}

/* =============== VARIANTE B — EN LIGNE, PLUSIEURS LIGNES (wrap) =============== */
/* Active ça À LA PLACE de la variante A si tu veux que ça revienne à la ligne */
 /*
.forminator-ui .forminator-field .forminator-checkbox{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center;
  gap:10px 16px;
}
.forminator-ui .forminator-field .forminator-checkbox li,
.forminator-ui .forminator-field .forminator-checkbox .forminator-option,
.forminator-ui .forminator-field .forminator-checkbox label{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  margin:0;
  width:auto !important;
}
*/

/* (Optionnel) même logique pour les radios */
.forminator-ui .forminator-field .forminator-radio{
  display:flex !important;
  flex-wrap:nowrap !important;   /* mets wrap si tu veux plusieurs lignes */
  align-items:center;
  gap:16px;
  overflow-x:auto;
}
.forminator-ui .forminator-field .forminator-radio li,
.forminator-ui .forminator-field .forminator-radio .forminator-option,
.forminator-ui .forminator-field .forminator-radio label{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  margin:0;
  width:auto !important;
  white-space:nowrap;
}

/* ======= CHECKBOX EN LIGNE (HORIZONTAL) – robuste pour Forminator ======= */
/* 1) Le wrapper du champ "Checkbox" passe en flex, avec le label au-dessus */
.forminator-ui .forminator-field.forminator-field-checkbox {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  column-gap: 16px;
  row-gap: 10px;
}
.forminator-ui .forminator-field.forminator-field-checkbox > .forminator-label {
  flex: 0 0 100%;
  margin-bottom: 10px;
}

/* 2) Chaque option (Forminator crée 1 .forminator-checkbox par option) */
.forminator-ui .forminator-field.forminator-field-checkbox > .forminator-checkbox {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  width: auto !important;          /* override d’un éventuel width:100% */
  margin: 0;                       /* pas d’empilage par marges */
}

/* 3) Si ta version utilise une UL/Li pour les options, on couvre aussi */
.forminator-ui .forminator-field.forminator-field-checkbox .forminator-checkbox li,
.forminator-ui .forminator-field.forminator-field-checkbox .forminator-option {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  width: auto !important;
}

/* 4) (fallback moderne) – au cas où la classe field ne serait pas présente */
.forminator-ui .forminator-field:has(> .forminator-checkbox) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  column-gap: 16px; row-gap: 10px;
}
.forminator-ui .forminator-field:has(> .forminator-checkbox) > .forminator-label {
  flex: 0 0 100%;
}
.forminator-ui .forminator-field:has(> .forminator-checkbox) > .forminator-checkbox {
  display: inline-flex !important;
  width: auto !important;
}

/* 5) Radios en ligne aussi (même principe) */
.forminator-ui .forminator-field.forminator-field-radio {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  column-gap: 16px; row-gap: 10px;
}
.forminator-ui .forminator-field.forminator-field-radio > .forminator-label {
  flex: 0 0 100%;
}
.forminator-ui .forminator-field.forminator-field-radio > .forminator-radio,
.forminator-ui .forminator-field:has(> .forminator-radio) > .forminator-radio {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  width: auto !important;
}

/* ===== Corrige l'écart checkbox/radio ↔ texte ===== */

/* 1) Supprime la “boîte” par défaut de Forminator qui réserve de la place */
.forminator-ui .forminator-checkbox .forminator-checkbox-box,
.forminator-ui .forminator-radio .forminator-radio-bullet {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* 2) Retire le padding des labels et force un alignement propre */
.forminator-ui .forminator-checkbox label,
.forminator-ui .forminator-radio label {
  padding-left: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 10px;               /* espace entre la case et le texte */
}

/* 3) Met les options en LIGNE (et wrap si besoin) */
.forminator-ui .forminator-field.forminator-field-checkbox,
.forminator-ui .forminator-field.forminator-field-radio {
  display: flex !important;
  flex-wrap: wrap !important;    /* passe à nowrap si tu veux une seule ligne */
  align-items: center;
  column-gap: 16px;
  row-gap: 10px;
}
.forminator-ui .forminator-field.forminator-field-checkbox > .forminator-label,
.forminator-ui .forminator-field.forminator-field-radio > .forminator-label {
  flex: 0 0 100%;
}

/* 4) Chaque option = largeur auto (évite le 100% imposé par certains thèmes) */
.forminator-ui .forminator-field.forminator-field-checkbox > .forminator-checkbox,
.forminator-ui .forminator-field.forminator-field-radio > .forminator-radio {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  margin: 0 !important;
}

/* ===== Espacements précis pour Forminator ===== */

/* 1) Conteneur du champ (checkbox & radio) : items en ligne + GAP 20px */
.forminator-ui .forminator-field.forminator-field-checkbox,
.forminator-ui .forminator-field.forminator-field-radio{
  display:flex !important;
  flex-wrap:wrap !important;          /* passe à nowrap si une seule ligne */
  align-items:center;
  column-gap:20px !important;         /* ⬅️ espacement entre les options */
  row-gap:10px !important;
}

/* 2) Chaque option : input + label sur une ligne, GAP 10px */
.forminator-ui .forminator-field.forminator-field-checkbox > .forminator-checkbox,
.forminator-ui .forminator-field.forminator-field-radio > .forminator-radio{
  display:inline-flex !important;
  align-items:center;
  gap:10px !important;                /* ⬅️ espacement case/radio ↔ texte */
  margin:0 !important;
  padding:0 !important;
  width:auto !important;              /* évite le 100% qui empile en colonne */
}

/* 3) Nettoyage des décorations par défaut qui créent du faux espace */
.forminator-ui .forminator-checkbox .forminator-checkbox-box,
.forminator-ui .forminator-radio .forminator-radio-bullet{
  display:none !important;
  width:0 !important; height:0 !important;
  margin:0 !important; padding:0 !important; border:0 !important;
}

/* 4) Label des options : aucune marge/padding, aligné avec l’input */
.forminator-ui .forminator-checkbox label,
.forminator-ui .forminator-radio label{
  margin:0 !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center;
}

/* 5) (sécurité) si ta version n’ajoute pas la classe field-… */
.forminator-ui .forminator-field:has(> .forminator-checkbox),
.forminator-ui .forminator-field:has(> .forminator-radio){
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center;
  column-gap:20px !important;
  row-gap:10px !important;
}
.forminator-ui .forminator-field:has(> .forminator-checkbox) > .forminator-checkbox,
.forminator-ui .forminator-field:has(> .forminator-radio) > .forminator-radio{
  display:inline-flex !important;
  align-items:center;
  gap:10px !important;
  width:auto !important;
}




.forminator-repeater-action-button .forminator-repeater-add, [type="button"] {
    border:none;
    color:#9424B8;
    padding: 0px;
    font-family: Lexend;
    font-weight: 500;
    text-decoration: underline;
    font-size:14px;
}
.forminator-repeater-action-button .forminator-repeater-add, [type="button"]:hover {
    background-color: #fff;
    color: #350268;
}/* End custom CSS */