@charset "UTF-8";
.maxheight {
  height: 100vh;
  /* Fallback for browsers that do not support Custom Properties */
  height: var(--vh);
}

.navbar {
  z-index: 100;
}
.navbar .info > a {
  color: var(--bs-warning) !important;
}
.navbar .info > p {
  margin-bottom: 0;
}
.navbar .info > p.important {
  font-size: 1rem;
  font-weight: bold;
}

@media (max-width: 345px) {
  .navbar .info {
    text-align: center;
  }
  .navbar > p {
    margin-bottom: 0;
  }
  .navbar > p.important {
    font-size: 1rem;
    font-weight: bold;
  }
}
.hero {
  position: relative;
  background: url("../img/jpg/RectoJPG.jpg") center;
  background-size: cover;
}
.hero #accroche {
  height: 45%;
}
.hero #choix {
  height: 55%;
  align-self: start;
}
.hero > * {
  z-index: 100;
}
.hero .btn-menu, .hero .btn-book {
  color: var(--bs-warning);
  padding: 10px 10px;
  border: 2px solid var(--bs-warning);
  border-radius: 40px;
  font-weight: bold;
  min-width: 100px;
  max-width: 150px;
}
.hero::after {
  content: "";
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.hero .btn-menu:hover, .hero .btn-book:hover {
  background: var(--bs-warning);
  color: #ffffff;
}
.hero .box-overlay {
  background: rgba(22, 80, 100, 0.5);
  border-radius: 40px;
}

footer {
  z-index: 100;
}

.social-links a {
  font-size: 40px;
  color: var(--bs-warning);
  margin-right: 8px;
}
.social-links a:hover {
  color: var(--bs-info);
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
body {
  -webkit-backface-visibility: hidden;
}

.animated {
  -webkit-animation-duration: calc( 1s );
  animation-duration: calc( 1s );
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: calc( 1s * 2 );
  animation-duration: calc( 1s * 2 );
}
.animated.bounceIn, .animated.bounceOut {
  -webkit-animation-duration: calc( 1s * 0.75 );
  animation-duration: calc( 1s * 0.75 );
}
.animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: calc( 1s * 0.75 );
  animation-duration: calc( 1s * 0.75 );
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@font-face {
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons/bootstrap-icons.woff2?231ce25e89ab5804f9a6c427b8d325c9") format("woff2"), url("../fonts/bootstrap-icons/bootstrap-icons.woff?8bd4575acf83c7696dc7a14a966660a3") format("woff");
}
[class^=bi-]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-facebook::before {
  content: "";
}

.bi-instagram::before {
  content: "";
}

.bi-linkedin::before {
  content: "";
}

.bi-envelope::before {
  content: "";
}

.bi-phone::before {
  content: "";
}

.bi-google::before {
  content: "";
}

#offre_modal img {
  margin: auto;
  max-width: 80vh !important;
  max-height: 80vh !important;
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  #offre_modal .modal-dialog {
    max-width: 60% !important;
  }
}
@media screen and (min-device-width: 300px) and (max-device-width: 419px) and (-webkit-min-device-pixel-ratio: 1) {
  h1 {
    font-size: 1.5rem !important;
  }

  h2 {
    font-size: 1.3rem !important;
  }
}

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