@media (any-hover: hover) {
  .swiper-button-next,
.swiper-button-prev {
    display: block;
  }
  a:hover,
.extra .close:hover,
#player .close:hover,
.extra_link:not(#title):hover,
.extra_link#title .moving:hover {
    cursor: pointer;
    color: black;
  }
  #caption .fullVideo:hover {
    color: black;
    cursor: pointer;
  }
  #directions .arrow:hover {
    cursor: pointer;
  }
  #player .close:hover {
    color: blue;
  }
  #menu .projectList li.currentProject span.name:hover {
    cursor: pointer;
  }
}
@media (max-width: 2400px) {
  :root {
    --font-size: 16px;
  }
}
@media (max-width: 1600px) and (min-aspect-ratio: 3/4) {
  .extra .content {
    grid-template-columns: repeat(4, 1fr);
  }
  #description .content .info,
#informations .content .info,
#menu .content nav {
    grid-column: span 1;
  }
  #publications .content .column,
#evenements .wrapper {
    grid-column: span 4;
  }
}
@media (max-width: 1450px) and (min-aspect-ratio: 3/4) {
  .extra .content {
    column-gap: 0;
  }
  #description .content .info,
#informations .content .info,
#menu .content nav {
    grid-column: span 2;
    padding-right: calc(var(--column-gap) / 2);
  }
}
@media (min-aspect-ratio: 3/4) and (max-aspect-ratio: 1/1) {
  .extra.hover {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 15%, transparent 15%, transparent 85%, rgba(255, 255, 255, 0.9) 85%);
  }
}
@media (max-aspect-ratio: 3/4) {
  :root {
    --line-height: calc(var(--font-size) * 1.25);
    --padding-top-body: calc(var(--line-height) / 4 * 3);
  }
  /* HEADER */
  html {
    height: -webkit-fill-available;
  }
  body {
    min-height: -webkit-fill-available;
    padding-bottom: var(--line-height);
    top: 0;
  }
  body .header {
    padding-top: 0;
  }
  body .header .desktop {
    display: none;
  }
  body .header .mobile {
    display: block;
  }
  #name,
#title,
#global_counter {
    position: fixed;
    z-index: 999;
    width: unset;
    padding-top: var(--padding-top-body);
  }
  #name {
    right: var(--line-height);
  }
  #title {
    background: white;
    width: 100vw;
    left: 0;
    padding-left: var(--line-height);
    padding-right: var(--line-height);
    padding-bottom: 10px;
  }
  #name {
    z-index: 9999;
  }
  #title .target {
    max-width: calc(100vw - 5rem);
  }
  body .header > *:nth-child(2):not(.close) {
    width: calc(100% - 2rem);
    text-align: left;
  }
  #global_counter {
    right: var(--line-height);
    bottom: calc(var(--line-height) * 0.85);
    z-index: 9999;
  }
  #preview {
    display: none;
  }
  #slider,
#slider figure,
#directions .arrow {
    height: 100vh;
    height: 100dvh;
  }
  img, video {
    max-height: 100vh;
    max-height: 100dvh;
  }
  #slider {
    padding-left: 5vw;
    padding-left: var(--line-height);
    column-gap: 0;
    top: 0;
  }
  #slider figure {
    padding: 0;
  }
  #slider figure picture {
    max-height: calc(100vh - var(--line-height) * 5);
    max-height: calc(100dvh - var(--line-height) * 5);
    overflow: hidden;
  }
  #directions .arrow {
    width: 50%;
  }
  #slider figure video {
    display: none;
  }
  #slider figure .poster {
    display: block;
  }
  #caption {
    text-align: left;
    padding-left: var(--line-height);
    padding-right: 72px;
    justify-content: flex-start;
    padding-bottom: calc(var(--line-height) * 0.85);
  }
  #player,
.extra {
    background: white;
  }
  .extra {
    padding-top: 0;
  }
  .extra .lang {
    display: block;
    text-align: center;
    margin-bottom: var(--line-height);
  }
  .extra .header {
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
    width: 100%;
    margin-bottom: 4px;
    padding-bottom: calc(var(--line-height) / 2);
    padding-top: var(--padding-top-body);
  }
  .extra:not(#menu) [data-extra=menu] {
    display: none;
  }
  .extra .header > *:not(.close) {
    width: unset;
  }
  .extra .content {
    display: block;
  }
  .extra#menu .header .mobile {
    display: none;
  }
  .extra#menu .header .desktop {
    display: block;
  }
  #player {
    padding: 0;
  }
  #player .content {
    height: calc(100vh - var(--line-height) * 1);
    height: calc(100dvh - var(--line-height) * 1);
  }
  #player iframe {
    width: 100vw;
    height: 56.25vw;
  }
  #evenements table,
#evenements table td {
    display: block;
  }
  #evenements table td.full {
    text-align: center;
    margin-bottom: var(--line-height);
  }
  #evenements table td:not(:last-of-type) {
    padding-right: 0;
  }
  #evenements table tr:not(.title) td:last-of-type {
    margin-bottom: var(--line-height);
    padding-bottom: 0;
  }
  #informations .content {
    min-height: 100%;
  }
  #informations #webcredits {
    bottom: 0;
  }
  #informations .content .info:not(:last-child),
#description .content .info:not(:last-child) {
    margin-bottom: var(--line-height);
  }
}
@media (min-aspect-ratio: 2/1) {
  #player .content {
    height: 100vh;
    height: -webkit-fill-available;
    height: 100dvh;
  }
  #player .content iframe {
    height: calc(100vh - 4rem);
    height: 100dvh;
    width: calc((100vh - 4rem) / 9 * 16);
    width: 177.7777777778dvh;
  }
}
@media (max-width: 800px), (min-aspect-ratio: 2/1) {
  body.sliding #caption .fullVideo .play {
    display: none;
  }
  #caption .fullVideo {
    color: inherit;
  }
  #caption .fullVideo .play {
    position: fixed;
    top: calc(50vh - 4rem);
    top: calc(50dvh - 3rem);
    left: calc(50vw - 2rem);
    border-radius: 3rem;
    font-size: 3rem;
    line-height: 3rem;
    width: 4rem;
    padding: 0 0.15rem 0.25rem 0.25rem;
    color: blue;
    border: none;
  }
  #caption .fullVideo.default .message {
    display: none;
  }
}

/*# sourceMappingURL=responsive.css.map */