/*.nav-bottom__button.current

transition: all 600ms cubic-bezier(.23, 1, .32, 1);

*/



@media screen and (min-width: 1024px) {
    .nav-bottom.nav-bottom--first{
        position:absolute;
    }
    .HTML-no-webflow-editor{
        width: 100%!important;
        height: 100vh!important;
        overflow: hidden!important;
    }
    .no-webflow-editor .section.hide-screen{left:-100%;}
    /*.no-opacity, .no-opacity.section{
        opacity:0!important;
        transition : opacity 0s cubic-bezier(.17,.67,.37,.96)!important;
    }*/
    /*Gestion dark theme*/
    .cache-for-transition {
        display:none;
        transition : all 0s cubic-bezier(.01,.43,.65,.99) 1s;
    }


    .no-webflow-editor .cache-for-transition{
        display:block;
        position: absolute;
        top: 0;
        left: 0;
        width:100%;
        height:100vh;
        z-index: 5;
        
    }
    .buttonNew{
        width: 50px;
        height: 50px;
        background-color: #af2fce;
        z-index: 5;
    }
    .no-webflow-editor  .section.current-screen .cache-for-transition{
        width:0%;
       
    }
    .logo-black{ display: block;}
    .logo-white{ display: none;}
    /*.dark-theme  .header__nav__button{color: #26425a;}*/
    .dark-theme .logo-black{ display: none!important;}
    .dark-theme .logo-white{ display: block!important;}
    .dark-theme .nav-language{ color: #fff;}
    .nav-language{ color: var(--black);}
    .dark-theme .bar {background-color: #fff;}
    /*.dark-theme .ariane-n{color:#26425a;}*/
    /*.dark-theme .header{background:#fff;}*/
    /*.dark-theme.header-no-bg .header{background:none;}*/
    .wrapper{
        overflow: auto;
        height:auto;
    }
    .dark-theme .nav-bottom .nav-bottom__button:not(.current) p {color: white;}
    .dark-theme .img-clear-theme {display:none;}
    .dark-theme .img-dark-theme {display:inline-block;}
    .wrap-section{
        overflow: auto;
        height:auto;
        padding-bottom:0;
    }
    .section{
        height:100vh;
        position: relative;
    }
    .no-webflow-editor .wrapper{
        overflow: hidden;
        height:100dvh;
        } 

    .no-webflow-editor .wrap-section{
        width : 100vw;
        height:100dvh;
        overflow: hidden;
        position: absolute;
        top:0;
        left:0;}
    .no-webflow-editor .section{
        height:100dvh;
    } 

    /*SECTION*/
    /*.hide-screen{left:0%;}*/
    .no-webflow-editor .section > .wrap-bg  .bg {
        transition : all 1.5s cubic-bezier(.01,.43,.65,.99);
        transform: scale(1.2);
        filter: blur(20px);
    }
    .no-webflow-editor .section.current-screen > .wrap-bg  .bg {
        transform: scale(1);
        filter: blur(0px);
    }

    .no-webflow-editor .section  .produit-image-mise-en-scene  .wrap-bg {
        transition : all 1.5s cubic-bezier(.01,.43,.65,.99);
        transform: scale(1.2);
        filter: blur(20px);
        opacity:0;
    }
    .no-webflow-editor .section.current-screen  .produit-image-mise-en-scene  .wrap-bg {
        transform: scale(1);
        filter: blur(0px);
        opacity:1;
    }


    .no-webflow-editor .section .item-multi,.no-webflow-editor .section .card{
        transition : all 0.6s cubic-bezier(.01,.43,.65,.99);
        transform: scale(0.8);
        opacity: 0;
    }
    .no-webflow-editor .section.current-screen .item-multi,.no-webflow-editor .section.current-screen .card{
        transform: scale(1);
        opacity: 1;
    }


    .no-webflow-editor .section p{
        transition : all 0.6s cubic-bezier(.01,.43,.65,.99);
        transform: scale(0.8);
        opacity: 0;
    }
    

    .no-webflow-editor .section.current-screen p{
        transform: scale(1);
        opacity: 1;
    }
    .no-webflow-editor .section .wrap-bg{ overflow: hidden;}
    .no-webflow-editor .section{
        overflow: hidden;
        position: absolute!important;
        left: 0%;
        top:0;
        transition :    left 0s cubic-bezier(.23, 1, .32, 1) 0.6s,
                        opacity 0s cubic-bezier(.23, 1, .32, 1) 0.6s;
        opacity:0;
        transition : opacity 0s cubic-bezier(.23, 1, .32, 1) 0.6s;
        }
    
    .no-webflow-editor .section.prev-screen{
        left:-100%;
        transition :    left 0s cubic-bezier(.23, 1, .32, 1) 0.6s,
                        opacity 0.6s cubic-bezier(.23, 1, .32, 1) 0s;}
    .no-webflow-editor .section.next-screen{
       left:-100%;;
    }
    .no-webflow-editor .section.current-screen{
        transition :    left 0s cubic-bezier(.23, 1, .32, 1) 0.6s,
                        opacity 0.6s cubic-bezier(.23, 1, .32, 1) 0s;
        opacity:1;}
   /*BG*/
   

    .no-webflow-editor  .section .card {
        opacity: 0;
        transform: scale(0.8);
     }
    .no-webflow-editor  .section.current-screen .card {
        opacity: 1;
        transform: scale(1);
     }

     .no-webflow-editor .section.current-screen .bg.bg-card{
        opacity: 1;
        transform: scale(1);
        filter: blur(0px);
     }
     .no-webflow-editor  .bg.bg-card{
        opacity: 1;
        transform: scale(1.5);
        filter: blur(5px);
     }
        /*SPLIT SECTION 50%*/
        /*
        .section__content--split > div:first-child{
            width:100%;
            transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
         }
         .section.current-screen .section__content--split > div:first-child{
            width:50%;
         }
         .section.prev-screen .section__content--split > div:first-child{
            width:50%;
         }
        */
     

     /*CORNER*/
    .no-webflow-editor  .corner{
         transform-origin: top left;
         scale: 0;
         transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
     }
    .no-webflow-editor  .corner.corner-bottom{
        transform-origin: bottom right;
        scale: 0;
    }
    .no-webflow-editor.transition-arrive-play .section.current-screen .corner{
        scale: 1;
    }
    /*round*/
    .no-webflow-editor .round {
        transform: scale(0);
        transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    }
    .no-webflow-editor .section.current-screen .round {
        transform: scale(1);
    }

    /*MAP*/
    .no-webflow-editor .map-wrap img {
        transform: scale(0);
        transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    }
    .no-webflow-editor .section.current-screen .map-wrap img {
        transform: scale(1);
    }
      

    /*NAV BOTTOM*/
    .no-webflow-editor .nav-bottom__button{
        transform: scale(0);
        transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    }
    .no-webflow-editor.transition-arrive-play .nav-bottom__button{
        transform: scale(1);
    }

    .no-webflow-editor .nav-bottom__button.current .bg-nav-bottom__button{
        width:100%
    }
    /*button nav horizontal 1*/
    .no-webflow-editor .dark-theme .nav-bottom__button--horizonatl, .nav-bottom__button--horizonatl{
        color:var(--black)
    }
    .no-webflow-editor .nav-bottom__button--horizonatl.current .wrap-inside-button-for-anim{
        height:15vh
    }

    /*H1*/
   /* .no-webflow-editor .section h1{
        transform: scale(1) ;
        opacity: 1;
    }
    .no-webflow-editor .section.current-screen h1 {
        transform: scale(1) ;
        opacity: 1;
    }*/
   /* .no-webflow-editor .section h1 {
        transition: all 600ms cubic-bezier(.23, 1, .32, 1) 0.6s;
        transform: scale(0.8) ;
        opacity: 0;
    }*/
    .no-webflow-editor .section.current-screen .bloc-content img {
        transform: scale(1);
        opacity: 1;
    }
    .no-webflow-editor  .bloc-content img{
        transition: all 600ms cubic-bezier(.23, 1, .32, 1) 0.6s;
        transform: scale(0.8);
        opacity: 0;
    }
    .no-webflow-editor .section.current-screen :not([data-target]) h2, .no-webflow-editor .section.current-screen :not([data-target])  h3,.no-webflow-editor .section.current-screen :not([data-target])  h4,.no-webflow-editor .section.current-screen :not([data-target])  h5 {
        transform: scale(1);
        opacity: 1;
    }
    .no-webflow-editor .section  :not([data-target])  h2, .no-webflow-editor .section  :not([data-target])  h3, .no-webflow-editor .section  h3 :not(.span) ,.no-webflow-editor .section :not([data-target])   h4,.no-webflow-editor .section :not([data-target])  h5{
        transition: all 600ms cubic-bezier(.23, 1, .32, 1);
        transform: scale(0.8);
        opacity: 0;
    }



    
    .no-webflow-editor .section .cercle-transparent{
        transition: all 600ms cubic-bezier(.23, 1, .32, 1);
        transform: translate(-50%,-50%) scale(0.8);
        opacity: 0;
    }
    .no-webflow-editor .section.current-screen .cercle-transparent{
        transform: translate(-50%,-50%) scale(1.9);
        opacity: 1;
    }

    .no-webflow-editor .section.current-screen .bg-half-left {
        width:60%
    }
    .no-webflow-editor  .bg-half-left {
        width:100%
    }
    .no-webflow-editor .section.current-screen .half-bg {
        width:60%
    }
    .no-webflow-editor  .half-bg {
        width:0%
    }
       /*-------------------------------------------------------------------------------*/
    /*GENERIC ANIMATIONS*/
    
    /*separate words*/
    .no-webflow-editor .screen-animation-overflow-hidden.screen-animation-inline-block {
        display: inline-block;
        overflow: hidden;
        width: auto;
        line-height: 1.3;
        margin-bottom: -3vh;
    }
    .no-webflow-editor .screen-animation-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;
    }
    .no-webflow-editor em.screen-animation-inline-block--text{font-style: inherit;}
    .no-webflow-editor  .section.current-screen .screen-animation-inline-block--text {
        transform: translateY(0%) scaleY(1) rotate(0deg);
    }

    /*pour la border en span d un mot*/
   /* .no-webflow-editor .span {
        transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
        border-bottom: 0px solid #af2fce;
    }
    .no-webflow-editor  .section.current-screen .span {
        border-bottom: 5px solid #af2fce;
    }*/


     /*opacity*/
    /*[class*="screen-animation-"]{transition: all 0ms cubic-bezier(.23, 1, .32, 1)}*/
    .no-webflow-editor .section .screen-animation-opacity{
        opacity: 0;
    }
    .no-webflow-editor  .section.current-screen .screen-animation-opacity,
    .no-webflow-editor  .section.current-screen.screen-animation-opacity{
        opacity: 1;
    }


    /*scaleDown*/
    .no-webflow-editor .screen-animation-scale-down{
        transform: scale(1.5);
        transform-origin: center center;
    }
    .no-webflow-editor  .section.current-screen .screen-animation-scale-down, 
    .no-webflow-editor  .section.current-screen.screen-animation-scale-down
    {
        transform: scale(1);
    }


    
    /*scaleUp*/
    .no-webflow-editor .screen-animation-scale-up{
        transform: scale(0.75);
        transform-origin: center center;
    }
    .no-webflow-editor  .section.current-screen .screen-animation-scale-up, 
    .no-webflow-editor  .section.current-screen.screen-animation-scale-up
    {
        transform: scale(1);
    }
    /*scaleYtop*/
    .no-webflow-editor .screen-animation-scale-y-top{
        transform: scaleY(1.5);
        transform-origin: top center;
    }
    .no-webflow-editor  .section.current-screen .screen-animation-scale-y-top, 
    .no-webflow-editor  .section.current-screen.screen-animation-scale-y-top
    {
        transform: scaleY(1);
    }
    /*scaleYbottom0*/
    .no-webflow-editor .screen-animation-scale-y-bottom0{
        transform: scaleY(0);
        transform-origin: bottom center;
    }
    .no-webflow-editor .section.current-screen .screen-animation-scale-y-bottom0, 
    .no-webflow-editor  .section.current-screen.screen-animation-scale-y-bottom0
    {
        transform: scaleY(1);
    }
    /*scaleYtop0*/
    .no-webflow-editor .screen-animation-scale-y-top0{
        transform: scaleY(0);
        transform-origin: top center;
    }
    .no-webflow-editor  .section.current-screen .screen-animation-scale-y-top0, 
    .no-webflow-editor  .section.current-screen.screen-animation-scale-y-top0
    {
        transform: scaleY(1);
    }
    /*scaleXleft0*/
    .no-webflow-editor .screen-animation-scale-x-left0{
        transform: scaleX(0);
        transform-origin: top left;
       
    }
    .no-webflow-editor  .section.current-screen .screen-animation-scale-x-left0, 
    .no-webflow-editor  .section.current-screen.screen-animation-scale-x-left0
    {
        transform: scaleX(1);
    }
    /*fromLeft*/
    .no-webflow-editor .screen-animation-from-left{
        transform: translateX(-5%);
        opacity: 0;
        transform-origin: center center;
    }
    
    .no-webflow-editor .section.current-screen .screen-animation-from-left, 
    .no-webflow-editor  .section.current-screen.screen-animation-from-left{
        transform: translateX(0%);
        opacity: 1;
    }

    /*fromright*/
    .no-webflow-editor .screen-animation-from-right{
        transform: translateX(5%);
        opacity: 0;
        transform-origin: center center;
    }

    .no-webflow-editor .section.current-screen .screen-animation-from-right, 
    .no-webflow-editor  .section.current-screen.screen-animation-from-right{
        transform: translateX(0%);
        opacity: 1;
    }



    /*blur*/
    .no-webflow-editor .screen-animation-blur{
        filter: blur(40px);
    }
    .no-webflow-editor [class*="open"] .screen-animation-blur, 
    .no-webflow-editor [class*="open"].screen-animation-blur,
    .no-webflow-editor  .section.current-screen .screen-animation-blur,
    .no-webflow-editor  .section.current-screen.screen-animation-blur{
        filter: blur(0px);
    }

    /*permet de lancer l animation apres le current-screen*/
    .no-webflow-editor .transition-time--on{
        transition: all 1200ms cubic-bezier(.23, 1, .32, 1);}
    [data-transition-faster="true"] .transition-time--on{
            transition: all 600ms cubic-bezier(.23, 1, .32, 1);}



}