body {
    font-family: Tahoma;
    margin:auto;
    min-height: calc(100% + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.bloc-fond-site {
    width: 100%;
    height: calc(100vh - 20px);
}
.bg-video {
    position: fixed;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    min-width: 100%;
    min-height: 100%;
    transform: translateX(-50%) translateY(-50%);
    z-index: -100;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.vidpres {
    position: absolute;
    width: 100%;
    height: 300px;
    z-index: 98;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bloc-fond-page {
    position: relative;
    width: calc(100% - 10px);
    left:5px;
    background: rgba(0, 0, 0, .9);
    border-radius: 20px;
    border-top:  1px solid #7f0469;
    border-left: 1px solid #7f0469;
    border-right:  1px solid #7f0469;
    margin-top: 10px;
}