.BlockNotreSelection, .wrapper, .Partenaire {    overflow: hidden !important;}
.PartenaireActiveActive, .DomaineActiviteActive,DomaineActivite,.PartenaireActive, .PresentationHomeActive,.WrapperInterne,header   {
    overflow-x: hidden;
 
}
/** zooom ****/

.logo,.BannerPresantation,.PresentationHomeActive  .VoirPlusPre{
  -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;
  }
  } 

/*******************     *******************/
.ActiveClass1, .ActiveClass3 ,.ActiveClass5,.TitreDomaineActivite {
   -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 1.5s cubic-bezier(0.86,0,0.07,1);
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
    transform: translateX(-100vw);
}
.ActiveClass2,.ActiveClass4,.TitreDomainePart {
   -webkit-transition-delay: -webkit-transition-delay;
 -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 1.5s cubic-bezier(0.86,0,0.07,1);
    transform: translateX(100vw);
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
} 



.ActiveClass1Active, .ActiveClass3Active, .ActiveClass5Active,.DomaineActiviteActive .TitreDomaineActivite  {  transform: translateX(0); -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;}
.ActiveClass2Active,.ActiveClass4Active,.PartenaireActiveActive .TitreDomainePart{  transform: translateX(0); -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;}	 


.TitreNosCategorie,.TitreNosPartenaire{
   opacity: 0;
    transform: translate3d(-300px, 0px, 0px);
    transition: all 0.9s cubic-bezier(0.84, -0.01, 0.48, 0.995), -webkit-transform 0.9s cubic-bezier(0.84, -0.01, 0.48, 0.995);
}

.activesection .TitreNosCategorieHover, .activesection .TitreNosPartenaire {
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}




.BlockLeftActive,
.FooterActive .logoFooter,

.PresentationHomeActive  .BlockLeftHome,
.MenuLeft
{
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 



.activesection41  .RepeaterSliderRef  {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;

  }
  @-webkit-keyframes lightSpeedIn {
  0% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  opacity: 1;
  }
  100% {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  }
  @keyframes lightSpeedIn {
  0% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  opacity: 1;
  }
  100% {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  } 


.activesection8  .displayTableCell {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 



.BlockRightActive .FooterActive .MenuFooterRs,.PresentationHomeActiven .BlockRightHome ,.Language
{
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 



.ContentBanner, .activesection .TitreGaleriePhoto, .activesection .AdresseTxt {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 
 

 .ImgSlider {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInDown {
  0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInDown {
  0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  } 



.FooterActive .FooterBottom,
 .TitreSlider,.PresentationHomeActive  .TitrePrincipalPresentation{
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  } 





.RepeaterAdresse  .imgContact1, .RepeaterAdresse .imgContact2, .RepeaterAdresse .imgContact3{
    -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 1.5s cubic-bezier(0.86,0,0.07,1);
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
    transform: translateX(-100vw);
}

 .ActivesectionRepeaterAdresse   .imgContact1, .ActivesectionRepeaterAdresse .imgContact2, .ActivesectionRepeaterAdresse .imgContact3 {  transform: translateX(0); -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;}	

 .FooterActive .FooterSlogan {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}



.reveal{position: relative;}
.reveal,
.reveal:after {
	animation-delay: 0.8s;
	animation-iteration-count:1;
	animation-duration:800ms;
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
}

.reveal {
	position: relative;
	display: block;
	user-select: none;
	animation-name: reveal-text;
	cursor: default;
	}

.reveal:after {
		content: "";
		position: absolute;
		z-index: 999;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
background: rgba(2,41, 80, 0.75);
		transform: scaleX(0);
		transform-origin: 0 50%;
		pointer-events: none;
		animation-name: revealer-text;
	}
	



@keyframes reveal-text {
	from {
		clip-path: inset(0 100% 0 0);
	}
	to {
		clip-path: inset(0 0 0 0);
	}
}


@keyframes revealer-text {
	
	0%, 50% {
		transform-origin: 0 50%;
	}
	
	60%, 100% {
		transform-origin: 100% 50%;		
	}

	50% {
		transform: scaleX(1);
	}
	
	60% {
		transform: scaleX(1);
	}
	
	100% {
		transform: scaleX(0);
	}
}
















