/*
transition: all 600ms cubic-bezier(.23, 1, .32, 1);
}
transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
.open pour popup
.transition-arrive-play pour arriver
.section.current-screen pour nouvel ecran

*/
/*BG transition*/
.transition-arrive__bloc{
	display: block!important;
    animation:1s cubic-bezier(.23, 1, .32, 1) 0.7s  both  animtransition;

}
.bg-transition-arrive{
    display: flex!important;
}
.transition-arrive__bloc.transition-leave__bloc-1{
    animation-delay: 0.9s;
}
.transition-arrive__bloc.transition-leave__bloc-2{
    animation-delay: 1.1s;
}
.transition-arrive__bloc.transition-leave__bloc-3{
    animation-delay: 1.3s;
}
.transition-arrive__bloc.transition-leave__bloc-4{
    animation-delay: 1.5s;
}
.transition-arrive__bloc.transition-leave__bloc-5{
    animation-delay: 1.7s;
}
.transition-arrive__bloc.transition-leave__bloc-6{
    animation-delay: 1.9s;
}


.bg-transition-arrive{
	animation:0s cubic-bezier(.23, 1, .32, 1) 1.9s  both  disapear;
}
.header__logo, .burger {
    transition: 0.6s cubic-bezier(.23, 1, .32, 1) 2.2s;
    opacity: 0;
    transform: scale(0.8);
}
.burger {
    transition: 0.6s cubic-bezier(.23, 1, .32, 1) 2.4s;
}
.transition-arrive-play .header__logo, .transition-arrive-play .burger {
    opacity: 1;
    transform: scale(1);
}
.nav-bottom{
    transform: translateY(100%);
    transition : all 0.3s cubic-bezier(.01,.43,.65,.99) 0s;
}
.nav-bottom.nav-bottom--first{
    transform: translateY(100%);
    transition : all 0.3s cubic-bezier(.01,.43,.65,.99) 1.8s;
}
.transition-arrive-play .nav-bottom{
   transform: translateY(0%);
}
.button--home:hover .bloc-fleche{
    margin-right: 24px;
}



@keyframes animtransition { 
	0% { transform:scaleY(1); } 
	100% { transform:scaleY(0); }
}
@keyframes disapear { 
	0% { left:0%; } 
	100% { left:-100%; }
}
.transition-leave-play.transition-leave {
    left:0%;
    transition: all 0s;
}
.transition-leave-play.transition-leave .transition-leave__bloc{
    transform:scaleY(1);
    transition-duration: 0.5s;
}
.transition-leave__bloc.transition-leave__bloc-1{
    transition-delay: 0s;
}
.transition-leave__bloc.transition-leave__bloc-2{
    transition-delay: 0.1s;
}
.transition-leave__bloc.transition-leave__bloc-3{
    transition-delay: 0.2s;
}
.transition-leave__bloc.transition-leave__bloc-4{
    transition-delay: 0.3s;
}
.transition-leave__bloc.transition-leave__bloc-5{
    transition-delay: 0.4s;
}
.transition-leave__bloc.transition-leave__bloc-6{
    transition-delay: 0.5s;
}



.transition-leave-play.transition-leave{bottom:0%;}
.wrap-arrow{
    transition : all 0.3s cubic-bezier(.01,.43,.65,.99);
}
.bouton:hover .wrap-arrow{
    transform : translateX(100%)!important;
}

.bouton:hover .wrap-arrow:nth-child(2){
    transition-delay: 0.2s;
}
 

.bouton:hover .bloc-fleche--back .wrap-arrow{
    transform : translateX(-100%)!important;
}

.bg {
    transition : all 0.6s cubic-bezier(.01,.43,.65,.99);
}
.card-qui-sommes-nous:hover .bg {
    transform: scale(1.2);
    filter: blur(5px);
    opacity:0.4;
}



.open h1{
    transform: scale(1) ;
    opacity: 1;
}
.popup-button:hover .wrap-bg {
    transform: scale(1.2);
    opacity:0.4;
}
/*card hover*/

