#link-home, #link-pin, #link-download, #link-galerie, #link-mail, #link-plans {
  display: flex;
}

#link-video, #link-cyclorama {
  display: none;
}

#header-links {
  background-color:#000000;
}

#header-logo-wrapper {
  background-color:#000000;
}

#header-logo {
  background-color:#000000;
  padding-right: 50px;
}

#header-home:hover {
  content: url(../resources/header-home-hover.svg);
}

#header-pin:hover {
  content: url(../resources/header-pin-hover.svg);
}

#header-galerie:hover {
  content: url(../resources/header-galerie-hover.svg);
}

#header-plans:hover {
  content: url(../resources/header-plans-hover.svg);
}

#header-download:hover {
  content: url(../resources/header-download-hover.svg);
}

#header-video:hover {
  content: url(../resources/header-video-hover.svg);
}

#header-mail:hover {
  content: url(../resources/header-mail-hover.svg);
}
#header-cyclorama:hover {
  content: url(../resources/header-cyclorama-hover.svg);
}

body:after {
/* display: none -- does not work anymore due to latest optimizations.*/
display: block;
overflow: hidden;
width: 0;
height: 0;
content: url(../resources/header-home-hover.svg) url(../resources/header-mail-hover.svg) url(../resources/header-download-hover.svg) url(../resources/header-plans-hover.svg) url(../resources/header-galerie-hover.svg) url(../resources/header-pin-hover.svg) url(../resources/header-video-hover.svg) url(../resources/header-cyclorama-hover.svg) ;
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid {
  display: grid;
}

.z-10 {
  z-index: 10;
}

.top-0 {
  top: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.fixed {
  position: fixed;
}

.py-3 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.flex {
  display: flex;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.py-3 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.h-6 {
  height: 1.5rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.h-4 {
  height: 1rem;
}

.taille-custom-manon {
     height:1.3rem!important;
}

@media (min-width: 640px) {
  .sm\:h-5 {
      height: 1.25rem;
  }

  .sm\:h-6 {
      height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .lg\:pl-20 {
      padding-left: 5rem;
  }

  .lg\:h-8 {
      height: 2rem;
  }

  .lg\:mr-10 {
      margin-right: 2.5rem;
  }

  .lg\:justify-start {
      justify-content: flex-start;
  }

  .lg\:pl-4 {
      padding-left: 1rem;
  }

  .lg\:col-span-2 {
      grid-column: span 2 / span 2;
  }

  .lg\:col-span-3 {
      grid-column: span 3 / span 3;
  }
}