.elementor-29113 .elementor-element.elementor-element-1455770 > .elementor-container{max-width:1200px;}.elementor-29113 .elementor-element.elementor-element-1455770{margin-top:0px;margin-bottom:0px;}.elementor-29113 .elementor-element.elementor-element-1d52159f .elementor-heading-title{color:#434748;}.elementor-29113 .elementor-element.elementor-element-20c15aa9 > .elementor-container{max-width:1200px;}.elementor-29113 .elementor-element.elementor-element-20c15aa9{margin-top:10px;margin-bottom:10px;}.elementor-29113 .elementor-element.elementor-element-d70c002{cursor:pointer;}.elementor-29113 .elementor-element.elementor-element-d70c002 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;background-color:#DD9933;}.elementor-29113 .elementor-element.elementor-element-3fbddbd1 > .elementor-container{max-width:1200px;}.elementor-29113 .elementor-element.elementor-element-3fbddbd1{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-29113 .elementor-element.elementor-element-5c135a58 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:10px;}.elementor-29113 .elementor-element.elementor-element-5c135a58 > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;border-color:#DBDBDB;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px -20px 0px 0px;--e-column-margin-right:-20px;--e-column-margin-left:0px;}.elementor-29113 .elementor-element.elementor-element-5c135a58 > .elementor-element-populated, .elementor-29113 .elementor-element.elementor-element-5c135a58 > .elementor-element-populated > .elementor-background-overlay, .elementor-29113 .elementor-element.elementor-element-5c135a58 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-29113 .elementor-element.elementor-element-5c135a58 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29113 .elementor-element.elementor-element-e274d6b{text-align:center;}.elementor-29113 .elementor-element.elementor-element-2937fa52 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-29113 .elementor-element.elementor-element-20eb6c30{--grid-columns:1;}.elementor-29113 .elementor-element.elementor-element-20eb6c30 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-29113 .elementor-element.elementor-element-20eb6c30 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-29113 .elementor-element.elementor-element-20eb6c30 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-29113 .elementor-element.elementor-element-20eb6c30 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-29113 .elementor-element.elementor-element-20eb6c30 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-29113 .elementor-element.elementor-element-2a84760{overflow:hidden;}.elementor-29113 .elementor-element.elementor-element-11686fb{--spacer-size:10px;}.elementor-29113 .elementor-element.elementor-element-4f9ab89{--spacer-size:10px;}.elementor-29113 .elementor-element.elementor-element-63bce8a{overflow:hidden;}.elementor-29113 .elementor-element.elementor-element-1a5f04b{--spacer-size:10px;}.elementor-29113 .elementor-element.elementor-element-dfe987c{text-align:center;}.elementor-29113 .elementor-element.elementor-element-dfe987c .elementor-heading-title{color:#000000;font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-29113 .elementor-element.elementor-element-3b04a7f{--spacer-size:10px;}.elementor-29113 .elementor-element.elementor-element-07caf43{overflow:hidden;}.elementor-29113 .elementor-element.elementor-element-767c1e5 > .elementor-widget-container{margin:0px 0px 20px 0px;}@media(max-width:1024px){.elementor-29113 .elementor-element.elementor-element-20eb6c30{--grid-columns:2;}}@media(max-width:767px){.elementor-29113 .elementor-element.elementor-element-3fbddbd1{margin-top:0px;margin-bottom:0px;}.elementor-29113 .elementor-element.elementor-element-2937fa52 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-29113 .elementor-element.elementor-element-20eb6c30{--grid-columns:1;}.elementor-29113 .elementor-element.elementor-element-b3c3520{width:100%;}.elementor-29113 .elementor-element.elementor-element-11686fb{--spacer-size:1px;}.elementor-29113 .elementor-element.elementor-element-4f9ab89{--spacer-size:1px;}.elementor-29113 .elementor-element.elementor-element-27fe809{width:100%;}.elementor-29113 .elementor-element.elementor-element-1a5f04b{--spacer-size:1px;}.elementor-29113 .elementor-element.elementor-element-dfe987c .elementor-heading-title{font-size:30px;}.elementor-29113 .elementor-element.elementor-element-3b04a7f{--spacer-size:1px;}.elementor-29113 .elementor-element.elementor-element-d9a049f{width:100%;}.elementor-29113 .elementor-element.elementor-element-767c1e5 > .elementor-widget-container{margin:0px 0px 30px 0px;}}@media(min-width:768px){.elementor-29113 .elementor-element.elementor-element-5c135a58{width:20%;}.elementor-29113 .elementor-element.elementor-element-2937fa52{width:79.666%;}}/* Start custom CSS for facetwp-button, class: .elementor-element-d70c002 */@media (min-width: 780px) {
  .facetwp-flyout-open {
    display: none;
  }
}

.facetwp-flyout-open {position: fixed;
left: 0;
right: 0;
bottom: 10px;
z-index: 9999;
width: auto;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
background-color: #dd9933; / Couleur de fond du bouton /
color: #ffffff; / Couleur du texte du bouton /
padding: 15px 30px; / Espace autour du texte /
font-size: 15px; / Taille du texte /
border: none; / Pas de bordure /}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-5c135a58 */.wfpDescription{
    font-weight: bold;
    color: #5B7443;
}
.wpfLiLabel:hover{
    color: #FECCA0;
    font-weight: bold;
}
.wpfAttrLabel:hover{
    font-weight: 900;
}
#wpfBlock_1{
    background-color: #FEF9F5;
    border-radius: 10px;
}
#wpfBlock_2{
    background-color: #FEF9F5;
    border-radius: 10px;
}
#wpfBlock_3{
    background-color: #FEF9F5;
    border-radius: 10px;
}
#wpfBlock_4{
    background-color: #FEF9F5;
    border-radius: 10px;
}
#wpfBlock_5{
    background-color: #FEF9F5;
    border-radius: 10px;
}
#wpfBlock_6{
    background-color: #FEF9F5;
    border-radius: 10px;
}
#wpfBlock_7{
    background-color: #FEF9F5;
    border-radius: 10px;
}
#wpfBlock_8{
    background-color: #FEF9F5;
    border-radius: 10px;
}
#wpfBlock_9{
    background-color: #FEF9F5;
    border-radius: 10px;
}
#wpfBlock_10{
    background-color: #FEF9F5;
    border-radius: 10px;
}
#wpfBlock_11{
    background-color: #FEF9F5;
    border-radius: 10px;
}

