header .container{-webkit-animation:fadeHeader .5s .3s both;animation:fadeHeader .5s .3s both}main #homeFiliales{overflow-y:hidden}#homeGroupe{display:flex;flex-wrap:wrap;margin:10vh auto 10vh auto}#homeGroupe>div{width:50%}#homeGroupe h2{margin-bottom:20px;text-align:left}#homeGroupe .btn{margin-left:0;margin:40px 0 0 0}#homeGroupe .content{padding-right:20px;min-width:320px}#homeGroupe .cards{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:20px;padding-left:20px;overflow:hidden}#homeGroupe .card{position:relative;overflow:hidden}#homeGroupe .card div a{position:absolute;width:100%;height:100%;z-index:2}#homeGroupe .card div p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;font-size:22px;color:var(--white);text-align:center;text-transform:uppercase}#homeGroupe .card img{position:absolute;width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover;filter:blur(1px) brightness(0.5);transition:.3s all}#homeGroupe .card:hover img{filter:blur(0) brightness(1);transform:scale(1.05)}#homeGroupe .card:hover p{text-decoration:underline}#redirect .cards{display:flex}#redirect .cards article{margin:auto;border-radius: 20px}#homeFiliales,#redirect{margin-top:10vh;margin-bottom:10vh;overflow-x:hidden}#homeFiliales .cards,#redirect .cards{position:relative;font-family:Myriad Pro,sans-serif}#homeFiliales article.main,#redirect article.main{opacity:1}#homeFiliales .splide__arrow,#redirect .splide__arrow{background-color:transparent}#homeFiliales .splide__arrow--prev,#redirect .splide__arrow--prev{left:-20px}#homeFiliales .splide__arrow--next,#redirect .splide__arrow--next{right:-20px}#homeFiliales article,#redirect article{width:300px;height:400px;margin:auto;transition:.3s all;box-shadow:rgba(65,65,65,.25) 2px 1px 15px;position:relative;overflow:hidden}#homeFiliales article:hover,#redirect article:hover{transform:translateY(-5px);box-shadow:rgba(65,65,65,.4) 2px 1px 15px}#homeFiliales article .click,#redirect article .click{width:100%;height:100%;top:0;left:0;position:absolute;z-index:5}#homeFiliales article .background,#homeFiliales article .gif,#redirect article .background,#redirect article .gif{position:absolute;width:100%;height:100%;left:0;top:0;-o-object-fit:cover;object-fit:cover;z-index:-1;transition:.3s all;filter:brightness(0.5) blur(2px)}#homeFiliales article:hover .gif,#redirect article:hover .gif{opacity:100%;filter:brightness(0.5) blur(0px)}#homeFiliales article .background,#redirect article .background{opacity:100%}#homeFiliales article .gif,#redirect article .gif{opacity:0}#homeFiliales article .topContainer,#redirect article .topContainer{position:relative;height:300px;overflow:hidden;border-radius:85% 85% 85% 85%/0% 0% 30% 30%;transition:.3s all}#homeFiliales article .content,#redirect article .content{z-index:2;display:flex;flex-direction:column;justify-content:center;height:100%;border-radius:85% 85% 85% 85%/0% 0% 30% 30%;transition:.3s all}#homeFiliales article .content .logo,#redirect article .content .logo{margin-bottom:40px}#homeFiliales article .content p,#redirect article .content p{padding:0 10px}#homeFiliales article:hover .content,#redirect article:hover .content{border-radius:85% 85% 85% 85%/0% 0% 50% 50%}#homeFiliales article>div,#redirect article>div{position:absolute;width:100%;height:100%;left:0;top:0;-o-object-fit:cover;object-fit:cover;z-index:2;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--white);text-align:center;display:flex;flex-direction:column;justify-content:space-between;transition:.3s all}#homeFiliales article>div img,#redirect article>div img{height:40px;width:auto;-o-object-fit:contain;object-fit:contain}#homeFiliales article:hover>div,#redirect article:hover>div{box-shadow:0 8px 32px 0 rgba(31,38,135,.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}#homeFiliales article .btn,#redirect article .btn{background-color:var(--white);color:var(--secondary-black);font-size:12px;width:150px;padding:5px 0%;margin:0 auto;margin-bottom:35px}#homeFiliales .sliderBtn,#redirect .sliderBtn{position:absolute;top:50%;width:35px;cursor:pointer}#homeFiliales #rightBtn,#redirect #rightBtn{right:-20px;transform:translate(0, -50%)}#homeFiliales #leftBtn,#redirect #leftBtn{left:-20px;transform:rotate(180deg) translate(0, 30%)}#homeFiliales .btn,#redirect .btn{margin-top:5vh}#homeFiliales article.minAnimOut.more,#redirect article.minAnimOut.more{-webkit-animation:cardFadeOut .3s both;animation:cardFadeOut .3s both}#homeFiliales article.minAnimIn.more,#redirect article.minAnimIn.more{-webkit-animation:cardFadeIn .3s both;animation:cardFadeIn .3s both}#homeFiliales article.minAnimOut.less,#redirect article.minAnimOut.less{animation:cardFadeOut .3s both reverse}#homeFiliales article.minAnimIn.less,#redirect article.minAnimIn.less{animation:cardFadeIn .3s both reverse}#homeFiliales article.animIn,#redirect article.animIn{opacity:100%}#homeFiliales article.animOut,#redirect article.animOut{opacity:15%}#redirect{margin:0 auto;width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:10;background-color:var(--white);transition:.3s all;opacity:1}#redirect .main_logo{width:45%;margin:20px auto;min-width:320px;cursor:pointer}#redirect .txt{width:70%;margin:auto}#redirect .txt h2{text-align:center;font-size: 30px}#redirect .txt h3{text-align:center}#redirect .cards{flex-wrap:wrap}#redirect .cards article{margin-bottom:2vh}#redirect .last{margin-bottom:20vh}#redirect.close{pointer-events:none;opacity:0}#valeursFiliales{display:flex}#valeursFiliales img{width:34%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#valeursFiliales div{width:66%;background-image:url("../../img/logo-background-blue.svg");background-position:center;background-repeat:no-repeat;background-size:80%;background-color:var(--secondary-blue);padding:5vh 10% 5vh 7.5%}#valeursFiliales h2{margin-bottom:3vh;text-align:left}#valeursFiliales p{margin-bottom:3vh}#sectionVideo{margin:10vh auto 15vh auto}#sectionVideo h2{margin-bottom:10vh;width:100%}#sectionVideo #player{margin:0 auto;max-width:1000px;aspect-ratio:16/9;height:auto;width:90%;display:block}#sectionChiffres{margin:3vh auto 3vh auto;text-align:center}#sectionChiffres .icons{display:flex;justify-content:space-between;max-width:1100px;width:90%;flex-wrap:wrap;height:auto;margin:auto}#sectionChiffres .icon{margin:20px auto}#sectionChiffres>div{width:175px;text-align:center;line-height:40px;height:250px;margin:auto;margin-bottom:20px}#sectionChiffres>div .dot-icons{width:110px;height:110px;margin:auto;margin-bottom:5vh}#sectionChiffres>div .dot-icons::after{content:" ";position:absolute;width:100%;height:5px;bottom:-2.5vh;left:0;background-color:var(--main-blue)}#sectionChiffres h2{margin-bottom:10vh;width:100%}#homeE-Commerce{display:grid}#homeE-Commerce .grid{display:flex;justify-content:center;flex-wrap:wrap}#homeE-Commerce .grid div{width:25%;min-width:200px;height:auto;margin:40px 0}#homeE-Commerce .grid div img{filter:contrast(0.3) grayscale(1);transition-property:filter;transition-duration:.3s}#homeE-Commerce .grid div:hover img{filter:drop-shadow(4px 4px 5px rgba(128, 128, 128, 0.159)) contrast(1) grayscale(0)}#homeExpertise{padding:10vh 0; display: none}#homeExpertise h2{margin-bottom:5vh}#homeExpertise .articles{display:flex;height:700px}#homeExpertise .articles div{flex:1;height:100%;overflow:hidden}#homeExpertise .articles div a{width:100%;height:100%;position:relative;display:block}#homeExpertise .articles div img{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(1px) grayscale(50%);transition:.3s all}#homeExpertise .articles div h3{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--white);font-weight:700}#homeExpertise .articles div:hover img{filter:blur(0);transform:scale(1.05)}#homeExpertise .articles div:hover h3{text-decoration:underline}#bannerSection{max-width:90%;margin:0 auto 5vh auto}@media(max-width: 1060px){#homeFiliales article{width:100%;max-width:300px;display:none}#homeFiliales article:first-of-type{display:block}#homeE-Commerce{flex-direction:column;height:auto}#homeE-Commerce .main{width:100%}#homeE-Commerce .main h2{margin:25px}#homeE-Commerce .main .content{flex-direction:column-reverse;justify-content:space-between}#homeE-Commerce .main .content .navigation{flex-direction:row;width:90%;margin:auto;flex-wrap:wrap;justify-content:center;height:auto;align-items:center}#homeE-Commerce .main .content li{width:100px;font-size:10px}#homeE-Commerce .main .content li.active{transform:inherit}#homeE-Commerce .main .content li.active::after{content:" "}#homeE-Commerce .main .content article{width:90%;margin-bottom:10px}#homeE-Commerce .main .content article .content{width:100%;padding:0}#homeE-Commerce .main .content article .btn{margin-top:10px}#homeE-Commerce .img{display:none}}@media(max-width: 860px){#homeGroupe>div{width:100%}#homeGroupe .content{margin-bottom:40px}#homeGroupe .btn{margin:auto;margin-top:20px}#homeGroupe .cards{height:500px;padding-left:0}}@media(max-width: 760px){h2{text-align:center !important}p{font-size:14px}#valeursFiliales{flex-wrap:wrap}#valeursFiliales img{width:100%;height:30vh}#valeursFiliales div{width:100%}#sectionChiffres{margin-bottom:5vh}#homeE-Commerce{background-position:center;background-size:90%}#homeE-Commerce article{height:100%}#homeE-Commerce article>.content{padding:initial}#homeExpertise .articles{flex-direction:column}}@-webkit-keyframes fade{from{opacity:0}to{opacity:1}}@keyframes fade{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeHeader{from{opacity:0}to{opacity:1}}@keyframes fadeHeader{from{opacity:0}to{opacity:1}}@-webkit-keyframes cardFadeOut{from{transform:translateX(0)}to{transform:translateX(-500px)}}@keyframes cardFadeOut{from{transform:translateX(0)}to{transform:translateX(-500px)}}@-webkit-keyframes cardFadeIn{from{transform:translateX(500px)}to{transform:translateX(0)}}@keyframes cardFadeIn{from{transform:translateX(500px)}to{transform:translateX(0)}}#sectionVideo {
    padding: 40px;
    max-width: 1200px;
    margin: 0 auto;
}


