/*
.home-presentation-video-container {
    display: none;
}
.home-presentation-video-mobile-container {
    display: block;
}
*/

.responsive #top #wrap_all .offta-video-splash .container {
    width:100%!important;
    max-width:100%!important;
}
.home-top-video {
    position: absolute;
    bottom: 0;
}
.home-top-video-container,
.home-top-video-mobile-container,
.home-top-video {
    width:100%;
    height:100%;
    /*height:100vh;
    height:var(--window-height);*/
}
/*
.admin-bar .home-top-video-container,
.admin-bar .home-top-video-mobile-container,
.admin-bar .home-top-video {
    height:calc(100vh - 32px);
    height:calc(var(--window-height) - 32px);
}
*/
.home-top-video-container,
.home-top-video-mobile-container {
    position:relative;
}
.home-top-video {
    object-fit: cover;
    object-position: 40% 100%;
    z-index:0;
}
/*
video.home-presentation-video {
    padding-right: 1.7%;
}
*/
.home-presentation-video-container {
    width:81.3%;
    margin:5.6vw auto 5.8vw auto;
/*    height:100vh;
    height:var(--window-height);*/
    height:auto;
    position:relative;
}
.home-presentation-video-mobile-container {
    width:calc(100% - 20px);
    margin:10px auto 80px auto;
/*    height:100vh;
    height:var(--window-height);*/
    height:auto;
    position:relative;
}
.admin-bar .home-presentation-video-container,
.admin-bar .home-presentation-video-mobile-container {
    height:calc(100vh - 32px);
    height:calc(var(--window-height) - 32px);
    height:auto;
    position:relative;
}
.home-presentation-video-container,
.home-presentation-video-mobile-container {
    position:relative;
}
.home-presentation-video {
    width:100%;
    object-fit: cover;
    z-index:0;
}

#offta-play-button {
    display:none;
    vertical-align:middle;
    height:1.3em;
    width:auto;
}

/*
.home-presentation-video {
    position: absolute;
    bottom: 0;
}
.home-presentation-video, .home-presentation-video-container {
    width:100vw;
    height:100vh;
}

.home-presentation-video-container {
    position:relative;
}

.home-presentation-video {
    object-fit: cover;
    z-index:0;
}
*/

@keyframes wait-opacity {
  from   { opacity:0.3; }
  50%   { opacity:1; }
  to   { opacity:0.3; }
}
@keyframes wait-move {
  from {
    transform: translate3d(-50%, -75%, 0);
  }
  to {
    transform: translate3d(-50%, -50%, 0);
  }
}
.home-offta-wait {
    display:none;
    position:absolute;
    font-size:16vw;
    line-height:17vw;
    color:var(--color-green);
    top: 50%;
    left:50%;
    opacity:0;
    animation:wait-opacity 2.5s 0.4s infinite,
        wait-move 2s 0.4s forwards;
    z-index:-1;
}
.home-presentation-video-btn-center {
    position:absolute;
    font-size:35px;
    line-height:39px;
    color:var(--color-green);
    top: 50%;
    left:12px;
    transform: translate(0,-50%);
    /*display: grid;
    place-items: center left;*/
    display:flex;
    justify-content:flex-start;
    align-items:center;
    width:30vw; /* 2 pour 1*/
    height:15vw;
    cursor:pointer;
    background-color:transparent;
    user-select: none;
    /*z-index:5;*/

}
.home-presentation-video-btn {
    position:absolute;
    font-size: 48px;
    letter-spacing:-0.025em;
    line-height:1em;
    color:var(--base-brown);
    left:-0.06em;
    bottom:-1.12em;
    color:red;

/*    display:flex;
    justify-content:flex-start;
    align-items:center;*/
    width:fit-content; /* 2 pour 1*/
    height:fit-content;
    cursor:pointer;
    background-color:transparent;
    user-select: none;
    /*z-index:5;*/

}
.home-presentation-video-btn-lecture {
    z-index:3;
}
.home-presentation-video-btn-pause {
    z-index:1;
}

.home-presentation-video-btn.pause {
    color:transparent;
    display:none;
}
.column-right {
    position:absolute;
    top:0;
    left:49.6%;
    background-color:transparent;
    color:transparent;
    width:max-content;
    padding-right:5vw;
    margin-top:-8px;
    font-size:calc( (100vh - 36px) / 6.2 );
    line-height:0.7846;
    z-index:10;
}

.splash-hidden {
    display:none;
}

.pause-hidden {
    opacity:0;
    color:transparent;
    z-index:1;
    /*transition:0.6s;*/
}

