@media screen and (min-width: 768px) {

.activesection  .titleBlock, .activesection .sliderProducts, .activesection  .linkFooter   {
    transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0.2s;
    transform: translate3d(0px, 0px, 0px);
}
 .titleBlock, .sliderProducts, .linkFooter  {
    transition: transform 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0.2s;
    transform: translate3d(0px, 100px, 0px);
}
.sliderProducts  {  transform: translate3d(0px, 200px, 0px);}

.activesection .imgLeft, .activesection .contentLeft {
    transition: 1s all ease;
    transform: translateX(0);
}
 .imgLeft, .contentLeft {
    transition: 1s all ease;
    transform: translateX(-150%);
}
header{
  -webkit-animation: mymove 1s;
  animation: mymove 1s; 
  transition-property: all;
  transition-duration: 1s; /* on aurait pu écrire 500ms également */
  transition-timing-function: ease-in;
  transition-delay: 1s;
}
@-webkit-keyframes mymove {
  0%   {left: -1000px;}
 100%  {left: 0px; }

}
@keyframes mymove {
  0%   {left: -1000px;}
 100%  {left: 0px; }

}
.activesection .contentRight, .activesection .imgRight, .activesection  .linkPlus{
    transition: 1s all ease;
    transform: translateX(0);
}
.contentRight, .imgRight, .linkPlus{
    transition: 1s all ease;
    transform: translateX(150%);
/* overflow-x:hidden; */
}
.divone, .divtwo, .divthree, .divfor, .divfive, .divsix {
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
	opacity: 0;
	-webkit-transition: opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out;
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity .8s ease-in-out,
				-webkit-transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}


.activesection .divone {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	opacity: 1;
		-webkit-transition-delay: .2s;
	        transition-delay: .2s;
}
.activesection .divtwo {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	        	opacity: 1;
	-webkit-transition-delay: .4s;
	        transition-delay: .4s;
}

.activesection .divthree {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	        	opacity: 1;
	-webkit-transition-delay: .6s;
	        transition-delay: .6s;
}
.activesection .divfor {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	        	opacity: 1;
	-webkit-transition-delay: .8s;
	        transition-delay: .8s;
}
.activesection .divfive {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	        	opacity: 1;
	-webkit-transition-delay: 1s;
	        transition-delay: 1s;
}
.activesection .divsix {
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	        	opacity: 1;
	-webkit-transition-delay: 1.2s;
	        transition-delay: 1.2s;
}
.animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
body{overflow-x:hidden;}
}