@charset "UTF-8";
:root {
  --font-size: 0.85rem;
  --border: 3px;
  --content-width: 65rem;
  --max-width: 1308px;
  --debord: calc(3rem + 7px); }

li {
  list-style: none;
  line-height: 1rem; }

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: black; }

a:visited {
  color: black; }

::-moz-selection {
  background: black;
  color: white; }

::selection {
  background: black;
  color: white; }

::-webkit-scrollbar {
  display: none; }

html {
  font-family: aaa, sans-serif;
  font-size: 16px;
  letter-spacing: 0.02em;
  font-feature-settings: "kern" on, "liga" off, "calt" on;
  -moz-font-feature-settings: "kern" on, "liga" off, "calt" on;
  -webkit-font-feature-settings: "kern" on, "liga" off, "calt" on;
  -ms-font-feature-settings: "kern" on, "liga" off, "calt" on;
  -o-font-feature-settings: "kern" on, "liga" off, "calt" on;
  scrollbar-width: none; }

body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility  !important;
  font-size: var(--font-size);
  line-height: 1rem;
  font-weight: normal; }

h1, h2, h3, h4, p {
  font-size: var(--font-size);
  font-weight: normal;
  line-height: 1rem; }

i, em {
  font-weight: normal;
  font-style: normal;
  font-feature-settings: "kern" on, "liga" off, "calt" on, "c2sc";
  -moz-font-feature-settings: "kern" on, "liga" off, "calt" on, "c2sc";
  -webkit-font-feature-settings: "kern" on, "liga" off, "calt" on, "c2sc";
  -ms-font-feature-settings: "kern" on, "liga" off, "calt" on, "c2sc";
  -o-font-feature-settings: "kern" on, "liga" off, "calt" on, "c2sc"; }

b, strong, .opened {
  font-weight: normal;
  font-style: normal;
  text-decoration: underline;
  text-underline-offset: 0.21em;
  text-decoration-thickness: 0.125em;
  text-decoration-skip-ink: none;
  -webkit-text-decoration-skip: none; }

span.underline {
  text-decoration: underline;
  text-underline-offset: 0.21em;
  text-decoration-thickness: 0.125em;
  text-decoration-skip-ink: none;
  -webkit-text-decoration-skip: none; }

p + p {
  margin-top: 1rem; }

.logo-tytgat {
  align-self: center;
  text-align: center; }

.logo-tytgat svg {
  transform: scale(0.54); }

.version {
  color: green; }

.gallery {
  width: calc(100% - var(--debord)); }

.relative {
  position: relative !important; }

.clear {
  clear: both; }

.hidden {
  display: none; }

img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.header-gallery {
  line-height: 0; }

.gridgallery {
  grid-auto-rows: 0px;
  grid-row-gap: 1.5rem; }

.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
  border: none; }

#player {
  max-width: 100% !important; }

.caption {
  position: absolute;
  left: 100%;
  transform-origin: top left;
  transform: rotate(-90deg) translateY(-100%);
  height: auto;
  min-height: var(--debord);
  max-height: var(--debord);
  width: calc(77.4% - 3rem);
  overflow: hidden;
  background-color: white;
  transition-property: max-height;
  transition-duration: 100ms;
  transition-delay: 0ms;
  display: block; }
  .caption b, .caption strong {
    text-decoration: underline;
    text-decoration-thickness: 0.125em;
    text-underline-offset: 0.21em;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-skip: none; }
  .caption a {
    text-decoration: underline;
    text-decoration-thickness: 0.125em;
    text-underline-offset: 0.21em;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-skip: none; }
  .caption .text-caption {
    height: inherit;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding-top: 7px;
    padding-right: 3px; }

.caption.enter {
  height: auto;
  max-height: 100%;
  display: block;
  transition-property: max-height;
  transition-duration: 100ms;
  transition-delay: 0ms; }
  .caption.enter .text-caption {
    display: block; }

.menu-filter a, .menu-order a, .menu-other a {
  display: inline-block; }