/*VIDEO*/
#sectionVideo .video-row {
    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap;
}

#sectionVideo .video-col {
    flex: 1 1 500px;
}

#sectionVideo .video-col.text {
    display: flex;
    flex-direction: column;
    justify-content: left;
}

#sectionVideo .video-col.text h2 {
    font-size: 2rem;
    margin-bottom: 20px;
}

#sectionVideo .video-col.text p {
    font-size: 1rem;
    line-height: 1.6;
}


/* Rendre la section vidéo responsive */
@media (max-width: 768px) {
    #sectionVideo > div {
        flex-direction: column !important;
        gap: 30px !important;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    #sectionVideo > div > div {
        width: 100% !important;
    }

    #sectionVideo p {
        font-size: 1rem;
        line-height: 1.6;
        text-align: justify;
    }
}







/*FOOTER*/
.site-footer .rs p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px; /* espace vertical entre le texte et les icônes */
}

.site-footer .rs p .icons {
    display: flex;
    gap: 12px; /* espace horizontal entre les icônes */
}

.site-footer .rs a {
    margin: 0 !important; /* supprime toute marge automatique */
}

.site-footer .rs a img {
    margin: 0 !important;
    width: auto;
    height: 32px;
    display: block;
}

#sectionChiffres h2 {
    display: inline-flex;         /* important en contexte flex */
  width: auto;                  /* empêche width:100% */
  max-width: fit-content;       /* force la largeur du texte */
  background-color: #182F8E;
  padding: 20px 80px;
  border-radius: 6px;
}




