@font-face {
    font-family: 'Geist';
    src: url('fonts/Geist-Regular.woff2') format('woff2'),
        url('fonts/Geist-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: 'Geist_glyph';
    src: url('fonts/Geist-Regular_glyph.woff2') format('woff2'),
        url('fonts/Geist-Regular_glyph.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family: 'geistthin';
    src: url('fonts/geist-thin-webfont.woff2') format('woff2'),
        url('fonts/geist-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geistlight';
    src: url('fonts/geist-light-webfont.woff2') format('woff2'),
        url('fonts/geist-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    cursor: auto;
    background-color: #6F99FF;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

/* Page de chargement */

#loading {
    background: url('gif/gif-acceuil_site.gif') no-repeat center center;
    background-size: 94vw;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 9999999;
    cursor: pointer;
}

h1 {
    height: fit-content;
    width: fit-content;
    position: absolute;
    top: 3vh;
    left: 3vw;
    margin: 0;
    padding: 0;
    font-family: 'Geist';
    color: white;
    font-size: 5vw;
    font-style: normal;
    font-weight: normal;
}

#loading_responsive {
    display: none;
}

/* Page d'accueil */

p {
    font-family: 'Geist', Arial, Helvetica, sans-serif;
}

a {
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: white;
}

#home_page {
    display: none;
    position: absolute;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
    z-index: 1;
}

#intro_text {
    height: 35vw;
    width: 72vw;
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    top: 3vw;
    left: 3vw;
    margin: 0;
    /* margin-bottom: 8vh; */
    margin-top: -3vw;
    padding: 0;
    cursor: default;
    user-select: none;
}

.paragraphs {
    margin-bottom: -1.5vw;
    line-height: 120%;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-size: 2.7em;
    color: white;
}

#montagne {
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 120%;
    font-family: 'Geist_glyph', Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: white;
}

#home_menu {
    position: fixed;
    height: auto;
    width: auto;
    block-size: fit-content;
    bottom: 0vh;
    left: 3vw;
    padding: 0;
    margin-bottom: 0vh;
}

.home_menu {
    position: relative;
    display: inline-block;
    width: fit-content;
    line-height: 1.5vw;
    /* padding-top: -5vh; */
    padding-left: 0.75vw;
    padding-right: 0.75vw;
    padding-bottom: 0.5vw;
    padding-top: 0.5vw;
    margin-right: 1.5vw;
    background-color: white;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-size: 1.35em;
    color: #6F99FF;
    text-decoration: none;
    vertical-align: bottom;
    cursor: pointer;
    margin-bottom: 0vh;
}

#mail {
    width: 1.5vw;
    height: 1.5vw;
    background: url('img/enveloppe.png') no-repeat center center;
    background-size: 1.5vw;
    /* background-size: 1.1em; */
    background-color: white;
}

/* Page menu projets */

#projects_menu {
    display: none;
    position: relative;
    height: 100%;
    width: 100%;
    top: 0;
    box-sizing: border-box;
    /* display: block; */
    unicode-bidi: isolate;
    z-index: 1;
    margin-bottom: 10vh;
    padding-bottom: 10vh;
}

h2 {
    height: fit-content;
    width: fit-content;
    position: relative;
    top: 3vw;
    left: 3vw;
    margin: 0;
    padding: 0;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: white;
    font-size: 2.7em;
    font-style: normal;
    font-weight: normal;
    cursor: pointer;
    z-index: 2;
}

ul {
    position: relative;
    /* display: block; */
    width: 94vw;
    height: fit-content;
    box-sizing: border-box;
    left: 0vw;
    list-style-type: none;
    margin-top: 6vw;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-bottom: 30vh;
}

li {
    position: relative;
    padding-bottom: 0.1em;
    margin-bottom: 0vh;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 2.7em;
    color: white;
    border-bottom: solid white 0.05em;
    cursor: pointer;
    background-color: #6F99FF;
    padding-top: 0.1em;
    display: flex;
    padding-left: 0.5vw;
}

.caption_text {
    position: absolute;
    display: inline-block;
    vertical-align: text-bottom;
    max-width: fit-content;
    padding-top: 0.1em;
    left: 75vw;
    font-size: 0.4em;
    margin-bottom: 0.1em;
}

li:hover {
    background-color: white;
    color: #6F99FF;
}

.miniature {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 5.4em;
    height: 4.75em;
    top: -0.025em;
    left: 55vw;
    background-color: black;
    z-index: 2;
    transition-duration: 400ms;
    margin-bottom: -20em;
}

/* .img_h {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    width: 28.8vw;
    height: 18vw;
    left: 47vw;
    background-color: black;
    z-index: 2;
    transition-duration: 400ms;
} */

#img_relier {
    display: none;
    position: absolute;
    background: url('img/miniatures_.jpg') no-repeat center center;
    background-size: 5.7em;
}

#img_la_bouche {
    display: none;
    position: absolute;
    background: url('img/miniatures_4.jpg') no-repeat center center;
    background-size: 5.7em;
}

#img_la_criee {
    display: none;
    position: absolute;
    background: url('img/miniatures_2.jpg') no-repeat center center;
    background-size: 5.7em;
}

#img_brin_d_herbe {
    display: none;
    position: absolute;
    background: url('img/miniatures_3.jpg') no-repeat center center;
    background-size: 5.7em;
}

#img_une_super_journee {
    display: none;
    position: absolute;
    background: url('img/miniatures_5.jpg') no-repeat center center;
    background-size: 5.7em;
}

#img_la_riposte_quimperloise {
    display: none;
    position: absolute;
    background: url('img/miniatures_6.jpg') no-repeat center center;
    background-size: 5.7em;
}

