#page_dossier{
    max-width:100%;
}

#TF4_BAR_A_ROBES_Video{
    position:relative;
    width:100%;
    height:calc(100dvh - var(--banner-height,0px));
    min-height:500px;
    overflow:hidden;
    cursor:pointer;
    color:#0D3880;
    box-sizing:border-box;
    contain:paint;
    background:#f5f5f5;
}

#TF4_BAR_A_ROBES_Video:focus-visible{
    outline:2px solid #0D3880;
    outline-offset:3px;
}

/* VIDEO */

#TF4_BAR_A_ROBES_Video .heroVideo{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    z-index:0;
    backface-visibility:hidden;
}

/* OVERLAY */

#TF4_BAR_A_ROBES_Video::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,0.05);
    z-index:1;
    pointer-events:none;
}

/* CONTENT */

#TF4_BAR_A_ROBES_Video .blocText{
    position:absolute;
    left:0;
    bottom:8vh;
    width:100%;
    text-align:center;
    z-index:2;
    padding:0 20px;
    box-sizing:border-box;
}

#TF4_BAR_A_ROBES_Video .blocText .title{
    margin:0 0 6px;
    font-size:60px;
    line-height:1;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:15px;
    color:#0D3880;
}

#TF4_BAR_A_ROBES_Video .blocText .title span{
    letter-spacing:1px;
}

#TF4_BAR_A_ROBES_Video .blocText .title sup{
    font-size:30px;
    line-height:1;
    vertical-align:top;
}

#TF4_BAR_A_ROBES_Video .blocText .appelPrix{
    margin:0;
    font-size:40px;
    line-height:1;
    font-weight:400;
    color:#0D3880;
}

/* CTAS */

#TF4_BAR_A_ROBES_Video .ctas{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    width:100%;
    max-width:max-content;
    margin:30px auto 0;
}

#TF4_BAR_A_ROBES_Video .ctas a{
    width:178px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ffffff;
    color:#0D3880;
    font-size:14px;
    text-transform:uppercase;
    text-decoration:none;
    transition:
        background-color .2s ease,
        color .2s ease;
}

#TF4_BAR_A_ROBES_Video .ctas a:hover{
    background:#0D3880;
    color:#ffffff;
}

/* AST */

#TF4_BAR_A_ROBES_Video .ast{
    position:absolute;
    right:4px;
    bottom:4px;
    z-index:3;
    color:#ffffff;
    font-size:12px;
}

/* 1500 */

@media screen and (max-width:1500px){

    #TF4_BAR_A_ROBES_Video .blocText .title{
        font-size:46px;
        letter-spacing:10px;
    }

    #TF4_BAR_A_ROBES_Video .blocText .appelPrix{
        font-size:28px;
    }

    #TF4_BAR_A_ROBES_Video .ctas a{
        width:160px;
        height:40px;
    }

    #TF4_BAR_A_ROBES_Video .ast{
        font-size:10px;
    }

}

/* MOBILE */

@media screen and (max-width:767px){

    #TF4_BAR_A_ROBES_Video{
        min-height:100svh;
    }

    #TF4_BAR_A_ROBES_Video .blocText{
        bottom:50px;
        padding:0 15px;
    }

    #TF4_BAR_A_ROBES_Video .blocText .title{
        font-size:35px;
        line-height:1.2;
        letter-spacing:6px;
        margin-bottom:5px;
    }

    #TF4_BAR_A_ROBES_Video .blocText .title sup{
        font-size:18px;
        line-height:1;
    }

    #TF4_BAR_A_ROBES_Video .blocText .appelPrix{
        font-size:18px;
        font-weight:300;
    }

    #TF4_BAR_A_ROBES_Video .ctas{
        gap:8px;
    }

    #TF4_BAR_A_ROBES_Video .ctas a{
        width:140px;
        height:36px;
        font-size:13px;
    }

}

/* 480 */

@media screen and (max-width:480px){

    #TF4_BAR_A_ROBES_Video{
        height:calc(100svh - var(--banner-height,0px));
        min-height:calc(100svh - var(--banner-height,0px));
    }

    #TF4_BAR_A_ROBES_Video .ctas{
        max-width:286px;
    }

    #TF4_BAR_A_ROBES_Video .ctas a{
        width:138px;
        height:45px;
        font-size:12px;
    }

}

/* 390 */

@media screen and (max-width:390px){

    #TF4_BAR_A_ROBES_Video .blocText .title{
        font-size:30px;
    }

    #TF4_BAR_A_ROBES_Video .blocText .appelPrix{
        font-size:16px;
    }

    #TF4_BAR_A_ROBES_Video .ctas a{
        height:40px;
    }

}