@font-face {
    font-family: 'FT88-Gothique';
    src: url('fonts/FT88-Gothique.woff2') format('woff2'),
        url('fonts/FT88-Gothique.woff') format('woff'),
        url('fonts/FT88-Gothique.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ft88-Serif';
    src: url('fonts/FT88-Serif.woff2') format('woff2'),
        url('fonts/FT88-School.woff') format('woff'),
        url('fonts/FT88-Serif.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ft88-Italic';
    src: url('fonts/FT88-Italic.woff2') format('woff2'),
        url('fonts/FT88-Italic.woff') format('woff'),
        url('fonts/FT88-Italic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: black;
    scroll-behavior: smooth;
    cursor: crosshair;
}

#load {
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: black;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 7;
}

.loading_name {
    position: fixed;
    width: auto;
    height: auto;
    font-family: 'FT88-Gothique';
    font-size: 85px;
    color: white;
    mix-blend-mode: difference;
    white-space: nowrap;
    user-select: none;
    z-index: 7;
}

#loading_name1 {
    position: fixed;
    width: auto;
    height: auto;
    top: 35vh;
    left: 20vw;
}

#loading_name2 {
    position: fixed;
    width: auto;
    height: auto;
    top: 35vh;
    left: 20vw;
}

#loading_name3 {
    position: fixed;
    width: auto;
    height: auto;
    top: 33vh;
    left: 20.8vw;
}

.contener {
    position: absolute;
    background-color: black;
    margin: 0;
    padding: 0;
    z-index: 0;
}

.name {
    position: fixed;
    width: auto;
    height: auto;
    font-family: 'FT88-Gothique';
    font-size: 55px;
    color: white;
    mix-blend-mode: difference;
    transform: rotate(270deg);
    white-space: nowrap;
    user-select: none;
    z-index: 1;
}

#name1 {
    position: fixed;
    width: auto;
    height: auto;
    top: 45vh;
    left: -14.5vw;
}

#name2 {
    position: fixed;
    width: auto;
    height: auto;
    top: 45vh;
    left: -14.5vw;
}

#name3 {
    position: fixed;
    width: auto;
    height: auto;
    top: 43vh;
    left: -15.3vw;
}

span {
    position: absolute;
    font-family: 'FT88-Gothique';
    font-size: 15px;
    color: white;
    user-select: none;
}

a {
    position: absolute;
    font-family: 'FT88-Serif';
    font-size: 10px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.italic {
    position: absolute;
    width: 30vw;
    font-family: 'FT88-Italic';
    font-size: 14.5px;
    line-height: 125%;
    color: white;
    user-select: none;
}

.text {
    position: absolute;
    width: 30vw;
    font-family: 'FT88-Serif';
    font-size: 14px;
    line-height: 125%;
    color: white;
    user-select: none;
}

.title {
    position: absolute;
    width: 15vw;
    font-family: 'FT88-Gothique';
    font-size: 15px;
    color: white;
    user-select: none;
}

#contacts {
    position: fixed;
    width: 30vw;
    height: auto;
    top: 0vh;
    left: 0vw;
    font-family: "FT88-Serif";
    font-size: 10px;
    color: white;
    white-space: nowrap;
    cursor: pointer;
}

#mail {
    position: fixed;
    width: 30vw;
    height: auto;
    top: 8.5vh;
    left: 7.5vw;
    font-family: "FT88-Serif";
    font-size: 10px;
    white-space: nowrap;
    cursor: pointer;
}

#insta {
    position: fixed;
    width: 30vw;
    height: auto;
    top: 12.5vh;
    left: 7.5vw;
    font-family: "FT88-Serif";
    font-size: 10px;
    white-space: nowrap;
    cursor: pointer;
}

#contener_text {
    position: absolute;
    width: 30vw;
    height: auto;
    top: 20vh;
    left: 25vw;
}

#poem {
    position: relative;
    margin-bottom: 5vh;
    user-select: none;
    z-index: 1;
}

#intro {
    position: relative;
    display: block;
    margin-bottom: 5vh;
    z-index: 1;
    user-select: none;
}

#text_la_chaize {
    position: relative;
    display: block;
    margin-bottom: 5vh;
    z-index: 1;
    user-select: none;
}

#text_cartographie {
    position: relative;
    display: block;
    margin-bottom: 5vh;
    z-index: 1;
    user-select: none;
}

#text_deconstruct {
    position: relative;
    display: block;
    margin-bottom: 5vh;
    z-index: 1;
    user-select: none;
}

#poem_deconstruct {
    position: relative;
    display: block;
    margin-bottom: 5vh;
    z-index: 1;
    user-select: none;
}

#menu {
    position: fixed;
    width: 20vw;
    height: 100vh;
    top: 20vh;
    left: 7.5vw;   
    mix-blend-mode: difference;
    z-index: 5;
}