#img_l_ecole_des_impatiences {
    display: none;
    position: absolute;
    background: url('img/miniatures_7.jpg') no-repeat center center;
    background-size: 5.7em;
}

#img_marie_vivu {
    display: none;
    position: absolute;
    background: url('img/miniatures_pavillonmer.jpg') no-repeat center center;
    background-size: 5.7em;
}

#img_penn_coat {
    display: none;
    position: absolute;
    background: url('img/miniatures_8.jpg') no-repeat center center;
    background-size: 5.7em;
}

#img_de_l_amant_vert_a_borgnefesse {
    display: none;
    position: absolute;
    background: url('img/miniatures_9.jpg') no-repeat center center;
    background-size: 5.7em;
}

#img_hotel_pasteur {
    display: none;
    position: absolute;
    background: url('img/miniatures_10.jpg') no-repeat center center;
    background-size: 5.7em;
    vertical-align: bottom;
}

/* Pages projets */

.projects {
    display: none;
    position: relative;
    height: fit-content;
    width: 100%;
    margin-top: 50vh;
    z-index: 1;
    background: #EEECEC;
}

.gradient {
    position: relative;
    left: 0;
    height: 12vw;
    width: 100%;
    background: linear-gradient(#6F99FF, #EEECEC 12vw);
    z-index: 2;
    padding: 0;
}

#relier_header {
    height: fit-content;
    width: fit-content;
    position: relative;
    top: 3vw;
    left: 3vw;
    margin-bottom: 0;
    padding: 0;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: #6F99FF;
    font-size: 2.15em;
    z-index: 2;
}

#la_bouche_header {
    height: fit-content;
    width: fit-content;
    position: relative;
    top: 3vw;
    left: 3vw;
    margin-bottom: 0;
    padding: 0;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: #6F99FF;
    font-size: 2.15em;
    z-index: 2;
}

#la_criee_header {
    height: fit-content;
    width: fit-content;
    position: relative;
    top: 3vw;
    left: 3vw;
    margin-bottom: 0;
    padding: 0;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: #6F99FF;
    font-size: 2.15em;
    z-index: 2;
}

#brin_d_herbe_header {
    height: fit-content;
    width: fit-content;
    position: relative;
    top: 3vw;
    left: 3vw;
    margin-bottom: 0;
    padding: 0;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: #6F99FF;
    font-size: 2.15em;
    z-index: 2;
}

#une_super_journee_header {
    height: fit-content;
    width: fit-content;
    position: relative;
    top: 3vw;
    left: 3vw;
    margin-bottom: 0;
    padding: 0;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: #6F99FF;
    font-size: 2.15em;
    z-index: 2;
}

#la_riposte_quimperloise_header {
    height: fit-content;
    width: fit-content;
    position: relative;
    top: 3vw;
    left: 3vw;
    margin: 0;
    padding: 0;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: #6F99FF;
    font-size: 2.15em;
    z-index: 2;
}

#l_ecole_des_impatiences_header {
    height: fit-content;
    width: fit-content;
    position: relative;
    top: 3vw;
    left: 3vw;
    margin: 0;
    padding: 0;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: #6F99FF;
    font-size: 2.15em;
    z-index: 2;
}

#marie_vivu_header {
    height: fit-content;
    width: fit-content;
    position: relative;
    top: 3vw;
    left: 3vw;
    margin: 0;
    padding: 0;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: #6F99FF;
    font-size: 2.15em;
    z-index: 2;
}

#penn_coat_header {
    height: fit-content;
    width: fit-content;
    position: relative;
    top: 3vw;
    left: 3vw;
    margin: 0;
    padding: 0;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: #6F99FF;
    font-size: 2.15em;
    z-index: 2;
}

#de_l_amant_vert_a_borgnefesse_header {
    height: fit-content;
    width: fit-content;
    position: relative;
    top: 3vw;
    left: 3vw;
    margin: 0;
    padding: 0;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: #6F99FF;
    font-size: 2.15em;
    z-index: 2;
}

#hotel_pasteur_header {
    height: fit-content;
    width: fit-content;
    position: relative;
    top: 3vw;
    left: 3vw;
    margin: 0;
    padding: 0;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: #6F99FF;
    font-size: 2.15em;
    z-index: 2;
}

/* #a+b {
    font-family: "geistregular";
    font-size: 2.4vw;
} */

.projects_title {
    position: relative;
    left: 3vw;
    margin-top: 0;
    font-family: 'geistthin';
    font-size: 4.95em;
    color: #6F99FF;
    user-select: none;
    margin-bottom: 3vw;
    padding: 0;
}

#relier_title {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    width: fit-content;
    height: fit-content;
    top: 0;
    left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

#la_bouche_title {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    width: fit-content;
    height: fit-content;
    top: 0;
    left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

#la_criee_title {
    position: relative;
    display: block;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    top: 0;
    left: 0;
    margin-right: 0;
    margin-top: 3vw;
    margin-bottom: -3vw;
}

#brin_d_herbe_title {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    width: fit-content;
    height: fit-content;
    top: 0;
    left: 3vw;
    margin-right: 0;
    margin-bottom: 0;
}

#une_super_journee_title {
    position: relative;
    display: block;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    top: 0;
    left: 3vw;
    margin-right: 0;
    margin-top: 3vw;
    margin-bottom: 0;
}

#la_riposte_quimperloise_title {
    position: relative;
    display: block;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    top: 0;
    left: 3vw;
    margin-right: 0;
    margin-top: 3vw;
    margin-bottom: 0;
}

#l_ecole_des_impatiences_title {
    position: relative;
    display: block;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    top: 0;
    left: 0;
    margin-right: 0;
    margin-top: 9vw;
    margin-bottom: 0;
}

