 
.DisplayNone{display:none;}


.wrapperInterne {

    overflow: hidden;
}


 .Menu_Principal_left, .Menu_Principal_Right , .BannerCategorieActive .CategorieSlider:nth-child(2){
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 

.VotreArtisanActive .DescrptionCourteText, .VotreArtisanActive .EnsavoirPlus {
    transform: translateX(0vw);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.VotreArtisan {
  overflow: hidden; 
}
.DescrptionCourteText, .EnsavoirPlus {
    -webkit-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -moz-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -o-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    transform: translateX(200vw);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}


 

 




		  
.TitreArtsan, .SloganArtisan, .TitreDecouvrer{
    position: relative;
    z-index: 0;
    -webkit-transition-delay: 1.25s;
    transition-delay: 0.75s;
    -webkit-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -moz-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -o-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    transition: all 0.75s ease-in-out;
    transform: translateX(-100%);
}
.VotreArtisanActive .TitreArtsan, .VotreArtisanActive  .SloganArtisan, .NosRealisationsActive .TitreDecouvrer{
    transform: translateX(0%);
}


.NosRealisationsActive .BlockSliderImg{
    transition: transform 1.2s cubic-bezier(0.6, 0.2, 0.1, 1) 0.1s;
    transform: scale3d(1, 1, 1);
}
.BlockSliderImg{
    transition: transform 1.2s cubic-bezier(0.6, 0.2, 0.1, 1) 0.1s;
    transform: scale3d(1.5, 1.5, 1);
}


.BannerCategorieActive .CategorieSlider .ListCatSlider:nth-child(1),  .FooterTopActive  .pull-right{
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRight {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 


.LogoHeader{
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
 

 .FooterTopActive  .pull-right

.BannerCategorieActive .CategorieSlider .ListCatSlider:nth-child(2), .FooterTopActive .displayTelResp {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInLeft {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 