#imprint a, #about a {
  text-decoration: underline;
  text-underline-offset: 0.21em;
  text-decoration-thickness: 0.125em;
  text-decoration-skip-ink: none;
  -webkit-text-decoration-skip: none; }

#nextpage {
  display: none; }

#small-menu {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background-color: white;
  padding-bottom: 7px;
  scrollbar-width: none;
  opacity: 1;
  transform: translateY(0%);
  transition-property: transform , opacity;
  transition-duration: 20ms, 300ms;
  transition-delay: 0ms, 0ms;
  cursor: pointer; }

#small-menu.active {
  cursor: auto; }

#small-menu.hidden {
  transform: translateY(-100%);
  opacity: 0;
  transition-property: transform , opacity;
  transition-duration: 0ms, 500ms;
  transition-delay: 500ms, 0ms; }

#small-menu.active {
  overflow-y: scroll;
  padding-bottom: 0.5rem; }

h2.close-menu {
  float: right;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  font-size: 23px; }
  h2.close-menu a {
    display: inline-block; }

h2.close-menu.hidden {
  display: none !important; }

#small-menu .entete-complete {
  display: none; }

#small-menu.active .entete-small {
  display: none; }

#small-menu.active .entete-complete {
  display: inline; }

#small-menu-panel {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: top center;
  max-height: calc(100vh - 0.5rem - 7px);
  transition-property: max-height , opacity , transform;
  transition-duration: 300ms , 200ms , 0ms;
  transition-delay: 0ms, 0ms; }

#small-menu-panel.hidden {
  transform: scaleY(0);
  display: block;
  opacity: 0;
  max-height: 0px;
  transition-property: max-height , opacity , transform;
  transition-duration: 300ms , 200ms , 0ms;
  transition-delay: 100ms , 0ms , 0s; }

.top-menu {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0; }

.top-menu li,
.small-menu-panel li {
  white-space: nowrap;
  overflow: visible; }

#current-filter, #current-order {
  white-space: nowrap; }

.cat-active-container {
  background-color: #ffe000;
  border-radius: 85px; }

#project-box,
#image-box {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: white;
  opacity: 1;
  transform: translateX(0%);
  transition: opacity 300ms 0ms, transform 0ms 0ms; }

#image-box {
  z-index: 10000; }

#project-box.hide,
#image-box.hide {
  opacity: 0;
  display: block !important;
  transform: translateX(-1000%);
  transition: opacity 300ms 0ms, transform 0ms 300ms; }

#project-box .project-box-content,
#image-box .image-box-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none; }

#image-box .image-box-content {
  cursor: pointer; }

#close-project-box,
#close-image-box {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0; }

#close-image-box {
  z-index: 100000; }

#close-project-box svg,
#close-image-box svg {
  width: 2rem;
  height: auto; }

.search-temp {
  display: none; }

.search-temp a {
  float: left; }

.search-temp input.enter-search,
input[type="search"] {
  border: none;
  font-family: aaa, sans-serif;
  width: 100%;
  color: black;
  line-height: 1rem;
  min-width: 8rem;
  height: 1rem;
  font-size: var(--font-size);
  font-weight: normal;
  outline: none;
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
  float: left;
  -webkit-appearance: textfield;
  border-left-width: 0;
  -moz-appearance: none;
  -webkit-appearance: none; }

input::placeholder {
  padding-left: 0;
  margin-left: 0;
  text-indent: 0; }

.search-temp input.search-submit {
  border: none;
  font-family: aaa, sans-serif;
  color: black;
  line-height: 1rem;
  height: 1rem;
  font-size: var(--font-size);
  font-weight: normal;
  outline: none;
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
  float: left;
  background: none;
  cursor: pointer; }

.search-temp input.enter-search:focus,
.search-temp input.search-submit:focus {
  outline: none;
  outline-style: none;
  box-shadow: none;
  border-color: transparent; }

.researched {
  float: left; }

#current-order .researched {
  float: none; }

.bullet::before {
  content: "• "; }