#marie_vivu_title {
    position: relative;
    display: block;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    width: fit-content;
    height: fit-content;
    top: 0;
    left: 3vw;
    margin-top: 3vw;
    margin-right: 0;
    margin-bottom: 0;
}

#penn_coat_title {
    position: relative;
    display: block;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    top: 0;
    left: 3vw;
    margin-right: 0;
    margin-top: 3vw;
    margin-bottom: -3vw;
}

#de_l_amant_vert_a_borgnefesse_title {
    position: relative;
    display: block;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    top: 0;
    left: 3vw;
    margin-right: 0;
    margin-top: 3vw;
    margin-bottom: -3vw;
}

#hotel_pasteur_title {
    position: relative;
    display: block;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    width: fit-content;
    height: fit-content;
    top: 0;
    left: 3vw;
    margin-top: 3vw;
    margin-right: 0;
    margin-bottom: 0;
}

.projects_text {
    height: fit-content;
    width: 94vw;
    position: relative;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-size: 1.89em;
    line-height: 125%;
    color: #6F99FF;
    user-select: none;
    margin: 0;
}

.projects_caption {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    /* margin-right: 4vw; */
    font-size: 1.075em;
    line-height: 125%;
}

.link {
    text-decoration: none;
    color: #6F99FF;
}

#relier_caption {
    position: relative;
    vertical-align: bottom;
    width: 94vw;
    top: 0vh;
    left: 3vw;
    font-size: 1.075em;
    color: #6F99FF;
}

#la_bouche_caption {
    position: relative;
    top: 0vh;
    left: 3vw;
    font-size: 1.075em;
    color: #6F99FF;
}

#la_criee_caption {
    position: relative;
    vertical-align: bottom;
    top: 0vh;
    left: 3vw;
    font-size: 1.075em;
    color: #6F99FF;
}

#brin_d_herbe_caption_1 {
    position: relative;
    vertical-align: bottom;
    top: 0vh;
    left: 3vw;
    font-size: 1.075em;
    color: #6F99FF;
}

#relier_caption_1 {
    left: auto;
    margin-left: 30vw;
}

#relier_caption_2 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: auto;
    right: 0vw;
    margin-left: 6vw;
}

#la_bouche_caption_1 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: auto;
    margin-left: 30vw;
    padding: 0;
}

#la_bouche_caption_2 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: auto;
    right: 0vw;
    margin-left: 6vw;
    margin-top: 1vw;
    padding: 0;
}

#la_criee_caption_1 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 0.5vw;
    margin-top: 0;
}

#la_criee_caption_2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 9vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 2vw;
    margin-top: 0;
}

#la_criee_caption_3 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 2.5vw;
    margin-top: 0;
}

#la_criee_caption_4 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 2.5vw;
    margin-top: 0;
}

#la_criee_caption_5 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 1.5vw;
    margin-top: 0;
}

#la_criee_caption_6 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 1.5vw;
    margin-top: 0;
}

#brin_d_herbe_caption_2 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: fit-content;
    height: fit-content;
    left: auto;
    right: 0vw;
    margin-left: 6vw;
    color: #6F99FF;
    margin-bottom: 0;
}

#brin_d_herbe_caption_1 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: fit-content;
    height: fit-content;
    left: auto;
    margin-left: 9vw;
    margin-bottom: 0;
}

#une_super_journee_caption_1 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    left: 3vw;
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 3.5vw;
    margin-top: -3vw;
}

#une_super_journee_caption_2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 2vw;
    margin-top: -3vw;
}

#une_super_journee_caption_3 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 30vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 4vw;
    margin-bottom: 3vw;
    margin-top: -3vw;
}

#une_super_journee_caption_4 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 25vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-top: -3vw;
}

#la_riposte_quimperloise_caption_1 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    left: 3vw;
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 4vw;
    margin-top: -3vw;
    margin-bottom: 3vw;
}

#la_riposte_quimperloise_caption_2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 1vw;
    margin-top: -3vw;
    margin-bottom: 3vw;
}

#la_riposte_quimperloise_caption_3 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 30vw;
    top: 0vh;
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 4vw;
    margin-top: -3vw;
    margin-bottom: 3vw;
}

#l_ecole_des_impatiences_caption_1 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: fit-content;
    top: 0vh;
    left: 0vw;
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 6vw;
    margin-top: -3vw;
    margin-bottom: 3vw;
}

#l_ecole_des_impatiences_caption_2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: fit-content;
    top: 0vh;
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 1vw;
    margin-top: -3vw;
    margin-bottom: 3vw;
}

#marie_vivu_caption_1 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    left: 3vw;
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 3.5vw;
    margin-top: -3vw;
}

#marie_vivu_caption_2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 2vw;
    margin-top: -3vw;
}

#marie_vivu_caption_3 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 30vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 4vw;
    margin-bottom: 3vw;
    margin-top: -3vw;
}

#penn_coat_caption_1 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: fit-content;
    top: 0vh;
    left: 3vw;
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 6vw;
    margin-top: 0;
}

#penn_coat_caption_2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: fit-content;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 2vw;
    margin-top: 0;
}

#penn_coat_caption_3 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: fit-content;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 2.5vw;
    margin-top: 0;
}

#penn_coat_caption_4 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: fit-content;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 2.5vw;
    margin-top: 0;
}

#penn_coat_caption_5 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: fit-content;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 1.5vw;
    margin-top: 0;
}

#de_l_amant_vert_a_borgnefesse_caption_1 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: fit-content;
    top: 0vh;
    left: 3vw;
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 6vw;
    margin-top: 0;
}

#de_l_amant_vert_a_borgnefesse_caption_2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: fit-content;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 2vw;
    margin-top: 0;
}

