.elementor-128 .elementor-element.elementor-element-47cb887{--display:flex;--min-height:840px;--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-128 .elementor-element.elementor-element-16c4f91{--display:flex;--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-128 .elementor-element.elementor-element-098c891 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for wp-widget-search, class: .elementor-element-098c891 *//* Conteneur global du widget */
.widget_search {
    width: 100%; /* Prend toute la largeur */
    background-color: #3943B3; /* Fond bleu */
    padding: 24px; /* Espacement interne */
    box-sizing: border-box; /* Inclut le padding dans la largeur */
}

/* Formulaire de recherche */
.widget_search .search-form {
    
    display: flex; /* Aligne les éléments horizontalement */
    align-items: center; /* Centre verticalement */
    justify-content: center; /* Centre horizontalement */
    gap: 10px; /* Ajoute de l'espacement entre le champ et le bouton */
}

/* Champ de recherche */
.widget_search .search-field {
    width: 100%; /* Prend toute la largeur */
    height: 60px; /* Hauteur du champ */
    padding: 0 20px; /* Espacement interne */
    font-size: 16px; /* Taille du texte */
    color: #000; /* Couleur du texte (fixé en noir) */
    background-color: #FFF; /* Fond blanc */
    border: none; /* Supprime la bordure */
    box-sizing: border-box; /* Inclut le padding dans la largeur */
    outline: none; /* Supprime l'effet de focus par défaut */
    border-radius: 30px; /* Coins arrondis */
    transition: box-shadow 0.3s ease; /* Transition pour l'effet focus */
}

/* Champ de recherche : focus */
.widget_search .search-field:focus {
    box-shadow: 0 0 5px rgba(0, 87, 179, 0.5); /* Effet de lumière au focus */
}

/* Bouton de recherche */
.widget_search .search-submit {
    width: 150px; /* Largeur fixe */
    height: 60px; /* Même hauteur que le champ */
    background-color: #FBF8F5; /* Fond clair */
    color: #3943B3; /* Texte bleu */
    font-size: 16px; /* Taille du texte */
    border: none; /* Supprime la bordure */
    border-radius: 30px; /* Coins arrondis */
    cursor: pointer; /* Curseur pointer au survol */
    transition: background-color 0.3s ease; /* Transition fluide */
}

/* Bouton de recherche : hover */
.widget_search .search-submit:hover {
    background-color: #14FFAA; /* Couleur au survol */
}


.widget_search .search-submit::before {
    content: '\f002'; /* Icône Font Awesome */
    font-family: "Font Awesome 5 Free"; /* Police Font Awesome */
    font-weight: 900;
    font-size: 20px;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


}/* End custom CSS */