.elementor-3797 .elementor-element.elementor-element-1554e72{--display:flex;--background-transition:0.3s;}.elementor-3797 .elementor-element.elementor-element-1554e72:not(.elementor-motion-effects-element-type-background), .elementor-3797 .elementor-element.elementor-element-1554e72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-3797 .elementor-element.elementor-element-1554e72:hover{background-color:var( --e-global-color-astglobalcolor0 );}.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-3797 .elementor-element.elementor-element-52ceaeb > .elementor-widget-container{margin:50px 50px 50px 50px;}.elementor-3797 .elementor-element.elementor-element-52ceaeb{text-align:center;}.elementor-3797 .elementor-element.elementor-element-52ceaeb .elementor-heading-title{color:var( --e-global-color-astglobalcolor3 );}.elementor-3797 .elementor-element.elementor-element-183d2c93{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-3eb33c08 *//* Changer la couleur des titres en blanc */
.um-form .um-field-label {
    color: #FFFFFF !important;
}

/* Modifier la couleur de fond des boutons en orange */
.um-form .um-button {
    background-color: #EA9800 !important;
    border-color: #EA9800 !important;
}

/* Optionnel : ajuster la couleur du texte des boutons */
.um-form .um-button {
    color: #FFFFFF !important;
}

/* Changer la couleur de fond des champs d'entrée */
.um-form input[type="text"],
.um-form input[type="email"],
.um-form input[type="password"],
.um-form input[type="tel"] {
    background-color: #FFFFFF !important;
    color: #000000 !important; /* Si vous voulez une police sombre dans les champs */
}
/* Modifier la couleur des labels dans le formulaire */
.um-form .um-field-label label {
    color: #FFFFFF !important;
}
.um-icon-android-checkbox-outline:before {
    color: #3ba1da; /* Couleur par défaut : bleu */
    transition: color 0.3s ease; /* Transition fluide */
}

.um-icon-android-checkbox-outline:hover:before {
    color: #EA9800; /* Couleur au survol : orange */
}

.um-icon-android-checkbox-outline:before {
    color: #EA9800; /* Couleur par défaut : orange */
    transition: color 0.3s ease; /* Transition fluide */
}

.um-icon-android-checkbox-outline:hover:before,
.um-icon-android-checkbox-outline:active:before {
    color: #EA9800; /* Couleur au survol et au clic : orange */
}
/* Par défaut, l'icône est orange */
.um-icon-android-checkbox-outline:before {
    color: #EA9800; /* Couleur par défaut : orange */
}

/* Lors du survol (hover) de l'icône, elle reste orange */
.um-icon-android-checkbox-outline:hover:before {
    color: #EA9800; /* Couleur survol : orange */
}

/* Lorsque l'élément est actif (clic), il reste orange */
.um-icon-android-checkbox-outline:active:before {
    color: #EA9800; /* Couleur au clic : orange */
}

/* Lors du changement d'état (coche ou décoche), on garde la couleur orange */
.um-field-checkbox.active .um-icon-android-checkbox-outline-blank:before,
.um-field-checkbox .um-icon-android-checkbox-outline-blank:before {
    color: #EA9800 !important; /* Assure que la couleur est toujours orange même décoché */
}

/* Lorsque l'élément est coché, il sera aussi orange */
.um-field-checkbox.checked .um-icon-android-checkbox-outline-blank:before {
    color: #EA9800 !important; /* Toujours orange quand coché */
}/* End custom CSS */