#de_l_amant_vert_a_borgnefesse_caption_3 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: fit-content;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 2.5vw;
    margin-top: 0;
}

#de_l_amant_vert_a_borgnefesse_caption_4 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: fit-content;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 2.5vw;
    margin-top: 0;
}

#de_l_amant_vert_a_borgnefesse_caption_5 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: fit-content;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 1.5vw;
    margin-top: 0;
}

#hotel_pasteur_caption_1 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    left: 3vw;
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 3.5vw;
    margin-top: -3vw;
}

#hotel_pasteur_caption_2 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 15vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 2vw;
    margin-top: -3vw;
}

#hotel_pasteur_caption_3 {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 30vw;
    top: 0vh;
    /* left: 3vw; */
    font-size: 1.075em;
    color: #6F99FF;
    margin-right: 4vw;
    margin-bottom: 3vw;
    margin-top: -3vw;
}

#relier_images {
    position: relative;
    width: 94vw;
    top: -8vh;
    left: 3vw;
}

#la_bouche_images {
    position: relative;
    width: 94vw;
    top: -8vh;
    left: 3vw;
}

#la_criee_images {
    position: relative;
    width: 94vw;
    top: -8vh;
    left: 3vw;
}

#relier_text {
    width: 92.5vw;
    font-size: 1.89em;
    margin-bottom: 3vw;
}

#la_bouche_text {
    width: 92.5vw;
    font-size: 1.89em;
    margin-bottom: 3vw;
}

#la_criee_text {
    width: 92.5vw;
    font-size: 1.89em;
    margin-bottom: 3vw;
}

#brin_d_herbe_text {
    left: 3vw;
    top: 0;
    width: 92.5vw;
    font-size: 1.89em;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

#une_super_journee_text {
    position: relative;
    left: 3vw;
    /* top: -9vh; */
    width: 92.5vw;
    height: fit-content;
    font-size: 1.89em;
    margin-bottom: 0;
}

#une_super_journee_text_2 {
    /* top: -9vh; */
    width: 92.5vw;
    font-size: 1em;
    top: 0;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

#la_riposte_quimperloise_text {
    left: 3vw;
    top: 0;
    width: 92.5vw;
    font-size: 1.89em;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

#l_ecole_des_impatiences_text {
    left: 0vw;
    top: 0;
    width: 92.5vw;
    font-size: 1.89em;
    margin-top: -3vw;
    margin-bottom: 3vw;
}

#marie_vivu_text {
    left: 3vw;
    top: 0;
    width: 92.5vw;
    font-size: 1.89em;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

#penn_coat_text {
    left: 3vw;
    top: 0;
    width: 92.5vw;
    font-size: 1.89em;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

#de_l_amant_vert_a_borgnefesse_text {
    left: 3vw;
    top: 0;
    width: 92.5vw;
    font-size: 1.89em;
    margin-top: 3vw;
    margin-bottom: 6vw;
}

#hotel_pasteur_text {
    left: 3vw;
    top: 0;
    width: 92.5vw;
    font-size: 1.89em;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

#l_ecole_des_impatiences_caption {
    position: relative;
    top: -6vh;
    left: 3vw;
    font-size: 1.2vw;
    color: #6F99FF;
}

#l_ecole_des_impatiences_images {
    position: relative;
    width: 94vw;
    top: -3vh;
    left: 3vw;
}

.projects_images {
    position: relative;
    width: 94vw;
    height: fit-content;
    padding-bottom: 8vh;
}

.projects_image_v {
    display: inline-block;
    vertical-align: middle;
    width: 45.5vw;
    height: 56vw;
    margin-top: 0;
    margin-bottom: 1.5vw;
    /* margin-right: 1.5vw; */
    background-color: black;
}

.projects_image_h {
    width: 92.5vw;
    height: 57vw;
    margin-top: 0;
    margin-bottom: 1.5vw;
    background-color: black;
}

.projects_image_l {
    width: 92vw;
    height: 25vw;
    margin-top: 0;
    margin-bottom: 1.5vw;
    background-color: black;
}

#project_menu {
    position: fixed;
    height: auto;
    width: auto;
    block-size: fit-content;
    bottom: 0vh;
    left: 3vw;
    padding: 0;
    margin-bottom: 0vh;
}

/* #project_menu_BH {
    position: fixed;
    height: auto;
    width: auto;
    block-size: fit-content;
    bottom: 0vh;
    left: 3vw;
    padding: 0;
    margin-top: -125vh;
} */

.project_menu {
    position: relative;
    display: inline-block;
    width: fit-content;
    line-height: 1.5vw;
    padding-top: -5vh;
    padding-left: 0.75vw;
    padding-right: 0.75vw;
    padding-bottom: 0.5vw;
    padding-top: 0.5vw;
    margin-right: 1.5vw;
    background-color: white;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-size: 1.35em;
    color: #6F99FF;
    text-decoration: none;
    vertical-align: bottom;
    cursor: pointer;
    margin-bottom: 0vh;
}

#relier_image01 {
    position: relative;
    display: flex;
    width: 92.5vw;
    height: 60vw;
    /* vertical-align: top; */
    background: url('img/1_relier_a+bstudio.png') no-repeat top center;
    background-size: 92.5vw;
    margin-bottom: 0vw;
}

#relier_image02 {
    position: relative;
    display: flex;
    width: 92.5vw;
    height: 137vw;
    background: url('img/2_relier_a+bstudio.png') no-repeat top center;
    background-size: 92.5vw;
}

#relier_image01_responsive {
    display: none;
}

#relier_image02_responsive {
    display: none;
}

