@charset "ISO-8859-1";

#toHeader {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 91%;
  left: 95%;
  height: 4.375em;
  width: 4.375em;
  border-radius: 50%;
  font-size: 2em;
  color: white;
  background-color: var(--main-color);
  border: 0.125em solid white;
  z-index: 100;
  cursor: pointer;
}

.logo-slider {
  width: 15.625em !important;
  max-width: 66% !important;
  margin: 0 auto;
}

#tabs .tabs-nav {
  display: flex;
  justify-content: space-evenly;
}

#tabs .tab-content-container .tab-content.show {
  z-index: 100;
}

.btn-outline-warning {
  color: var(--main-color);
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.nav-link.disabled {
  cursor: not-allowed;
}

#labelChambres {
  margin-left: 25mm;
  margin-right: 5mm;
}
#labelBain {
  margin-right: 5mm;
  margin-left: 10mm;
}
#labelDetente {
  margin-right: 5mm;
  margin-left: 10mm;
}
#labelCuisine {
  margin-right: 5mm;
  margin-left: 10mm;
}
.labelBtnSlide {
  margin-right: 5mm;
  margin-left: 180mm;
}
.labelBtnTitre {
  margin-left: 10mm;
  margin-right: 5mm;
}

#pop-up {
  display: none;
  position: fixed;
  width: 25%;
  height: fit-content;
  margin-left: 37%;
  margin-top: 25%;
  z-index: 10000;
  border: 0.063em dark solid;
  border-radius: 0.75em;
  background-color: lightgreen;
  color: white;
  padding: 0.938em;
}

#slider-chambres {
  position: relative;
  width: 75em;
  margin: auto;
  display: flex;
  align-items: center;
  margin-left: -3em;
}

#precedent-chambres {
  margin-left: -0.45em;
  left: 0;
}

#suivant-chambres {
  right: 0;
  position: inherit;
}

#slider-chambres:hover #precedent-chambres,
#slider-chambres:hover #suivant-chambres,
#slider-terrasse:hover #precedent-terrasse,
#slider-terrasse:hover #suivant-terrasse,
#slider-cuisine:hover #precedent-cuisine,
#slider-cuisine:hover #suivant-cuisine,
#slider-detente-1:hover #precedent-detente-1,
#slider-detente-1:hover #suivant-detente-1,
#slider-detente-2:hover #precedent-detente-2,
#slider-detente-2:hover #suivant-detente-2,
#slider-piscine:hover #precedent-piscine,
#slider-piscine:hover #suivant-piscine,
#slider-sdb:hover #precedent-sdb,
#slider-sdb:hover #suivant-sdb {
  opacity: 1;
}
#suivant-terrasse {
  margin-left: 12em;
}
#precedent-terrasse {
  margin-left: -0.45em;
}

#slide-chambres {
  width: 62.5em;
  /*height: 40.625em;*/
  /*margin-left: -90px;*/
}
#slider-piscine {
  position: relative;
  width: 75em;
  margin: auto;
  display: flex;
  align-items: center;
  margin-left: -0.6em;
}

#precedent-piscine {
  left: 0;
  margin-left: -0.45em;
}

#suivant-piscine {
  right: 0;
  position: inherit;
}

#slide-piscine {
  width: 34.375em;
  height: 40.625em;
}
#slider-sdb {
  position: relative;
  width: 75em;
  margin: auto;
  display: flex;
  align-items: center;
}

#precedent-sdb {
  left: 0;
  margin-left: -0.45em;
}

#suivant-sdb {
  right: 0;
  position: inherit;
}

#slide-sdb {
  width: 34.375em;
  height: 40.625em;
}
#div-slider-detente-1 {
  margin-left: -2em;
  margin-right: 13em;
}
#slider-detente-1 {
  position: relative;
  width: 75em;
  margin: auto;
  display: flex;
  align-items: center;
  margin-left: 7.4em;
}
#slider-terrasse {
  position: relative;
  width: 75em;
  margin: auto;
  display: flex;
  align-items: center;
  /* margin-left: 7.4em; */
}
#slider-detente-2 {
  position: relative;
  /* width: ; */
  margin: auto;
  display: flex;
  align-items: center;
  margin-left: -0.6em;
}

.slider {
  cursor: pointer;
  transition: opacity 0.3s ease;
  opacity: 0;
  position: absolute;
  font-size: 6.25em;
  color: rgba(220, 220, 220, 0.8);
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0;
}

#precedent-detente-1,
#precedent-detente-2 {
  left: 0;
  margin-left: -0.45em;
}

#suivant-detente-1,
#suivant-detente-2 {
  right: 0;
  position: inherit;
}

.btn-reserver {
  margin-top: 8em;
}

#slide-detente-1,
#slide-detente-2 {
  width: 100%;
  height: 100%;
  margin-top: 10em;
}

#slider-cuisine {
  position: relative;
  width: 75em;
  margin: auto;
  display: flex;
  align-items: center;
}

#precedent-cuisine {
  left: 0;
  margin-left: -0.45em;
}

#suivant-cuisine {
  right: 0;
  position: inherit;
}

#slide-cuisine {
  width: 34.375em;
  height: 40.625em;
}
.lit {
  color: #717171;
}

.tableau-description {
  border: black solid 0.063em;
  border-radius: 0.75em;
}

