@font-face {
    font-family: 'Baskerville';
    src: url('/fonts/LibreBaskerville-Regular.ttf')format('truetype');
}
html, body {
    margin:0;
    padding:0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

.mon_titre{
    position: absolute;
    opacity: 0%;
}

.bloc{
    position: relative;
    height: 100vh;
    background-color: #9d8d90;
    z-index: -11;
}

.bloc video {
    position: absolute;
    height: 110vh;
    width: auto;
    top: 60%;
    left: 60%;
    transform: translate(-60%, -55%);
    cursor:crosshair;
    z-index: -2;
    opacity: 100%;
}
.tirade{
    margin: 20%;
    padding: 0 3%;
    position: absolute;
    font-family:Baskerville;
    text-align: center;
    font-size: 3ch;
    color: antiquewhite;
    background-color: rgba(48, 35, 33, 0.597);
    margin-top: -7ch;
    z-index: 2;
}
.cliquabe{
    position:absolute;
    top: 0ch;
    left: 10vw;
    right: 10vw;
    bottom: 20vh;
    height: 80vh;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    /*background-color: #ff0000;
    /*translate: 50% -30px;
    /*padding: 0vh 50%;*/
    z-index: 2;
    opacity: 50%;
    cursor: pointer;
}
.retour_gauche{
    position:absolute;
    top: 0ch;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    /*background-color: #0d00ff;*/
    translate: 0% -30px;
    padding: 40% 8%;
    z-index: 1;
    opacity: 50%;
    cursor: url(/images/left.png) 20 14, pointer;
}
.retour_droite{
    position:absolute;
    top: 0ch;
    right: 0ch;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    /*background-color: #42c808;*/
    padding: 40% 8%;
    z-index: 1;
    opacity: 0%;
    cursor: url(/images/right.png) 20 14, pointer;
}
.retour_bas{
    position:absolute;
    bottom: 0vh;
    height: 10vh;
    width: 100%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #c86508;
    z-index: 1;
    opacity: 0%;
    cursor: url(/images/down.png) 20 14, pointer;
}