/* #relier_image03 {
    position: relative;
    background: url('img/.jpg') no-repeat center center;
    background-size: 45vw;
    top: -6vh;
}

#relier_image04 {
    position: relative;
    background: url('img/.jpg') no-repeat center center;
    background-size: 45vw;
    top: -6vh;
}

#relier_image05 {
    position: relative;
    background: url('img/relier_a+bstudio_05.jpg') no-repeat center center;
    background-size: 25vw;
    top: -6vh;
}

#relier_image06 {
    position: relative;
    background: url('img/relier_a+bstudio_06.jpg') no-repeat center center;
    background-size: 25vw;
    top: -6vh;
}

#relier_image07 {
    position: relative;
    background: url('img/relier_a+bstudio_07.jpg') no-repeat center center;
    background-size: 25vw;
    top: -6vh;
}

#relier_image08 {
    position: relative;
    background: url('img/relier_a+bstudio_08.jpg') no-repeat center center;
    background-size: 25vw;
    top: -6vh;
}

#relier_image09 {
    position: relative;
    background: url('img/relier_a+bstudio_09.jpg') no-repeat center center;
    background-size: 92.5vw;
    top: -6vh;
} */

#la_bouche_image01 {
    position: relative;
    display: block;
    background: url('img/LaBouche_a+bstudio_01.jpg') no-repeat center center;
    background-size: 92.5vw;
    top: 0;
    margin-bottom: 0;
}

#la_bouche_image02 {
    position: relative;
    display: block;
    width: 92.5vw;
    height: 165vw;
    background: url('img/01_labouche_a+bstudio.png') no-repeat top center;
    background-size: 92.5vw;
    margin-bottom: 0;
}

#la_bouche_image02_responsive {
    display: none;
}

#la_bouche_image03_responsive {
    display: none;
}

#la_bouche_image04_responsive {
    display: none;
}

#la_bouche_image05_responsive {
    display: none;
}

/* #la_bouche_image03 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/LaBouche_a+bstudio_03.jpg') no-repeat center center;
    background-size: 45.5vw;
    margin-bottom: 1vh;
}

#la_bouche_image04 {
    position: relative;
    background: url('img/LaBouche_a+bstudio_04.jpg') no-repeat center center;
    background-size: 92.25vw;
    top: -4vh;
}

#la_bouche_image05 {
    position: relative;
    background: url('img/LaBouche_a+bstudio_05.jpg') no-repeat center center;
    background-size: 92.25vw;
    top: -15vh;
    margin-bottom: -25vh;
} */

#la_criee_image01 {
    position: relative;
    display: flex;
    width: 92.5vw;
    height: 95vw;
    background: url('img/01_lacriee_a+bstudio.png') no-repeat top center;
    background-size: 92.5vw;
    top: 0;
    margin-top: 6vw;
    margin-bottom: 3vw;
}

#la_criee_image02 {
    position: relative;
    display: flex;
    width: 92.5vw;
    height: 100vw;
    background: url('img/02_lacriee_a+bstudio.png') no-repeat top center;
    background-size: 92.5vw;
    top: 0;
    margin: 0;
}

#la_criee_image01_respsonive {
   display: none;
}
#la_criee_image02_respsonive {
    display: none;
 }
 #la_criee_image03_respsonive {
    display: none;
 }
 #la_criee_image04_respsonive {
    display: none;
 }
 #la_criee_image05_respsonive {
    display: none;
 }
 #la_criee_image06_respsonive {
    display: none;
 }

/* #la_criee_image03 {
    width: 61.5vw;
    height: 40vw;
    margin-top: 9vh;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/LaCriee_a+bstudio_03.jpg') no-repeat center center;
    background-size: 61.5vw;
    margin-bottom: -2vh;
}

#la_criee_image04 {
    position: relative;
    background: url('img/LaCriee_a+bstudio_04.jpg') no-repeat center center;
    background-size: 92.25vw;
    height: 62vw;
    top: 0;
}

#la_criee_image05 {
    width: 30vw;
    height: 40vw;
    margin-top: -5vh;
    margin-bottom: 1.5vw;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/LaCriee_a+bstudio_05.jpg') no-repeat center center;
    background-size: 30vw;
    margin-right: 0.5vw;
    margin-bottom: 1vh;
    left: 0;
}

#la_criee_image06 {
    width: 61.5vw;
    height: 40vw;
    margin-top: -5vh;
    margin-bottom: 1.5vw;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/LaCriee_a+bstudio_06.jpg') no-repeat center center;
    background-size: 61.5vw;
    margin-bottom: 1vh;
} */

#brin_d_herbe_image01 {
    position: relative;
    display: flex;
    background: url('img/BH_a+bstudio_01.jpg') no-repeat top center;
    height: 52vw;
    background-size: 92.5vw;
    top: 0;
    left: 3vw;
    margin-top: 0;
    margin-bottom: 0;
}

#brin_d_herbe_image02 {
    position: relative;
    display: flex;
    width: 92.5vw;
    height: 150vw;
    background: url('img/2_BH_a+bstudio.png') no-repeat center center;
    background-size: 95.5vw;
    top: 0;
    left: 3vw;
    margin-bottom: 3vw;
}

#brin_d_herbe_image02_responsive {
    display: none;
}
#brin_d_herbe_image03_responsive {
    display: none;
}
#brin_d_herbe_image04responsive {
    display: none;
}
#brin_d_herbe_image05_responsive {
    display: none;
}
#brin_d_herbe_image06_responsive {
    display: none;
}
#brin_d_herbe_image07_responsive {
    display: none;
}
#brin_d_herbe_image08_responsive {
    display: none;
}


