<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:target {

    /* top: 3em;
    position: relative; */
}

figure,
figure.landscape {
    max-width: 85%;
    max-height: 85%;
}

#couronne {
    display: none;
    z-index: 150;
    position: fixed;
    width: 20vw;
    right: 12%;
    bottom: 12%;
    transition-duration: 0.5s;
}


header {
    position: sticky;
    top: var(--margin-body);
    width: 100%;
    text-align: center;
    z-index: 100;
    max-width: 100%;
    display: block;
    line-height: inherit;
    text-align-last: auto;
}

header&gt;a:nth-child(1) {
    display: inherit;
    min-width: 100%;
    max-width: 100%
}

header&gt;a:nth-child(2) {
    position: initial;
    padding: 0;
    width: 100%;
}


header a {
    position: initial;
    display: block;
}

.anchor {
    top: calc(1.8em * 5);
}

nav.bottom,
nav.bottom-about {
    transform: none;
    display: block;
    bottom: 0.8em;
    position: fixed;
    z-index: 100;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100vw;
    left: 0;
    transition-duration: 0.5s;
    height: auto;

}

nav.bottom-about u {
    display: none;
}

.arrow {
    display: none;
}

nav.bottom:before,
nav.bottom-about:before {
    content: "â†’";
    transition-duration: 0.5s;
    padding: 0em 0.2em 0 var(--margin-body);
    bottom: -0.15em;
    color: white;
    font-size: 2em;
    position: relative;
    overflow: hidden;
}

nav.bottom&gt;a,
nav.bottom-about&gt;a {
    background-color: white;

    border-radius: 2em;
    filter: hue-rotate(90deg);
    transition-duration: 0.5s;
    display: inline-block;
    margin: 0;
    line-height: 2em;
    margin-bottom: 1;
    height: 2em;
    padding: 0 1em 0 1em;
    filter: saturate(0.5) brightness(1.5);

}

nav.bottom:hover {
    transition: 0.3s ease-in;
    height: auto;
}

.placeholder:nth-child(1) {
    width: 100%;
    text-align: center;
}


.placeholder:nth-child(2) {
    width: 100%;
    left: 54%;
    right: 0;
    transform: translate(-0%, -50%) rotate(90deg);
    top: 50%;
    text-align: center;
    bottom: auto;
    transform-origin: center center;
    line-height: 1;
    font-size: 0.8em;
}


.placeholder:nth-child(3) {
    width: 100%;
    text-align: center;
    text-align: center;
    font-size: 0.8em;
}


.placeholder:nth-child(4) {
    width: 100%;
    left: -54%;
    right: 0;
    transform: translate(-0%, -50%) rotate(-90deg);
    top: 50%;
    text-align: center;
    bottom: auto;
    transform-origin: center center;
    font-size: 0.8em;
}

figure.outline {
    border: var(--border) solid rgb(207, 207, 207);
}

figure.outline&gt;img {
    box-sizing: content-box;
    border: none;
}

.legendes {
    opacity: 1;
    pointer-events: none;
}

figure.outline&gt;.legendes {
    width: calc(100% + var(--border) * 2);
    left: -0.8em;
    height: calc(100% + var(--border) * 2);
    top: -0.8em;
}

.contact {
    text-align: center;
    font-weight: 200;
    display: none;
}

.contact-mobile {
    display: block;
    text-align: center;
    width: 100%;
}

.description-about,
.description-expo {
    margin-bottom: 5vh;
}

.bottom-about {

    top: auto;
    grid-column: 3/6;
    text-align: left;
}

.grille-about {
    display: block;
}

.description {
    position: initial;
    width: 100%;
}

.description:hover {
    grid-column: 1 / 7;
    grid-row: 2;
    position: initial;
    z-index: 2;
}

.img-container#video-about {
    padding-top: var(--saut-typo);
    padding-bottom: var(--saut-typo);
    max-height: none;
    max-width: none;
}

.text-snippet::before {
    display: inherit;
}

.text-snippet,
.text-snippet&gt;.title {
    width: 100%;
    left: 0;
    position: relative;
    display: inherit;
    text-align: center;
}

.text-snippet:hover {

    left: 0;

}


.text-snippet&gt;.subtitle-texts-snippet,
.text-snippet&gt;.texts-snippet {
    display: none;
}

.texts {
    margin-left: 5%;
    margin-right: 5%;
    top: 0;
    width: auto;
    line-height: 1.2;
    font-weight: normal;
    text-align: left;
    text-align-last: center;

}

.subtitle-texts {
    position: sticky;
    top: 0.7rem;
    padding-left: 0%;
    text-align: center;
    max-width: 100%;
    display: block;
    line-height: 1.2;
    text-align-last: auto;
    top: calc(var(--saut-typo)*2 + var(--margin-body));
}

figure.landscape {
    max-width: 85%;
}

figure:last-of-type&gt;img {
    margin-bottom: calc(100vh - 100% / var(--aspect-ratio) - var(--margin-body) - var(--saut-typo) - 1.2em * 2);
}</pre></body></html>