.elementor-3170401 .elementor-element.elementor-element-8815097{padding:0px 0px 0px 0px;}.elementor-3170401 .elementor-element.elementor-element-0c10d6e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3170401 .elementor-element.elementor-element-9438a52 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3170401 .elementor-element.elementor-element-3b476d2 > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3170401 .elementor-element.elementor-element-3b476d2{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3170401 .elementor-element.elementor-element-6a360b2 > .elementor-element-populated{margin:30px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-3170401 .elementor-element.elementor-element-dd56c6e{text-align:center;}.elementor-3170401 .elementor-element.elementor-element-dd56c6e .elementor-heading-title{font-family:"Poppins", sans-serif;font-size:36px;font-weight:400;font-style:normal;text-decoration:none;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-3170401 .elementor-element.elementor-element-dd56c6e > .elementor-widget-container{border-style:solid;border-width:1px 0px 1px 0px;border-color:rgba(2, 1, 1, 0.14901960784313725);border-radius:1px 0px 0px 0px;}.elementor-3170401 .elementor-element.elementor-element-a91345b{text-align:center;}.elementor-3170401 .elementor-element.elementor-element-a91345b .elementor-image img{width:100%;}.elementor-3170401 .elementor-element.elementor-element-8a6cff1{margin-top:050px;margin-bottom:0px;}.elementor-3170401 .elementor-element.elementor-element-0aa1d02 .elementor-heading-title{font-family:"Poppins", sans-serif;font-size:36px;font-weight:400;}.elementor-3170401 .elementor-element.elementor-element-7f543ca .elementor-image-carousel-caption{text-align:center;}.elementor-3170401 .elementor-element.elementor-element-8945e0c .swiper-slide{margin-top:calc(10px / 2);margin-bottom:calc(10px / 2);}.elementor-3170401 .elementor-element.elementor-element-d0a3775 .swiper-slide{margin-top:calc(10px / 2);margin-bottom:calc(10px / 2);}.elementor-3170401 .elementor-element.elementor-element-f919c31 .swiper-slide{margin-top:calc(10px / 2);margin-bottom:calc(10px / 2);}.elementor-3170401 .elementor-element.elementor-element-f10a05a > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap > .elementor-widget-wrap{align-content:space-evenly;align-items:space-evenly;}.elementor-3170401 .elementor-element.elementor-element-f10a05a:not(.elementor-motion-effects-element-type-background), .elementor-3170401 .elementor-element.elementor-element-f10a05a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #B7BEB7 0%, #B7BEB7 100%);}.elementor-3170401 .elementor-element.elementor-element-f10a05a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 25px 0px;}.elementor-3170401 .elementor-element.elementor-element-f10a05a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3170401 .elementor-element.elementor-element-50d175c{text-align:center;}.elementor-3170401 .elementor-element.elementor-element-50d175c .elementor-heading-title{font-family:"Poppins", sans-serif;font-size:36px;font-weight:400;}.elementor-3170401 .elementor-element.elementor-element-8cc08e9{text-align:center;}.elementor-3170401 .elementor-element.elementor-element-8cc08e9 .elementor-heading-title{font-family:"Poppins", sans-serif;font-size:20px;font-weight:600;}.elementor-3170401 .elementor-element.elementor-element-5a8221e:not(.elementor-motion-effects-element-type-background), .elementor-3170401 .elementor-element.elementor-element-5a8221e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F1ED;}.elementor-3170401 .elementor-element.elementor-element-5a8221e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:030px 0px 0px 0px;}.elementor-3170401 .elementor-element.elementor-element-5a8221e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3170401 .elementor-element.elementor-element-58cf903{text-align:center;}.elementor-3170401 .elementor-element.elementor-element-58cf903 .elementor-heading-title{font-family:"Poppins", sans-serif;font-size:36px;font-weight:400;}.elementor-3170401 .elementor-element.elementor-element-3544611{text-align:center;}.elementor-3170401 .elementor-element.elementor-element-3544611 .elementor-heading-title{font-family:"Poppins", sans-serif;font-size:20px;font-weight:600;}.elementor-3170401 .elementor-element.elementor-element-ad87a5f:not(.elementor-motion-effects-element-type-background), .elementor-3170401 .elementor-element.elementor-element-ad87a5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F1ED;}.elementor-3170401 .elementor-element.elementor-element-ad87a5f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:25px;padding:0px 0px 50px 0px;}.elementor-3170401 .elementor-element.elementor-element-ad87a5f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3170401 .elementor-element.elementor-element-3c07706 .widget-image-caption{text-align:center;color:#000000;font-size:18px;font-weight:600;margin-top:10px;}.elementor-3170401 .elementor-element.elementor-element-cf3049d .widget-image-caption{text-align:center;color:#000000;font-size:18px;font-weight:600;margin-top:10px;}.elementor-3170401 .elementor-element.elementor-element-3b5d55c .widget-image-caption{text-align:center;color:#000000;font-size:18px;font-weight:600;margin-top:10px;}.elementor-3170401 .elementor-element.elementor-element-c3d2f2b{text-align:center;}.elementor-3170401 .elementor-element.elementor-element-c3d2f2b .elementor-heading-title{font-family:"Poppins", sans-serif;font-size:36px;font-weight:600;}.elementor-3170401 .elementor-element.elementor-element-8e191c6 .elementor-text-editor{text-align:center;}.elementor-3170401 .elementor-element.elementor-element-8e191c6{font-family:"Poppins", sans-serif;font-size:20px;font-weight:400;}.elementor-3170401 .elementor-element.elementor-element-78795cb{text-align:center;}.elementor-3170401 .elementor-element.elementor-element-78795cb .elementor-heading-title{font-family:"Poppins", sans-serif;font-size:36px;font-weight:400;}.elementor-3170401 .elementor-element.elementor-element-ebada76 .elementor-text-editor{text-align:center;}.elementor-3170401 .elementor-element.elementor-element-ebada76{font-family:"Poppins", sans-serif;font-size:20px;font-weight:400;}@media(max-width:1024px){.elementor-3170401 .elementor-element.elementor-element-3b476d2{padding:100px 25px 100px 25px;}.elementor-3170401 .elementor-element.elementor-element-6a360b2 > .elementor-element-populated{padding:50px 50px 50px 50px;}}@media(max-width:767px){.elementor-3170401 .elementor-element.elementor-element-3b476d2{padding:0px 0px 0px 0px;}.elementor-3170401 .elementor-element.elementor-element-6a360b2{width:100%;}.elementor-3170401 .elementor-element.elementor-element-6a360b2 > .elementor-element-populated{margin:6% 0% 5% 0%;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-3efd228 */.ambiance {
    text-align: center;  
}

.ambiance a {
    display: inline-block;
    text-decoration: none;
    color: #333; 
    position: relative;  
    padding-bottom: 6px;
    transition: color 0.3s ease;
}

.ambiance a span {
    position: relative;
    display: inline-block;
}

.ambiance a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #333;
    transition: width 0.4s ease;
}

.ambiance a:hover {
    color: #000;
}

.ambiance a:hover::after {
    width: 100%;    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7600edf */.ambiance {
    text-align: center;  
}

.ambiance a {
    display: inline-block;
    text-decoration: none;
    color: #333; 
    position: relative;  
    padding-bottom: 6px;
    transition: color 0.3s ease;
}

.ambiance a span {
    position: relative;
    display: inline-block;
}

.ambiance a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #333;
    transition: width 0.4s ease;
}

.ambiance a:hover {
    color: #000;
}

.ambiance a:hover::after {
    width: 100%;    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a599d50 */.ambiance {
    text-align: center;  
}

.ambiance a {
    display: inline-block;
    text-decoration: none;
    color: #333; 
    position: relative;  
    padding-bottom: 6px;
    transition: color 0.3s ease;
}

.ambiance a span {
    position: relative;
    display: inline-block;
}

.ambiance a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #333;
    transition: width 0.4s ease;
}

.ambiance a:hover {
    color: #000;
}

.ambiance a:hover::after {
    width: 100%;    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4f7cd9 */.ambiance {
    text-align: center;  
}

.ambiance a {
    display: inline-block;
    text-decoration: none;
    color: #333; 
    position: relative;  
    padding-bottom: 6px;
    transition: color 0.3s ease;
}

.ambiance a span {
    position: relative;
    display: inline-block;
}

.ambiance a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #333;
    transition: width 0.4s ease;
}

.ambiance a:hover {
    color: #000;
}

.ambiance a:hover::after {
    width: 100%;    
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-91cb412 */.home-seconde-section img {
    height: 331px;
    object-fit: cover;
    margin-bottom: 10px;
    border-radius: 0 !important
}
.home-seconde-section .widget-image-caption {
    font-weight: 500 !important;
    color: #323334 !important
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-189565e */.contenair-sec-category {
    display: flex;
    gap: 5px;
    width: 100%
}
.imgs-droit{
    width: 55%
}
.img-gauche img {
    object-fit: cover;
    width: 100%
}
.img-gauche{
    width: 45%
}
.imgs-droit {
    display: flex;
    flex-direction: column;
    gap: 5px
}
.img-gauche img{
    height: 565px
}
.img-gauche  {
    position: relative;
}
.imgs-droit .imgs-droit-haut,
.imgs-droit .imgs-droit-bas{
    display: flex;
    width: 100%;
    gap: 5px
}
.imgs-droit .imgs-droit-haut img {
    height: 280px;
    object-fit: cover;
    width: 100%
}
.imgs-droit .imgs-droit-haut a.left {
    width: 40%;
    position: relative
}
.imgs-droit .imgs-droit-haut a.right{
    width: 60%;
    position: relative
}

.imgs-droit .imgs-droit-bas img {
    height: 280px;
    object-fit: cover;
    width: 100%
}
.imgs-droit .imgs-droit-bas a.left {
    width: 60%;
    position: relative
}
.imgs-droit .imgs-droit-bas a.right{
    width: 40%;
    position: relative
}
.title-categorie {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #FFF;
    background: rgba(0, 0, 1, .25);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.imgs-droit .imgs-droit-bas a.left,
.imgs-droit .imgs-droit-bas a.right,
.imgs-droit .imgs-droit-haut a.left,
.imgs-droit .imgs-droit-haut a.right,
.img-gauche{
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: box-shadow 0.4s ease; 
}
.imgs-droit img,
.img-gauche img{
    transition: transform 0.4s ease;
}
.imgs-droit .imgs-droit-bas a.left:hover img,
.imgs-droit .imgs-droit-bas a.right:hover img,
.imgs-droit .imgs-droit-haut a.left:hover img,
.imgs-droit .imgs-droit-haut a.right:hover img,
.img-gauche:hover img{
    transform: scale(1.12);
}
@media screen and (max-width: 1024px) {
  .contenair-sec-category {
    flex-direction: column;
  }
  .imgs-droit{
        width: 100%
    }
    .img-gauche{
        width: 100%
    }
    .imgs-droit .imgs-droit-haut a.left,
    .imgs-droit .imgs-droit-haut a.right,
    .imgs-droit .imgs-droit-bas a.left,
    .imgs-droit .imgs-droit-bas a.right {
    width: 50%;
        
    }
}
/*.imgs-droit .imgs-droit-bas a{
    width: 49.1%
}*//* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-7f543ca */.carrou img {
    height: 675px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-46d42a4 */.caroul-sec img {
    height: 750px;
    width: 100%;
    object-fit: cover
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8591a2c */.products-tabs {
    display: flex;
    border-bottom: 2px solid #eee;
    margin-bottom: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.products-tabs-container {
    background: #F3F1E9;
    padding: 5px;
    border-radius: 25px;
}

.products-tabs button {
    background: none;
    border: none;
    padding: 12px 25px;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s;
    color: #666;
    position: relative;
}

.products-tabs button:hover {
    color: #000;
}

.products-tabs button {
    color: #fff;
    font-weight: 500;
    background: #000;
    border-radius: 20px;
}
.products-tabs button {
    /* Styles de base communs à tous les boutons */
    position: relative;           /* important pour positionner la ligne en absolu */
    background: #ccc;             /* couleur par défaut si besoin */
    color: #000;
    border: none;
    padding: 12px 24px;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}

/* ----------------------------------------------------------------- */
/* Couleurs spécifiques selon l'attribut data-tab */
/* ----------------------------------------------------------------- */

.products-tabs button[data-tab="bestsellers"] {
    background: #000000;
    color: #fff;
}

.products-tabs button[data-tab="promotions"] {
    background: #980504;
    color: #fff;
}

.products-tabs button[data-tab="nouveautes"] {
    background: #a58a47;
    color: #fff;
}

/* ----------------------------------------------------------------- */
/* Effet ligne en bas au hover + active */
/* ----------------------------------------------------------------- */

.products-tabs button::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 3px;                  /* épaisseur de la ligne */
    background: red;            /* couleur de la ligne → souvent blanc ou contraste fort */
    transition: all 0.35s ease-in-out;
    transform: translateX(-50%);
}

.products-tabs button:hover::after,
.products-tabs button.active::after {     /* .active = quand l'onglet est sélectionné */
    width: 70%;                   /* ou 100% si tu veux toute la largeur */
    /* left: 0; transform: none; → alternative si tu veux partir du bord */
}

/* Option : changer légèrement la couleur ou ajouter ombre au hover */
.products-tabs button:hover {
    /* background: légèrement plus clair ou foncé (facultatif) */
    /* filter: brightness(1.08); */
}

/* Si tu veux que la ligne ait la même couleur que le texte ou une couleur fixe */
.products-tabs button[data-tab="promotions"]::after {
    background: #980504;
}
.products-tabs button[data-tab="nouveautes"]::after {
    background: #a58a47;
}
.products-tabs button[data-tab="bestsellers"]::after {
    background: #000;
}

/* Variante très courante : ligne qui part des bords vers le centre */
.products-tabs button::after {
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: none;
    width: 0;
}

.products-tabs button:hover::after,
.products-tabs button.active::after {
    width: 100%;
}
@media (max-width: 769px) {
    .products-tabs-container {
        display: flex;
        flex-direction: row;
        gap: 5px
    }
    .products-tabs button {
        width: 100px;
    }
    .products-tabs button {
    /* Styles de base communs à tous les boutons */
    position: relative;           /* important pour positionner la ligne en absolu */
    background: #ccc;             /* couleur par défaut si besoin */
    color: #000;
    border: none;
    padding: 5px 2px;
    font-size: 11px;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
    
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b6ea596 */.tab-contentttt {
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    
}

.tab-contentttt.active {
    visibility: visible;
    opacity: 1;
    height: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee4438d */.video-desktop {
    margin: 0 auto;
    width: 97.5%;
    display: block;
}
.video-mobile {
    margin: 0 auto;
    width: 97.5%;
    display: none;
}

@media (max-width: 767px) {
    .video-desktop {
        display: none !important;
    }
    .video-mobile {
        display: block !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ad87a5f */.engagem img {
        box-shadow: none !important;
    height: 100px;
    object-fit: contain;
    margin-bottom: 1px
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9e2d9e7 */.avis-g u li {
    box-shadow: none !important
}/* End custom CSS */