.card.plus-button:hover .round{
	transform: scale(1.2);
}
[data-trigger]{
    cursor: pointer;
}
[data-trigger].card:hover .bg {
    transform: scale(1.2)!important;
}
[data-trigger].card:hover {
    transform: translateY(-10px);
}
.open .container-map{
    width:60%;
    height: 80%;
}
@media screen and (max-width: 992px)  {
 .open .container-map{
    width:80%;
}

}

.wrap-bouton-arguments-horizontal .clicked .bloc-fleche {
    display:none;
}
.wrap-bouton-arguments-horizontal .clicked .bloc-croix {
    display:flex;
}


/* width */
.grid-product::-webkit-scrollbar, .wrap-argu__content::-webkit-scrollbar {
    width: 10px;
    height:10px
  }
  
  /* Track */
  .grid-product::-webkit-scrollbar-track, .wrap-argu__content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }
  
  /* Handle */
 .grid-product::-webkit-scrollbar-thumb, .wrap-argu__content::-webkit-scrollbar-thumb {
    background: #ffcf3c;
    border-radius: 10px;
  }
/* width */
*::-webkit-scrollbar{
    width: 10px;
    height:10px
  }
  
  /* Track */
  *::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }
  
  /* Handle */
 *::-webkit-scrollbar-thumb {
    background: #ffcf3c;
    border-radius: 10px;
  }


/*ARGU*/

.argu-active .header {
    top:-100%;
}
.header, .footer, .section__contenu.contenu__produit_item--pleine-page, .section {
    transition: all 0.6s cubic-bezier(.23, 1, .32, 1);
}
.argu-active .footer {
    bottom:-100%;
}
.argu-active .section__contenu.contenu__produit_item--pleine-page { padding:0}
.argu-active .section{padding:16px 5.4vw 0 5.4vw}






/*popup*/
 .open.popup,.open-popup.popup, .open.popup-product-family{
    transition: left 0ms cubic-bezier(.23, 1, .32, 1) 0ms,
                opacity 600ms cubic-bezier(.23, 1, .32, 1);
                opacity:1;
}
.popup, .popup-product-family{
    transition: left 0ms cubic-bezier(.23, 1, .32, 1) 300ms,
                opacity 300ms cubic-bezier(.23, 1, .32, 1);
    opacity:0;
}
/*.nav-bottom{
    transition: left 0ms cubic-bezier(.23, 1, .32, 1) 600ms,
                opacity 600ms cubic-bezier(.23, 1, .32, 1);
    opacity: 0;
}
.nav-bottom.open{
    transition: left 0ms cubic-bezier(.23, 1, .32, 1) 0ms,
                opacity 600ms cubic-bezier(.23, 1, .32, 1);
    opacity: 1;
}
.nav-bottom .nav-bottom__button{
    transition: all 600ms cubic-bezier(.23, 1, .32, 1);
    opacity: 0;
    transform: scale(0.8);
}
.nav-bottom.open .nav-bottom__button{
    opacity: 1;
    transform: scale(1);
}*/
.open.popup .bg{
    transform: scale(1);
    filter: blur(0px);
}
.popup .bg{
    transition: all 600ms cubic-bezier(.23, 1, .32, 1);
    transform: scale(1.5);
    filter: blur(5px);
}
.open.popup .section__content{
    top:0%!important;
    overflow: hidden;
}
.popup .section__content:nth-child(1){
    transition: all 600ms cubic-bezier(.23, 1, .32, 1);
    top:100%;
}
.popup .section__content:nth-child(2){
    transition: all 600ms cubic-bezier(.23, 1, .32, 1);
    top:-100%;
}
.popup .card{
    transition: all 600ms cubic-bezier(.23, 1, .32, 1);
    transform: scale(0.8);
    opacity: 0;
}
.popup.open .card{
    transform: scale(1);
    opacity: 1;
}
/* ANIMATION POPUP FROM LEFT*/
.open.popup.popup-from-left{
    transition: left 0ms cubic-bezier(.23, 1, .32, 1) 0ms,
                all 600ms cubic-bezier(.23, 1, .32, 1);
                opacity:1;
}
.popup.popup-from-left{
    transition: left 0ms cubic-bezier(.23, 1, .32, 1) 600ms,
                all 600ms cubic-bezier(.23, 1, .32, 1);
    opacity:0;
}

