.elementor-10092 .elementor-element.elementor-element-69e5ba25{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-10092 .elementor-element.elementor-element-34387aec > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-10092 .elementor-element.elementor-element-ce20174{--display:flex;}.elementor-10092 .elementor-element.elementor-element-0c34976{--grid-columns:3;}.elementor-10092 .elementor-element.elementor-element-0c34976 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-10092 .elementor-element.elementor-element-0c34976 .e-loop-item > .elementor-section, .elementor-10092 .elementor-element.elementor-element-0c34976 .e-loop-item > .elementor-section > .elementor-container, .elementor-10092 .elementor-element.elementor-element-0c34976 .e-loop-item > .e-con, .elementor-10092 .elementor-element.elementor-element-0c34976 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10092 .elementor-element.elementor-element-69e5ba25{--content-width:1200px;}}@media(max-width:1024px){.elementor-10092 .elementor-element.elementor-element-69e5ba25{--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-10092 .elementor-element.elementor-element-0c34976{--grid-columns:2;}}@media(max-width:767px){.elementor-10092 .elementor-element.elementor-element-69e5ba25{--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-10092 .elementor-element.elementor-element-0c34976{--grid-columns:1;}}/* Start custom CSS *//* --- Formulaire Ultimate Member horizontal --- */

.um-register{
    width:600px !important;
}

/* 1️⃣ Structure de base : placer label et champ sur la même ligne */
.um .um-form .um-field {
  display: flex;
  align-items: center;
  gap: 10px; /* espace entre label et champ */
  padding-top: 0px;
  margin-bottom: 15px; /* espacement entre les lignes */
}

/* 2️⃣ Label */
.um .um-form .um-field-label {
  width: 180px; /* largeur fixe du label */
  flex-shrink: 0;
  margin: 0;
  text-align: right; /* aligner à droite pour lisibilité */
}

/* 3️⃣ Champ */
.um .um-form .um-field-area {
  flex: 1; /* champ prend tout l’espace restant */
}

/* 4️⃣ Adapter les champs texte */
.um .um-form input.um-form-field[type="text"],
.um .um-form input.um-form-field[type="password"],
.um .um-form input.um-form-field[type="email"],
.um .um-form select.um-form-field {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* 5️⃣ Optionnel : styliser un peu le label */
.um .um-form .um-field-label label {
  font-weight: 600;
  color: #333;
}

/* 6️⃣ Responsive : repasser en colonne sur mobile */
@media (max-width: 768px) {
  .um .um-form .um-field {
    flex-direction: column;
    align-items: flex-start;
  }
  .um .um-form .um-field-label {
    width: 100%;
    text-align: left;
    margin-bottom: 4px;
  }
}/* End custom CSS */