table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0; }
  table tr {
    width: 100%; }
  table td, table th {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 1rem;
    font-weight: normal; }
  table th {
    cursor: pointer; }
  table td {
    cursor: pointer;
    font-size: 0.65rem;
    line-height: 0.75rem; }
  table .tab-2 {
    min-width: 6rem; }

#sorttable_sortfwdind,
#sorttable_sortrevind {
  display: none !important; }

table.sortable th .sort-asc,
table.sortable th .sort-desc {
  display: none; }

table.sortable th.sorttable_sorted_reverse .sort-asc {
  display: inline; }

table.sortable th.sorttable_sorted .sort-desc {
  display: inline; }

table.sortable th.sorttable_sorted_reverse.reverse_first .sort-asc {
  display: none; }

table.sortable th.sorttable_sorted.reverse_first .sort-desc {
  display: none; }

table.sortable th.sorttable_sorted.reverse_first .sort-asc {
  display: inline; }

table.sortable th.sorttable_sorted_reverse.reverse_first .sort-desc {
  display: inline; }

.img-auto-size img {
  height: auto;
  object-fit: contain; }

.big-text {
  font-size: 3rem;
  line-height: 3rem; }

.dark,
#project-box.dark,
#image-box.dark {
  background-color: #111111;
  color: white; }

.dark img {
  opacity: 0.95; }

.dark a {
  color: white; }

.align-b {
  align-self: end; }

.dark svg polygon {
  fill: white; }

@media (hover: hover) {
  .bullethover::before {
    content: "• "; }

  a:hover,
  .search-temp input.search-submit:hover,
  .formulaire-temp input.news-submit:hover {
    text-decoration: none;
    color: #ffe000; }

  .cat-active-container a:hover {
    color: black;
    text-decoration: line-through; }

  a.bullet:hover,
  a.bullethover:hover {
    text-decoration: none; }

  .caption a:hover {
    text-decoration: none; }

  a#small-menu-button:hover,
  a.close-menu-button:hover {
    text-decoration: none; }

  #imprint a:hover, #about a:hover {
    text-decoration: none; }

  #mc-embedded-subscribe:hover {
    cursor: pointer; }

  table tbody tr:hover {
    color: white;
    background-color: black; }

  .home-project svg:hover {
    filter: grayscale(100%) invert(100%); } }
@media (hover: none) {
  .caption {
    cursor: pointer; } }
@media screen and (min-width: 1580px) {
  html {
    font-size: 18px; } }
@media screen and (max-width: 1160px) {
  #small-menu.hidden {
    opacity: 1;
    transform: translateY(0%); }

  body.small-menu-open h2.close-menu {
    display: inline-block !important; } }
@media screen and (max-width: 740px) {
  #small-menu {
    min-height: 0%;
    transition-property: transform , opacity , min-height;
    transition-duration: 20ms, 300ms, 300ms;
    transition-delay: 0ms, 0ms, 0ms; }

  #small-menu.active {
    min-height: auto; }

  input#mce-EMAIL {
    width: calc(100% - 3.4rem);
    min-width: 300px; }

  .mc-field-group {
    width: calc(100% - 4rem);
    float: left; }

  #mc_embed_signup .clear {
    clear: none; }

  .top-menu .py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; } }
@media screen and (max-width: 580px) {
  .col-header {
    width: 100% !important; }

  .hide-580 {
    display: none !important; }

  .pt-580-6 {
    padding-top: 3rem !important; } }
@media screen and (max-width: 540px) {
  :root {
    --debord: calc(2rem + 7px); }

  .caption .text-caption {
    -webkit-line-clamp: 2; }

  table td {
    font-size: var(--font-size);
    line-height: 1rem; } }
@media screen and (min-aspect-ratio: 3 / 2) and (max-width: 1160px) {
  #small-menu {
    min-height: 0%;
    transition-property: transform , opacity , min-height;
    transition-duration: 20ms, 300ms, 300ms;
    transition-delay: 0ms, 0ms, 0ms; }

  #small-menu.active {
    min-height: auto; }

  .overflow-hidden-md {
    overflow: hidden; } }

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