/* #brin_d_herbe_image03 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/BH_a+bstudio_04.jpg') no-repeat center center;
    background-size: 45.5vw;
    margin-bottom: 1vh;
    left: 3vw;
    top: -7vh;
}

#brin_d_herbe_image04 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/BH_a+bstudio_08.jpg') no-repeat center center;
    background-size: 45.5vw;
    margin-right: 1vw;
    margin-bottom: 1vh;
    left: 3vw;
    top: -5vh;
}

#brin_d_herbe_image05 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 45.5vw;
    height: 27vw;
    background: url('img/BH_a+bstudio_03.jpg') no-repeat center center;
    background-size: 45.5vw;
    left: 3vw;
    top: -5vh;
    margin-bottom: 1vh;
}

#brin_d_herbe_image06 {
    position: relative;
    display: block;
    width: 45.5vw;
    height: 27vw;
    background: url('img/BH_a+bstudio_06.jpg') no-repeat center center;
    background-size: 45.5vw;
    left: 49.75vw;
    top: -65vh;
    margin-bottom: 1vh;
}

#brin_d_herbe_image07 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 45.5vw;
    height: 27vw;
    background: url('img/BH_a+bstudio_07.jpg') no-repeat center center;
    background-size: 45.5vw;
    left: 3vw;
    top: -63vh;
    margin-right: 1vw;
    margin-bottom: -65vh;
}

#brin_d_herbe_image08 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 45.5vw;
    height: 27vw;
    background: url('img/BH_a+bstudio_09.jpg') no-repeat center center;
    background-size: 45.5vw;
    left: 3vw;
    top: -63vh;
    margin-bottom: -65vh;
} */

#une_super_journee_image01 {
    position: relative;
    display: flex;
    background: url('img/01_USJ_a+bstudio.png') no-repeat top center;
    height: 52vw;
    background-size: 92.5vw;
    top: 0;
    left: 0;
    margin-top: 3vw;
    margin-bottom: 0;
}

#une_super_journee_image02 {
    position: relative;
    display: flex;
    background: url('img/02_USJ_a+bstudio.png') no-repeat top center;
    width: 92.5vw;
    height: 262vw;
    background-size: 92.5vw;
    top: 0;
    margin-top: 0;
    margin-bottom: 3vw;
}

#une_super_journee_image01_responsive {
    display: none;
}
#une_super_journee_image02_responsive {
    display: none;
}
#une_super_journee_image03_responsive {
    display: none;
}
#une_super_journee_image04_responsive {
    display: none;
}
#une_super_journee_image05_responsive {
    display: none;
}
#une_super_journee_image06_responsive {
    display: none;
}
#une_super_journee_image07_responsive {
    display: none;
}
#une_super_journee_image08_responsive {
    display: none;
}
#une_super_journee_image09_responsive {
    display: none;
}
#une_super_journee_image10_responsive {
    display: none;
}
#une_super_journee_image11_responsive {
    display: none;
}
#une_super_journee_image12_responsive {
    display: none;
}


/* #une_super_journee_image03 {
    position: relative;
    background: url('img/USJ_a+bstudio_03.jpg') no-repeat center center;
    background-size: 92.5vw;
    top: -5vh;
}

#une_super_journee_image04 {
    width: 30vw;
    height: 40vw;
    margin-top: -15vh;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/USJ_a+bstudio_04.jpg') no-repeat center center;
    background-size: 30vw;
    margin-right: 0.5vw;
    margin-bottom: -2vh;
    left: 0;
}

#une_super_journee_image05 {
    width: 61.5vw;
    height: 40vw;
    margin-top: -15vh;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/USJ_a+bstudio_05.jpg') no-repeat center center;
    background-size: 61.5vw;
    margin-bottom: -2vh;
}

#une_super_journee_image06 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/USJ_a+bstudio_06.jpg') no-repeat center center;
    background-size: 45.5vw;
    margin-right: 1vw;
    margin-bottom: 4vh;
}

#une_super_journee_image07 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/USJ_a+bstudio_07.jpg') no-repeat center center;
    background-size: 45.5vw;
    margin-bottom: 4vh;
}

#une_super_journee_image08 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 45.5vw;
    height: 27vw;
    background: url('img/USJ_a+bstudio_08.jpg') no-repeat center center;
    background-size: 45.5vw;
    margin-right: 1vw;
    margin-bottom: 4vh;
}

#une_super_journee_image09 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 45.5vw;
    height: 27vw;
    background: url('img/USJ_a+bstudio_09.jpg') no-repeat center center;
    background-size: 45.5vw;
    margin-bottom: 4vh;
}

#une_super_journee_image10 {
    position: relative;
    background: url('img/USJ_a+bstudio_10.jpg') no-repeat center center;
    background-size: 92.5vw;
    top: -6vh;
    margin-bottom: -8vh;
}

#une_super_journee_image11 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 45.5vw;
    height: 27vw;
    background: url('img/USJ_a+bstudio_11.jpg') no-repeat center center;
    background-size: 45.5vw;
    margin-right: 1vw;
}

#une_super_journee_image12 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 45.5vw;
    height: 27vw;
    background: url('img/USJ_a+bstudio_12.jpg') no-repeat center center;
    background-size: 45.5vw;
} */

#la_riposte_quimperloise_image01 {
    position: relative;
    display: flex;
    background: url('img/1-ripostequimperloise_a+bstudio.png') no-repeat top center;
    width: 92.5vw;
    height: 59vw;
    background-size: 92.5vw;
    left: 3vw;
    top: 0;
    margin-top: 0;
    margin-bottom: -1vw;
}

#la_riposte_quimperloise_image02 {
    position: relative;
    display: flex;
    vertical-align: top;
    background: url('gif/2-ripostequimperloise_a+bstudio.gif') no-repeat top center;
    left: 3vw;
    top: 0;
    width: 92.5vw;
    height: 85vw;
    background-size: 92.5vw;
    margin-top: 0;
    margin-bottom: 6vw;
}