.popup.popup-from-left .popup-full__img{
    transition: all 1200ms cubic-bezier(.23, 1, .32, 1);
    transform-origin: left;
    width: 0%;
}
.open.popup.popup-from-left .popup-full__img{
    width: 45%;
}

.popup.popup-from-left .popup-full__text p{
    transform: translateX(-20%);
    transition: all 1200ms cubic-bezier(.23, 1, .32, 1);
    opacity: 0;
}
.open.popup.popup-from-left .popup-full__text p{
    transform: translateX(0%);
    opacity: 1;
}


.no-webflow-editor .open.popup h2, .no-webflow-editor .open.popup h3,.no-webflow-editor .open.popup h4,.no-webflow-editor .open.popup h5 {
    transform: scale(1);
    opacity: 1;
}
.no-webflow-editor .popup h2, .no-webflow-editor .popup h3,.no-webflow-editor .popup h4,.no-webflow-editor .popup h5{
    transition: all 600ms cubic-bezier(.23, 1, .32, 1) 0.6s;
    transform: scale(0.8);
    opacity: 0;
}




/*HOVER*/

.wrap-bg{
    overflow: hidden;
}




/*card HOVER*/
.card img:not([data-no-classic-img-animation])  {
    transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
}
.card:hover img:not([data-no-classic-img-animation]) {
    transform: scale(1.3);
}

/*round*/
.round * { z-index: 1;transition : all 0.6s cubic-bezier(.23, 1, .32, 1);cursor:pointer}
.round__plus{z-index:2;}
.round:hover .round__plus{color: var(--main-1--darker);}
.round:after{
    content: '';
    position: absolute;
    top: 0px;
    left:0px;
    width: 100%;
    height: 100%;
    display: block;
    background: var(--main-1--darker);
    transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
    animation: 0.8s ease-in  infinite  both running roundAnim;
    z-index: 0;
    border-radius: 50%;
}
.round:before{
    content: '';
    position: absolute;
    top: 0px;
    left:0px;
    width: 100%;
    height: 100%;
    display: block;
    border:solid 0px var(--main-1--darker);
    transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
    z-index: 1;
    border-radius: 50%;
}
.round:hover:before{
  border-radius: 50%;
  border:solid 1px var(--main-1--darker);
  transform: scale(1.5);
  background: white;
}


@keyframes roundAnim {
    0%{transform: scale(1);opacity: 1;}
    100%{transform: scale(1.5);opacity: 0;}
}


/*SLIDER*/
.slider__window .section__content--slider, .section__content--slider p{transition : all 1.2s cubic-bezier(.23, 1, .32, 1);}
.slider__window .bg{
    transition : all 1.2s cubic-bezier(.23, 1, .32, 1);
}
.prev-slide .bg{
    left:60%;
    transform: scale(1.5);
    filter:blur(2px)
}
.next-slide .bg{
    left:-60%;
    transform: scale(1.5);
    filter:blur(2px)
}
.slider__window img{
    transition : all 1.2s cubic-bezier(.23, 1, .32, 1);
}
.prev-slide img{
    left:-150vw
}
.next-slide img{
    left:15vw
}
.prev-slide P{
    left:-250vw
}
.next-slide P{
    left:250vw
}
@media screen and (min-width: 1024px) {
    .block-white-text{
        transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
    }
.info-on-first-slide-hidden .block-white-text{
    opacity:0!important;
}
.info-on-first-slide-hidden .bg-black-transpaent{
    opacity:0!important;
}
}

/*GENERIC ANIMATIONS*/

