@media screen and (min-width: 1024px) {
    
    .dark-theme  .header__menu{color: #000e36;}
    .dark-theme  .header__menu__link.w--current{border-color: #000e36;}
    .dark-theme .dark-mode{ display: block;}
    .dark-theme .light-mode{ display: none;}
    .dark-theme .bar {background-color: #26425a;}
    .dark-theme .ariane-n{color:#26425a;}
    /*.dark-theme .header{background:#fff;}*/
    .dark-theme.header-no-bg .header{background:none;}
    .dark-theme .header__menu p {color: #000e36!important;}


.over-nav-bottom{
    z-index:11;
}
.link{transition : all 0.8s cubic-bezier(.01,.43,.65,.99)}
.current.nav-bottom__button .nav-bottom__circle.n-2{
    background-color: white;
}
.nav-bottom__button.current.n2 p{color: #9bb5ff;}
.nav-bottom__button.current.n2 .nav-bottom__circle.n-2{background-color: #9bb5ff;}

.kpi2{transition : all 0.3s cubic-bezier(.01,.43,.65,.99);}
    .no-opacity, .no-opacity.section{
        opacity:0!important;
        transition : opacity 0s cubic-bezier(.17,.67,.37,.96)!important;
    
    }

     .wrap-section{overflow: hidden;}
    /*SECTION*/
    .section{
        overflow: hidden;
        position: absolute!important;
       /* left: -100%;*/
        top:0;
        /*transition : left 0s cubic-bezier(.23, 1, .32, 1) 0.6s;*/
        transition : all 0.8s cubic-bezier(.01,.43,.65,.99);
        }
    .hide-screen{left:-100%;}
   
    .section.prev-screen .bg{
        /*top:60%;*/
        transform: scale(1.3);
        transform-origin: center center;
    }
    .section .bg {transition : all 0.3s cubic-bezier(.01,.43,.65,.99)!important; }
    .section .wrap-bg{
        overflow: hidden;}
    .section.next-screen{ /* top:100%;*/ }
    .section.prev-screen{/*top:-100%;*/}
    .section.next-screen .bg, .section.prev-screen .bg{
        /*top:-60%;*/
        transform: scale(1.3);
        opacity: 0;
        transform-origin: center center;

    }

.current .nav-bottom__circle{background-color: rgba(255,255,255,1);}

.wrap-text{transition : all 1.5s cubic-bezier(.23, 1, .32, 1);}
    /*content-white-bg*/
    /*.section .wrap-text{
        transform: scaleY(0%) translateY(40%);
        transform-origin: bottom;
        transition : all 0.8s cubic-bezier(.23, 1, .32, 1);
    }
    .section.current-screen .wrap-text{
        transform: scaleY(100%) translateY(0%);
    }*/

    
    @keyframes antiflash { from { opacity:0; } to { opacity:1; }  }
    .section.current-screen .inline-block--text{
        transform: translateY(0%);
    }
    


    /*-------------------------------------------------------------------*/

    
      /*-------------------------------------------------------------------------------*/
    /*GENERIC ANIMATIONS*/
    
    /*separate words*/
    .screen-animation-overflow-hidden.screen-animation-inline-block {
        display: inline-block;
        overflow: hidden;
        width: auto;
        line-height: 1;
        margin-bottom: 0vh;
    }
    .screen-animation-inline-block--text {
        transform: translateY(150%) scaleY(3) rotate(15deg);
        transition : all 1s cubic-bezier(0, .99, .725, .967);
        display: inline-block;
        transform-origin: top left;
    }
     em.screen-animation-inline-block--text{font-style: inherit;}
     .section.current-screen:not(.section-with-embla) .screen-animation-inline-block--text,
     .section.current-screen .embla-slide-visible .screen-animation-inline-block--text {
        transform: translateY(0%) scaleY(1) rotate(0deg);
    }

   
    .section .screen-animation-opacity{
        opacity: 0;
    }
     .section.current-screen:not(.section-with-embla) .screen-animation-opacity,
     .section.current-screen .embla-slide-visible .screen-animation-opacity,
    .section.current-screen.screen-animation-opacity{
        opacity: 1;
    }


    /*scaleDown*/
    .screen-animation-scale-down{
        transform: scale(1.5);
        transform-origin: center center;
    }
     .section.current-screen:not(.section-with-embla) .screen-animation-scale-down, 
     .section.current-screen .embla-slide-visible .screen-animation-scale-down, 
     .section.current-screen.screen-animation-scale-down
    {
        transform: scale(1);
    }


    
    /*scaleUp*/
    .screen-animation-scale-up{
        transform: scale(0.75);
        transform-origin: center center;
    }
     .section.current-screen :not(.embla) .screen-animation-scale-up, 
     .section.current-screen  .embla-slide-visible  .screen-animation-scale-up, 
     .section.current-screen.screen-animation-scale-up
    {
        transform: scale(1);
    }

    /*scaleYtop*/
    .screen-animation-scale-y-top{
        transform: scaleY(1.5);
        transform-origin: top center;
    }
     .section.current-screen:not(.section-with-embla) .screen-animation-scale-y-top, 
     .section.current-screen .embla-slide-visible .screen-animation-scale-y-top, 
     .section.current-screen.screen-animation-scale-y-top
    {
        transform: scaleY(1);
    }
    /*scaleYbottom0*/
    .screen-animation-scale-y-bottom0{
        transform: scaleY(0);
        transform-origin: bottom center;
    }
    .section.current-screen:not(.section-with-embla) .screen-animation-scale-y-bottom0,
    .section.current-screen .embla-slide-visible .screen-animation-scale-y-bottom0, 
     .section.current-screen.screen-animation-scale-y-bottom0
    {
        transform: scaleY(1);
    }
    /*scaleYtop0*/
    .screen-animation-scale-y-top0{
        transform: scaleY(0);
        transform-origin: top center;
    }
     .section.current-screen:not(.section-with-embla) .screen-animation-scale-y-top0, 
     .section.current-screen .embla-slide-visible .screen-animation-scale-y-top0,
     .section.current-screen.screen-animation-scale-y-top0
    {
        transform: scaleY(1);
    }
    /*scaleXleft0*/
    .screen-animation-scale-x-left0{
        transform: scaleX(0);
        transform-origin: top left;
       
    }
     .section.current-screen:not(.section-with-embla) .screen-animation-scale-x-left0, 
     .section.current-screen .embla-slide-visible .screen-animation-scale-x-left0, 
     .section.current-screen.screen-animation-scale-x-left0
    {
        transform: scaleX(1);
    }
    /*fromLeft*/
    .screen-animation-from-left{
        transform: translateX(-5%);
        opacity: 0;
        transform-origin: center center;
    }
    
    .section.current-screen:not(.section-with-embla) .screen-animation-from-left, 
    .section.current-screen .embla-slide-visible .screen-animation-from-left, 
     .section.current-screen.screen-animation-from-left{
        transform: translateX(0%);
        opacity: 1;
    }

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

    .section.current-screen:not(.section-with-embla) .screen-animation-from-right, 
    .section.current-screen .embla-slide-visible .screen-animation-from-right,
     .section.current-screen.screen-animation-from-right{
        transform: translateX(0%);
        opacity: 1;
    }

    /*widthLeft*/
    .screen-animation-width-left{
        width:0%;
        
    }
     .section.current-screen:not(.section-with-embla) .screen-animation-width-left, 
     .section.current-screen .embla-slide-visible .screen-animation-width-left, 
     .section.current-screen.screen-animation-width-left
    {
        width:100%;
    }


    /*blur*/
    .screen-animation-blur{
        filter: blur(40px);
    }
    [class*="open"] .screen-animation-blur, 
    [class*="open"].screen-animation-blur,
     .section.current-screen:not(.section-with-embla) .screen-animation-blur,
     .section.current-screen .embla-slide-visible .screen-animation-blur,
     .section.current-screen.screen-animation-blur{
        filter: blur(0px);
    }

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

}