.entete-description {
  padding-top: 1.25em;
}

.ligne-description {
  padding-top: 1.563em;
}

#div-equipement-salon-2 {
  margin-left: 7em;
}

.icon {
  font-size: 2em;
  margin-right: 0.313em;
  text-transform: none;
}

.description-equipement {
  padding-right: 0;
  padding-left: 0.313em;
  padding-top: 0.313em;
}
.div-equipement {
  padding-left: 0;
  padding-right: 0;
}
.equipement {
  padding-right: 0;
}
.tableau-description {
  padding-right: 0;
  padding-left: 0.313em;
}
#douche-solo {
  height: 0.625em;
}
#div-piscine {
  margin-left: 1.875em;
}
#titre-equipements {
  margin-left: 1.25em !important;
}
.souligne {
  text-decoration: underline;
}

.titre-salon {
  margin-left: -0.6em;
}

#nav-bar-detente {
  margin-bottom: 2em;
}

#div-detente {
  margin-top: 2em;
}

#tableau-chambres-6 {
  margin-bottom: 2em;
}

#regles {
  margin-top: 2em;
}

.flag {
  width: 7%;
  height: 7%;
  border-radius: 5em;
  cursor: pointer;
}

.chosen-lang {
  border: 0.438em solid black;
}

#fh5co-menu-wrap {
  padding-bottom: 20.313em;
}

#hotel-facilities {
  margin-top: 32em;
}

#btn-footer {
  justify-content: center;
  margin-left: 4.875em;
}

#toHeader {
  margin-left: -2em;
}

#ligne-prestation {
  padding-top: 35em;
}

#fh5co-wrapper {
  overflow-y: hidden;
}
footer {
  position: sticky;
  bottom: 0;
}

#titre-salon-1 {
  margin-bottom: -3em;
}

#titre-salon-2 {
  margin-top: 3em;
}

#slider-detente-2 {
  margin-left: 5em;
  width: 100%;
}
#slide-terrasse {
  width: 100%;
}
#slider-terrasse {
  margin-top: 10em;
  margin-left: 5em;
}

#div-equipement-salon-1 {
  margin-left: 7em;
}

#titre-terrasse {
  margin-top: 3em;
  margin-bottom: 2em;
}

@media only screen and (max-width: 1000px) {
  #hotel-facilities {
    margin-top: -2em;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    margin: 0;
  }

  .icon-service {
    font-size: 1.5em !important;
  }
  .icon-service ~ span {
    font-size: 0.6em !important;
  }
  .ligne-description {
    padding-top: 0;
  }

  .tableau-description {
    margin-left: -1em;
  }

  #btn-footer {
    justify-content: center;
    margin-left: 0;
  }

  #slide-chambres {
    width: 25%;
    height: 25%;
  }
  .slider-img {
    margin-top: 0em;
  }
  .img-detente {
    margin-bottom: 3em;
  }

  #slide-sdb,
  #slide-cuisine,
  #slide-piscine {
    width: 25% !important;
    height: 25% !important;
  }

  .titre-salon {
    margin-left: 0;
  }
  #div-slider-detente-1 {
    margin: 0;
  }

  #slide-detente-1 {
    width: 25% !important;
    height: 25% !important;
    margin-top: 6em;
  }
  #nav-bar-detente {
    width: 30em !important;
  }

  #slider-piscine {
    position: relative;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    /* margin-left: 2em; */
  }
  #sauna {
    width: 94%;
  }
  #imgSauna {
    width: 90%;
  }

  #slide-piscine {
    width: 90% !important;
    margin-left: 1.4em;
    margin-bottom: 3em;
  }
  #precedent-piscine {
    left: 0;
    margin-left: -0.28em;
  }
  #nav-bar-detente {
    font-size: 0.75em;
  }
  .slider-detente {
    margin-top: 1em;
  }
  #container-salon {
    margin-left: 3em;
  }
  #toHeader {
    display: none;
  }
  #slider-sdb {
    margin-top: 3em;
    margin-left: 0.8em;
  }

  .ligne-equipement {
    margin-left: 1.75em !important;
  }
  #slider-cuisine {
    margin-top: 3em;
    margin-left: 0.75em;
  }
  #div-slider-detente-1 {
    margin-left: 0.25em;
  } 
  #nav-bar-detente {
    margin-left: 3em;
  }
  .tableau-description {
    margin-bottom: 0.5em;
  }
  .slider-precedent {
    margin-left: -0.51em !important;
  }
  .div-slider {
    margin-right: 0.5em;
  }
  #div-equipement-salon-1 {
    margin-left: 0 !important;
  }
  #slider-piscine {
    margin-left: 3em;
  }

  #slider-chambres {
    margin-left: -0.3em;
  }
  .btn-reserver {
    margin-top: 0 !important;
  }
  #hamburger {
    display: none;
  }
  #slider-detente-1 {
    margin-left: -0.6em !important;
  }

  #slider-detente-1,
  #slide-detente-2 {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #slider-detente-2,#div-equipement-salon-2{
    margin-left:0;
  }
  #suivant-terrasse{
    margin-left: 2.83em;
  }
  #slider-terrasse {
    margin-top: 3em;
    margin-left: 0em;
    margin-bottom:3em;
    width:98%
  }
  #precedent-terrasse {
    margin-left: -0.5em;
  }
  
}