body
Specificity: (0,0,1)
.main-body {
    margin: 0;
    padding: 0;
}
/*
.vbo_currency{
  padding-left: 80px;
}
.vbo_price{
  Margin-left: -100px;
}
*/
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list li {
    background: #d9a36a;
    color: #fff;
}
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list li label {
    background: #d9a36a;
    color: #fff;
}
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list .vbo-oconfirm-paymethod-item-active {
    border-color: var(--vbo-lightblue-color);
    background: #d9a36a;
}
.vboconfirmbottom .booknow {
    font-size: 1em;
}
.vbrequired{
  Color: red;
  font-size:20px;
}
.vikcs-slider {
    /*height: 850px;*/
}
.cdsROW.narrow.border {
    padding: 6px 11px 0;
    float: right;
  margin:20px;
}
.rapid_contact .form-control {
    max-width: 100%;
    margin-bottom: 8px;
}
.module input.inputbox
Specificity: (0,2,1)
 {
    width: 50%;
}
/********Class Modal*************/
/* Arrière-plan semi-transparent */
.modal {
  display: none; /* masqué par défaut */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.5); /* fond noir transparent */
}

/* Boîte de contenu */
.modal-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 20px;
  border-radius: 8px;
  width: 80%;
  max-width: 500px;
  position: relative;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* Bouton de fermeture */
.close {
  color: #aaa;
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
.close:hover {
  color: #000;
}

@media screen and (max-width: 600px) {
  .modal-content {
    width: 95%;
    padding: 15px;
    margin: 20% auto;
    font-size: 1rem;
  }

  .modal-content h2 {
    font-size: 1.2rem;
  }

  .modal-content p {
    font-size: 0.95rem;
  }

  .close {
    font-size: 24px;
    top: 8px;
    right: 10px;
  }
}
.btn-shadow {
  background-color: #d9a36a;
  border: 1px solid #d9a36a;
  color: white;
  padding: 12px 24px;
  font-size: 16px;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  display: inline-block;
}

.btn-shadow:hover {
  background-color: #5c65a0;
  color: white;
}
/********************************/
.tarifs{
  border: solid 1px #ccc;
  border-radius:3px;
}
.vbmodrooms .vbmodrooms-txtcont .vbmodrooms-divblock .vbmodroomsname {
    padding: 25px;
}
.vbrdetboxtop .vblistroom-head .vb_detcostroomdet .vbliststartfromrdet {
    font-size: 1em;
}
.vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-wrap .vbmodhorsearch-hum-guests-count .vbmodhorsearch-hum-guests-elem {
    padding: 0;
}
.offline-cc-overlay-inner {
    top: 60%;
}
.vbmodhorsearch-hum-guests-modifier-inner .vbmodhorsearchroomdentrfirst > div {
    flex: none;
}
 rapid_contact .form-control {
    max-width: 100%;
}
.mapscontact{
  Margin-top:50px;
}
.references{
  	display: flex;
	justify-content: center;
	align-items: center;
}
.trip{
  float:right;
  width:38%;
}
/* *********** Ecran **************/
@media screen and (max-width: 1680px){
.moduletable_menu > ul > li > *, .mainmenu .moduletable > ul > li > *, .mainmenu .moduletable_menu > ul > li > span, .mainmenu .moduletable h3 {
    font-size: 0.8em;
}
.icomenu-enabled #tbar-logo {
  width: 200px;
  margin-left:-70px;
   }
  .buttonlink a, .buttonlink .nav li a {
    font-size: 15px;
    padding: 0 5px 0 5px:
    margin-right:-25px;
}
  .bouton-florian{
    margin-right: -100px;
  }
}

@media screen and (min-width: 1680px){
.vikcs-slider {
    height: 800px;
}
  }

/* ************** Logo et Bouton de chaque côté du menu principal pour les ecrans de taille réduite ************** */
@media screen and (min-width: 800px) and (max-width: 1600px) {
   /* A corriger */
  } 
}

/* Modal excursion et zoom sur image au survol */

.modal2 {
  display: none; /* masqué par défaut */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 80%;
  overflow: auto;
  background-color: rgba(0,0,0,0.5); /* fond noir transparent */
}

/* Boîte de contenu */
.modal2-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 20px;
  border-radius: 8px;
  width: 95%;
  max-width: 500px;
  position: relative;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* Bouton de fermeture */
.close {
  color: #aaa;
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}
.close:hover {
  color: #000;
}
.zoom {
height:auto;
}
.zoom p {
text-align:center;
}
.zoom img {
width:auto;
height:auto;
}
.zoom img:hover {
cursor: pointer;
width:1000px;
height:200px;
}

/*******
 /* Miniature image */
    .thumbnail2 {
      width: 200px;
      cursor: pointer;
      border: 2px solid #ccc;
      border-radius: 8px;
    }

    /* Modale */
    .modal2 {
      display: none;
      position: fixed;
      z-index: 9999;
      padding-top: 60px;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0,0,0,0.8);
    }

    .modal-content2 {
      margin: auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      max-width: 90%;
    }

    .modal-content2 img {
      max-width: 100%;
      height: auto;
      transition: transform 0.3s ease;
    }

    /* Boutons */
    .controls2 {
      margin-top: 10px;
    }

    .controls button2 {
      font-size: 20px;
      padding: 10px 20px;
      margin: 0 10px;
      cursor: pointer;
    }

    /* Bouton de fermeture */
    .close2 {
      position: absolute;
      top: 15px;
      right: 25px;
      color: white;
      font-size: 30px;
      font-weight: bold;
      cursor: pointer;
    }

    .close:hover2 {
      color: red;
    }
/*****