/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++    POP DOWN    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/




:root {
  --grey-bottom: rgb(203, 203, 203);
  --grey-bottom-hover: rgb(25, 25, 25);
  --font-scroll: 14px;
}

.downscroll {

  width: 100%;
  background: white;
  position: fixed;
  bottom: -300px; /* Commence masqué */
  transition: bottom 1s ease-in-out; /* Transition douce pour l'entrée et la sortie */
  z-index: 99;
  box-shadow: var(--mean-shadow);
}


@media (min-width: 680px) {
  .downscroll {
    height: 90px;
  }
}



.actionscroll {
  position: fixed;
  bottom: 0;
}

@keyframes headerup {
  0% {
    bottom: -200px;
  }

  100% {
    bottom: 0;
  }
}




.box-downscroll {
  width: 100%;
  height: 100%;
  max-height:100px;
  max-width: var(--max-page);

  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.text-downscroll{
font-size:18px;
font-weight:600;
}

@media (max-width: 920px) {
.text-downscroll{
  display:none;
  }
}
@media (min-width: 920px) {
.sub-downscroll{
margin-left:auto;
 display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
}
  }
@media (max-width: 920px) {
  .sub-downscroll{
width:100%;
    height:100%;
    display: flex;
  flex-wrap: wrap;
    padding:5px;
}
}
@media (min-width: 920px) {
.bx-downscroll
{
display: flex;
}}

@media (max-width: 920px) {
.bx-downscroll
{
  height:100%;
  width:50%;
}

  .bx-downscroll a
{
    display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
  width:100%;
}
}


@media (min-width: 920px) {
.bx-downscroll a div
{
padding:20px;
border-radius:50px;
width:200px;
border:solid 1px #efefef;
     display: flex;
  align-items: center;
  justify-content: center;
}
  .bx-downscroll a div:hover
{
  transition:0.5s;
border:solid 1px var(--mean-color);
}
  }

@media (max-width: 920px) {
  .bx-downscroll:nth-child(1) a
{
border-right:solid 1px #dedede;
}
  }


.bx-downscroll a:hover div span
{
transition:0.5s;
color:var(--mean-color);
}

.bx-downscroll a div span{
color:#404040;
}
@media (max-width: 620px) {
  .bx-downscroll a div span{
    color:#404040;
    font-size:12px;
    font-weight:600;
    }
  }

.bx-downscroll a div svg
{
fill:#404040;
width:20px;
margin-right:10px;
}

.bx-downscroll a:hover div svg
{
transition:0.5s;
fill:var(--mean-color);
}

@media (max-width: 920px) {
  .bx-downscroll a div svg
{
display:block;
margin:0 auto 5px auto;
}
  }

@media (min-width: 920px) { 
.bx-downscroll:nth-child(2) a div
{
border:solid 1px orange;
background:orange;
}
.bx-downscroll:nth-child(2) a:hover div
{
transition:0.5s;
border:solid 1px #ffb543;
background:#ffb543;
}
  .bx-downscroll:nth-child(2) a div svg
{
fill:#151515;
}

.bx-downscroll:nth-child(2) a div span
{
  color:#151515;
}
}










/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
                   
                                                /*  BLOG CONNECT  */

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/





/*  DESKTOP  */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media (min-width: 1080px) {
.aside-connect{
position: absolute;
 /*  TOP Généré en JS = Title + Menu  */ 
left: calc(50% - var(--max-page) / 2 - 50px);

 



}}



/*  Vertical  */


@media (min-width: 1080px) {


.fly-connect /*  Height = height of Content  JS */{
position: relative;
}


.social-slider{

position: -webkit-sticky;
position: sticky;

top: 90px;
padding: 0 0 30px 0;
opacity: 0;
transition: 0.5s;

}

.social-slider-title{
background: var(--mean-color);
padding: 10px 30px;
border-radius: 20px;
color: white;
display:none;
}


.social-list{
margin-top:100px;
box-shadow:0 0 6px 0 #d5d7dd;
  background:white;
  padding:10px 5px;
  border-radius:30px;
}


.social-slider .sh-share{

  display: flex;
  align-items: center;
  justify-content: center;  
  width:35px;
  height:35px;
  border-radius:50%;
   display: flex;
  align-items: center;
  justify-content: center;
 background: white;
 margin: 15px auto 0 auto;
}

.fly-close{
display: none;
}


.social-slider .sh-share svg{
width:15px;
fill:grey;
}

.social-slider .facebook:hover svg{
  fill:#3B5998;
}

.social-slider .twitter:hover svg{
  fill:#3CF;
}

.social-slider .linkedin:hover svg{
  fill:#0e76a8;
}

.social-slider .whatsappshare:hover svg{
  fill:#25d366;
}


.social-slider .messenger:hover svg{
  fill:#00B2FF;
}

.social-slider .mail:hover svg{
  fill:#EA4335;
}


}


/*  MOBILE  */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*    SLIDER CONNECT   */
/*  ////////////////////////////////////    */

@media (max-width: 1080px) {

/*    Slider */
.aside-connect {
  position: fixed;
  /*background-color: transparent;*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  z-index: 101;

}



.aside-connect .fly-connect{
  position: absolute;
  left: 0;
  bottom: -400px;
  width: 100%;

 
  background: white;
  box-shadow: 3px 0px 30px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}




html.fly-open .fly-connect {
  -webkit-transform: translate3d(0px, -400px, 0px);
  transform: translate3d(0px, -400px, 0px);
}

html.fly-open .aside-connect {
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: auto;
}

}






@media (max-width: 1080px) {


.fly-connect /*  Height = height of Content  JS */{
position: relative;
}


.social-slider{
    
}

.social-slider-title{
margin: 50px auto;
text-align: center;
}

.social-slider-title span{
color: var(--dark);
font-size: 20px;
}



.social-list{
width: 100%;
 display: flex;
  flex-wrap: wrap;
justify-content: space-between;
padding: 0 40px;
margin: 0 auto;
max-width: 450px;
}



.social-slider .sh-share{
  box-shadow:0 0 6px 0 #d5d7dd;
  display: flex;
  align-items: center;
  justify-content: center;  
  width:50px;
  height:50px;
  border-radius:50%;
   display: flex;
  align-items: center;
  justify-content: center;
 background: white;

}




.fly-close{
margin: 50px auto;
border-radius: 30px;
width: 300px;
height: 50px;
background: #f9f9f9;
cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}




.social-slider .sh-share svg{
width:15px;
  fill:#3B5998;
}

.social-slider .facebook svg{
  fill:#3B5998;
}

.social-slider .twitter svg{
  fill:#3CF;
}

.social-slider .linkedin svg{
  fill:#0e76a8;
}

.social-slider .whatsappshare svg{
  fill:#25d366;
}



.social-slider .mail svg{
  fill:#EA4335;
}



}








/* ASIDE WHY */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.about_us{
  width:100%;
  width:100%;
 max-width:var(--max-page);
 margin:0 auto;
 
 }

@media (max-width: 980px) {
.about_us{
  background:#ddf5ff;
 padding:20px;
 }
   }

.about_us_content{
 width:100%;
 }

@media (min-width: 980px) {
.about_us_content{
   background:#ddf5ff;
 padding:40px 40px 150px 40px;
 border-radius:20px;
 margin-top:100px;
 }
   }

@media (max-width: 980px) {
.about_us_content{
  margin-top:100px;
 }
   }

.sub_about_us_content{
 width:100%;
 max-width:800px;
 margin:0 auto;
 text-align:center;
 }

.about_us_content p{
color: var(--color-title-stay);
   }

.about_us_content p:nth-child(1){
font-size: 34px;
 line-height:45px;
 font-weight:600;
   }

.about_us_content p:nth-child(2){
 margin-top:30px;
font-size: 18px;
 line-height:30px;
color:  var(--color-text-stay);
 margin-bottom:20px;
   }


  .about_us_box{
display:flex;
flex-wrap:wrap;
   }

@media (min-width: 980px) {
  .about_us_box{
padding:0 40px;
 transform: translateY(-25%); /* Pour centrer verticalement le contenu */
   justify-content: center;
 row-gap: 10px;
 column-gap: 12px;
   }
   }

@media (max-width: 980px) {
  .about_us_box{
 row-gap: 10px;
margin-top:20px;
   }
   }


@media (min-width: 980px) {
.about_us_item{
background:white;
box-shadow:var(--mean-shadow);
width:calc(33.3333% - 8px);
  padding:80px 20px 20px 20px;
  border-radius:10px;
  position:relative
   }  }

@media (max-width: 980px) {
.about_us_item{
background:white;
box-shadow:var(--mean-shadow);
width:100%;
  padding:80px 20px 20px 20px;
  border-radius:10px;
  position:relative
   }  }


.about_us_item_icon{
 position:absolute;
 top:20px;
 left:20px;;
}

.about_us_item svg{
width:50px;
fill:var(--color-text-stay);
   }

.about_us_item:nth-child(1) svg{
width:60px;
   }

.about_us_item_text   {
  margin-top:10px;
   }
.about_us_item_text  p:nth-child(1){
  margin-top:10px;
font-size: 22px;
line-height:32px;
   }

.about_us_item p:nth-child(2){
margin-top:10px;
font-size: 16px;
line-height:28px;
color:  var(--color-text-stay);
   }



















/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
                   
                                                    /*  SLIDER  */

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/














.advise_box{
  margin-top:40px;
  background:rgb(249, 249, 249);
  width: 100%;
  max-width: 700px;
  padding:40px 0;
  }
  
  
  .advise_box_title{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:20px;
      }
  
      .advise_box_title span{
      font-size:22px;
      font-weight:600;
      color:rgb(25, 25, 25);
      max-width:300px;
      text-align:center;
          }
  
  .advise_box_connect{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:20px;
    }
  
    .advise_box_connect a{
  border-radius:20px;
  background:var(--mean-color);
  color:white;
  padding:10px 20px;
    }

    .advise_box_connect a:hover{
      background:rgb(82, 82, 255);
        }
  
    .advise_box_comment{
      margin-top:10px;
      display: flex;
      align-items: center;
      justify-content: center;
        }
  
  /* SLIDER OPTIONS */
  /* ++++++++++++++++++++++++++++++++++++++++ */
  /* ++++++++++++++++++++++++++++++++++++++++ */
  
  
  
  @media only screen and (min-width: 780px) {
    :root {
      --slide-gap: 20px; /* Espacement entre les diapositives */
      --visible-slides: 3; /* Nombre de diapositives visibles */
    }
  }
  
  @media only screen and (max-width: 780px) {
    :root {
      --slide-gap: 10px; /* Espacement entre les diapositives */
      --visible-slides: 2; /* Nombre de diapositives visibles */
    }
  }
  
  
  .slide_contener {
    width: 100%;
    max-width: 700px;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    column-gap: var(--slide-gap);
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    padding:var(--slide-gap) 0;
    padding:20px 2px;
  }
  
  .slide_contener::-webkit-scrollbar {
    display: none;
  }
  
  .slide_contener .slide:hover {
    transform: scale(1.05);
  }
  
  
  
  
  .slide_contener {
    overflow-x: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    overflow-y: scroll; /* Permet le défilement vertical */
  }
  
  .slide_contener::-webkit-scrollbar {
    display: none;  /* WebKit */
  }
  
  
  
  
  .slide {
    flex: 0 0 auto;
    /* Initialisation de la largeur des slides */
    width: calc((100% / var(--visible-slides)) - (var(--slide-gap) * (1 - 1 / var(--visible-slides))));
    box-shadow: 0 0 5px grey;
  
    transition: transform 300ms ease-in-out;
  
    border-radius: 20px;
    cursor:pointer;
  }
  
  #slide-container .slide:hover {
    transform: scale(1.05);
    background:rgb(251, 251, 251);
  }
  
  
  /* ++++++++++++++++++++++++++++++++++++++++ */
  /* ++++++++++++++++++++++++++++++++++++++++ */
  
  
  .sub_slide{
    padding:15px;
  }
  
  .sub_slide_img{
    width:100%;
    height:150px;
  }
  
  .sub_slide_img img{
  
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-radius:10px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .sub_slide_text{
    padding:0 15px;
    margin:5px 0;
    font-size:14px;
  text-align:center;
  margin-top:20px;
  color:rgb(25, 25, 25);
  }

  @media only screen and (max-width: 780px) {
    .sub_slide_text{
     display:none;
    }  }
  
  .sub_slide_title{
    padding:0 15px;
    font-size:18px;
    font-weight:600;
    text-align:center;
    color:rgb(25, 25, 25);
  }

  @media only screen and (max-width: 780px) {
    .sub_slide_title{
     margin-top:15px;
    } }