#info1 {
    position: fixed;
    top: 20vh;
    left: 7.5vw;
    cursor: pointer;
    pointer-events: all;
    z-index: 5;
    user-select: contain;
}

#info2 {
    position: fixed;
    top: 20vh;
    left: 7.5vw;
    cursor: pointer;
    pointer-events: all;
    z-index: 6;
    user-select: contain;
}

#link_portfolio {
    position: fixed;
    width: auto;
    top: 25vh;
    left: 7.5vw;
    white-space: nowrap;
    cursor: pointer;
    pointer-events: all;
    user-select: none;
    z-index: 5;
}

#la_chaize1 {
    position: fixed;
    width: auto;
    top: 35vh;
    left: 7.5vw;
    white-space: nowrap;
    cursor: pointer;
    pointer-events: all;
    z-index: 5;
}

#la_chaize2 {
    position: fixed;
    width: auto;
    top: 35vh;
    left: 7.5vw;
    white-space: nowrap;
    cursor: pointer;
    pointer-events: all;
    z-index: 6;
}

#link_la_chaize {
    position: fixed;
    width: auto;
    top: 40vh;
    left: 7.5vw;
    white-space: nowrap;
    cursor: pointer;
    pointer-events: all;
    user-select: none;
    z-index: 5;
}

#cartographie1 {
    position: fixed;
    top: 50vh;
    left: 7.5vw;
    cursor: pointer;
    pointer-events: all;
    z-index: 5;
}

#cartographie2 {
    position: fixed;
    top: 50vh;
    left: 7.5vw;
    cursor: pointer;
    pointer-events: all;
    z-index: 6;
}

#link_cartographie{
    position: fixed;
    width: auto;
    top: 57vh;
    left: 7.5vw;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    pointer-events: all;
    z-index: 5;
}

#deconstruct1 {
    position: fixed;
    top: 65vh;
    left: 7.5vw;
    cursor: pointer;
    pointer-events: all;
    z-index: 5;
}

#deconstruct2 {
    position: fixed;
    top: 65vh;
    left: 7.5vw;
    cursor: pointer;
    pointer-events: all;
    z-index: 6;
}

#link_deconstruct {
    position: fixed;
    width: auto;
    top: 70vh;
    left: 7.5vw;
    white-space: nowrap;
    cursor: pointer;
    pointer-events: all;
    user-select: none;
    z-index: 5;
}

#aberiette1 {
    position: fixed;
    width: auto;
    top: 80vh;
    left: 7.5vw;
    white-space: nowrap;
    cursor: pointer;
    pointer-events: all;
    z-index: 5;
}

#aberiette2 {
    position: fixed;
    width: auto;
    top: 80vh;
    left: 7.5vw;
    white-space: nowrap;
    cursor: pointer;
    pointer-events: all;
    z-index: 5;
}

#link_aberiette {
    position: fixed;
    width: auto;
    top: 85vh;
    left: 7.5vw;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    pointer-events: all;
    z-index: 5;
}

#button_top {
    position: fixed;
    width: auto;
    font-size: 50px;
    bottom: 2vh;
    left: 10.5vw;
    white-space: nowrap;
    cursor: pointer;
    pointer-events: all;
    z-index: 5;
}

#informations {
    position: absolute;
    top: 15vh;
    left: 60vw;
    width: 20vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 14px;
    line-height: 125%;
    color: white;
    background-color: black;
    user-select: none;
    z-index: 4;
}

#text_aberiette {
    position: absolute;
    top: 15vh;
    left: 60vw;
    width: 30vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 14px;
    line-height: 125%;
    color: white;
    background-color: black;
    user-select: none;
    z-index: 4;
}