#la_riposte_quimperloise_image01_responsive {
   display: none;
}

#la_riposte_quimperloise_image02_responsive {
    display: none;
 }

/* #la_riposte_quimperloise_image03 {
    width: 61.5vw;
    height: 40vw;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/02_RQ_a+bstudio.jpg') no-repeat center center;
    background-size: 61.5vw;
    margin-right: 0.5vw;
    margin-top: -2vh;
    left: 3vw;
}

#la_riposte_quimperloise_image04 {
    width: 30vw;
    height: 40vw;
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/01_RQ_a+bstudio.jpg') no-repeat center center;
    background-size: 30vw;
    margin-top: -2vh;
    left: 3vw;
}

#la_riposte_quimperloise_image05 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/03_RQ_a+bstudio.jpg') no-repeat center center;
    background-size: 45.5vw;
    width: 45.5vw;
    height: 45.5vw;
    left: 3vw;
    margin-right: 1vw;
    margin-bottom: 1vh;
}

#la_riposte_quimperloise_image06 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background: url('img/04_RQ_a+bstudio.jpg') no-repeat center center;
    width: 45.5vw;
    height: 45.5vw;
    left: 3vw;
    background-size: 45.5vw;
    margin-bottom: 1vh;
} */


#l_ecole_des_impatiences_image01 {
    position: relative;
    display: flex;
    vertical-align: top;
    background: url('img/EDI_a+bstudio.png') no-repeat top center;
    left: 0vw;
    top: 0;
    width: 92.5vw;
    height: 115vw;
    background-size: 92.5vw;
    margin-top: 0;
    margin-bottom: 3vw;
}

#l_ecole_des_impatiences_image01_responsive {
    display: none;
}

#l_ecole_des_impatiences_image02_responsive {
    display: none;
}

#l_ecole_des_impatiences_image03_responsive {
    display: none;
}

#marie_vivu_image01 {
    position: relative;
    display: block;
    background: url('img/MAREVIVU_a+bstudio_02.jpg') no-repeat top center;
    width: 92.5vw;
    height: 60vw;
    background-size: 92.5vw;
    top: 0;
    left: 3vw;
    margin-bottom: 0;
}

#marie_vivu_image02 {
    position: relative;
    display: block;
    background: url('img/marevivu_a+bstudio.png') no-repeat top center;
    width: 92.5vw;
    height: 115vw;
    background-size: 92.5vw;
    top: 0;
    left: 3vw;
    margin-bottom: 1.5vw;
}

#marie_vivu_image02_responsive {
   display: none;
}

#marie_vivu_image03_responsive {
    display: none;
 }

 #marie_vivu_image04_responsive {
    display: none;
 }

 #marie_vivu_image05_responsive {
    display: none;
 }

#marie_vivu_credits {
    display: block;
    position: relative;
    width: fit-content;
    top: 0vh;
    left: 3vw;
    font-size: 1.075em;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    color: #6F99FF;
    margin-right: 0;
    margin-top: -3vw;
    margin-bottom: 6vw;
}

#penn_coat_image01 {
    position: relative;
    display: block;
    background: url('img/PENNCOAT_a+bstudio_01.jpg') no-repeat top center;
    width: 92.5vw;
    height: 52vw;
    background-size: 92.5vw;
    top: 0;
    left: 3vw;
    margin-top: 3vw;
    margin-bottom: 0;
}

#penn_coat_image02 {
    position: relative;
    display: block;
    background: url('img/2_penncoat_a+bstudio.png') no-repeat top center;
    width: 92.5vw;
    height: 52vw;
    background-size: 92.5vw;
    top: 0;
    left: 3vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

#penn_coat_image02_respsonsive {
   display: none;
}

#penn_coat_image03_respsonsive {
    display: none;
 }

#penn_coat_video01 {
    position: relative;
    display: block;
    width: 92.5vw;
    height: 45vw;
    background-size: 92.5vw;
    top: 0;
    left: 3vw;
}

#penn_coat_image03 {
    position: relative;
    display: block;
    background: url('img/5-6_penncoat_a+bstudio.png') no-repeat top center;
    width: 92.5vw;
    height: 30vw;
    background-size: 92.5vw;
    top: 0;
    left: 3vw;
    margin-top: 3vw;
    margin-bottom: 6vw;
}

#penn_coat_image04_respsonsive {
    display: none;
 }

 #penn_coat_image05_respsonsive {
    display: none;
 }

#de_l_amant_vert_a_borgnefesse_image01 {
    position: relative;
    display: block;
    background: url('img/01_machintoshages_a+bstudio.png') no-repeat top center;
    width: 92.5vw;
    height: 55vw;
    background-size: 92.5vw;
    top: 0;
    left: 3vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

#de_l_amant_vert_a_borgnefesse_image01_responsive {
    display: none;
}

#de_l_amant_vert_a_borgnefesse_image02_responsive {
    display: none;
}

#de_l_amant_vert_a_borgnefesse_image03_responsive {
    display: none;
}

#hotel_pasteur_image01 {
    position: relative;
    display: block;
    background: url('img/01_a+bstudio.png') no-repeat top center;
    width: 92.5vw;
    height: 57vw;
    background-size: 92.5vw;
    top: 0;
    left: 3vw;
    margin-top: 3vw;
    margin-bottom: 0;
}

#hotel_pasteur_image02 {
    position: relative;
    display: block;
    background: url('img/02_a+bstudio.png') no-repeat top center;
    width: 92.5vw;
    height: 110vw;
    background-size: 92.5vw;
    top: 0;
    left: 3vw;
    margin-bottom: 6vw;
}

#hotel_pasteur_image01_responsive {
    display: none;
}

#hotel_pasteur_image02_responsive {
    display: none;
}

