@font-face {
    font-family: 'LibreBaskerville';
    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-image: url("/images/sanatorium.png");
    background-size: cover;
    background-color: #000000;
    z-index: 0;
    cursor: url(/images/hand_right.png) 20 14, pointer;
}

.bloc video {
    position: absolute;
    height: auto;
    width: 120vw;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60.4%);
    opacity: 100%;
    
}
.reflets{
    position: absolute;
    width: 100%;
    height:100%;
    background-size: contain;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 3;
    mix-blend-mode: overlay;
    opacity: 50%;
}
.pascliquabe{
    position: absolute;
    aspect-ratio: 16/9;
    height: 100vh;
    top: 0%;
    left: 50%;
    translate: -50% 0%;
    background-color: rgb(162, 0, 255);
    z-index:1;
    cursor: default;
    opacity: 0%;
}
.guerite{
    position:absolute;
    aspect-ratio: 6/13;
    top: 60%;
    left: 80%;
    height: 35vw;
    right: 10vw;
    translate: -150% -50%;
    color:#3fe802b9;
    background-color: #15410a00;
    padding: 0% 0%;
    cursor: pointer;
    z-index:4;
    opacity: 50%;
}
.escaliers{
    position:absolute;
    aspect-ratio: 13/6;
    top: 60%;
    left: 80%;
    height: 14vw;
    right: 10vw;
    translate: -185% 10%;
    color:#3fe8028f;
    background-color: rgba(11, 35, 146, 0.671);
    padding: 0% 0%;
    cursor: pointer;
    z-index:4;
    opacity: 0%;
}
.retour_gauche{
    position:absolute;
    top: 0ch;
    height: 100%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #0d00ff;
    translate: 0% -30px;
    padding: 40% 8%;
    z-index: 1;
    opacity: 0%;
    cursor: url(/images/left.png) 20 14, pointer;
}

.retour_bas{
    position:absolute;
    bottom: 0vh;
    height: 10vh;
    width: 100%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #42c808;
    z-index: 1;
    opacity: 0%;
    cursor: url(/images/down.png) 20 14, pointer;
}

.alcove01{
    position:absolute;
    aspect-ratio: 1/3;
    top: 60%;
    left: 80%;
    height: 11vw;
    right: 0vw;
    translate: -73% 27%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #32aaaa;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove02{
    position:absolute;
    aspect-ratio: 1/1;
    top: 60%;
    left: 80%;
    height: 3vw;
    right: 0vw;
    translate: 75% 220%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #05c93f;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove03{
    position:absolute;
    aspect-ratio: 3/5;
    top: 60%;
    left: 80%;
    height: 7.5vw;
    right: 10vw;
    translate: 280% 115%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #c92905;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove04{
    position:absolute;
    aspect-ratio: 1/2;
    top: 60%;
    left: 80%;
    height: 6.5vw;
    right: 10vw;
    translate: -185% -60%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #32aaaa;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove05{
    position:absolute;
    aspect-ratio: 1/2;
    top: 60%;
    left: 80%;
    height: 6.5vw;
    right: 10vw;
    translate: 40% -50%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #05c93f;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove06{
    position:absolute;
    aspect-ratio: 1/2;
    top: 60%;
    left: 80%;
    height: 6vw;
    right: 10vw;
    translate: 230% -5%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #c92905;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove07{
    position:absolute;
    aspect-ratio: 3/5;
    top: 60%;
    left: 80%;
    height: 5vw;
    right: 10vw;
    translate: -150% -240%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #32aaaa;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove08{
    position:absolute;
    aspect-ratio: 3/5;
    top: 60%;
    left: 80%;
    height: 6vw;
    right: 10vw;
    translate: 125% -195%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #05c93f;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove09{
    position:absolute;
    aspect-ratio: 1/3;
    top: 60%;
    left: 80%;
    height: 12vw;
    right: 10vw;
    translate: 280% -100%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #c92905;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove10{
    position:absolute;
    aspect-ratio: 1/2;
    top: 60%;
    left: 80%;
    height: 5vw;
    right: 10vw;
    translate: -245% -370%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #32aaaa;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove11{
    position:absolute;
    aspect-ratio: 1/2;
    top: 60%;
    left: 80%;
    height: 8vw;
    right: 10vw;
    translate: -10% -250%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #05c93f;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove12{
    position:absolute;
    aspect-ratio: 3/5;
    top: 60%;
    left: 80%;
    height: 6vw;
    right: 10vw;
    translate: 280% -345%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #c92905;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove13{
    position:absolute;
    aspect-ratio: 1/2;
    top: 60%;
    left: 80%;
    height: 6vw;
    right: 10vw;
    translate: 45% -475%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #32aaaa;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove14{
    position:absolute;
    aspect-ratio: 3/5;
    top: 60%;
    left: 80%;
    height: 6.6vw;
    right: 10vw;
    translate: 150% -415%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #05c93f;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;
}
.alcove15{
    position:absolute;
    aspect-ratio: 2/5;
    top: 60%;
    left: 80%;
    height: 9.5vw;
    right: 10vw;
    translate: 265% -390%;
    text-decoration: none;
    font-size:100%;
    color:#7a000000;
    background-color: #c92905;
    padding: 0% 0%;
    z-index: 1;
    cursor: pointer;
    opacity: 0%;    
}