@media screen and (hover : hover) and (pointer: fine) {
    .pause-hidden:hover {
        /*display:none;*/
        /*color:var(--color-green);
        opacity:1;*/
        /*display:block;*/
        /*transition:0.6s;*/
    }
}

.home-edito-toggle {
    position: absolute;
    top: 10px;
    left: 100px;
    width: auto!important;
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    cursor:pointer;
    user-select: none;
}
.home-edito-toggle-english {
    left: 86px;
}


@media screen and (max-width:989px) {
    .home .avia-section.av-minimum-height .container .content {
        vertical-align: top;
    }
    .home-presentation-video-container,
    .home-presentation-video-mobile-container,
    .home-presentation-video {
        /*
        width:100vw;
        height:calc(100vh - 40px);*/
    }
}
@media screen and (max-width:640px) {
/*
    .home-edito-toggle {
        font-size: 20px;
        line-height:22px;
        width: auto!important;
        height:35px;
        visibility: visible;
        opacity: 1;
        transition: 0.2s;
    }
    .home-presentation-video-btn {
        font-size: 20px;
        line-height:22px;
        width: auto!important;
        height: 35px;
        top: 10px;
        display: inline-block;
        color: var(--base-brown);
        border-radius: 100px;
        background-color: var(--color-green);
        padding: 0.38em 0.42em 0.2em 0.42em;
        margin-top: 5px;
        transition: 0.4s;
    }

    .home-presentation-video-btn:hover {
        color: var(--color-green) !important;
        background-color: var(--base-brown);
        transition: 0.4s;
    }
*/
}
/*
@media screen and (max-width:768px) {
    .column-right {
        display:none;
    }
    .home-presentation-video-btn {
        font-size:35px;
        line-height:39px;
        width:50vw;
        height:80%;
        transform: translate(0,-55%);
    }

}
*/
.responsive #top #wrap_all .offta-video-splash .container {
    width:100%!important;
    max-width:100%!important;
}


@keyframes wait-opacity {
  from   { opacity:0.3; }
  50%   { opacity:1; }
  to   { opacity:0.3; }
}
@keyframes wait-move {
  from {
    transform: translate3d(-50%, -75%, 0);
  }
  to {
    transform: translate3d(-50%, -50%, 0);
  }
}
.home-offta-wait {
    display:none;
    position:absolute;
    font-size:16vw;
    line-height:17vw;
    color:var(--color-green);
    top: 50%;
    left:50%;
    opacity:0;
    animation:wait-opacity 2.5s 0.4s infinite,
        wait-move 2s 0.4s forwards;
    z-index:-1;
}



@media screen and (hover : hover) and (pointer: fine) {
    .pause-hidden:hover {
        /*display:none;*/
        /*color:var(--color-green);
        opacity:1;*/
        /*display:block;*/
        /*transition:0.6s;*/
    }
}

.home-edito-toggle {
    position: absolute;
    top: 10px;
    left: 0;
    width: auto!important;
    font-size: 24px;
    opacity: 0;
    visibility: hidden;
    cursor:pointer;
    user-select: none;
}
.home-edito-toggle-english {
    left: 0;
}


@media screen and (max-width:989px) {
    .home .avia-section.av-minimum-height .container .content {
        vertical-align: top;
    }
    .home-presentation-video, .home-presentation-video-container {
        /*
        width:100vw;
        height:calc(100vh - 40px);
        */
    }
}
@media screen and (max-width:640px) {
    .home-edito-toggle {
        font-size: 24px;
        line-height:24px;
        width: auto!important;
        height:35px;
        visibility: visible;
        opacity: 1;
        transition: 0.2s;
    }

    /* bouton style mobile retiré
    .home-presentation-video-btn {
        font-size: 24px;
        line-height:24px;
        width: auto!important;
        height: 35px;
        top: 10px;
        left: 120px;
        display: inline-block;
        color: var(--base-brown);
        border-radius: 120px;
        background-color: var(--color-green);
        padding: 0.38em 0.42em 0.2em 0.42em;
        margin-top: 5px;
        transition: 0.4s;
    }

    .home-presentation-video-btn:hover {
        color: var(--color-green) !important;
        background-color: var(--base-brown);
        transition: 0.4s;
    }
    */
}
/*
@media screen and (max-width:768px) {
    .column-right {
        display:none;
    }
    .home-presentation-video-btn {
        font-size:35px;
        line-height:39px;
        width:50vw;
        height:80%;
        transform: translate(0,-55%);
    }

}
*/