[data-ug-animation]{
    transition: all 600ms cubic-bezier(.23, 1, .32, 1);
}
/*separate words*/
.overflow-hidden.inline-block {
    display: inline-block;
    overflow: hidden;
    width: auto;
    line-height: 1.3;
    margin-bottom: -3vh;
}
.inline-block--text {
    transform: translateY(150%) scaleY(3) rotate(15deg);
    transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
    display: inline-block;
    transform-origin: top left;
}
em.inline-block--text{font-style: inherit;}
[class*="open"] .inline-block--text,
[class*="open"].inline-block--text,
.active-slide  .inline-block--text,
.active-slide.inline-block--text{
    transform: translateY(0%) scaleY(1) rotate(0deg);
}




/*pour la border en span d un mot*/
.span {
    transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
    border-bottom: 0px solid #af2fce;
}
[class*="open"] .span,
[class*="open"].span,
.active-slide  .span,
.active-slide.span{
    border-bottom: 5px solid #af2fce;
}


/*opacity*/
.opacity{
    opacity: 0!important;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .opacity,
[class*="open"].opacity,
.active-slide .opacity,
.active-slide.opacity {
    opacity: 1!important;
}

/*scaleUp*/
.scale-up{
    transform: scale(0.75)!important;
    transform-origin: center center!important;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-up, 
[class*="open"].scale-up,
.active-slide .scale-up,
.active-slide.scale-up
{
    transform: scale(1)!important;
}
/*scaleDown*/
.scale-down{
    transform: scale(1.5)!important;
    transform-origin: center center!important;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-down, 
[class*="open"].scale-down,
.active-slide .scale-down,
.active-slide.scale-down
{
    transform: scale(1)!important;
}
/*scaleYtop*/
.scale-y-top{
    transform: scaleY(1.5)!important;
    transform-origin: top center!important;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-y-top, 
[class*="open"].scale-y-top,
.active-slide .scale-y-top,
.active-slide.scale-y-top
{
    transform: scaleY(1)!important;
}
/*scaleYbottom0*/
.scale-y-bottom0{
    transform: scaleY(0)!important;
    transform-origin: bottom center!important;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-y-bottom0, 
[class*="open"].scale-y-bottom0,
.active-slide .scale-y-bottom0,
.active-slide.scale-y-bottom0
{
    transform: scaleY(1)!important;
}
/*scaleYtop0*/
.scale-y-top0{
    transform: scaleY(0)!important;
    transform-origin: top center!important;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-y-top0, 
[class*="open"].scale-y-top0,
.active-slide .scale-y-top0,
.active-slide.scale-y-top0
{
    transform: scaleY(1)!important;
}
/*scaleXleft0*/
.scale-x-left0{
    transform: scaleX(0)!important;
    transform-origin: left center!important;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-x-left0, 
[class*="open"].scale-x-left0,
.active-slide .scale-x-left0,
.active-slide.scale-x-left0
{
    transform: scaleX(1)!important;
}
/*scaleXright0*/
.scale-x-right0{
    transform: scaleX(0)!important;
    transform-origin: right center!important;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-x-right0, 
[class*="open"].scale-x-right0,
.active-slide .scale-x-right0,
.active-slide.scale-x-right0
{
    transform: scaleX(1)!important;
}
/*fromLeft*/
.from-left{
    transform: translateX(-20%)!important;
    opacity: 0!important;
    transform-origin: center center!important;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .from-left, 
[class*="open"].from-left,
.active-slide .from-left,
.active-slide.from-left{
    transform: translateX(0%)!important;
    opacity: 1!important;
}
/*fromright*/
.from-right{
    transform: translateX(20%)!important;
    opacity: 0!important;
    transform-origin: center center!important;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .from-right, 
[class*="open"].from-right,
.active-slide .from-right,
.active-slide.from-right{
    transform: translateX(0%)!important;
    opacity: 1!important;
}
/*blur*/
.blur{
    filter: blur(40px)!important;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .blur, 
[class*="open"].blur,
.active-slide .blur,
.active-slide.blur{
    filter: blur(0px)!important;
}