.wpfFilterButtons {
    display: flex; /* Active Flexbox pour le conteneur */
    justify-content: space-between; /* Ajoute de l'espace égal entre leswpfLiLabel boutons */
    align-items: center; /* Aligne verticalement les boutons si nécessaire */
    gap: 10px; /* Ajoute un espace régulier entre les boutons */
}

.wpfFilterButtons button {
    flex: 1; /* Donne à chaque bouton la même largeur */
    text-align: center; /* Centre le texte à l'intérieur des boutons */
    padding: 10px; /* Ajuste l'espacement interne */
    font-size: 14px; /* Ajuste la taille de la police si nécessaire */
    border-radius: 5px; /* Coins arrondis */
    background-color: #FEF4EB; /* Applique le fond personnalisé */
    border: none; /* Supprime les bordures par défaut */
    cursor: pointer; /* Curseur interactif */
    transition: background-color 0.3s ease; /* Transition douce pour le hover */
}

.wpfFilterButtons button:hover {
    background-color: #FEE6D0; /* Couleur de fond au survol */
}
.wpfMainWrapper {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Ombre de boîte */
    border-radius: 10px; /* Arrondi des bords (ajustez selon vos besoins) */
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-20eb6c30 */table{ display: none;}

.elementor-widget-loop-grid img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.elementor-widget-loop-grid {
    border: none; /* Supprime toute bordure appliquée globalement */
}

.elementor-widget-loop-grid .elementor-post {
    border-bottom: 1px solid #ddd; /* Applique la bordure entre les produits */
    padding-bottom: 15px; /* Optionnel : Ajoute un espace avec la bordure */
    margin-bottom: 15px; /* Optionnel : Ajoute un espacement supplémentaire entre les produits */
}

.elementor-widget-loop-grid .elementor-post:last-child {
    border-bottom: none; /* Supprime la bordure pour le dernier élément */
}
.elementor-widget-loop-grid {
    width: 100%; /* Assurez-vous qu'il occupe uniquement l'espace disponible */
    box-sizing: border-box; /* Inclut les bordures et paddings dans le calcul de la largeur */
    overflow: hidden; /* Empêche tout débordement */
}

.elementor-widget-loop-grid .elementor-post {
    max-width: 100%; /* Les cartes ne peuvent pas dépasser leur conteneur */
}

.elementor-section .elementor-column {
    overflow: hidden; /* Limite tout débordement entre les colonnes */
}











/* Style moderne pour la pagination */
.elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 40px 0;
    font-family: inherit;
    flex-wrap: wrap;
}

/* Style commun pour tous les éléments de pagination */
.elementor-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    background-color: #ffffff;
    color: #555555;
    font-weight: 500;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Style pour la page courante */
.elementor-pagination .page-numbers.current {
    background-color: #f4a925;
    color: white;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(244, 169, 37, 0.25);
    transform: translateY(-1px);
    border: 1px solid #f4a925;
}

/* Style pour les liens au survol */
.elementor-pagination a.page-numbers:hover {
    background-color: #f9f3e8;
    color: #e09311;
    border-color: #f4a925;
    box-shadow: 0 4px 12px rgba(244, 169, 37, 0.15);
    transform: translateY(-2px);
}

/* Style pour les liens actifs (clic) */
.elementor-pagination a.page-numbers:active {
    transform: translateY(0px);
    box-shadow: 0 2px 4px rgba(244, 169, 37, 0.15);
}

/* Style spécifique pour Précédent/Suivant */
.elementor-pagination .prev,
.elementor-pagination .next {
    padding: 0 16px;
    font-weight: 500;
    color: #666;
}

/* Effet spécial au survol de Précédent/Suivant */
.elementor-pagination a.prev:hover,
.elementor-pagination a.next:hover {
    background-color: #f4a925;
    color: white;
}

/* Masquer le texte "Page" sur mobile */
.elementor-screen-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Style pour les cas où Précédent/Suivant sont désactivés */
.elementor-pagination span.prev,
.elementor-pagination span.next {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Animation subtile pour l'effet de hover */
.elementor-pagination a.page-numbers::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #f4a925;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.elementor-pagination a.page-numbers:hover::after {
    transform: scaleX(1);
}

/* Responsive design */
@media (max-width: 768px) {
    .elementor-pagination {
        gap: 6px;
    }
    
    .elementor-pagination .page-numbers {
        min-width: 36px;
        height: 36px;
        padding: 0 8px;
        font-size: 0.9em;
    }
    
    .elementor-pagination .prev,
    .elementor-pagination .next {
        padding: 0 12px;
    }
}

/* Pour les très petits écrans */
@media (max-width: 480px) {
    .elementor-pagination {
        gap: 4px;
    }
    
    .elementor-pagination .page-numbers {
        min-width: 32px;
        height: 32px;
        padding: 0 6px;
    }
}/* End custom CSS */