body
Specificity: (0,0,1)
.main-body {
    margin: 0;
    padding: 0;
}
/* Diapo de la galzerie */
.uk-position-bottom {
    bottom: 0px;
    left: 0;
    right: 0;
    font-size: 50px;
}
/* alignement des champs de choix de logement - recherche Horizontale */
.vbmodhorsearchroomdentr .horsanumlb, .vbmodhorsearchroomdentr .horscnumlb {
    margin: 0 10px 5px 0;
}
.vbmodhorsearch-hum-guests-modifier-inner .vbmoreroomscontmod .vbmodhorsearchroomdentr .horsanumdiv > * {
    flex: 0!important;
      margin-right: 30px;
}
.horsanumdiv, .horscnumdiv {
    /*margin: 0!important;*/
}
.vbmodhorsearch-hum-guests-modifier-inner .vbmodhorsearchroomdentr .horsanumdiv select, .vbmodhorsearch-hum-guests-modifier-inner .vbmodhorsearchroomdentr .horscnumdiv select
Specificity: (0,3,1)
 {
    margin-left: 20px!important;
}
/* alignement des champs de choix de logement - recherche Horizontale */

/* Pointer sur les images de la page d'accueil */
figure.no-filter img {
     cursor: default;
}
.vikthumbnail-grid figure {
    cursor: default;
}
/* Pointer sur les images de la page d'accueil */

/* Logo scroll */
.head-top-part .fx-menu-slide #tbar-logo {
    padding: 0px 0 8px;
    /*padding-left: 150px;*/
  margin-left: 100px;
Shorthand property to set values for the thickness of the margin area. If left is omitted, it is the same as right. If bottom is omitted it is the same as top, if right is omitted it is the same as top. Negative values for margin properties are allowed, but there may be implementation-specific limits..
Learn more

Don't show
: 200px;
}
}
/* Logo scroll */
/* Logo mobile */
 media="only screen and (min-width: 80px) and (max-width: 1024px)" {
    @media screen and (max-width: 550px) {
        #tbar-logo img {
            max-width: 90%;
        }
    }
}
/* Logo mobile */
.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="only screen and (min-width: 80px) and (max-width: 1024px)" {
    @media screen and (max-width: 550px) {
        #tbar-logo img {
            max-width: 90%;
            margin-left: 75px;
        }
    }
}




@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: 350px;
  margin-left:0x;
   }
  .buttonlink a, .buttonlink .nav li a {
    font-size: 20px;
    /*padding: 0 5px 0 5px;*/
    margin-right:75px;
}
  .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;
}

.vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-wrap .vbmodhorsearch-hum-guests-count .vbmodhorsearch-hum-guests-elem label {
  white-space: nowrap;
}

/*******
 /* 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;
    }
/*****
*/
@media screen and (min-width: 80) and (max-width: 1024){
        #tbar-logo img {
            max-width: 90%;
            margin-left: 100px !important;
        }
}