/*CHIFFRES FRONT PAGE */
/* Conteneur principal */
#sectionChiffres {
    background-color: #f3f3f3;
    padding: 60px 20px;
    text-align: center;
}

/* Titre */
#sectionChiffres h2 {
    font-size: 2rem;
    margin-bottom: 50px;
    color: #ffffff;
}

/* Bloc icônes */
.icons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 60px;
}

.icon {
    max-width: 280px;
    text-align: center;
}

/* Ronds bleus */
.dot-icons {
    
    background-color: #182f8e;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
}

.dot-icons img {
   
    height: auto;
    object-fit: contain;
    display: block;
}

/* Barre bleue */
.ligne-bleue {
    width: 120px;
    height: 4px;
    background-color: #182f8e;
    margin: 20px auto 16px;
}

/* Chiffre animé */
.chiffre-animated {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 700;
    font-size: 2.6rem;
    color: #182f8e;
    line-height: 1.1;
    display: inline-block;
    text-align: center;
    letter-spacing: 0.5px;
    min-width: 10ch; /* Réserve l'espace pour ~10 chiffres */
    text-align: center;
}


/* Texte descriptif */
.icon h4 {
    font-size: 0.95rem;
    line-height: 1.5;
    color: #222;
    font-weight: normal;
}



/* Responsive */
@media (max-width: 768px) {
    .icons {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .chiffre-animated {
        font-size: 2rem;
    }

    .ligne-bleue {
        width: 60px;
    }
}













@media (max-width: 768px) {
    #sectionVideo .video-row {
        flex-direction: column;
        gap: 20px;
    }

    #sectionVideo .video-col.text {
        align-items: center;
        text-align: center;
    }
    
}