#img_la_chaize1a {
    display: block;
    position: absolute;
    width: 10vw;
    height: 15vw;
    top: 8.5vh;
    left: 60vw;
    background-image: url(img/la_chaize1a.jpg);
	background-size: 10vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize1b {
    display: block;
    position: absolute;
    width: 30vw;
    height: 45vw;
    top: 8.5vh;
    left: 40vw;
    background-image: url(img/la_chaize1b.jpg);
	background-size: 30vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize1 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize2a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 45vh;
    left: 77.5vw;
    background-image: url(img/la_chaize2a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize2b {
    display: block;
    position: absolute;
    width: 50vw;
    height: 67.5vh;
    top: 15vh;
    left: 45vw;
    background-image: url(img/la_chaize2b.jpg);
	background-size: 50vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize2 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize3a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 130vh;
    left: 60vw;
    background-image: url(img/la_chaize3a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize3b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    padding-top: 50vw;
    padding-bottom: 15vh;
    background-image: url(img/la_chaize3b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize3 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize4a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 157.5vh;
    left: 60vw;
    background-image: url(img/la_chaize4a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize4b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/la_chaize4b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize4 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize5a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 157.5vh;
    left: 77.5vw;
    background-image: url(img/la_chaize5a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize5b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/la_chaize5b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize5 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize6a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 185vh;
    left: 77.5vw;
    background-image: url(img/la_chaize6a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize6b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/la_chaize6b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize6 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize7a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 11vw;
    top: 250vh;
    left: 60vw;
    background-image: url(img/la_chaize7a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize7b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/la_chaize7b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize7 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize8a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 11vw;
    top: 250vh;
    left: 77.5vw;
    background-image: url(img/la_chaize8a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize8b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/la_chaize8b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize8 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize9a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 11vw;
    top: 277.5vh;
    left: 60vw;
    background-image: url(img/la_chaize9a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize9b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/la_chaize9b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize9 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize10a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 11vw;
    top: 277.5vh;
    left: 77.5vw;
    background-image: url(img/la_chaize10a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize10b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/la_chaize10b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize10 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize11a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 11vw;
    top: 305vh;
    left: 60vw;
    background-image: url(img/la_chaize11a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize11b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/la_chaize11b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize11 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize12a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 11vw;
    top: 305vh;
    left: 77.5vw;
    background-image: url(img/la_chaize12a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize12b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/la_chaize12b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize12 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize13a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 11vw;
    top: 332.5vh;
    left: 60vw;
    background-image: url(img/la_chaize13a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize13b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/la_chaize13b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize13 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize14a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 11vw;
    top: 332.5vh;
    left: 77.5vw;
    background-image: url(img/la_chaize14a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize14b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/la_chaize14b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize14 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize15a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 360vh;
    left: 60vw;
    background-image: url(img/la_chaize15a.jpg);
	background-size: 15vw;
	background-position: center;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize15b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize15 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize16a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 360vh;
    left: 77.5vw;
    background-image: url(img/la_chaize16a.jpg);
	background-size: 15vw;
	background-position: center;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize16b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize16 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize17a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 382.5vh;
    left: 60vw;
    background-image: url(img/la_chaize17a.jpg);
	background-size: 15vw;
	background-position: center;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize17b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize17 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize18a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 382.5vh;
    left: 77.5vw;
    background-image: url(img/la_chaize18a.jpg);
	background-size: 15vw;
	background-position: center;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize18b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize18 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize19a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 405vh;
    left: 60vw;
    background-image: url(img/la_chaize19a.jpg);
	background-size: 15vw;
	background-position: center;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize19b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize19 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize20a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 405vh;
    left: 77.5vw;
    background-image: url(img/la_chaize20a.jpg);
	background-size: 15vw;
	background-position: center;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize20b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize20 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize21a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 427.5vh;
    left: 60vw;
    background-image: url(img/la_chaize21a.jpg);
	background-size: 15vw;
	background-position: center;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize21b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize21 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_la_chaize22a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 427.5vh;
    left: 77.5vw;
    background-image: url(img/la_chaize22a.jpg);
	background-size: 15vw;
	background-position: center;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_la_chaize22b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 72.5vh;
    top: 15vh;
    left: 40vw;
    cursor: pointer;
    z-index: 2;
}

#text_la_chaize22 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie1a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 15vh;
    left: 75vw;
    background-image: url(img/cartographie1a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie1b {
    display: block;
    position: absolute;
    width: 50vw;
    height: 26.5vw;
    top: 15vh;
    left: 40vw;
    padding-bottom: 5vh;
    background-image: url(img/cartographie1b.jpg);
	background-size: 50vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie1 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie2a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 72.5vh;
    left: 60vw;
    background-image: url(img/cartographie2a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie2b {
    display: block;
    position: absolute;
    width: 50vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    padding-bottom: 5vh;
    background-image: url(img/cartographie2b.jpg);
	background-size: 50vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie2 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie3a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 130vh;
    left: 77.5vw;
    background-image: url(img/cartographie3a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie3b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie3b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie3 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie4a {
    display: block;
    position: absolute;
    width: 10vw;
    height: 15vw;
    top: 212.5vh;
    left: 60vw;
    background-image: url(img/cartographie4a.jpg);
	background-size: 10vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie4b {
    display: block;
    position: absolute;
    width: 30vw;
    height: 45vw;;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie4b.jpg);
	background-size: 30vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie4 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie5a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 452.5vh;
    left: 60vw;
    background-image: url(img/cartographie5a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie5b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie5b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie5 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie6a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 452.5vh;
    left: 77.5vw;
    background-image: url(img/cartographie6a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie6b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie6b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie6 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie7a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 477.5vh;
    left: 60vw;
    background-image: url(img/cartographie7a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie7b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie7b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie7 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie8a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 477.5vh;
    left: 77.5vw;
    background-image: url(img/cartographie8a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie8b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie8b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie8 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie9a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 502.5vh;
    left: 60vw;
    background-image: url(img/cartographie9a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie9b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie9b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie9 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie10a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 502.5vh;
    left: 77.5vw;
    background-image: url(img/cartographie10a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie10b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie10b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie10 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie11a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 527.5vh;
    left: 60vw;
    background-image: url(img/cartographie11a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie11b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie11b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie11 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie12a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 527.5vh;
    left: 77.5vw;
    background-image: url(img/cartographie12a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie12b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie12b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie12 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie13a {
    display: block;
    position: absolute;
    width: 10vw;
    height: 15vw;
    top: 552.5vh;
    left: 60vw;
    background-image: url(img/cartographie13a.jpg);
	background-size: 10vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie13b {
    display: block;
    position: absolute;
    width: 30vw;
    height: 45vw;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie13b.jpg);
	background-size: 30vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie13 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie14a {
    display: block;
    position: absolute;
    width: 10vw;
    height: 15vw;
    top: 552.5vh;
    left: 71.25vw;
    background-image: url(img/cartographie14a.jpg);
	background-size: 10vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie14b {
    display: block;
    position: absolute;
    width: 30vw;
    height: 45vw;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie14b.jpg);
	background-size: 30vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie14 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_cartographie15a {
    display: block;
    position: absolute;
    width: 10vw;
    height: 15vw;
    top: 552.5vh;
    left: 82.5vw;
    background-image: url(img/cartographie15a.jpg);
	background-size: 10vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_cartographie15b {
    display: block;
    position: absolute;
    width: 30vw;
    height: 45vw;
    top: 15vh;
    left: 40vw;
    background-image: url(img/cartographie15b.jpg);
	background-size: 30vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_cartographie15 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_deconstruct1a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 45vh;
    left: 60vw;
    background-image: url(img/deconstruct1a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_deconstruct1b {
    display: block;
    position: absolute;
    width: 50vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    padding-bottom: 5vh;
    background-image: url(img/deconstruct1b.jpg);
	background-size: 50vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_deconstruct1 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_deconstruct2a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 72.5vh;
    left: 77.5vw;
    background-image: url(img/deconstruct2a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_deconstruct2b {
    display: block;
    position: absolute;
    width: 50vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    padding-bottom: 5vh;
    background-image: url(img/deconstruct2b.jpg);
	background-size: 50vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_deconstruct2 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_deconstruct3a {
    display: block;
    position: absolute;
    width: 10vw;
    height: 10vw;
    top: 100vh;
    left: 65vw;
    background-image: url(img/deconstruct3a.jpg);
	background-size: 10vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_deconstruct3b {
    display: block;
    position: absolute;
    width: 35vw;
    height: 35vw;
    top: 15vh;
    left: 40vw;
    padding-bottom: 5vh;
    background-image: url(img/deconstruct3b.jpg);
	background-size: 35vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_deconstruct3 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_deconstruct4a {
    display: block;
    position: absolute;
    width: 10vw;
    height: 10vw;
    top: 100vh;
    left: 77.5vw;
    background-image: url(img/deconstruct4a.jpg);
	background-size: 10vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_deconstruct4b {
    display: block;
    position: absolute;
    width: 35vw;
    height: 35vw;
    top: 15vh;
    left: 40vw;
    padding-bottom: 5vh;
    background-image: url(img/deconstruct4b.jpg);
	background-size: 35vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_deconstruct4 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#img_deconstruct5a {
    display: block;
    position: absolute;
    width: 15vw;
    height: 10vw;
    top: 185vh;
    left: 60vw;
    background-image: url(img/deconstruct5a.jpg);
	background-size: 15vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
}

#img_deconstruct5b {
    display: block;
    position: absolute;
    width: 47.5vw;
    height: 67.5vh;
    top: 15vh;
    left: 40vw;
    background-image: url(img/deconstruct5b.jpg);
	background-size: 47.5vw;
	background-position: top left;
	background-repeat: no-repeat;
    cursor: pointer;
    z-index: 2;
}

#text_deconstruct5 {
    position: fixed;
    top: 20vh;
    left: 10vw;
    width: 25vw;
    padding: 5vh;
    font-family: 'FT88-Serif';
    font-size: 15px;
    color: white;
    user-select: none;
    z-index: 4;
}

#soon {
    display: none;
}