#hotel_pasteur_image03_responsive {
    display: none;
}

#hotel_pasteur_image04_responsive {
    display: none;
}

#hotel_pasteur_image05_responsive {
    display: none;
}

/* Page Romane+Louise */

#romane_louise_home {
    position: absolute;
    height: max-content;
    width: 100vw;
    margin: 0;
    padding: 0;
    z-index: 1;
    color: white;
}

#romane_louise_header {
    position: relative;
    height: fit-content;
    width: 94vw;
    left: 3vw;
    margin-bottom: 3vw;
    /* font-size: 1.89em; */
    /* line-height: 120%; */
    border-bottom: solid white 0.25vh;
    cursor: default;
    user-select: none;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
}

#romane_louise_text1 {
    font-size: 1.89em;
    line-height: 120%;
    margin-bottom: 1vh;
}

#romane_louise_text2 {
    font-size: 1.89em;
    line-height: 120%;
    margin-bottom: 1vh;
}

#romane_louise_text3 {
    font-size: 1.89em;
    line-height: 120%;
    margin-bottom: 2.5vw;
}

#romane_louise_intro {
    position: relative;
    height: min-content;
    width: 94vw;
    margin-bottom: 3vw;
    left: 3vw;
    cursor: default;
    user-select: none;
    border-bottom: solid white 0.25vh;
}

#romane {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 46vw;
    margin-right: 1vw;
    margin-bottom: 1.5vw;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-size: 1.35em;
    line-height: 120%;
}

#romane_header {
    font-size: 1.89em;
    margin-bottom: 0vh;
    font-family: 'geistthin', Arial, Helvetica, sans-serif;
    ;
}

#louise {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 46vw;
    padding-bottom: 3.75vh;
    margin-bottom: 0vh;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-size: 1.35em;
    line-height: 120%;
}

#louise_header {
    display: inline-block;
    vertical-align: top;
    font-size: 1.89em;
    top: 0;
    padding-top: -15vh;
    margin-bottom: 0vh;
    font-family: 'geistthin', Arial, Helvetica, sans-serif;
    ;
}

/* #listing {
    position: relative;
    height: fit-content;
    width: 94vw;
    margin-bottom: 2vh;
    left: 2vw;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.4vw;
    line-height: 120%;
    cursor: default;
    user-select: none;
    border-bottom: solid white;
} */

/* #commanditaires_list {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-bottom: none;
    width: 46vw;
    margin-top: 0;
    margin-right: 1vw;
    margin-bottom: 0;
    list-style-type: none;
} */

/* #partenaires_list {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-bottom: none;
    width: 46vw;
    margin-top: 0;
    margin-right: 0vw;
    margin-bottom: 0;
    list-style-type: none;
} */

/* .top_list {
    display: block;
    font-weight: lighter;
    border-bottom: none;
    margin-bottom: 4vh;
    list-style-type: none;
    cursor: default;
} */

/* .list {
    font-weight: normal;
    border-bottom: none;
    margin-bottom: 2vh;
    list-style-type: none;
    cursor: default;
} */

/* .top_list:hover {
    background-color: #758ced;
    color: white;
    user-select: none;
} */

/* .list:hover {
    background-color: #758ced;
    color: white;
    user-select: none;
} */

#romane_louise_img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 30vw;
    width: 100vw;
    margin-top: 3vw;
    background: url('img/Composition_page-romane+louise.png') no-repeat center center;
    background-size: 50vw;
    z-index: 4;
    margin-bottom: 3vw;
}

#outro_text {
    position: relative;
    height: fit-content;
    width: 94vw;
    left: 3vw;
    top: 0;
    margin-top: 0;
    margin-bottom: 0vh;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-size: 1.89em;
    line-height: 125%;
    cursor: default;
    user-select: none;
}

#outro_mail {
    color: white;
}

#romane_louise_credits {
    position: relative;
    height: fit-content;
    width: auto;
    block-size: fit-content;
    margin-bottom: 1.5vw;
    bottom: 0;
    left: 50vw;
}

#credits1 {
    position: relative;
    display: inline-block;
    width: fit-content;
    max-height: 2.5vw;
    height: fit-content;
    margin-right: 4vw;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-size: 1.35em;
    color: white;
    text-decoration: none;
    vertical-align: middle;
    cursor: default;
}

#credits2 {
    position: relative;
    display: inline-block;
    width: fit-content;
    max-height: 2.5vw;
    height: fit-content;
    margin-right: 4vw;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-size: 1.35em;
    color: white;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
}

#credits3 {
    position: relative;
    display: inline-block;
    width: fit-content;
    max-height: 2.5vw;
    height: fit-content;
    margin-right: 4vw;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-size: 1.35em;
    color: white;
    text-decoration: none;
    vertical-align: middle;
    cursor: default;
}

#romane_louise_menu {
    position: fixed;
    height: auto;
    width: auto;
    block-size: fit-content;
    bottom: 0vh;
    left: 3vw;
    padding: 0;
    margin-bottom: 0vh;
}

.romane_louise_menu {
    position: relative;
    display: inline-block;
    width: fit-content;
    line-height: 1.5vw;
    padding-top: -5vh;
    padding-left: 0.75vw;
    padding-right: 0.75vw;
    padding-bottom: 0.5vw;
    padding-top: 0.5vw;
    margin-right: 1.5vw;
    background-color: white;
    font-family: 'Geist', Arial, Helvetica, sans-serif;
    font-size: 1.35em;
    color: #6F99FF;
    text-decoration: none;
    vertical-align: bottom;
    cursor: pointer;
    margin-bottom: 0vh;
}

#space_responsive {
    position: relative;
    display: block;
    height: 12vw;
    width: 82vw;
}