@media screen and (min-width: 768px) {
.activesection .slider_accueil, .activesection .list_accueil, .activesection .list_products {
    transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
    transform: translate3d(0px, 0px, 0px);
}
.slider_accueil, .list_accueil, .list_products {
    transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
    transform: translate3d(0px, 850px, 0px);
}
.activesection  .image_principal, .activesection .nom, .activesection .boximg {
    transition: transform 1.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0.1s;
    transform: scale3d(1, 1, 1);
}
.image_principal, .nom, .boximg{
    transition: transform 1.2s cubic-bezier(0.6, 0.2, 0.1, 1) 0.1s;
    transform: scale3d(1.5, 1.5, 1);
}
.activesection .titre {
    transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0.2s;
    transform: translate3d(0px, 0px, 0px);
}
.titre {
    transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0.2s;
    transform: translate3d(0px, 850px, 0px);
}
.activesection .content_vogue p {
    transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0.4s;
    transform: translate3d(0px, 0px, 0px);
}
.content_vogue p {
    transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0.4s;
    transform: translate3d(0px, 850px, 0px);
}
.activesection .content_vogue .btn {
    transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0.6s;
    transform: translate3d(0px, 0px, 0px);
}
..content_vogue .btn {
    transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0.6s;
    transform: translate3d(0px, 850px, 0px);
}
.activesection .imgLeft, .activesection .secteur_left, .activesection .left-bloc{
    transition: 1s all ease;
    transform: translateX(0);
}
.imgLeft, .secteur_left, .left-bloc{
    transition: 1s all ease;
    transform: translateX(100%);
    z-index: 9;
}
.activesection .imgRight, .activesection .right-bloc{
    transition: 1s all ease;
    transform: translateX(0);
}
.imgRight, .right-bloc{
    transition: 1s all ease;
    transform: translateX(-100%);
}
.activesection .blocIcon {
    transition: transform 1s cubic-bezier(0.6, 0.2, 0.1, 1) 0.2s;
    transform: translate3d(0px, 0px, 0px);
}
.blocIcon {
    transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0.2s;
    transform: translate3d(0px, 850px, 0px);
}
.activesection .title-box h1{
overflow: hidden;
    width: 100%;
    animation: type 2s steps(60, end);
    white-space: nowrap;
    left: 0;
    right: 0;
    margin: 0 auto;
}
@keyframes type{ 
  from { width: 0; } 
} 

@keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 

@keyframes blink{
  to{opacity: .0;}
}


body{overflow-x:hidden;}
}