.navbar-brand img {
  max-height: 40px;
}

.navbar-brand,
.nav-link {
  font-family: "Quattrocento", serif;
}

header .row {
  min-height: 92vh;
  background-image: url(../img/vue.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  align-items: center;
  color: white;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
header .formreservation {
  background-color: rgba(0, 0, 0, 0);
  min-height: 92vh;
  display: flex;
  align-items: center;
}
header .row2 {
  min-height: 35vh;
  background-image: url(../img/vue4.jpg);
  /*background-color: rgba(0,0,0,.8);*/
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  align-items: center;
  color: white;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}
header .formreservation2 {
  background-color: rgba(0, 0, 0, 0);
  min-height: 35vh;
  display: flex;
  align-items: center;
}

header h1 {
  /*font-family: 'Raleway', sans-serif;*/
  font-family: "Quattrocento", serif;
}

header .bouton {
  text-align: center;
  align-items: center;
}

header h2 {
  font-family: "Quattrocento", serif;
  margin: 20px;
  font-size: 1em;
}

header .bouton span {
  color: #999;
  font-size: 3rem;
  width: 4rem;
  text-align: center;
}

header .slogan {
  display: flex;
  min-height: 35vh;
  align-items: center;
  justify-content: center;
}

header .slogan a {
  font-family: "Quattrocento", serif;
  border: 1px solid white;
  border-radius: 3px;
  text-decoration: none;
  color: white;
}

@media (max-width: 576px) {
  header .slogan {
    display: none;
  }
}

@media (min-width: 576px) {
  header .bouton span {
    display: none;
  }
}

#presentation .row {
  min-height: 100vh;
  align-items: center;
}
#presentation .menu_image {
  /*width: 300px;
	height: 300px;*/
  max-width: 100%;
  object-fit: cover;
  margin-bottom: 20px;
}

#presentation .media2 {
  display: block;
  text-align: center;
}

#presentation h5 {
  font-family: "Quattrocento", serif;
}

#presentation2 .row {
  min-height: 70vh;
  align-items: center;
  margin-top: 50px;
}
#presentation2 .row2 {
  align-items: center;
  margin-top: 0px;
  display: flex;
}
#presentation2 .menu_image {
  /*width: 300px;
	height: 300px;*/
  max-width: 100%;
  object-fit: cover;
  margin-bottom: 20px;
}

#presentation2 .media2 {
  display: block;
  text-align: center;
}

#presentation2 h5 {
  font-family: "Quattrocento", serif;
}

#presentation2 .contour {
  padding: 0.5rem 1rem;
  border: 1px solid purple;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}

.fondChambre {
  height: calc(100vh - 50px);
}

#actualites img {
  object-fit: cover;
  width: 50vh;
  max-height: calc(100vh - 50px);
}

a {
  text-decoration: none;
  color: #212529;
}
a:link {
  text-decoration: none;
  color: #212529;
}
a:visited {
  text-decoration: none;
  color: #212529;
}

a:hover {
  text-decoration: none;
  color: #212529;
}
a:active {
  text-decoration: none;
  color: #212529;
}

.avisClient {
  /*max-height: calc(100vh - 50px);*/
  background-color: #d3dae4;
  font-size: 1rem;
  font-family: "Quattrocento", serif;
}
.avisClient h4 {
  font-size: 3rem;
  color: #17a2b8;
}

.avisClient h5 {
  font-size: 1.5rem;
  color: #888;
}
#actualites .avisClient ul {
  text-align: left;
}

#actualites .avisClient li {
  font-size: 1.5rem;
}

#contact {
  background-image: url(../img/vue3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: calc(75vh - 50px);
}

#contact .row {
  min-height: calc(75vh - 50px);
}
.formContact {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 2rem 1rem;
}

footer {
  background-color: rgba(0, 0, 0, 0.8);
  color: #999;
  padding-top: 2rem;
  padding-bottom: 0.5rem;
}
footer a {
  color: #999;
  font-size: 2rem;
  transition: all 0.2s ease-in-out;
}
footer a:hover {
  color: #fff;
  text-decoration: none;
}

footer p:last-child {
  color: white;
}

.confir {
  display: block;
}

.image_cout {
  transform: scale(0.8);
  max-width: 70%; /*70%*/
  display: flex;
  object-fit: cover;
  border-radius: 5px;
}

.image_cout2 {
  transform: scale(0.8);
  max-width: 100%;
  object-fit: cover;
  /*display: flex;*/
  border-radius: 5px;
}
.image_cout_red {
  transform: scale(0.8);
  max-width: 30%; /*30%*/
  display: flex;
  flex-direction: wrap;
  object-fit: cover;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .image_cout_red {
    transform: scale(0.8);
    max-width: 100%;
    object-fit: cover;
    border-radius: 5px;
  }
  .image_cout {
    transform: scale(0.8);
    max-width: 100%;
    object-fit: cover;
    border-radius: 5px;
  }
  .image_cout2 {
    transform: scale(0.8);
    max-width: 100%;
    object-fit: cover;
    border-radius: 5px;
  }
  .image_cout3 {
    transform: scale(0.8);
    max-width: 100%;
    object-fit: cover;
    /*display: flex;*/
    border-radius: 5px;
  }
}

.cout_red {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.toto {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1200px) {
  .toto {
    display: block;
    align-items: center;
  }
}
footer h4 {
  font-family: "Quattrocento", serif;
}

html {
  scroll-behavior: smooth;
}

.button-top {
  opacity: 1;
  z-index: 1;
  position: fixed;
  bottom: 50%;
  right: 1rem;
  display: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  background: rgba(0, 0, 0, 0.05);
  color: purple;
  text-decoration: none;
  border-radius: 50%;
}
.button-top:hover {
  background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 576px) {
  .button-top {
    display: none;
  }
}
.form-group .star {
  color: red;
}

form span {
  font-style: italic;
  font-size: smaller;
}

.reussi {
  justify-content: center;
  text-align: center;
  height: 100vh;
}

.vignette {
  transform: scale(0.8);
  max-width: 80%; /*30%*/
  display: flex;
  flex-direction: wrap;
  border-radius: 5px;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.centrer {
  justify-content: center;
  text-align: center;
  align-items: center;
}

.radio-image input {
  display: none;
}
.radio-image input:checked + img {
  border: solid 1px green;
}

.carousel-item {
  margin-left: 0px;
}

.titi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media (min-width: 576px) {
  .titi {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .test_carousel {
    max-width: 30%;
    display: flex;
    justify-content: center;
    border-radius: 5px;
  }
}
.image_cout3 {
  transform: scale(0.8);
  max-width: 100%;
  object-fit: cover;
  /*display: flex;*/
  border-radius: 5px;
}

small .red {
  color: red !important;
}

.evenement {
  transform: scale(1.2);
  max-width: 100%;
  object-fit: cover;
}