/** autor Cristina Gutierrez **/
/** date 08-01-2019 **/
/** MMV **/

/*******************************************************************************************************/
/*
* RESET
*/
/*******************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Nunito+Sans:wght@400;600;700;800;900&display=swap');


/* FONT */
@font-face {
  font-family: 'BelyDisplay';
  src: url('../fonts/BelyDisplay.ttf');
}


/****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td , section, header, footer{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* No olvides definir estilos para focus */
:focus {
  outline: 0;
}

/* No olvides resaltar de alguna manera el texto insertado/borrado */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* En el codigo HTML es necesario aniadir cellspacing="0" */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body{
  background-color: transparent !important;
}
.container-region a{
  color:initial!important;
}

/*******************************************************************************************************/
/*
* FONTS
*/
/*******************************************************************************************************/



/*******************************************************************************************************/
/*
* TEXT
*/
/*******************************************************************************************************/


/* h1 {font-family: 'Nunito Sans', sans-serif!important;font-size:62px; font-weight:800;line-height:24px;color:#8dc0ff;}
h3 {font-family: 'Nunito Sans', sans-serif!important;font-size:17px; font-weight:800;line-height:21px;color:#19408a;} */
p{color: #000}
a {
  color: #006f78;
  text-decoration: none !important;
  background-color: transparent;
  } 
  /* a:hover{
    color: #006f78 !important;
    text-decoration: none!important;
  }
  a.btn:hover{
    text-decoration: none!important;
    color: white!important;
    background-color: #006f78 !important;
  }  */
  .mt-100{
    margin-top: 110px;
  }
  .w-100{
    max-width: 100% !important;
  }
  
/*******************************************************************************************************/
/*
* GENERAL
*/
/*******************************************************************************************************/

#header{position: relative;}
select::-ms-expand {
    display: none;
}



/*******************************************************************************************************/
/*
* COLORS
* classes genericas, no anadir estilos!!
*/
/*******************************************************************************************************/


.blueexdbackground{
  background-color: #006f78;
}
.blueexclbackground{
  background-color: #f3f9ff;
}
.blueexdtext{
  color: #006f78;
}
.bluedbackground{
  background-color: #006f77!important;
}
.bluedtext{
  color: #006f77;
}
.bluebackground{
  background-color: #006f78;
}
.bluecbackground{
  background-color:#f6fcff;
}
.blancbackground{
  background-color: #fff;
}
.bluetext{
  color: #006f77;
}
.blueFRtext{
  color: #006f77;
}
.blueTitleAvis{
  color: #1e1e1e;
}
.blueDescAvis{
  color: #529da3;
}
.blueclairetext{
  color:#8dc0ff;
}
.backgroundorange{background:#ff622c;}
.noirtext{color: rgba(0,0,0,1);}
.greytext{color: #5e5e5e;}
.blanctext{color: #fff;}
.lilatext{color: #6e427a;}
.greentext{color:#006f77;}
.orangeflotext{color: #ff622c;}
.greenbackground{background-color:#006f77;}
.greycbackground{background-color:#eaeaea;}
.greybackground{background-color:#bdbcbc;}
.greyc2background{background-color:#eeeeee;}
/* .yellowbackground{background-color: #fdc513} */

.bluelogo{  background-color: #006f77!important;}
.blueFRlogo{  background-color: #006f77!important;}
.greenlogo{  background-color: #9cdbbe !important;}
.greylogo{  background-color: #818285!important;}



/*******************************************************************************************************/
/*
* GALERIE
*/
/*******************************************************************************************************/
.lSSlideOuter .lSPager.lSGallery li{    max-height: 69px;    display: flex;    align-items: center;}
.lightSliderContent img{max-width: 100%; }
/*******************************************************************************************************/
/*
* MENU PRINCIPAL
*/
/*******************************************************************************************************/
.promotionhoverclub img{
  width: 100%;
  padding: 0px;
}
.promotionhoverclub .dernieretext {
  position: absolute;
  left: 7%;
  top: 16%;
  width: 85%;
  text-transform: uppercase;
  transform: rotate(-10deg);
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
}
.promotionhoverclub .dernieretext p{
  font-size: 27px!important;
  font-weight: 900;
  text-align: center;
  line-height: 32px;
}
.promotionhoverclub .dernieretext .promobutton{
  display: block;
  font-size: 21px!important;
  font-weight: 400;
  padding: 5px 20px;
  position: absolute;
  margin: 15px 23%;
  text-align: center!important;
}
.promotionhoverclub .dernieretext .promobutton:hover{
  background-color: #006f78;
}
.promotionhoverclub .dernieretext span {
  text-align: center;
    font-size: 24px!important;
    line-height: 29px;
    width: 94%;
    display: block;
    margin: 4px 0;
}
.cms .contentimg img{
  min-height: 295px;
}
@media (max-width:1200px){
  .cms .contentimg img {
    min-height: 200px;}
  
  .promotionhoverclub .dernieretext .promobutton {
    font-size: 19px!important;
    margin: 15px 17%;}
  .promotionhoverclub .dernieretext {
    left: 10%;
    width: 83%;}
  .promotionhoverclub .dernieretext a {
    font-size: 23px!important;}
  .promotionhoverclub .dernieretext span {
    font-size: 21px!important;}
}
.hidden{
  display:none;
}

.navbar-default .navbar-nav > li.dropdown:hover > a,
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
  background-color: rgb(231, 231, 231);
  color: rgb(85, 85, 85);
}
a.btn.profite-btn{
  color: white !important;
}

.dropdown .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
li.dropdown.notHover:hover > .dropdown-menu {
  display: block;
  max-height: 300px;
  opacity: 1;
}
li.dropdown.reservez-menu.show > .subreservez-menu {
  display: block;
  max-height: 300px;
  opacity: 1;
}


li.dropdown:hover > .dropdown-menu {
  max-height: 300px;
  opacity: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.menuprincipal{
  padding:0!important;
}
.subreservez-menu {
    position: absolute;
    width: 100%;
    z-index: 999;
    min-width: 1280px;
    right: 0;
    top: 47px;
    background-color: #eaeaea;
    display: none;
}
.subreservez-menu.visible {

    display: block;
}
#navmenuprincipal {
  position: relative;
}
#navmenuprincipal li {
  padding:14px 0;
}

#navmenuprincipal .dropdown-toggle::after, #navbarSupportedContent20 .dropdown-toggle::after {
  font-family: "FontAwesome"!important;
  content: "\f107";
  border: none;
  vertical-align: initial;
  margin: 0px 8px;
}
#navmenuprincipal .nav-link:before, #navmenuprincipal .dropdown-toggle:before {
  content: '';
  position: absolute;
  border-right: 1px solid #d8d8d8;
  right: 0px;
  height: 17px;
}
.menuprinccont.fixed .menu-phone, .menuprinccont.fixed .menu-compte, .menuprinccont.fixed .nav-logo{
  display: initial!important;
}
#navmenuprincipal .nav-logo{
  padding: 4px 0 0;
}
#navmenuprincipal .nav-logo a{
  margin-right:0;
}
#navmenuprincipal .menu-phone, #navmenuprincipal .menu-compte{
  padding:7px;
  position: absolute;
  right: 211px;
  top:-6px;
}
#navmenuprincipal .menu-phone img, #navmenuprincipal .menu-compte img{
  padding:6px 0 0 0;
  border-radius: 15px;
}
.promo-menu p, .menu-compte p{
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 600;
  color: #006f77;
}
/* #navmenuprincipal .menu-compte img{
  position: absolute;
  right: 20%;
} */
#navmenuprincipal .menu-phone img{
  position: absolute;
  right: 24%;
}

#navbarSupportedContent20.fixed .nav-link:hover{
  padding: 0px!important;
  margin: 2px 14px;
  line-height: 12px;
}
#navbarSupportedContent20.fixed > .navbar-nav > .nav-item > .nav-link:hover{
  border-bottom: 1px solid #006f77!important;
}
#navmenuprincipal > .navbar-nav > .nav-item > .nav-link:hover {
  border-bottom: 1px solid #1e1e1e!important;
  padding: 0px!important;
  color: #1e1e1e!important;
}
#navmenuprincipal .dropdown .dropdown-menu .nav-link {
  text-align:left;
  padding: 15px 20px 3px;
}
#navbarSupportedContent20 > .navbar-nav > li > a {
  margin: 14px 10px;
  padding:0;
  display: block;
}
#navbarSupportedContent20.fixed .navbar-nav li {
  padding: 0;
}
#navbarSupportedContent20 > .navbar-nav > li > .nav-link{
  border-bottom: 1px solid transparent;
}
#navbarSupportedContent20 > .navbar-nav > li > .nav-link:hover{
  border-bottom: 1px solid #006f77;
  padding: 0px;
  /* margin: 17px 21px; */
  line-height: 12px;
}
/* #navmenuprincipal .nav-link:hover:before{
  right:-15px;
} */
#navbarSupportedContent20.fixed .nav-link, #navbarSupportedContent20.fixed .dropdown-toggle{
  border:none;
}
#navmenuprincipal .dropdown{
  line-height: 16px;
  position: initial;
} 
ul.nav.navbar-nav.navbar-right li {
  line-height: unset !important;
}
#navmenuprincipal .reservez-menu, #navbarSupportedContent20 .reservez-menu{
  position: absolute;
  right: 5px;
  margin-top: -2px;
}
#navmenuprincipal .reservez-menu > a, #navbarSupportedContent20 .reservez-menu > a{
  font-size: 15px;
  font-weight: 900;
  color:black;
  padding: 6px 14px 7px;
  transition: ease .2s;
  border: 2px solid #fdc513;
}
#navmenuprincipal .reservez-menu.show > a, #navmenuprincipal .reservez-menu.show > a:hover {
  background-color:#006f77;
  color:white;
  border: 2px solid #006f77;
}
#navmenuprincipal .reservez-menu > a:hover, #navbarSupportedContent20 .reservez-menu > a:hover{
  background-color:transparent;
  border: 2px solid #fdc513;
  transition: ease .2s;
}
#navmenuprincipal .reservez-menu .subreservez-menu > ul, #navbarSupportedContent20 .reservez-menu .subreservez-menu > ul{
  padding: 0px 31px;
}

#navmenuprincipal .reservez-menu .subreservez-menu ul li, #navbarSupportedContent20 .reservez-menu .subreservez-menu ul li{
  padding: 25px 0 5px;
}


#navmenuprincipal .reservez-menu .subreservez-menu .nav-link.active, #navbarSupportedContent20 .reservez-menu .subreservez-menu .nav-link.active{
  background-color: transparent;
  color: #006f78;
  font-weight: 900;
  border:none;
  /* padding: 0px 14px 1px; */
}

#navmenuprincipal .reservez-menu .subreservez-menu li > a.nav-link.active:before, #navmenuprincipal .reservez-menu .subreservez-menu li > a.nav-link:hover:before,
#navbarSupportedContent20 .reservez-menu .subreservez-menu li > a.nav-link.active:before, #navbarSupportedContent20 .reservez-menu .subreservez-menu li > a.nav-link:hover:before{
  content: "";
  position: absolute;
  left: 40%;
  bottom: -7px;
  height: 1px;
  width: 20%;
  border-bottom: 2px solid #006f78;
}
#navmenuprincipal .reservez-menu .subreservez-menu .nav-tabs .nav-link:hover, #navbarSupportedContent20 .reservez-menu .subreservez-menu .nav-tabs .nav-link:hover{
  border: none;
  color: #006f78;
  font-weight: 900;
  margin-bottom: 2px;
  /* padding: 0px 14px 1px; */
}
#navmenuprincipal #votrereservation, #navbarSupportedContent20 .reservez-menu .subreservez-menu #votrereservation{
  position:relative;
}
#navmenuprincipal .reservez-menu .subreservez-menu #votrereservation, #navmenuprincipal .reservez-menu .subreservez-menu #votresejour,
#navbarSupportedContent20 .reservez-menu .subreservez-menu #votrereservation, #navbarSupportedContent20 .reservez-menu .subreservez-menu #votresejour{
  padding: 25px 35px;
}
#navmenuprincipal .select-options-menu li, #navbarSupportedContent20 .select-options-menu li{
  padding: 15px 12px 10px!important;
  text-align: left;
}
#navmenuprincipal .reservez-menu .subreservez-menu #votrereservation input, #navbarSupportedContent20 .reservez-menu .subreservez-menu #votrereservation input{
  border-radius: 5px;
}
#navmenuprincipal .reservez-menu .subreservez-menu #votrereservation input::placeholder, #navbarSupportedContent20 .reservez-menu .subreservez-menu #votrereservation input::placeholder{
  color:#006f77;
}
#navmenuprincipal .reservez-menu .subreservez-menu #votrereservation button, #navbarSupportedContent20 .reservez-menu .subreservez-menu #votrereservation button{
  background-color: #006f78;
  color:white;
  padding: 6px 40px;
  border:none;
}
#navmenuprincipal .reservez-menu .subreservez-menu #votrereservation .nav-link:nth-child(2), #navbarSupportedContent20 .reservez-menu .subreservez-menu #votrereservation .nav-link:nth-child(2){
  position: absolute;
  top: 37px;
  left: 660px;
  color: #006f77;
  font-size: 14px;
}
#navmenuprincipal .reservez-menu .subreservez-menu #votrereservation .motdepasse, #navbarSupportedContent20 .reservez-menu .subreservez-menu #votrereservation .motdepasse{
  position: absolute;
  top: 24px;
  right: 35%;
  color: #006f77;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: 400;
  font-size: 14px;
}
.reservez-menu .creercompte{
  position: absolute!important;
  right: 4%;
  top: 25px;
  color: white!important;
  background-color: #006f77!important;
  padding: 11px 20px!important;
  border-radius: 5px;
  font-weight: 400!important;
  font-size: 1rem!important;
}
#opensaisson .btn-primary {
  background-color: #006f77;
  border-color: #006f77;
}

#navmenuprincipal .reservez-menu .subreservez-menu #votresejour .form-group, #navbarSupportedContent20 .reservez-menu .subreservez-menu #votresejour .form-group{
  width:35%;
  margin-bottom: 0px!important;
}
#navmenuprincipal .reservez-menu .subreservez-menu #votresejour #votreSejour-menu, #navbarSupportedContent20 .reservez-menu .subreservez-menu #votresejour #votreSejour-menu{
  width: 95%;
  background-color: #006f77!important;
  padding: 15px;
  border-radius: 5px;
  color: white;
  font-weight: 600;
  border: none;
  display: inline-block !important;
}
#navmenuprincipal .reservez-menu .subreservez-menu #votresejour button, #navbarSupportedContent20 .reservez-menu .subreservez-menu #votresejour button{
  margin-bottom: 0px!important;
  padding: 14px 20px;
  background-color: #006f78;
  border:none;
}
/* #navmenuprincipal li:nth-child(6) a:before, #navmenuprincipal .reservez-menu a:before, #navbarSupportedContent20 .reservez-menu a:before, #navbarSupportedContent20 li:nth-child(6) a:before{
  border-right:none;
} */
#navmenuprincipal .reservez-menu a:before, #navbarSupportedContent20 .reservez-menu a:before, #navbarSupportedContent20 li:nth-child(6) a:before{
  border-right:none;
}
#navmenuprincipal .promo-menu, #navbarSupportedContent20 .promo-menu{
  position: absolute;
  right: 146px;
  top:-2px;
  line-height: 20px;
  font-weight: 900;
  font-size: 13px;
  padding: 5px;
  transition: ease .2s;
}
#navmenuprincipal .promo-menu {
  top: 1px;
}
.cms #navmenuprincipal .promo-menu {
  top: 6px;
  padding: 0 7px 0;
}

button.button-appartement.btn {
  background: transparent !important;
  padding: 0;
}
/* #navmenuprincipal .promo-menu:hover, #navbarSupportedContent20 .promo-menu:hover{
  background-color: #e8ecf3;
  transition: ease .2s;
} */
#navmenuprincipal .promo-menu img{
  vertical-align: text-bottom;
}
#navmenuprincipal .reservez-menu a:after, #navbarSupportedContent20 .reservez-menu a:after{
  display: none;
}
.linkvosenvies{display: flex; align-items: center;}

.linkvosenvies p{
  color:#222;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top:0px;
  margin-bottom:0px;
}
.linkvosenvies p:hover{
  color:var(--orangeflo);
}

button{outline: none!important;}
button.first-button::-moz-focus-inner{outline: none!important;}
.navbar-light .navbar-brand {
  color: #006f77!important;
}
.flechaleftmenu{float: left;}
.amber.fixed  .flechaleftmenu{display: none;}
.textmenu::before {
  content: "MENU"; /* Insert content that looks like bullets */
}
.amber.open .textmenu::before {
  content: "FERMER"; /* Insert content that looks like bullets */
}
.amber.fixed .textmenu::before {
  content: ""; /* Insert content that looks like bullets */
}
.amber.open{
  background-color: #fff!important;
  box-shadow: 1px 2px 5px #00000038;
}
.amber.open.fixed{
  /* background: white; */
  background: -moz-linear-gradient(left, #006f77 0%, #006f77 22%, rgba(255,255,255,1) 22%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #006f77), color-stop(51%, #006f77), color-stop(51%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(left, #006f77 0%, #006f77 22%, rgba(255,255,255,1) 22%);
  background: -o-linear-gradient(left, #006f77 0%, #006f77 22%, rgba(255,255,255,1) 22%);
  background: -ms-linear-gradient(left, #006f77 0%, #006f77 22%, rgba(255,255,255,1) 22%);
  background: linear-gradient(to right, #006f77 0%, #006f77 22%, rgba(255,255,255,1) 22%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#ffffff', GradientType=1 );
  box-shadow: 1px 1px 1px #0000004a;
}
.amber.open.fixed #navbarSupportedContent20 {
  background-color: #fff;
  margin-top: -2px;
  padding-top: 12px;
}
.amber.fixed{
  position: fixed;
  top: 0;
  padding:0;
  width: 100%;
  height:70px;
}
.amber.fixed button.navbar-toggler {
  margin-left: -35px;
  margin-right: 12px;
}
.amber.fixed .navbar-collapse {flex-basis: 80%!important;}
#navbarSupportedContent20 {
  position: relative;
}

#navbarSupportedContent20 .dropdown .dropdown-menu, #navmenuprincipal .dropdown-menu {
    width: 100%;
    position: absolute!important;
    top: 53px;
    z-index: 1000;
    text-align: right;
    padding: 0;
    margin: 0 auto;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);
    border: none;
}
*::-ms-backdrop, #navbarSupportedContent20 .dropdown .dropdown-menu, #navmenuprincipal .dropdown-menu {
  width: 1270px;
  left: 0px;
}
*::-ms-backdrop, #navbarSupportedContent20 .dropdown:nth-child(3) .dropdown-menu, #navmenuprincipal .dropdown:nth-child(3) .dropdown-menu {
  width: 1270px;
  left: -195px;
}
*::-ms-backdrop, #navbarSupportedContent20 .dropdown:nth-child(5) .dropdown-menu, #navmenuprincipal .dropdown:nth-child(5) .dropdown-menu {
  width: 1270px;
  left: -510px;
}


.navbar.fixed #navbarSupportedContent20 .dropdown .dropdown-menu {
  top:53px;
  margin-left: -1087px;
  width: 1210px;
}

#navmenuprincipal .reservez-menu .subreservez-menu {
  margin-left: -1140px;
  width: 1220px;
  text-align: center;
  overflow: initial;
  background-color: #eaeaea;
}
#navbarSupportedContent20 .reservez-menu .subreservez-menu {
  margin-left: -1100px;
  text-align: center;
  overflow: initial;
  background-color: #eaeaea;
}
.closnavmenu{
  position: absolute;
  right: 18px;
  top: 19px;
  font-size: 18px;
  color: grey;
  font-weight: 300;
  cursor: pointer;
  width: 30px;
}


/* Icon 1 */

.navbar .navbar-toggler{
  border:none;
}
.navbar-toggler .textmenu{
  font-size:15px;
  font-weight: bold;
  margin: 3px 10px;
}

.animated-icon1 {
  width: 22px;
  height: 20px;
  position: relative;
  margin: 3px 7px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  float: left;
}

.animated-icon1 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon1 span {
  background: #006f77;
}
.amber.fixed .animated-icon1 span, .toggle-menuprincipal .animated-icon1 span {
  background: white;
}
.amber.fixed .animated-icon1 {
  margin: -1px 7px 0px;
}
.toggle-menuprincipal{
  position: fixed;
  z-index: 9999;
  margin-left: -20px;
  margin-top: 20px;
}

.animated-icon1 span:nth-child(1) {
  top: 3px;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 17px;
}

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.fichaimg{padding: 0 15px 0 0!important; min-width: 225px; }

.logoficha{display: none;}
.logoficha.open{
  display: block;
  position: absolute;
  top: -75px;
  right: 40px;
  z-index: 9999;
}

.logoficha.open img{
  max-width: 140px;
  width: 100%

}
/* header.container{
  padding:10px 0;
} */
header.container .menuprinccont.fixed{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  /* z-index: 999999 !important; */
  background-color: #fff;
}
.rechercherHome .recherchernav{
  margin-right: 0px;
  margin-left: 0px;
}
.lienderniereminutes{
  background-color: white!important;
  color: #006f77!important;
  font-weight: 400!important;
  border: 1px solid #75bae554!important;
  margin-top: 20px;
  float:left;
}

.lienderniereminutes.active{
  background-color: #e6f1f9!important;
}
.titleaccuilderniere{
  float:left;
}
#dernieresminutescontent .slickContent a {
  border: 1px solid #e6f1f9!important;
  width: 100%;
}
#dernieresminutesfichacontent {
  padding:0;
  margin:0
}
#dernieresminutesfichacontent .slickContent a {
  /* border: 1px solid #e6f1f9!important; */
  border: 1px solid #d9dfeb!important;
}
#dernieresminutesfichacontent .slickContent a:hover {
  background-color: #e6f1f9!important;
  color: #006f77!important;
}
#dernieresminutesfichacontent .slickContent{
  margin-right: 10px;
}
#dernieresminutesfichacontent .titleaccuilderniere{
  margin-top:10px;
}
.tipopromotion.cms #dernieresminutesfichacontent .titleaccuilderniere{
  margin-top: 15px;
}
.tipopromotion.cms section article.pagescmscontent > p.text-center.blueclairetext{
  font-size:30px;
}

.imgmenureshot{
  max-width: 120px;
}
.ExtSkiDomNommenu{
  font-weight: 400;
}
.dropdown-menu2401, .dropdown-menu2400{
  max-height: 600px!important;
}
.lienreshotmenu{
  float: right!important;
  display: inline-block!important;
  text-align: right;
  width: 100%;
  padding: 20px;
  font-weight: 600;
  margin-top: -20px;
  color:#1e1e1e ;
}
.linkvosenvies p {
  line-height: 1.3em;
}


@media (max-width:1279px){
  *::-ms-backdrop, #navbarSupportedContent20 .dropdown .dropdown-menu, #navmenuprincipal .dropdown-menu {
    width: 1120px;
    left:10px}
  *::-ms-backdrop, #navbarSupportedContent20 .dropdown:nth-child(3) .dropdown-menu, #navmenuprincipal .dropdown:nth-child(3) .dropdown-menu {
    width: 1120px;
    left: -170px;}
  *::-ms-backdrop, #navbarSupportedContent20 .dropdown:nth-child(5) .dropdown-menu, #navmenuprincipal .dropdown:nth-child(5) .dropdown-menu {
    width: 1120px;
    left: -470px;}
  *::-ms-backdrop, .etablessiment .lSSlideOuter .lSPager.lSGallery li{
    max-height: 63px;}
  #navmenuprincipal .reservez-menu .subreservez-menu, .etablessiment .reservez-menu .subreservez-menu {
    margin-left: -970px;
    width: 1090px;
    min-width: 1090px;}
  #navmenuprincipal .nav-link, #navmenuprincipal .dropdown-toggle, #navbarSupportedContent20 .nav-link, #navbarSupportedContent20 .dropdown-toggle {
    letter-spacing: -0.6px;}
}
@media (min-width:991px) and (max-width:1200px){
  #navmenuprincipal .nav-link, #navmenuprincipal .dropdown-toggle, #navbarSupportedContent20 .nav-link, #navbarSupportedContent20 .dropdown-toggle {
    letter-spacing: -0.5px;
    font-size: 12.4px;}
  #navmenuprincipal .promo-menu {
    right: 114px!important;
    padding: 9px;
    top: -4px;}
    #navmenuprincipal .menu-phone, #navmenuprincipal .menu-compte {
      right: 173px;
  }
}

@media (max-width:1200px){
  *::-ms-backdrop, .etablessiment .lSSlideOuter .lSPager.lSGallery li{
    max-height: 52px;}
  *::-ms-backdrop, #navbarSupportedContent20 .dropdown .dropdown-menu, #navmenuprincipal .dropdown-menu {
    width: 950px;
    left:10px}
  *::-ms-backdrop, #navbarSupportedContent20 .dropdown:nth-child(3) .dropdown-menu, #navmenuprincipal .dropdown:nth-child(3) .dropdown-menu {
    width: 950px;
    left: -170px;}
  *::-ms-backdrop, #navbarSupportedContent20 .dropdown:nth-child(5) .dropdown-menu, #navmenuprincipal .dropdown:nth-child(5) .dropdown-menu {
    width: 950px;
    left: -437px;}
  #navmenuprincipal .nav-link, #navmenuprincipal .dropdown-toggle {
    padding: 0px 10px;}
  #navmenuprincipal .promo-menu {
    right: 115px;}
  #navmenuprincipal .reservez-menu .subreservez-menu, .etablessiment .reservez-menu .subreservez-menu {
    margin-left: -790px;
    width: 895px;
    min-width: 895px;}
  #navmenuprincipal .reservez-menu a {
    font-size: 14px;
    padding: 10px 9px 8px;}
  .reservez-menu .subreservez-menu {
    margin-left: -835px!important;}
  .menuprinccont.fixed .menu-phone, .menuprinccont.fixed .menu-compte{
    display: none!important;}
}

@media (max-width: 990px){
  #navmenuprincipal .dropdown, #navbarSupportedContent20 .dropdown{
    position: relative;}
  *::-ms-backdrop, .etablessiment .lSSlideOuter .lSPager.lSGallery li{
    max-height: 59px;}
  .cms #navmenuprincipal .promo-menu {
    top: 0px;}
  #navmenuprincipal .navbar-nav li .dropdown-menu {
    top: 35px!important;}
  *::-ms-backdrop, .contheaderprinc{
    margin-bottom:-25px;}
  *::-ms-backdrop, .article .contheaderprinc, .landingpages .contheaderprinc, .cms .contheaderprinc{
    margin-bottom:0px;}
  *::-ms-backdrop {
    margin-bottom:0px;}
  *::-ms-backdrop, #navbarSupportedContent20 .dropdown .dropdown-menu, #navmenuprincipal .dropdown-menu {
    width: 715px;
    top: 30px!important;
    left:5px}
  *::-ms-backdrop, #navbarSupportedContent20 .dropdown:nth-child(3) .dropdown-menu, #navmenuprincipal .dropdown:nth-child(3) .dropdown-menu {
    width: 715px;
    top: 30px!important;
    left: -5px;}
  *::-ms-backdrop, #navbarSupportedContent20 .dropdown:nth-child(5) .dropdown-menu, #navmenuprincipal .dropdown:nth-child(5) .dropdown-menu {
    width: 715px;
    top: 30px!important;
    left: -5px;}
  #navmenuprincipal .notHover .dropdown-menu .promotionhoverclub {
    display: none;}
  #navmenuprincipal .reservez-menu .subreservez-menu #votrereservation {
    padding: 25px 35px 35px;}
  #navmenuprincipal .reservez-menu .subreservez-menu #votrereservation input {
    font-size: 13px;}
  #navmenuprincipal .reservez-menu .subreservez-menu #votresejour .form-group {
    width: 65%;}
  .subreservez-menu.visible .rechercherHome .personasWindDiv-menu {
    margin-top: -252px;}
  .daterangepicker.show-calendar.opensright {
    z-index: 999 !important;}
  .daterangepicker {
    z-index: 10 !important;}
  #opensaisson .btn-primary {
    font-size: 13px;}
  .reservez-menu .subreservez-menu #votrereservation .motdepasse {
    right: 22%!important;
    font-size: 13px;
    letter-spacing: -0.4px;}
  .reservez-menu .subreservez-menu .rechercherBtn, .rechercherBtn.rechercherBtn-results {
    width: 100%;}
  .reservez-menu a.creercompte {
    font-size: 13px!important;
    top: 25px!important;
    padding: 7px 13px!important;}
  .rangeDatepicker, .sel_typeEstablishment, .autocomplete-menu.blueBox, .autocomplete.blueBox,
  .selPersonas, .selPersonas-menu{
    margin-bottom: 13px;}
  #navmenuprincipal .subreservez-menu .rechercherHome .select-menu, .etablessiment .subreservez-menu .rechercherHome .select-menu{
    margin-bottom: 19px;}
  .rechercherHome .select{
    margin-bottom: 25px;}
  .rechercherHome .select .select-styled {
    padding: 15px 17px;}
  #navmenuprincipal .reservez-menu a, .etablessiment .reservez-menu a {
    font-size: 13px;}
  .reservez-menu .subreservez-menu {
    margin-left: -610px!important;
    width: 710px!important;
    min-width: 710px!important;}
  #navmenuprincipal .reservez-menu .subreservez-menu > ul{
    padding: 0px 25px;}
  #navmenuprincipal .reservez-menu .subreservez-menu ul li {
    padding: 15px 0 5px;}
  #navmenuprincipal .reservez-menu .subreservez-menu > ul:before {
    right: 10px;
    top: 10px;}
  #navmenuprincipal .nav-link:before, #navmenuprincipal .dropdown-toggle:before, .subreservez-menu .nav-link:before {
    display: none;}
  #navmenuprincipal .nav-link, .subreservez-menu .nav-link{
    text-align:left;}
  .menuprinccont.fixed #navmenuprincipal .notHover .dropdown-menu {
    top: 195px;}
  #navmenuprincipal .notHover .dropdown-menu .moduletable > .row {
    padding: 0!important;}
  #navmenuprincipal .notHover .dropdown-menu .moduletable > .row .row div{
    padding-bottom:0!important;
    padding-top:0!important;}
  #navmenuprincipal .notHover .dropdown-menu .moduletable > .row p{
    font-size:14px;
    font-weight: 600;
    color: #006f77!important;}
  #navmenuprincipal .notHover .dropdown-menu .moduletable > .row img{
    width: 73px;}
  #navmenuprincipal .dropdown-menu .nav-link {
    padding: 7px 10px;}
  #navmenuprincipal > .navbar-nav > .nav-item > .nav-link:hover {
    text-decoration: underline!important;
    margin-bottom:1px!important;
    border-bottom:none!important;}
  #navmenuprincipal li {
    padding: 10px 0;}
  #navmenuprincipal .navbar-nav li:nth-child(2){
    position: relative!important;}
  #navmenuprincipal .menu-phone{
    position: absolute;
    right: 250px;
    top: -5px;}
  #navmenuprincipal .menu-compte{
    position: absolute;
    right: 210px;
    top: -5px;}
  #navmenuprincipal .notHover .dropdown-menu .text-left img {
    width: auto!important;
    height:75px!important;}
  #navmenuprincipal .notHover .dropdown-menu .text-left{
    padding: .5rem!important;}
  #navmenuprincipal .notHover .dropdown-menu .text-left div{
    display: inherit!important;}
  #navmenuprincipal .notHover .dropdown-menu .text-left strong.bluetext{
    font-size: 13px;
    letter-spacing: -0.5px;}
  .busctarifs.fixed{
  height: 236px!important;
  }

}

@media (min-width:600px) and (max-width:900px){
  #navmenuprincipal .navbar-nav li:nth-child(2) .dropdown-menu {
    top: 30px!important;}
}

@media (max-width: 767px){
  *::-ms-backdrop, .etablessiment .lSSlideOuter .lSPager.lSGallery li{
    max-height: 59px;}
  *::-ms-backdrop, #navbarSupportedContent20 .dropdown .dropdown-menu, #navmenuprincipal .dropdown-menu {
    width: 535px;
    left: 5px;}
  .reservez-menu .subreservez-menu #votrereservation .motdepasse {
    right: 21%!important;
    top: 60px!important;
    left: 16px;}
  .reservez-menu .subreservez-menu {
    margin-left: -610px!important;
    width: 540px!important;
    min-width: 540px!important;}
  .rechercherHome {
    padding: 10px 0;}
  #navmenuprincipal .reservez-menu .subreservez-menu ul li, .etablessiment .reservez-menu .subreservez-menu ul li{
    width:100%;}
  #navmenuprincipal .reservez-menu .subreservez-menu ul li a, .etablessiment .reservez-menu .subreservez-menu ul li a{
    padding-bottom:0;
    padding-top:5px;}
  #navmenuprincipal .reservez-menu .subreservez-menu ul li:nth-child(3) a{
    padding-bottom:10px;}
  #navmenuprincipal .reservez-menu .subreservez-menu .nav-tabs .nav-link:hover{
    margin:1px 0;}
  #navmenuprincipal .reservez-menu .subreservez-menu .nav-tabs .nav-link.active:hover{
    margin:0;}
  #rechercher .rechercherHome .select-styled {
    padding: 19px 11px!important;
    font-size: 13px;}
  .cms .selPersonas .avec-qui-partez-vous {
    font-size: 15px!important;}
}

/*******************************************************************************************************/
/*
* MENU PRINCIPAL FICHA
*/
/*******************************************************************************************************/

#navbarSupportedContent20{
  position: relative;
  height: 41px;
  margin-top:-15px;
}

#navbarSupportedContent20 .navbar-nav li.reservez-menu > a {
  padding: 9px 15px;
  margin-top: 0px!important;
  font-size: 13px;
  border: 2px solid #fdc513!important;
}
#navbarSupportedContent20 .navbar-brand {
  padding:0;
}
#navbarSupportedContent20.fixed .navbar-brand {
  margin-right: 0px;
  margin-top: 10px;
  padding-top:initial;
}
#navbarSupportedContent20.fixed .navbar-nav {
  background-color: white;
  height: 56px;
  margin-top:4px;
}
#navbarSupportedContent20 .linkreservnav{
  padding: 10px 15px!important;
  font-size: 13px;
  font-weight: 900;
}


#navbarSupportedContent20 .promo-menu a {
  font-weight: 900;
  margin: 5px 6px 5px 2px !important;
}
#navbarSupportedContent20 .nav-item img{
  vertical-align: text-bottom;
}
#navbarSupportedContent20.fixed .nav-item img{
  vertical-align: text-bottom;
  margin-top:0px;
  margin-left:10px;
}
.slick-prev, .slick-next {
  display:none!important;
}

/*******************************************************************************************************/
/*
* CUSTOM TOP
*/
/*******************************************************************************************************/
.menuprinccont {
  background-color: #eeeeee;
    position: relative;
    padding: 14px 0
}
.offrebasheader a{
  margin-left:10px;
}

#header{
  display: none;
}
#rechercherslide{
    border-radius: 0 0 6px 6px;
    margin-top: -158px;
    position: relative;
    bottom: 8vh;
} 
#rechercherslide .mod-languages, #header .mod-languages {
 
  font-size: 14px;
} 
#rechercherslide .customlanguages{
display: flex;
align-items: center;
padding: 0 15px;
}

#rechercherslide .mod-languages a.langChoose:link, #header .mod-languages a.langChoose:link{
  background-color: transparent!important;
  color:white;
}
#rechercherslide .langChoose .caret {
  display: none;
}
#rechercherslide .mod-languages.advanced-dropdown ul, #header .mod-languages.advanced-dropdown ul {
  background: transparent;
  /* border: 1px solid #ffffff73; */
  margin-top: 0;
  /* margin-top: 5px; */
  z-index: 2;
}
#rechercherslide .mod-languages.advanced-dropdown ul a, #header .mod-languages.advanced-dropdown ul a {
  color:white;
}
/* form[name="lang"] li:first-child ,form[name="lang"] li:nth-child(2),form[name="lang"] li:nth-child(3) {display: none!important;} */
form[name="lang"] li:first-child ,form[name="lang"] li:nth-child(2) {display: none!important;}
div.advanced-dropdown a.langChoose img {
  border: 1px solid rgbA(95, 87, 87,0)!important;
}
#rechercherslide .autressites, #header .autressites{
  float: right;
  top: 26px;
  position: absolute;
  right: 0px;
  background-color: transparent;
  color: white;
  text-transform: uppercase;
  padding: 6px 13px;
  font-size: 14px;
  border: 1px solid #325597;
}
#rechercherslide .autressites option, #header .autressites option{
  color: #006f77;
}

#slidehome img{
  min-height: 470px;
  min-width: 520px;
  width: 100%;
}

#rechercherslide .titleclubsmmv h2{
  font-size: 38px;
  font-weight: 600;
}
.mmvfont{
  font-family: 'BelyDisplay' !important;
  font-weight:400;
}
.contactavis .mmvfont{
  font-weight: 600;
}
.item-page div h2 .mmvfont{
  font-size:31px;
  font-weight: 600;
}
.titleclubsmmv span.blanctext.pl-3{
  display:block;
  line-height:18px;
}
.item-page div{
  color:#595959;
}
#lire i{
  display: none;
}
#lire{
  color:#595959;
  text-decoration: underline;
}
#lire a{
  color:#595959;
}


@media (min-width:1200px){
  #rechercherslide .mod-languages{
    right: 30px;}
  .landingpages customtop1 {
    padding: 25px 0 25px 155px;}
}
@media (max-width:1200px){
  #rechercherslide .mod-languages {
    right: -27px;}
}

@media (max-width:1279px) and (min-width:990px){
  customtop1-compte a {
    padding: 0px 5px 0 1px;
    font-size: 11px;}
  customtop1 customtop1-icons img {
    padding: 3px;
    margin-right: 4px;
    width: 26px;
    margin-top: 3px;
  height: auto;}

  customtop1 customtop1-text {
    font-size: 12px;
    letter-spacing: -0.3px;}
  #rechercherslide .titleclubsmmv h2 {
    font-size: 25px;}
  #rechercherslide .titleclubsmmv span{
    font-size: 14px;
    line-height: 19px;}
  #rechercherslide .titleclubsmmv .mmvfont{
    font-size: 26px;}
 
}

@media (max-width:1200px){
  
  #navbarSupportedContent20 > .navbar-nav > li > .nav-link:hover {
    margin: 13px 7px;}
  #navmenuprincipal .promo-menu, #navbarSupportedContent20 .promo-menu {
    right: 132px;
    font-size:12px;}
  customtop1 {
    min-width: 455px;}
  customtop1-reservez p {
    padding: 5px 10px;
    font-size: 12px!important;}
}

@media (max-width:990px) and (min-width:768px){
  customtop1 {
    min-width: 40%;}
  customtop1 customtop1-text{
    width:60%;}
  customtop1 customtop1-icons{
    width: 25%;}
  customtop1 customtop1-compte {
    width: 40%;
    margin-top: 5px;}
  customtop1 customtop1-reservez{
    width: 50%;
    margin-top: 5px;}
  customtop1-reservez p {
    padding: 0px 13px!important;
    margin-top: 1px!important;
    border: 2px solid #fdc513;
    height: 27px;}
}

@media (max-width:990px){
  #rechercherslide .mod-languages {
    right: 0px;}
  #rechercherslide .mod-languages.advanced-dropdown ul  {
    background: #015e9a;
    z-index: 2;
    margin-left: -10px;}
  .landingpages #header .mod-languages {
    margin-top: 2px;
    margin-right: -30px;}
  #navbarSupportedContent20 > .navbar-nav > li > a{
    font-size: 14px!important;}
  #navbarSupportedContent20 > .navbar-nav > li > a:hover {
    border-bottom:none!important;
    font-weight:bold;
    height: 12px;
    margin: 15px 7px 14px!important;}
  #navbarSupportedContent20 > .navbar-nav > .promo-menu > a:hover {
    margin: 5px 7px 13px!important;}
  #navbarSupportedContent20 .navbar-nav li.reservez-menu > a {
    padding: 9px 15px;
    margin-top: 0px!important;
    font-size: 13px;
    height:40px;
    border: 2px solid #fdc513!important;}
  #navbarSupportedContent20 > .navbar-nav > li > .dropdown-toggle:hover {
    margin-top: 10px!important;}
  #navbarSupportedContent20 > .navbar-nav > li .navbar-brand {
    margin: 15px 7px 14px!important;}
  #navbarSupportedContent20 > .navbar-nav > li .navbar-brand:hover {
    margin: 15px 7px 34px!important;}
  #navbarSupportedContent20 .promo-menu{
    top:8px;}
  #rechercherslide .autressites, #header .autressites {
    top: -27px;
    padding: 4px 10px;
    font-size: 12px;
    z-index: 2;
    border: 1px solid #ffffff59;}
  #header .autressites {
    top: 69px;
    font-size: 11px;
    right: -345px;}
  .landingpages #header .autress:after {
    top: 69px!important;
    right: -336px!important;}
  #rechercher .Partez-tout-schuss {
    margin-top: 50px;}
  #rechercherslide #logotop{
    position: absolute;
    top: -78px;}
  .linksficha.fixed ul {
    padding: 12px 0 0;}
  customtop1 customtop1-text {
    font-size: 12px;
    letter-spacing: -0.3px;}
  customtop1-compte a {
    padding: 0px 5px 0 1px;
    font-size: 11px;}
  #rechercherslide > .container > .row > div:first-child{
    z-index: 2;
    order:2;}
  #rechercherslide > .container > .row > div:nth-child(2){
    order:1;
    z-index: 1;}
  #rechercherslide > .container > .row > div:nth-child(3){
    order:2;
    margin-top: 70px;}
  customtop1{
    padding-bottom: 0px;
    float: right;}
  #logotop .custom img {
    padding: 15px 15px 25px 0px!important; }
  #rechercherslide .titleclubsmmv h2 {
    font-size: 25px;
    text-shadow: 1px 1px 2px black;
    margin-left:-15px;}
  #rechercherslide .titleclubsmmv span{
    font-size: 16px;
    line-height: 20px;
    text-shadow: 1px 1px 2px black;}
  #rechercherslide .titleclubsmmv .mmvfont{
    font-size: 25px;}
  .infoPistes {      position: absolute!important;bottom: 60px; right: 25px; }
  .infoPistes .infos-columns {margin:0 -22px 80px 0!important; float: right;}
}
@media (max-width: 768px){
  #header .autressites {
    top: 64px;
    font-size: 11px;
    padding: 4px 25px 3px 10px!important;
    right: -283px;}
  .landingpages #header .autress:after {
    top: 65px!important;
    right: -272px!important;}
  #rechercherslide .mod-languages {
    right: -10px;}
  #rechercherslide .autressites {
    top: -25px;
    padding: 3px 10px;
    right: -22px;}
  #rechercherslide #logotop{
    position: absolute;
    top: -65px;}
  #logotop .custom img {
    max-width: 180px!important;}
  .animated-icon1 span {
    background: rgb(251, 251, 251);}
  .open .animated-icon1 span {
    background: #006f77;}
  .navbar-light .navbar-brand {
    color: white!important;}
  .open.navbar-light .navbar-brand {
    color: #006f77!important;}
  customtop1 {
    max-width: 265px;
    min-width: 265px;
    float: right;} 
.backheaderexpmmv{overflow: hidden;}
.landingpages .moduletable img {    max-width: 1300px;}

}

/*******************************************************************************************************/
/*
* HEADER
*/
/*******************************************************************************************************/

#logotop .custom img{    max-width: 210px;    padding: 30px 15px 30px 0px;}



/*******************************************************************************************************/
/*
* OFFRE BAS HEADER
*/
/*******************************************************************************************************/

.offrebasheader{
  /* height: 35px; 
  padding: 5px;  */
  background-color: #ffe6aa;
    padding: 12px 0px;
  height: 68px;
  padding: 5px;
}
.offrebasheader.headerpartenaire{
  padding: 12px;  
  background: #006f77;
  background: #006f77;
  position: sticky;
  top: 0;
  z-index: 100;
}

#offresdumoment .slick-track {    padding: 25px 0!important;}


.categorieicon{
  position: absolute;
  top: 170px;
  margin-left: 20px;
}

.categorieicon p span{
  font-size:20px;
  font-weight: bold;
}

.resultb-mapicon{
  position: absolute;
  top: 180px;
  margin-left: 15px;
  right: 25px;
  background-color: #006f77;
  padding: 2px;
  border-radius: 8px;
}

.resultb-mapicon button{
  background-color: #006f77;
  border-radius: 8px;
}

.resultb-mapicon img{
  width: 25px;
}

/* .resultb-galleryicon{
  position: absolute;
  top: 180px;
  margin-left: 15px;
  right: 27px;
  background-color: #006f78;
  padding: 10px;
  border-radius: 8px;
  z-index: 9;
} */

.slick-prev:before {
  /* content: "\f0a8"!important; */
  content: url("/images/icones/Shape\ 1\ \(2\).svg")!important;
}
#clubs .offresSlick .slick-next{
  transform: rotateY(180deg) !important;
}
button.slick-next.slick-arrow {
  position: absolute;
  top: 45.5%;
  right: -40px !important;
  z-index: 98 !important;
}
.slick-next:before {
  /* content: "\f0a9"!important; */
  content: url("/images/icones/Shape\ 1\ \(2\).svg")!important;
  opacity: 1 !important;
}


.lSAction>.lSNext{
    background-image: url("/images/icons/fleche-droite.png")!important;
    background-position: 0!important;
    background-repeat: no-repeat!important;
    right: 0!important;
}
.lSAction>.lSPrev {
    background-image: url("/images/icons/fleche-gauche.png")!important;
    background-position: 0!important;
    background-repeat: no-repeat!important;
    left: 0;
}
.lSAction>a {
    width: 57px!important;
    height: 54px!important;
}

/*******************************************************************************************************/
/*
* LANDINGPAGES HOME / EXPERIENCES
*/
/*******************************************************************************************************/
.bothomexpe {
  max-height: 43px;
  border-radius: 6px;
  transition: ease .2s;
}
.bothomexpe:hover{
  color:#006f78;
  background-color: white;
  transition: ease .2s;
}
.titleespritclubs{
  position: relative;
  color: #fff;
  padding: 30px 0 15px;
}
.titleespritclubs h2{
  font-weight: 500;
  margin: 0;
}
#espritclub .slickContent a{
  position: relative;
  overflow: hidden;
  height: auto;
  display: block;
}
#espritclub .slickContent .contentimg{
  position: relative;
  transition: transform .5s ease;
  overflow: hidden;
  max-height: 500px;
}
/* .containerHebergement .contentimg img{width: 100%} */
#espritclub .slickContent:hover .contentimg img{
  transform: scale(1.2);
  transition: transform .5s ease;
}
#espritclub .slickContent:hover .contentimg h3{
  text-shadow: 1px 1px 4px #7b7b7b;
  transition: transform .5s ease;
}
#espritclub .slickContent a .contentimg .contbuttonoffremom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 60px 15px 15px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 74%, rgba(0,0,0,0.2) 96%, rgba(0,0,0,0.2) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 74%,rgba(0,0,0,0.2) 96%,rgba(0,0,0,0.2) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 74%,rgba(0,0,0,0.2) 96%,rgba(0,0,0,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba35c5da', endColorstr='#ba00b196',GradientType=0 );
}
#espritclub .slickContent:hover .contentimg .contbuttonoffremom{
  background: linear-gradient(#ffffff00, #04040499);
  transition: transform .5s ease;
}
#espritclub .slickContent a .contentimg .contbuttonoffremom button{
  color: #fff;
  text-transform: uppercase;
  background-color: rgba(0,0,0,0)!important;
  border: 0;
  font-weight: 600;
  cursor: pointer;
}
#espritclub .slickContent h3{
  position: absolute;
  top: 0;
  z-index: 0;
  padding: 20px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 900;
  padding-left: 0px!important;
  left: 9px;
  font-family: 'Montserrat', sans-serif;
}
#espritclub .slickContent:nth-child(odd) h3{
    color:#fff!important;
    font-family: 'Montserrat', sans-serif;
}

#espritclub .slickContent{
  padding-right: 7px;
  padding-left: 7px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  position: relative;
}

#espritclub .slickContent img {
  min-width: 100%;
  height: 100%;
  width: auto;
  transition: transform .5s ease;
}

#espritclub .offresSlick .imgbuttonsder {
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 1;
    cursor: pointer;
}

#espritclub .offresSlick .slick-next, #hebergementsslide .offresSlick .slick-next {
    right: -11px;
    width: 45px;
    height: 45px;
    z-index: 2;
}

#espritclub .offresSlick .slick-prev, #hebergementsslide .offresSlick .slick-prev {
    left: -15px;
    width: 45px;
    height: 45px;
    z-index: 2;
}

#espritclub .offresSlick .imgbuttonsizq, .offresSlick .imgbuttonsder {
  top: 44%;
}

#espritclub .slickContent .dernieretext p{
  margin-top: 20px;
  font-weight: 400;
  font-size: 14px;
}

#espritclub .slickContent a:hover .textocult{
  display: block;
}

#espritclub .slick-track{
  padding: 25px 0;
}
#espritclub .slickContent a .contentimg .contbuttonoffremom:before{
  width: 15%;
  height: 2px;
  background-color: white;
  margin-left: 0px;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

@media (max-width:1223px){
  #espritclub .slickContent:nth-child(odd) h3 {
    text-shadow: 1px 1px 2px #9a9a9a;}
}
@media (max-width:990px){
  .titleespritclubs{
    margin-top:80px;}
  .rowexperience h3 {
    margin-top:0px;}
}
@media (max-width:800px){
  #espritclub .slickContent h3 {
    padding: 16px;
    font-size:1.3em;}
}
@media (max-width:768px){
  .titleespritclubs h2 {
    font-size: 21px;
    padding-left: 0px;}
}





/*******************************************************************************************************/
/*
*VOS GARANTIES EXPERIENCE
*/
/*******************************************************************************************************/

#vosgarantiesexperience h3 strong {font-weight: 900; margin-right:15px;}
#vosgarantiesexperience .tab-content>.tab-pane {
    padding: 30px 0;
}
#vosgarantiesexperience .nav-tabs .nav-item a{    padding: 15px;    background-color: #fafafa; height: 147px;}
#vosgarantiesexperience .row{margin-top: 30px; margin-bottom: 30px;border: solid 1px #ebebeb;    }
#vosgarantiesexperience .nav-link img{   max-width: 170px;    padding: 5px 20px;}
#vosgarantiesexperience .titlevosgaranties{   font-size: 24px;}
#vosgarantiesexperience .titlevosgaranties p{       color: #006f78;}
#vosgarantiesexperience .titlevosgaranties strong, .titleclubsmmv h2 strong{font-weight: 900;}
#vosgarantiesexperience .numvosgaranties{
font-size: 34px;
    color: #006f78;
    display: block;
  }

#vosgarantiesexperience .nav-tabs .nav-link {
    border: 0px solid transparent!important;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    opacity: 0.4;
}

.border_none{
  border-radius: 0;
}
#vosgarantiesexperience .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #fff #fff #fff!important;
    opacity: 1!important;
}
#vosgarantiesexperience .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

/*******************************************************************************************************/
/*
*SHARED
*/
/*******************************************************************************************************/

/* .iconfacebook{background-color: #3b5998;color:#fff!important;}
.icontwitter{background-color:#55acee; color:#fff!important;}
.iconadvisor{background-color:#00af87;color:#fff!important; }
.iconbloc{background-color:#006f78; color:#fff!important;} */


.iconfacebook, .icontwitter, .iconadvisor, .iconbloc{margin:0 11px;}

#linksfooter{margin-bottom: 35px; }
#autressites{
      background-color: initial;
    border: 1px solid rgba(27,67,142,0.5);
    padding: 11px 20px 11px 15px;
    border-radius: 5px;
    /* color: #fff; */
    margin: 0 15px;
    min-width: 250px;
    max-width: 100%;

}

@media (max-width:990px){
  .iconfacebook, .icontwitter, .iconadvisor, .iconbloc {
    margin: 0px 5px;}
}

/*******************************************************************************************************/
/*
* REASSURANCE
*/
/*******************************************************************************************************/

#ressurence img{
  max-width: 118px;
  margin: 0 auto;
  display: inherit;
   margin: 15px auto;}
#ressurence .col-md-4{
  padding: 40px 50px 20px!important;
}
#ressurence{
  margin:20px auto 0;
}
#ressurence .row p{
  font-size: 14px;
  line-height: 1.29;
}
#ressurence button{
  cursor: pointer;
  font-size: 14px;
  color: #333;
  background: #fff;
  border: 0;
  font-weight: 500;
}
#ressurence form{
  margin-top: 0; 
  text-align: center; 
  background: #fff;
}
#ressurence button:hover{

  background: #1e1e1e;
  color: #fff;

}


/*******************************************************************************************************/
/*
* SLIDE
*/
/*******************************************************************************************************/



/*******************************************************************************************************/
/*
* OFFRES ACCUIL
*/
/*******************************************************************************************************/




/*******************************************************************************************************/
/*
* Rechercher Menu
*/
/*******************************************************************************************************/
/* .frmRechercherMenu{display: none;} */
.frmRechercherMenu.active{display: block;}

/*******************************************************************************************************/
/*
* Rechercher Home
*/
/*******************************************************************************************************/
.frmRechercher .selPersonas,.frmRechercherMenu  .selPersonas-menu, .frmRechercher .datefilter.rangeDatepicker, .frmRechercher .autocomplete, .frmRechercherMenu  .datefilter.rangeDatepicker, .frmRechercherMenu  .autocomplete-menu {cursor: pointer;}
.Partez-tout-schuss {
  font-size: 50px;
  font-weight: 900;
  color: #8dc0ff;
  text-transform: uppercase;
  line-height: 55px;
  margin-bottom: 10px;
}
#contentrechercherslide{
  position: absolute;
  width: 100%;
  height:1440px;
}
.contentheaderslide{
  padding: 0 0 220px 0;
}
.colEteHiver{
      border-radius: 30px;
      margin: 9px 0;
      min-width: 185px;
      height: 41px;
      padding: 10px 0px 0px 0px;
      padding-left: 0px !important;
}
 .colEteHiver .temporadas.active, .colEteHiver .temporadas.activo{
  border: none;
  color: #000;
  border-bottom: 7px solid #9cdbbe;
  background: transparent;
  
}
.colEteHiver .temporadas:hover{
  border: none;
  color: #222;
  border-bottom: 7px solid #eee;
 
}


.colEteHiver .temporadas:first-child{
  background: transparent;
  /* padding-left: 32px; */
}
.colEteHiver .temporadas:last-child{
  background: transparent;
}
.colEteHiver .temporadas.active, .colEteHiver .temporadas.activo{

  opacity:1;
   
    font-weight: bold;
    color: #000;
    font-size: 18px
}
#page101 .colEteHiver .temporadas img{
  margin: -3px 5px 0 -22px;
}

#page3454 h1{
display: none;
}


.green-type-heberg {
  font-size: 11px;
  font-weight: 900;
  color: #1a9197;
  margin-left: 15px;
  margin-bottom: 20px;
  display: none;
}

.bluetext-heberg{
  font-size: 11px;
  font-weight: 900;
  color: #006f77;
  margin-left: 15px;
  display: none;
}
.localidad-etab{
  font-size: 13px;
  font-weight: normal;
  color: #006f78;
  margin-left: 20px;
  margin-top: -10px;
  margin-bottom: 5px;
  text-transform: lowercase;
  display: none;
}
.localidad-etab::first-letter{
  text-transform: uppercase;
}
/*******************************************************************************************************/
/*
* MAP
*/
/*******************************************************************************************************/
#map{
  height: 500px;
  z-index: 1;
  margin-top: -72px;
}
#contentmaphome{
  position: relative;
  height: 72px;
  overflow: hidden;
  z-index: 3;
  padding: 72px 0px 0px;
  -webkit-transition: all .3s linear 0s;
  transition: all .3s linear 0s;
}
#mapficha{
  height: 360px;
  z-index: 1;
}
#agenceMap{
  height: 450px;
  z-index: 1;
}
#contentmaphomeficha{
  position: relative;
  overflow: hidden;
  z-index: 2;
}
#contentmaphome.open{
  height: 500px;
  width: 100%;
  max-height: 600px;
  /* overflow: visible; */
}
.contentmap{
    position: absolute;
    top: 0;
    z-index: 2;
}
.contentmap button{
    background-color: #63554c;
    border: 1px solid #fff;
    border-radius: 18px;
    padding: 7px 15px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

#maphome{
  z-index: 2;
}
#map .leaflet-top {
    top: 83% !important;
}
#mapModalHome .leaflet-popup-content-wrapper{
   border-radius: 0px !important;
}
#mapModalHome  .leaflet-popup-tip-container{
  display: none;
}
.leaflet-container a.leaflet-popup-close-button{
  color: #ffffff !important;
}
.leaflet-popup-content {
    margin: 20px 11px !important;
}
.maps-panel-image-iw{
  width: 167px !important;
  min-width: 100%;
}
.leaflet-popup-content p {
    margin: 10px 0 20px !important;
}

.leaflet-div-icon {
    background: transparent !important;
    border: none !important;
}
.myInfoWindow {
    background-color: #fff;
    max-width: 177px !important;
    height: auto;
}
#map_hotel_overlay_content_wrapper{
    margin: 0;
    padding: 0px;
}
#map_hotel_overlay_content_wrapper h3{
    margin: 5px 0px;
    font-size: 13px;
    padding: 5px 5px 0px 0px;
    text-align: left;
}
#map_hotel_overlay_content_wrapper h3 a{
    color:#006f77 !important;
    vertical-align: middle;
    text-decoration: none;
}

.map_hotel_overlay_location_wrapper{
    padding: 3px 0 0 0;
    border-top: 0;
    border-bottom: 0;
}
#map_hotel_overlay_title{
    background-image: none !important;
}
.b-button_vermas{
    background-color: #006f77;
    padding: 10px 20px 5px 20px;
    margin: 0px;
    color: #fff !important;
    text-align: right;
}
.logostation{
  float: right;
  /* width: 120px; */
  max-width: 150px;
  margin-top: -47px;
}
#mapModalHome.close{display: none;}
#mapModalHome.open{display: block!important;}

#resultsrechercher .public-price span.prixper, #pills-tabContent .columnPrice  span.prixper{
  font-size: 13px;
  font-weight: 400;
  display: block;
  color:black;
}
#pills-tabContent .columnPrice  span.prixper{
  /*margin-top:-15px;*/
}

/*******************************************************************************************************/
/*
* ARTICLE HOME
*/
/*******************************************************************************************************/

#page101 div.item-page{
  display:none !important;
}
#page101 div.item-page h2 strong{
  font-size: 1.4em;
}
#page101 div[itemprop="articleBody"]{
  max-width: 640px;
  margin: 0 auto;
  padding: 20px;
}
#page101 div.item-page h2{
  color: #006f77;
  font-size: 21px;
  text-align: center;
  padding: 30px 0 15px 0;
}
/*******************************************************************************************************/
/*
* CONTACT PAGE
*/
/*******************************************************************************************************/
.cms .rsform{
  padding-top:20px;
  width:90%;
  margin:0 auto;
}
.cms .rsform .rsform-block{
  margin-bottom:5px;
}
.cms .rsform input[type="text"], .cms .rsform textarea, .cms .rsform select{
  width: 100%;
}
.cms .rsform input[type="text"]{
  padding:15px 5px;
}
.cms .rsform select{
  border-radius: 4px;
  height: 32px;
  border: 1px solid #ccc;
}
@media (max-width:2000px) and (min-width:990px) {
  .cms .rsform{
    width:50%;
  }
}
.formResponsive .rsform-block-recaptotaixo .formBody{margin: 0 18%!important;}

/*******************************************************************************************************/
/*
* MODULE NEWSLETTER
*/
/*******************************************************************************************************/


#newsletter>.row{align-items: center; }
#avisfooter{
  padding: 40px 0 10px;
}
#avisfooter .row{
  margin-right:0;
  margin-left:0;
}
#avisfooter .row>div{
  display: flex;
  align-items: center;
  flex-wrap: wrap;}
#avisfooter .aviscontact p:first-child{
  font-size: 15px;
}
#avisfooter .contactavis {

  padding: 0 59px 0 0;
}
#avisfooter img{
  padding: 3px;
  border-radius: 20px;
  margin:0 7px 0 0;
  max-width: 32px;
}
#avisfooter a{
  /* font-size: 20px; */
  padding-right: 19px;
  font-weight: 900;
  vertical-align: bottom;
  color: #000;
}
#avisfooter .percentagedestacado{
  font-size: 44px;
  font-weight: 800;
  color: #1e1e1e;
  letter-spacing: -0.5px;
}
#avisfooter .percentagedestacado span{
  font-weight: 200;
}
#avisfooter .avisdestacado {
  font-size: 14px; 
    line-height: 2px;
    margin-left: 10px;
    margin-top: -16px;
}
#avisfooter .avisdestacado span{
  font-size: 16px;
  line-height: 2.78;
  font-weight: bold;
}
#avisfooter .aviscontact p:nth-child(2){
  margin-top:-10px;
}
div.advanced-dropdown a.langChoose img {
  margin-top: -3px;
}
.offrenewsletter{
  display: flex;
  align-items: center;
  padding: 0 0 0 30px;
  color: #222;
}
*::-ms-backdrop, .offrenewsletter{
  padding: 42px 0 0 30px;
}
*::-ms-backdrop, #newsletter input{
  margin:52px 15px 15px!important;
}
.offrenewsletter span:first-child{font-size: 50px; font-weight:300; padding: 0 15px;}
.offrenewsletter span:first-child strong{font-weight:900;}
.offrenewsletter span:last-child{font-size: 1.5rem;font-weight: 500;}
#newsletter button{
  border: 0;
  padding: 13px 30px;
  border-radius: 5px;
  font-weight: 600;
  background-color: var(--orangeflo);
  cursor: pointer;
  color: white;
}
#newsletter button:hover{
  background-color: #1e1e1e;
}

#newsletter input {
  border: none ;
  padding: 11px 20px 11px 15px;
  border-radius: 5px;
  color: #1e1e1e;
  margin: 0 15px 15px;
  min-width: 190px;
  max-width: 100%;

}

#newsletter input::placeholder{color: #222 !important}
#newsletter input:-ms-input-placeholder {color: #222!important}
#newsletter input::-webkit-input-placeholder {color: rgba(34, 34, 34, 0.562) !important}
#newsletter input:-ms-input-placeholder  {color: #222 !important}

@media (max-width:1279px){
  #avisfooter .avisdestacado span {
    font-size: 16px;}
  #avisfooter .percentagedestacado {
    font-size: 3.5em;
    padding: 0 15px;}
}
@media (max-width:1199px){
  #avisfooter .contactavis {
    font-size: 1.1em;}
  #avisfooter .percentagedestacado {
    font-size: 37px;}
  #avisfooter .avisdestacado span {
    font-size: 15px;}
  #avisfooter .aviscontact p:first-child{
    margin-bottom: 24px!important;}
  #newsletter input {
    margin: 0 0px 15px;
    max-width: 90%;
    width: 100%;}
  #newsletter button {
    width: 90%;}
}
@media (max-width:991px){
  #espritclub .slickContent .dernieretext p{
    font-size:14px;
    line-height: 22px;}
  *::-ms-backdrop, #navmenuprincipal .reservez-menu, #navbarSupportedContent20 .reservez-menu{
    margin-top: -200px;}
  *::-ms-backdrop, .etablessiment #navbarSupportedContent20 .reservez-menu{
    margin-top: -263px;}
  #navmenuprincipal .promo-menu {
    top:2px;}
  #navbarSupportedContent20 .promo-menu {
    top:-2px;}
  .offrenewsletter span:last-child {
    font-size: 19px;}
  *::-ms-backdrop, .offrenewsletter{
    padding: 15px 0 0 30px;}
  *::-ms-backdrop, #newsletter input{
    margin: 34px 0px 15px !important;}
  #avisfooter a {
    font-size: 17px;}
  #avisfooter .percentagedestacado {
    font-size: 65px;
    margin: 20px 0 35px!important;}
  .percentagedestacado{
    width: 100%;
    margin-bottom: 10px!important;
    text-align: center;}
  .avisdestacado{
    width: 100%;
    text-align: center;}
  #avisfooter .contactavis:after{
    content:"";
    display:block;}
  #avisfooter .aviscontact p{
    width:100%;
    text-align: center;}
  #avisfooter .aviscontact p:first-child {
    margin-bottom: 31px!important;
    margin-top: 10px;}
}
@media (max-width:767px){
  #newsletter input, #newsletter button {
    max-width: 100%;
    width:100%;}
  #avisfooter .row div p{
    width: 100%;
    text-align: center;}
  #avisfooter .percentagedestacado {
    float: none;
    font-size: 4em;
    padding: 0;}
  #avisfooter .avisdestacado {
    margin-top: -20px;
    margin-bottom: 40px!important;}
  #avisfooter .avisdestacado span {
    font-size: 17px;}
  #avisfooter .aviscontact p:nth-child(2){
    margin-top:15px;
    text-align: left;
    padding: 0px 20%;}
  #avisfooter .aviscontact p:nth-child(2) a:nth-child(2){
    margin-left: -10px;}
  #avisfooter .contactavis:after, #avisfooter .avistelf:after{
    content:"";
    display:block;}
  #avisfooter .avistelf:after {
    margin-bottom: 11px;}
  #newsletter .row div{
    margin-bottom:10px;}
  .offrenewsletter {
    display: initial;
    padding:0;}
  .offrenewsletter span{
    width: 100%;}
  .offrenewsletter .newsletternumber:after{
    content:"";
    display:block;}
  #newsletteremail{
    margin: 0 0 15px 0!important;
    width:100%;}
  .newslettersubmit{
    width: 100%;
    margin-bottom: 20px;}
}
/*******************************************************************************************************/
/*
* FOOTER
*/
/*******************************************************************************************************/
.footer-menu .blueexdtext {
  line-height: 1.35;
  font-size: 12px;
  color: #006f78;
}
.textfooter .custom {
  font-size: 14px;
  line-height: 1.43;

}
.textfooter .footer-menu {
  font-size: 14px;
  line-height: 23px;
}
#linksfooter .mod-languages{
  /* margin-top:10px; */
}
#linksfooter .autressites{
  width: 100%;
  padding: 10px 8px;
  max-width: 270px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#linksfooter .autress:after{
  font-family: "FontAwesome"!important;
  content: "\f107";
  width: 10px;
  height:10px;
  top: 14px;
  left: 260px;
  position: absolute;
  color: #006f77;
  font-size: 15px;
  z-index: 2;
  pointer-events: none;
}
#linksfooter .langChoose{
  padding: 10px 55px 10px 20px;
  border-radius: 5px;
  border: 1px solid rgba(27, 67, 142, 0.2);
  background: white;
  color: #006f77;
  position: relative;
}
#linksfooter .langChoose span.caret {
  margin-top: -8px;
}
#linksfooter .mod-languages ul{
  background: white;
  border: 1px solid #5f96d480;
  margin-top: 8px;
  width: 110px;
  border-radius: 5px;
}
#linksfooter .mod-languages ul li a{
  color: #006f77;
  font-size: 14px;
}
#linksfooter .mod-languages ul li a img{
  margin-right: 10px;
}
#linksfooter .langChoose:before, #linksfooter #autressites{
  font-family: "FontAwesome"!important;
  content: "\f107";
  width: 10px;
  height: 10px;
  top: 14px;
  left: 260px;
  position: absolute;
 
  font-size: 15px;
  z-index: 2;
  pointer-events: none;
  font-weight: 700;
}

@media (max-width:990px){
  #linksfooter .autress:after{
    left: 210px;}
}

@media (max-width:767px){
  #linksfooter .autress:after{
    top: 53px;
    left: initial;
    right: 25px;}
  #linksfooter .langChoose span.caret {
    width:80%;}
  #linksfooter .autressites, #linksfooter .langChoose{
    background-color: white;
    width:100%;
    margin:40px 0 20px;
    max-width: 540px;}
}

@media (max-width:540px){
  #linksfooter .langChoose span.caret {
    width:77%;}
}
/*******************************************************************************************************/
/*
* SUBMENU FOOTER
*/
/*******************************************************************************************************/
#submenu .megamenu li{
  width: 16.6%;
}
#submenu div, #menuplusbas{
  background:white!important;
}
#submenu #js-mainnav{
  border:none;
}
#submenu .megamenu li a{
  text-align:center!important;
  padding: 15px 13px 15px 13px!important;
  color:black!important;
  border:none!important;
  font-size:14px!important;
}
#submenu #megamenucss li.megacss:hover > a.megacss, #submenu #megamenucss li:active > a{
  background: #006f77;
  color:white!important;
}
#submenu #megamenucss li > a{
  font-weight: 400;
}
#submenu .megamenu ul.level0 > li.megacss:hover > a.megacss, #submenu .megamenu li.active {
  background: #006f77;
  color:white!important;
}
@media (max-width:990px){
  #Développementdurable i{
    display: none;}
}
@media (max-width:767px){
  #menuplusbas ul li{
    width:100%!important;
  }
  #resultsrechercher .containerHebergement {
    padding: 40px 20px 10px;
  }
  #resultsrechercher .reserveztext, #resultsrechercher .prixdisc {
    font-size:12px;}
  #resultsrechercher .reserveztext a div:nth-child(2) {
    width:75%}
  #resultsrechercher .public-price span {
    font-weight: bold;
    letter-spacing: -0.7px;
    font-size: 17px;}
  #resultsrechercher .tab-pane.in.active > .container{
    padding:5px 0;}
  #resultsrechercher .tab-pane.in.active .accordion_body > .container{
    padding:10px 5px;}
}


/* #resultsrechercher .nav-tabs .nav-link{
  border:none!important;
} */
#resultsrechercher .columns-roomtype .row {
  /* margin-top: 10px; */
  justify-content: space-around;
}

#resultsrechercher .columns-roomtype span.tipoappartement, #resultsrechercher .columns-roomtype span.tipoappartement {
  top:-15px;
}
#resultsrechercher .columns-roomtype-hot span.tipoappartement{
  top:10px !important;
}
/* #resultsrechercher .resultchambres{
  padding-top: 10px;
} */
#resultsrechercher .reserveztext .reserveztext {
  margin-bottom: -5px!important;
  margin-top:1px;
}
img.bulletinfotaxes {
  display: none;
}
.iconeformule img {
  max-width: 24px;
  max-height: 28px;
  display: none;
}
ul.tarifasNav .nav-item .btn-info-tab-tarif {
  position: absolute;
  top: 0px;
  right: 0%;
}
#resultsrechercher .nav-tabs .nav-link.active{
  background-color: #1e1e1e;
  font-weight: 800;
  color: #fff;
  border: none;
  border-bottom: 6.8px solid #006f77 !important;
    border-radius: 0;
}
.profile-wrapper {
  position: relative;
  top: 3px;
}
#resultsrechercher .nav-tabs .nav-link{
  padding: 10px 30px 10px!important;
  font-size: 13px;
  font-weight: 800;
  color: #1e1e1e;
  min-width: 100px;
  text-align: center;
  border-left: none !important;
  background: white;
  border-bottom: 6px solid #93959763 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0!important;
  border-top: 1px solid #dee2e6;
  border-left: 1px solid #dee2e6 !important;
}
#resultsrechercher .public-price span{
  font-weight: 900;
  font-size: 16px;
}
.cms .avis-opinions .commentBox:first-child{
  border-top:1px solid #e2e2e2;
}
.cms .avis-percentage{
  margin: 40px auto 10px;
}
#estancia{
  position: absolute;
  right: 45px;
  margin-top: 30px;
  z-index: 2;
}
#socialmedia .bluetext{
  color: #006f77;
}
#socialmedia .bluetext strong{
  color:#4f7fc0;
}
#socialmedia .socialmedialogos{
  text-align: center;
}

.saisondates{
  display: flex;
  align-items: center;
  font-size: 14px;
}

.navformule {
  border-top: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #cccccc;
  margin: -1px -1px 0;
  min-height: 82px;
}

.navformule .iconeformule img{
  min-width: 26px;
  max-height: 26px;
}
.navformule .iconeformule{
  width: auto;
  max-height: 38px;
  padding: 0px 5px;
}
.navformule .iconefor{
  margin-top:-1px;
  margin-left:-1px;
}
.tarifs-span-tab-title{
  text-transform: uppercase!important;
}
.navformule .iconefor:last-child{
  margin-right:-1px;
}
.navformule .active{
  background-color: #faebd7;
}

.navformule > li > a {
  color: var(--greenew);
    font-size: 13px;
    font-weight: bold;
    padding: 10px 30px;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 10px;
    background-color: white;
    font-weight: 700;
    text-align: center;
}
.navformule > li:first-child > a {
 border:none;
}
.navformule > li:last-child > a {
 border:none;
}
.navformule > li > a {
  border:none;
}
#navformule .tab-pane{
  font-size: 14px;
  padding: 20px 0px;
}
#navformule {
  border: solid 1px #ebebeb;
}
#navformule .tab-pane div{
  margin:15px 0px;
}

.tab-content-formule {
  padding : 0px 15px;
}
.reserveztext .prixdisc span{
  font-weight: 900;
  font-size: 20px;
}
.tipopromotion .accordion_container_cms, .cms .accordion_container_cms {
  border-bottom: 1px solid #ccc;
}

.tipopromotion .pictoravi{
  width: min-content!important;
}
.tipopromotion .img1ResultHebergements{
  display: inline-block;
  max-width: min-content;
}
.tipopromotion .navformulecont{
  border: 1px solid #ccc;
  border-top:none;
}
.tipopromotion .appartement-caract{
  border-bottom: 1px solid #ccc;
}
.tipopromotion .appartement-caract:last-child{
  border-bottom: 0px solid #fff;
}
.tipopromotion .appartement-caract>div{

  display: grid;
  align-items: center;
}
.tipopromotion .appartement-caract>div.modal{

  display: none;
  align-items: center;
}
.tipopromotion .contentimg{
  position: relative;
  overflow: hidden;
}
.tipopromotion .contentimg H3{
  position: absolute;
  top: 15px;
  left: 15px;
}
.tipopromotion .accordion_container_cms, .cms .accordion_container_cms{
  color: #006f77;
  background-color: #eef9ff;
  padding: 15px;
  margin: 0 -15px;
  cursor: pointer;
}
.tipopromotion .dispotogvisb{display: none;}
.tipopromotion .dispotogvisb.open{display: flex;}
.tipopromotion span.prixper {
  font-size: 13px;
  font-weight: 400;
  display: block;
}
.tipopromotion .navformule{
  border-top:none;
}

#appartementsvotreclub{
  margin-top:70px;
  margin-bottom: 20px;
}
.appartementsvotreclub{
  display: grid!important;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row dense;

}
.appartementsvotreclub>div{
  margin: 10px 0;
  grid-column-start: 1;

}
.appartementsvotreclub>div.second-half{
  grid-column-start: 2!important;
}
@media (max-width:1024px){
  .appartementsvotreclub{
    display: block!important;
  
  }
}

.appartementsvotreclub > div > .row{ align-items: center; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);}
/* .appartementsvotreclub button{background-color: initial;} */

/*.appartement-type .tipoappartement{
  padding: 5px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 3px;
  position: absolute;
  top: 5px;
  background-color: var(--greenew) !important;
  text-align: center;
  color: #fff;
}*/
.appartementsvotreclub .appartement-type{
  height:40px;
  margin-top: 7px;
  position: relative;
}
.recherchercms .appartement-type{
  height:32px;
  margin-top: 7px;
  position: relative;
}
.appartementsvotreclub .row.mr-1 > div:nth-child(2){
  padding: 14px!important;
}
.recherchercms .appartement-type{
  margin-top:-33px;
}
.tipopromotion.cms .recherchercms .appartement-type, .cms .recherchercms .appartement-type{
  margin-top:2px;
}
.recherchercms .appartement-caract{
  padding: 35px 5px 10px 12px;
}
.tipopromotion.cms .recherchercms .appartement-caract, .cms .recherchercms .appartement-caract{
  padding: 0px 5px 0px 12px;
}
*::-ms-backdrop, .recherchercms .appartement-caract > div > .row {
  min-width: 350px;
}
*::-ms-backdrop, .recherchercms .appartement-caract > div > .row > div:nth-child(1) {
  min-width:100px;
}
*::-ms-backdrop, .recherchercms .appartement-caract .reservezprix {
  min-width:170px;
}
.recherchercms .appartement-caract .reservezarea{
  padding-left: 0;
}
.tipopromotion.cms .recherchercms .appartement-caract .reservezarea, .cms .recherchercms .appartement-caract .reservezarea{
  border-left: 1px solid #cccccc;
  padding:0;
}

.recherchercms .navformule .tab-pane:last-child .appartement-caract{
  margin-bottom: -1px;
}
.recherchercms .appartement-caract p{
  margin-bottom: 0;
}
.containerHebergement .typehebergement{
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 12px;
  letter-spacing: -0.5px;
}
.containerHebergement .typehebergement strong{
  font-weight: 800;
  font-size: 14px;
}
.containerHebergement .typehebergement.bluetext{
  color:#4f7fc0;
}
.recherchercms .containerHebergement .clientsravis{
  font-size: 14px;
  font-weight: 600;
}
.recherchercms .categorieicon, #resultsrechercher .categorieicon{
  position: absolute;
  top: 200px;
  margin-left: 20px;
}
.appartementsvotreclub .appartement-caract {
  margin-bottom:5px;
  margin-top:5px;
}
.appartementsvotreclub .appartement-caract .tipo-num, .appartement-caract .tipo-num, .tab-tarifs .tipo-num, #resultsrechercher .tipo-num{
  font-size: 15px;
  font-weight: 900;
  line-height: 12px;
  margin-top: 1px;
  margin-bottom: 0px;
  min-width: 40px;
}
#resultsrechercher .tipo-num{
  min-width: 50px;
}
.appartementsvotreclub .appartement-caract .tipo-text, .appartement-caract .tipo-text, .tab-tarifs .tipo-text, #resultsrechercher .tipo-text{
  font-size: 12px;
}
.appartement-caract .lebutton{
  min-width:40px;
}
.appartement-caract .lespace{
  min-width:80px;
}
.appartement-caract button.btn{
  background-color:white;
  margin-top: -5px;
  padding:5px!important;
}
.tipopromotion.cms .appartement-caract button.btn, .cms .appartement-caract button.btn{
  margin-left:-10px;
}
.tipopromotion.cms .appartement-caract .lebutton button.btn, .cms .appartement-caract .lebutton button.btn{
  margin-left: 0px;
}
.reserveztext{
  font-size:14px;
  width:100%;
  /* margin-top:-15px */
}

.tipopromotion.cms .appartement-caract .reserveztext .reservezbutton, .cms .appartement-caract .reserveztext .reservezbutton{
  margin-top: -1px;
  margin-bottom: -3px;
  padding-top: 20px;
  padding-left: 5px!important;
  border-left: 1px solid #cccccc;
}

.reserveztext .reserveztext, .reserveztext .reservezdates {
  font-size:13px;
  letter-spacing: -0.2px;
}
.reservezbutton{
  padding-left: 0!important;
  padding-top: 8px;
}
.reserveztext .prixdisc{
  margin-top: 9px;
  text-align: center;
}
.reserveztext .reservezdates{
  margin-top:-5px;
}

#resultsCmsAjax .navformulecont {
  margin-bottom:-1px;
}

@media (max-width:1291px){
  *::-ms-backdrop, .recherchercms .appartement-caract > div > .row {
    min-width: 320px;}
  .reservezarea .reservezprix{
    margin-top: 0px;}
  .reserveztext .reserveztext, .reserveztext .reservezdates {
    font-size: 12px;
    letter-spacing: -0.5px;}
  .recherchercms .categorieicon, #resultsrechercher .categorieicon{
    top: 200px;}
}

@media (max-width:1200px){
  *::-ms-backdrop, .recherchercms .appartement-caract > div > .row > div:nth-child(1){
    min-width: 70px;}
  *::-ms-backdrop, .recherchercms .appartement-caract > div > .row {
    min-width: 320px;}
  .appartementsvotreclub .appartement-caract .tipo-num, .appartement-caract .tipo-num, .tab-tarifs .tipo-num, #resultsrechercher .tipo-num {
    margin-top: 11px;
    min-width: 41px;}
  .tipopromotion.cms .containerHebergement > .row{
    margin:0px!important;}
  .containerHebergement .typehebergement strong {
    font-size: 13px;}
  .containerHebergement .typehebergement {
    font-size: 16px;}
  .recherchercms .categorieicon{
    top: 150px;}
  #resultsrechercher .categorieicon{
    top: 180px;}
  .appartementsvotreclub .appartement-caract {
    margin: 0px;}
  .reservezarea .reservezprix{
    margin-top: 18px;}
  .reserveztext .prixdisc span {
    font-size: 16px;
    letter-spacing: -0.2px;}
  .reserveztext .prixdisc {
    font-size: 11px;}

}
@media (max-width:1100px){
  .reserveztext .prixdisc span {
    font-size: 15px;
    letter-spacing: -0.2px;}
}
@media (max-width:991px){
  .cms .appartement-caract .reservezprix .prix {
    margin-bottom: -13px!important;
    text-align: center;
    margin-top: 5px;}
  .tipopromotion.cms .appartement-caract .reserveztext .reservezprix{
    margin-top: 0px;}
  .tipopromotion.cms .appartement-caract .reserveztext .reservezbutton{
    margin-top: 0px;}
  .resultb-galleryicon, .resultb-mapicon {
    top: 290px;}
  .etablessiment .saisondates{
    margin-top:20px;}
  .appartementsvotreclub .row.mr-1 > div:nth-child(2){
    padding:5px 14px!important;}
  .appartementsvotreclub .button-appartement {
    width:50%;}
  .containerHebergement .typehebergement strong {
    font-size: 15px;}
  .containerHebergement .typehebergement {
    font-size: 18px;}
  .recherchercms .categorieicon, #resultsrechercher .categorieicon {
    top: 290px;
    z-index: 1;}
  .containerHebergement a.btn.btnblueResults{
    width:100%;}
  .appartement-caract > div:nth-child(2){
    margin: 0px;}
  .appartement-caract > div .row{
    width:100%;}
  .reservezarea .reservezprix{
    margin-top: 1px;}
}

@media (max-width:768px){
  .resultb-galleryicon, .resultb-mapicon {
    top: 175px;}
  .etablessiment .saisondates{
    margin-top:0px;}
  .saisondates p {
    font-size: 12px;
    line-height: 16px;
    margin-top: 9px;}
  #resultsrechercher .categorieicon {
    top: 165px;}
  .recherchercms .categorieicon {
    top: 185px;}
}


/*******************************************************************************************************/
/*
* FORMULARIO HOME
*/
/*******************************************************************************************************/

.numberPersonas, .numberPersonas-menu{
  background-color: transparent;
  border: none;
  width: 30px;
color: #1e1e1e;
  font-weight: 900;
}

.btnRegionRecher{
  cursor: pointer;
  z-index: 9999;
  height:40px;
  width:33.3%;
  text-align: left;
  font-size: 12px;
  background-color: #e8e8e8;
  border: 2px solid #e8e8e8;
  margin: 0;
  padding: 0;
  float:left;
}
.btnRegionRecher span{
  color: #006f78;
  font-weight: 600;
  display: block;
  width: 60%;
  float: left;
}

.chzn-container{
  display: none;
}

.sel_typeEstablishment{
  display: block !important;
}


.result-establec {
  /* width: 175px; */
  /* height: 19px; */
  font-size: 14px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.5px;
  color: #006f78;
}

.Rectangle, .Rectangle-menu {
  width: 430px;
  background-color: #e8e8e8;
  position: absolute;
  /* bottom:-390px; */
  bottom:-429px;
  display:block;
  z-index: 10;
  padding:7px;
  border-radius:5px;
  display: none;
}
.rechercherHome .Rectangle {
  width:460px!important;
}
.etablessiments .ui-autocomplete, .etablessiments .Rectangle { width:430px!important;}

.imgRegionRecher{
  margin: -2px 5px 10px 5px;
  width: 28px;
  float: left;
}

#ui-id-1 li, #ui-id-2 li{
  margin: 1px;
  border-bottom: 1px solid #cecece;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  padding: 5px 5px 5px;
}
#ui-id-1 > li > img, #ui-id-2 > li > img{
  width: 40px!important;
  margin: 5px 5px 8px 0px!important;
  float: left;
}

.Rectangle-menu {
  width:430px;
}

.ui-autocomplete {
  max-height: 300px;
  min-height: 300px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding to account for vertical scrollbar */
  padding-right: 20px;
  width: 460px!important;
  border-radius: 5px;
  border: 1px solid #ddd;
  background-color: #fff;
  /* z-index: 999; */
  z-index: 10;
}
.etablessiment .ui-autocomplete {
  width: 430px!important;
  z-index: 999;
}

#page101 ul#ui-id-2{
  /* position: fixed; */
  width: 430px!important;
  z-index: 9999;
}
.cms .ui-autocomplete {
  width: 430px!important;
}

#page101 #ui-id-1, #page101 .Rectangle{
  width:480px;
}

#ui-id-2 .ui-autocomplete li img{
  width:30px!important;
}


.ui-autocomplete .bluetext-heberg{
  font-size: 11px;
  font-weight: 900;
  color: #006f77;
}

.ui-autocomplete .localidad-etab{
  font-size: 13px;
  font-weight: normal;
  color: #006f78;
  opacity: 0.5;
  margin-left:45px;
  margin-top: -10px;
  margin-bottom: -6px;
  text-transform: capitalize;
}

.ui-autocomplete .localidad-etab1{
  font-size: 13px;
  font-weight: normal;
  color: #006f78;
  margin-top: -10px;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.ui-autocomplete .localidad-etab112{

    margin: -14px 0 0 45px;
    font-size: 13px;
    font-weight: normal;
    color: #006f78;
}
 ul#ui-id-2 li > img.iconmenures{
      width: 33px;
    margin: 0px 9px 0px 0px!important;
    vertical-align: middle;
    padding-top: 13px;
    float: left;
}
 #ui-id-2 li, #ui-id-1 li{
      padding: 10px 10px 12px;
 }
.ui-autocomplete .localidad-etab1125{    margin-top: -5px;}
@media (max-width: 1250px){
  ul#ui-id-2, ul#ui-id-1, #page101 ul#ui-id-2, #page101 ul#ui-id-1 {
    width: 380px!important;}
  .Rectangle-menu {
    width: 380px!important;}
  .etablessiment #ui-id-1 {
    width: 650px!important;}
}
@media (max-width: 1100px){
  #ui-id-2, #ui-id-1 {
    width: 320px;}
  .Rectangle-menu {
    width: 320px;}
}
@media (max-width: 990px){
  #page101 ul#ui-id-2, ul#ui-id-2, .landingpages ul#ui-id-1{
    width: 650px!important;}
  .Rectangle-menu {
    width: 650px!important;
    bottom:-418px;/* bottom:-380px; */}
  .Rectangle {
    width:650px!important;
    bottom:-430px;/* bottom:-392px; */}
  .rechercherHome .Rectangle {
    bottom: -408px;/* bottom: -377px; */}
  #ui-id-1 img, #ui-id-2 img{
    height:auto;
    width:30px!important;}
  #page101 #ui-id-1 {
    width: 460px!important;}
  .cms #ui-id-1, .cms .Rectangle, .etablessiments #ui-id-1, .etablessiments .Rectangle {
    width: 690px!important;}
}

@media (max-width: 767px){
  .ui-autocomplete .localidad-etab1, .ui-autocomplete .localidad-etab {
    font-size: 10px!important;}
  #page101 ul#ui-id-2, ul#ui-id-2, .landingpages ul#ui-id-1 {
    width: 480px!important;}
  #page101 #ui-id-2 img, #ui-id-2 img{
    width:30px!important;}
  .Rectangle-menu {
    bottom: -347px;/* bottom: -305px; */
    width: 480px!important;}
  ul#ui-id-2, .landingpages ul#ui-id-1 {
    max-height: 230px;
    min-height: 230px;}
  .Rectangle {
    width:350px!important;
    bottom: -365px;/* bottom: -321px; */}
  #ui-id-1 img, #ui-id-2 img{
    width:30px!important;}
  .cms #ui-id-1, .cms .Rectangle {
    width: 510px!important;}
  .etablessiment #ui-id-1 {
    width: 480px!important;
    max-height: 228px;
    min-height: 228px;}
  .etablessiment #ui-id-1 img{
    max-height:30px!important;
    min-height:30px!important;}
}
@media (min-width: 990px) and (max-width: 1250px){
  #ui-id-2 li, #ui-id-1 li {
    margin: 7px 10px!important;}
  .result-establec {
    font-size: 12px!important;}
}
.ui-autocomplete .imgEtabAutocomplete{
  width:71px;
  margin:8px 10px 8px 0;
  height: 48px;
}
.auto-box {
  display: flex;
  align-items:center;
}
.sel_typeEstablishment:focus{
  color: #006f78;
  background-color: #fff;
}
.sel_typeEstablishment option {
  width: 310px;
  height: 50px;
  background-color: #f4f4f4;
}

/* .rechercherBtn{
  width: 63px;
  height: 120px;
  border-radius: 5px;
  background-color: #fdc513;
  border: none;
  cursor: pointer;
} */

.rechercherHome .rechercherBtn:hover{
  background-color: #1e1e1e !important;
}
.selPersonas.active, .select-styled.active, .frmRechercher .datefilter.active{background-color: transparent; z-index: 10; }
.selPersonas.active,  .frmRechercher .datefilter.active{ position: relative;}
/* .selPersonas.active .avec-qui-partez-vous, .selPersonas.active .avec-qui-partez-vous-menu, .selPersonas.active .numberPersonas, .selPersonas.active .numberPersonas-menu, .select-styled.active, .frmRechercher .datefilter.active{ color: #006f77; } */
/*
#rechercherslide .rechercherHome{
  padding: 25px 0 70px;
}
*/
.descTitle {
  padding: 25px 0;
  font-size: 16px;
}
#resultsrechercher .descTitle {
  padding: 0px;
  margin:0;
}
.rechercherHome .rechercherbuttons{
  display: flex;
  width: 100%;
  justify-content: space-evenly;
}
.rechercherbuttons .col-6{
  position: relative;
}
.reservez-menu .rechercherHome .blueBox{
  padding: 16px 19px;
  text-align: left;
}
.reservez-menu .rechercherHome .blueBox:first-child {
  padding: 15px 19px;
}
.reservez-menu .rechercherHome .select-options{
  padding:0!important;
}
.reservez-menu .rechercherHome .select-options li{
  padding: 13px 5px!important;
}
.rechercherHome .container .row .col-10 {
  padding-left: 0px;
}
.rechercherHome .recherchernav .avec-qui-partez-vous{
  display: block;
  margin-top: -28px;
}
.rechercherHome .block-personas span, .rechercherHome .block-personas-menu span{
  font-weight: 900;
    color: #1e1e1e;
    font-size: 15px;
}
.rechercherHome .block-personas .tipo-persona{
  margin-top:8px;
}
.autocomplete::placeholder, .autocomplete-menu::placeholder{
  font-size: 16px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color: #000;
}

.reservez-menu .rechercherHome .blueBox.autocomplete-menu{
  font-size: 14px;
}
.autocomplete, .autocomplete-menu{
  font-size: 16px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  padding-left: 20px !important;
  position: relative;
  border: none;
}

/* .autocomplete-image-menu, .autocomplete-image{
  pointer-events: none;
} */

.autocomplete:focus{
  color: #006f78;
  background-color: #fff;
}
.lexprience-Club-da {
  width: 563px;
  height: 30px;
  font-size: 22px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}
.blueBox{
  width: 100%;
    height: 50px;
    background-color: rgba(255,255,255,.1);
    padding: 13px 17px 13px 17px;
    border-right: 1px solid #dbdbdb;
    display: block;
    color: #000;
  
}
.module-fixed .selPersonascol .blueBox{
  height: 50px;
  padding: 10px 15px;
}
.blueBox:focus{
  background-color: #ffffff;
}
.autocomplete.blueBox:focus{
  background-color: #ffffff;
  position: relative;
  z-index: 10;
}

.sel_typeEstablishment, .sel_typeEstablishment-menu{
  border: none;
  font-size: 15px;
  font-weight: 900;
  color: #ffffff;
}
#resultsrechercher .prixminsansdispo{
  padding: 15px 10px 15px 24px;
font-size: 1rem;
}
.sel_typeEstablishment option{
  color: #757575;
  text-transform: uppercase;
  font-weight: 600;
  margin-top:20px;
  width: 120%;
  padding:5px 30px;
  border-bottom:1px solid grey;
}
.sel_typeEstablishment option:first-child{
  color:#006f77;
}
.sel_typeEstablishment option:nth-child(2){
  color:#33979d;
}
.sel_typeEstablishment option:nth-child(3){
  color:#4f7fc0;
}
.fa-search, .rechercherBtn .jux-fa-search{
  color: #ffffff;
  font-size: 25px;
}

.maxPersPermitted{
  color: red;
  font-style: italic;
  font-size: 14px;
}

.annuler-row{
  margin-top: 10px;
  display: flex !important;
  align-items: center;
}

  .annuler-link{

    font-size: 15px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #1e1e1e;
    cursor: pointer;
    text-decoration: underline!important;
  }
.cparti-link, .cparti-link-menu{
  font-size: 17px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: white !important;
  cursor: pointer;
  background: var(--orangeflo);
  padding: 10px 30px;
  border-radius: 21px;
}
.cparti-link{
  float: right;
}
.rangeDatepicker{
  width: 100%;
  height: 50px;
  border:none;
  background-color: rgba(255,255,255,0.1);
  padding: 15px;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  border-right: 1px solid #dbdbdb;
}

.daterangepicker .calendar-table{
  padding:10px!important;
  min-width: 248px!important;
}
.daterangepicker .calendar-table .month{
  color:#006f77;
  font-size: 13px;
  font-weight: 900;
  
}
.daterangepicker .calendar-table .table-condensed thead tr:nth-child(2){
  text-transform: uppercase;
  color: grey;
  height: 35px;
  font-weight: 300;
}
.daterangepicker .calendar-table .table-condensed thead tr:nth-child(2) th{
  font-weight: 300;
}
.daterangepicker .calendar-table td {
  border-top-color: #d0d0d0!important;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  border: none!important;
}
.daterangepicker .calendar-table .next.available, .daterangepicker .calendar-table .prev.available{
  border:1px solid #006f7754!important;
}
.daterangepicker .calendar-table .next.available span, .daterangepicker .calendar-table .prev.available span{
  border: solid #006f77!important;
  border-width: 0 1px 1px 0!important;
}
.daterangepicker .calendar-table td {
  border: 1px solid #d0d0d0!important;
  border-radius: 0;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #006f77!important;
}
.daterangepicker .drp-calendar.left {
  padding: 10px 10px 10px 10px!important;
    background-color: #f6f6f6;
}
.daterangepicker .drp-calendar.right {
  padding: 10px!important;
  background-color: #f6f6f6;
}

.avec-qui-partez-vous, .avec-qui-partez-vous-menu {
  height: 22px;
  font-size: 15px;
  color: #ffffff;
  cursor: pointer;
}
.avec-qui-partez-vous {
  margin-left:-30px;
  font-size: 15px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color: #000;
  
}
.avec-qui-partez-vous-menu{
  margin-left:-33px;
}
.inputVisible.avec-qui-partez-vous, .inputVisible.avec-qui-partez-vous-menu{
  margin-left: 0;
}

.value-button{
  width: 12px;
  height: 27px;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #006f77;
}

.number{
  width: 10px;
  height: 22px;
  font-size: 16px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #006f78;
}

.personasWindDiv, .personasWindDiv-menu{
  background: #fff;
  padding: 9px 15px;
  border-radius: 5px;
  width: 100%;
  min-width: 400px;
  max-width: 450px;
  margin-top: -7px;
  position: absolute;
  z-index: 12;
  border: 1px solid #ddd;
}

@media (max-width:768px){
  .personasWindDiv{
    right: -50px;
    left: -53px;
  }
}

@media (max-width:480px){
  .personasWindDiv, .personasWindDiv-menu{
    padding: 20px 5px;
    min-width: 360px;}
  .selPersonascol .tipo-persona{
    padding-left:0;
    padding-right:0;}
}

.personasWindDiv-menu .row .col-6{
  text-align: left;
}
.rechercherHome .personasWindDiv{
  margin-top: 5px;
  max-width: 400px;
}
.cms .contheaderprinc .rechercherHome .personasWindDiv {
  margin-top: -255px;
}

.value-button {
  display: inline-block;
  border: 1px solid #ddd;
  width: 40px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 3px 0;
  background: #ffffff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.value-button:hover {
  cursor: pointer;
}

form .btnIncrease, form .btnDecrease, form .btnDecrease-menu, form .btnIncrease-menu {
  width: 32px;
  height: 32px;
  border: solid 1px #006f77;
  border-radius: 20px;
  padding-top: 1px;
}

form #input-wrap {
  margin: 0px;
  padding: 0px;
}

input.number {
  text-align: center;
  border: none;
  margin: 0;
  width: 36px;
  height: 34px;
  background-color: #fff;
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media (max-width:991px){
  .rechercherHome .personasWindDiv{
    margin-top: -255px;}
  #rechercherslide .rechercherHome .personasWindDiv{
    margin-top: -15px;}
  .rechercherBtn {
    height: 133px;}
  #rechercherslide #rechercher .blueBox, #rechercher .rechercherbuttons input[type="text"], #rechercherslide .datefilter.rangeDatepicker {
    background-color: #006f77;}
  #rechercher .rechercherHome .select-styled {
    padding: 15px 17px;}
}

/*******************************************************************************************************/
/*
* PROMOTIONS HOME / CMS
*/
/*******************************************************************************************************/

#promotions{
  margin: 20px auto;
  position: relative;
}
#promotions .slickContent, .tipopromotion .lespromotions{
  position: relative;
}
.tipopromotion .pagescmscontentblanc .row{
  /* padding:30px 15px 25px 25px; */
  padding:15px;
}
#promotions .tag, .tipopromotion .lespromotions .tag{
  position: absolute;
  top: 10px;
  left: 10px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 2px 8px;
  font-weight: 300;
}
/* Cambiado a lo estilo de abajo por el mantis 480 en MMV_client */
/* #promotions .discont, .tipopromotion .lespromotions .discont{
  position: absolute;
  left: 10px;
  top: 55px;
  font-size: 50px;
  font-weight: 900;
  color: #fdc513;
} */
#promotions .discont, .tipopromotion .lespromotions .discont {
  position: absolute;
  left: 17px;
  top: 17px;
  font-size: 30px;
  line-height: 28px;
  font-weight: 900;
  color: white;
  text-shadow: 1px 1px 4px #a2a2a2;
}

#promotions .discont span, .tipopromotion .lespromotions .discont span{

  font-weight: 100;

}
#promotions .dernieretext, .tipopromotion .lespromotions .dernieretext {
  position: absolute;
    left: 15px;
    width: 90%;
    left: 17px;
    top: 48px;
}
#promotions .dernieretext p, .tipopromotion .lespromotions .dernieretext p{
  margin-bottom: 0px;
  font-size: 30px;
  font-weight: 900;
  text-shadow: 1px 1px 4px #a2a2a2;
  line-height: 1;
}

#promotions .dernieretext h3, .tipopromotion .lespromotions .dernieretext h3{
  font-size: 30px;
  font-weight: 900;
}
#promotions .dernieretext h3{
  line-height: 36px;
}
#promotions .slick-slide {
  margin-right: 15px;
  overflow: hidden;
}
#promotions .slick-slide a img, .tipopromotion .lespromotions a img {
  opacity: 1;
  width:100%;
  transition: all 0.3s;
}
.tipopromotion .lespromotions a img {
  padding-right: 15px;
}

#promotionscontent .offresSlick .slick-prev, #promotionscontent .offresSlick .slick-next{
  display: block ;
}

#promotionscontent .offresSlick .slick-next{
  right: -50px;
  width: 45px;
  height: 45px;
  z-index: 2;
}

#promotionscontent .offresSlick .slick-prev{
  left: -35px;
  width: 45px;
  height: 45px;
  z-index: 2;
}

#promotions .slick-slide:hover img {
  transform: scale(1.2);
  transition: transform .5s ease;
}
#promotions .slick-slide:hover .dernieretext{
  text-shadow: 1px 1px 4px #191919;
}

#promotions .promotions-button:hover {
  color: white!important;
  background-color: #1e1e1e!important;
}
#promotions #promotionsresults .row{
  margin-bottom:40px;
}
#promotions .titleaccuilderniere strong{
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  margin-left:10px;
}
#promotions #dernieresminutescontent .slickContent a:hover{
  background-color: #e6f1f9!important;
  color: #006f77!important;

}

#promotions .promotionhoverclub{
  position: absolute;
  z-index: 9999;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: none;
  width: 100%;
  height: 100%;
}
#promotions .slickContent:hover .promotionhoverclub{
  display: block;
}
#promotions .slickContent:hover a span, #promotions .slickContent:hover a .dernieretext, #promotions .slickContent:hover a .discont{
  display:none;
}

#promotions .dernieretexthover {
  text-transform: uppercase;
  transform: rotate(0deg);
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
}
#promotions .promotionhoverclub .dernieretexthover {
  margin-top: 54%;
  margin-left: 20px;
}
#promotions .promotionhoverclub .promotion-nom{
  font-size: 27px!important;
  font-weight: 900;
  text-align: center;
  line-height: 32px;
  min-width: 230px;
  display: none;
}
#promotions .promotionhoverclub .promotion-nom span {
  text-align: center;
  font-size:24px!important;
  width: 100%;
  display: block!important;
  margin: 4px 0;
  font-weight: 400;
}
#promotions .promotionhoverclub .promobutton{
  display: block;
  font-size: 18px!important;
  position: absolute;
  margin: 10px 15%;
  text-align: center!important;
  background: #1e1e1e;
  border-radius: 8px;
  padding: 8px 20px;
  font-weight: 700;
  color: #fff;
}
#promotions .promotionhoverclub .promobutton:hover{
  background-color: #1e1e1e;
}
/*****************************************************************************/
/*
* FICHA AVIS
*/
/*****************************************************************************/

.happyFace{
  float: left;
  margin-right: 5px;
}

.tagImage{
  width: 100%;
}

.avisblockquote {
  padding:10px;
}
.avisblockquote:before {
  content: "\201C"; /* inicio comilla */
  font-family: Georgia;
  font-size:60px; /* tamaño */
  font-weight: bold; line-height:0px;
  color:#006f77; /* Color  */
  position: absolute;
  top: 30px;
  left: -33px;
}
.avisblockquote:after { /* final */
  content: "\201D";
  font-family: Georgia;
  font-size:60px; /* tamaño */
  font-weight: bold;
  line-height:2px;
  color:#006f77; /* Color  */
  vertical-align:text-bottom;
  padding-top:10px;
  margin-left: 5px;
  position: absolute;
  right: -10px;
  bottom: 0px;
}

.commentBox{
  padding: 20px 0;
}
/*******************************************************************************************************/
/*
* HEADER
*/
/*******************************************************************************************************/
.etablessiments #contentrechercherslide{
  height:750px;
}
.etablessiment .colEteHiver .temporadas{
    padding: 11px 6px 11px 14px;
}
.etablessiments #mapModalHome{height: 800px; opacity: 0; z-index: 8; pointer-events: none;}
.etablessiments #mapModalHome.open{height: 800px; opacity: 1; pointer-events:all;}
.etablessiments #mapModalHome.open{height: 800px!important;}
.etablessiments #resultsrechercher{margin-top:-830px;}

/*****************************************************************************/
/*
* RESULTADOS DE BUSQUEDA
*/
/*****************************************************************************/

#resultsrechercher .containerHebergement .btnTitleResultEtab{
  /* background-color: white!important; */
  border: none;
  padding:0;
  /* width: 112%; */
  width: 100%;
}
.h2Resulthebergements {
  font-size: 22px;
  font-weight: 500;
  color: var(--greenew);
  margin-bottom: 0;
  font-family: BelyDisplay,sans-serif;
  text-align: left;
  text-transform: uppercase;
}
.spanResultHebergements{
  width: 186px;
  height: 25px;
  font-size: 14px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #33979d;
}
.img1ResultHebergements, .img2ResultHebergements{
  display: block;
  max-width:71px;
}
.btnblueResults {
  color:#fff;
  margin: 15px 0;
  font-weight: 700!important;
  font-size: 14px!important;
}
.btn-default{
  background-color: var(--orangeflo);
  color:#fff;
  font-weight: 600!important;
  font-size: 13px!important;
}
.containerHebergement{
   background-color: #ffffff;
    padding: 30px 0px 0px;
    /* border: 1px solid #f9f8f8; */
    border-bottom: none;
}
.containerHebergement .nav-tabs{
  border-bottom:none;
  margin-top: 28px;
}
/* .containerHebergement .nav-tabs .nav-item{
  border-left: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
} */
.containerHebergement .nav-tabs .nav-item:last-child{
  border-right: 1px solid #dee2e6;
}
.content_dispos_146 {
  margin-top: 32px;
}a
.containerHebergement > .row:first-child{
  margin-bottom:40px;
  padding:25px;
}
.containerHebergement p{
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  margin-bottom: 5px;
}
.info-container img {
  display: none;
}
.containerHebergement .descriptiontext{
  padding:10px 25px;
}

#resultsrechercher .contentimg h3{
  margin-left: 15px;
  position: absolute;
  top: 15px;
}
#resultsrechercher .contentimg img{
  width: 100%;
  min-height: 100%;
  height: 300px;
}
#resultsrechercher .pictoravi{
  width: 17px;
  margin-right: 8px;
}
#resultsrechercher .containerHebergement .columns-roomtype {
  padding:20px 20px 10px;
}
#resultsrechercher .containerHebergement .public-price, #resultsrechercher .containerHebergement .row > .reserveztext{
  padding:0px 2px 0px;
  margin-top:0px;
}
#resultsrechercher .containerHebergement .public-price{
  border-top:1px solid #dee2e6;
  text-align: center;
}
#resultsrechercher .containerHebergement .prixminsansdispo .public-price{
  border:none;
  font-weight: 700;
}
#resultsrechercher .containerHebergement .row > .reserveztext{
  border-right:1px solid #dee2e6;
  /* border-bottom:1px solid #dee2e6; */
  border-top:1px solid #dee2e6;
}
#resultsrechercher .containerHebergement .columns-roomtype {
  border-left:1px solid #dee2e6;
  /* border-bottom:1px solid #dee2e6; */
  border-top:1px solid #dee2e6;
}

button.button-appartement span {
  font-weight: 600;
  font-size: 12px;
  text-decoration: underline;
  color: #1e1e1e !important;
}
#resultsrechercher .textavi{
  font-size:14px;
  font-weight: 600;
}
#resultsrechercher .prixminsansdispo{
  margin: 0 -1px -1px -1px;
  border: 1px solid #ebebeb;
}

#resultsrechercher .dispos:hover, .prixminsansdispo .dispos:hover{
  color: #fff;
  background-color: #191919;
}
#resultsrechercher .prixminsansdispo .tachado{
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: line-through;
  font-size: .8rem;
  color: #9a9a9a;
}
#resultsrechercher .prixminsansdispo{
  padding: 15px 10px 15px 24px;
  font-size: 1rem;
  font-weight: 500;
}
#resultsrechercher .prixes, .public-price .prixes{
  font-size: 16px;
  margin-right:10px;
}
#resultsrechercher .prixes span{
  font-weight: 700;
  font-size: 20px;
}
#resultsrechercher .accordion_container{
  padding: 0px;
}
#resultsrechercher .accordion_container .accordion_head{
  color: #006f77;
  background-color: #eef9ff;
  padding: 15px;
  cursor: pointer;
}
#resultsrechercher .accordion_head i:before{
  margin-right:5px;
}
#resultsrechercher .accordion_body{
  margin: 0px 4px 20px 4px;
}
#resultsrechercher .accordion_body > .container{
  padding:0 10px;
  margin-top: -1px;
}
#resultsrechercher .tab-pane .container:nth-last-child(2) {
  border-bottom: 1px solid #ebebeb!important;
}
@media (max-width:991px){
  #resultsrechercher .containerHebergement .columns-roomtype {
    border-right: 1px solid #dee2e6;}
  #resultsrechercher .containerHebergement .public-price, #resultsrechercher .containerHebergement .row > .reserveztext {
    margin-top: -1px;}
  .h2Resulthebergements {
    margin-top: 35px;}
  #resultsrechercher .btnblueResults {
    width:100%;}
}

/*******************************************************************************************************/
/*
* MODALS
*/
/*******************************************************************************************************/

.modal-body h3{
  font-weight: 900;
  font-size: 18px!important;
  text-align: center;
  text-transform: uppercase;
  margin: 5px 0 15px;
}
.modal-body li{
  font-size:15px;
  margin-bottom: 10px;
}
.modal-body p{
  font-size:16px;
  margin: 20px 0 10px;
}
.modal-body > br{
  display: none;
}

.modal-dialog {
  max-width: 800px!important;
}
/*******************************************************************************************************/
/*
* EXPERIENCE
*/
/*******************************************************************************************************/

/* .landingpages h1, .landingpages h2, .landingpages h3, .landingpages h4, .landingpages a, .landingpages p{
  font-family: ;
} */
.landingpages .moduletable{
  max-width: 100%;
  width:100%;
}
.landingpages .moduletable h1{
  font-size: 50px;
  font-weight: 900;
}
.landingpages .moduletable img{
  max-width:100%;
}

.menusup-exp{
  margin-top:30px;
  margin-bottom: 15px;
  font-weight: 600;
}
.menusup-exp div:hover > a{
  color:white;
  font-weight: 900;
}
.backheaderexpmmv{
  z-index: 0;
}
.backheaderexpmmv > img{
  min-height: 460px;
}
.contentheaderexpmmv .titleheaderexpmmv{
  margin-top:20px;
}
.contentheaderexpmmv h2{
  font-size: 28px;
  font-weight: bold;
}
.contentheaderexpmmv .titleheaderexpmmv p{
  font-size:18px;
}
.contentheaderexpmmv .headeropinions > div{
  padding: 10px 15px;
  margin-top: -1px;
}
.contentheaderexpmmv .headeropinions > div:first-child{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.contentheaderexpmmv .headeropinions > div:last-child{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.contentheaderexpmmv .headeropinions > div:last-child a:hover{
  color:#8dc0ff;
}
.contentheaderexpmmv .headeropinions div p{
  font-size: 32px;
  font-weight: 900;
  line-height: 23px;
  margin-bottom:0px;
}
.contentheaderexpmmv .headeropinions div p span{
  font-size:15px;
  font-weight: 400;
  float: right;
  margin-top: -2px;
  width: 56%;
  line-height: 18px;
}
.contentheaderexpmmv .headeropinions div img{
  vertical-align: sub;
}

.blocscontentheader{
  margin: -100px 50px -70px!important;
  z-index: 2;
  position: relative;
}
.blocscontentheaderexpmmv > p{
  color: #006f78;
  font-size:20px;
}
.blocscontentheaderexpmmv > h3{
  margin:20px 0;
  color: #006f77;
  font-size: 20px;
  font-weight: 900;
}
.blocscontentheaderexpmmv .title-experience-hotel{
  margin-top:44px;
}
.blocscontentheaderexpmmv ul {
  list-style: initial;
  padding-left:17px;
  margin:15px 0;
}
.blocscontentheaderexpmmv img{
  min-width:60px;
  max-width:65px!important;
}
.blocscontentheaderexpmmv .aviscursive{
  font-style:italic;
  margin:10px 0;
  font-size:14px;
}
.blocscontentheaderexpmmv .only-mobile{
  display:none;
}
.blocscontentheaderexpmmv .residence-texte{
  margin-left:-47px;
}
.blocscontentheaderexpmmv .hotels-texte {
  margin-left:-10px;
}
.blocscontentheaderexpmmv .experienceresidencea{
  margin-left:87px;
  display: block;
  margin-top: 24px;
}
.blocscontentheaderexpmmv .experiencehotela{
  margin-left:170px;
  display: block;
}

.rowexperience{
  margin-bottom:60px;
}
.rowexperience:first-child{
  margin-top:-50px;
}
.rowexperience h3{
  font-size: 38px;
  font-weight: 900;
  padding-top:0px!important;
  margin-left:20px;
}
.rowexperience .contentexperience{
  padding:30px;
}

.rowexperience .contentexperience .btn_btn, .rowexperience .contentexperience .btn_btn2, .rowexperience .contentexperience .btn_btn_sel, .rowexperience .contentexperience .btn_btn2_sel {
  display: inline-block;
  font-size: 13px;
  padding: 13px 0px 10px;
  width: 49%;
  text-align: center;
  border: 1px solid rgb(255, 255, 255);
}

.rowexperience .contentexperience .btn_btn {
  font-weight: 900;
  background-color: rgb(255, 255, 255);
  color: rgb(26, 145, 151) !important;
  border-radius: 20px 0px 0px 20px;
  margin-right: -5px;
}

.rowexperience .contentexperience .btn_btn2 {
  font-weight: 400;
  background-color: rgb(26, 145, 151);
  color: rgb(255, 255, 255) !important;
  border-radius: 0px 20px 20px 0px;
}
.rowexperience .contentexperience .btn_btn2:hover, .rowexperience .contentexperience .btn_btn_sel:hover  {
  background-color: rgb(255, 255, 255);
  color: rgb(26, 145, 151) !important;
  cursor: pointer;
  font-weight: 900;
}

.rowexperience .contentexperience .btn_btn_sel {
  font-weight: 400;
  background-color: rgb(26, 145, 151);
  color: rgb(255, 255, 255) !important;
  border-radius: 20px 0px 0px 20px;
  margin-right: -5px;
}

.rowexperience .contentexperience .btn_btn2_sel {
  font-weight: 900;
  background-color: rgb(255, 255, 255);
  color: rgb(26, 145, 151) !important;
  border-radius: 0px 20px 20px 0px;
}

.rowexperience .contentexperience .titleespritclubs p{
  margin-top:30px;
  font-size: 16px;
  color:white;
  line-height: 1.38;
  padding: 0 20px;
}
.rowexperience .contentgalerie li{
  position: relative;
}
.rowexperience .caption{
  position: absolute;
  z-index: 2;
  top: 14%;
  right: 10%;
  width: 30%;
}
.rowexperience .caption p{
  font-size: 30px;
  color:#fff;
  line-height: 32px;
  text-shadow: 1px 2px 3px rgba(0,0,0,0.6);
}


.rowexperience .contentgalerie img{
  width:100%;
}
.rowexperience .contentgalerie .lSGallery{
  margin-top:3px!important;
}
.rowexperience .avisexperience{
  padding: 30px;
}

.rowexperience .tmp_racontent{
  font-size: 24px;
  padding: 30px 0;
  line-height: 1.1;
  width: 100%;
  text-align: center;
}
.rowexperience .avisexperience .row{
  position: relative;
}
.rowexperience .avisexperience .tmp_left{
  position: absolute;
  font-size: 55px;
  left: -20px;
  top: 20px;
  color: #006f77;
}
.rowexperience .avisexperience .fa-angle-left:before {
  content: "\f053";
}
.rowexperience .avisexperience .tmp_rigth{
  position: absolute;
  font-size: 55px;
  color: #006f77;
  top: 20px;
}
.rowexperience .avisexperience .fa-angle-right:before {
  content: "\f054";
}
.rowexperience .avisexperience .col-lg-8 > .row > div{
  width:80%;
}
.rowexperience .avisexperience .opiniontext{
  margin-top: 20px;
}
.rowexperience .avisexperience .tmp_blueexdtext1{
  font-size: 20px;
  font-weight: 900;
  padding-left:0px;
  float:left;
  width: 23%;
}
.rowexperience .avisexperience .tmp_blueexdtext2{
  font-size: 17px;
  color:#529da3;
  padding-left:0;
}
.rowexperience .avisexperience .tmp_blueexdtext3{
  font-size: 16px;
  font-style: italic;
  margin: 0 60px;
  color:black;
  line-height: 1.38;
}
.rowexperience .avisexperience .tmp_blueexdtext3 .fa-quote-left{
  font-size: 22px;
  margin-left: -45px;
  vertical-align: bottom;
  margin-right: 10px;
}

.rowexperience .avisexperience .tmp_blueexdtext3 .fa-quote-right{
  font-size: 22px;
  vertical-align: -webkit-baseline-middle;
  margin-left: 10px;
  position: absolute;
}



@media (max-width:1275px){
  .contentheaderexpmmv .headeropinions div p {
    font-size: 30px;}
  .contentheaderexpmmv .headeropinions div p span {
    font-size: 13px;
    width: 50%;}
  .blocscontentheaderexpmmv .residence-texte{
    margin-left:-30px;}
  .blocscontentheaderexpmmv .experiencehotela{
    margin-left:147px;}
}

@media (max-width:1200px){
  .rowexperience .contentexperience .titleespritclubs p {
    font-size: 15px;}
  .rowexperience h3 {
    font-size: 33px;}
  .contentheaderexpmmv .headeropinions div p span {
    margin-top: -8px;}
  .contentheaderexpmmv .headeropinions > div {
    padding: 10px;}
  .contentheaderexpmmv .headeropinions div p {
    font-size: 25px;}
  .blocscontentheaderexpmmv .residence-texte{
    margin-left:-7px;}
  .blocscontentheaderexpmmv .hotels-texte {
    margin-left: -22px;}
  .blocscontentheaderexpmmv .experiencehotela {
    margin-left: 170px;}
}

@media (max-width:990px){
  .contentheaderexpmmv .headeropinions div p {
    font-size: 28px;}
  .blocscontentheaderexpmmv .residence-texte {
    margin-left: -43px;}
  .blocscontentheaderexpmmv .hotels-texte {
    margin-left: -8px;}
  .blocscontentheaderexpmmv .experiencehotela {
    margin-left: 165px;}
  .blocscontentheaderexpmmv .experienceresidencea {
    margin-top:0;}
}

@media (max-width:768px){
  .contentheaderexpmmv .headeropinions div img {
    vertical-align: top;}
  .contentheaderexpmmv .headeropinions div p {
    line-height: 35px;
    font-size: 42px;}
  .contentheaderexpmmv .headeropinions div p span {
    font-size:15px;
    margin-top: -1px;}
  .blocscontentheaderexpmmv .residence-texte, .blocscontentheaderexpmmv .hotels-texte {
    margin-top: 10px;
    margin-left: 0px;}
  .blocscontentheaderexpmmv .experienceresidencea, .blocscontentheaderexpmmv .experiencehotela {
    margin-left:0;}
}


/*******************************************************************************************************/
/*
* CMS / LANDINGPAGE
*/
/*******************************************************************************************************/
.cms .contentheaderslide, .landingpage .contentheaderslide{
  padding: 0 0 0 0;
}
.cms .contentheaderslidebottom , .landingpage .contentheaderslidebottom {
  padding: 0 0 400px 0;
  background: initial!important;
}
/* .cms .contentheaderslide .rangeDatepicker, .landingpage .contentheaderslide .rangeDatepicker,
.cms .contentheaderslide .blueBox, .landingpage .contentheaderslide .blueBox{
      background-color: #006f77;
} */
.pagescmscontent img{max-width: 100%;}
.pagescmscontent{
  margin: 30px auto 20px;
  position: relative;

}
/* .pagescmscontentblanc{ padding: 50px 30px 0 30px;    margin: 15px 0 0;} */


.cms, .landingpage {
  font-family: "Montserrat";
}

.cms .pagescmscontent h1, .landingpage .pagescmscontent h1{
  padding-left: 38px!important;
  margin-top: 45px;
  letter-spacing: 0px!important;
  font-size: 16px;
  text-align: left!important;
  max-width: 850px;
  text-transform: uppercase;
  font-weight: 100;
  margin-bottom: 5px;
  color: #1e1e1e;
}
.cms .pagescmscontent h2, .landingpage  .pagescmscontent h2 {
  font-size: 30px;
  font-weight: 900;
  color: #222;
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center;
}
.cms .pagescmscontent p, .landingpage  .pagescmscontent p{
  margin:10px 0;
}
.cms .pagescmscontent img, .landingpage  .pagescmscontent img{
  margin:10px 0;
}
.cms .pagescmscontent img.visu{
  margin:10px 0 25px;
}
.cms .pagescmscontent a, .landingpage  .pagescmscontent a{
  font-weight: 600;
  color: var(--orangeflo);
}


/* .cms .containerHebergement img, .landingpage  .containerHebergement img{
  width:100%;
} */
 .cms .btnTitleResultEtab, .landingpage  .btnTitleResultEtab{
  border: 0;
  background-color: initial;
  padding: 0;
  cursor: pointer;
} 
.containerHebergement .btnblueResults, .landingpage  .containerHebergement .btnblueResults{
  font-weight: 900!important;
  width: 100%;
  font-size: 15px!important;
  margin-top: 10px;
  margin-bottom:0;
  padding: 10px 0;
  background-color: var(--orangeflo);
  border-radius: 20px;
  padding: 10px;
}
.cms .containerHebergement .pictoravi{
  margin-right: 10px;
  max-width: 20px;
}
#resultsrechercher .descriptionheberg {
  margin-top:55px;
  padding: 0px 20px 5px;
}
.votrecluboffretop{
  padding:5px 14px 10px!important;
}
.tipopromotion .votrecluboffretop{
  /*padding:5px 30px 10px!important;*/
  padding: 0;
}
.recherchercms{ margin: -350px auto 0;}
.prixminsansdispo {
  font-size: 16px;
  padding: 20px !important;
  background-color: #fcf1da;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  border: 1px solid #ffe6aa80;
 }
 .p_checkarea{
  padding-left: 0 !important;
  padding-right: 0 !important;
 }
.recherchercms .prixminsansdispo .public-price strong{
   font-size: 20px;
 }
 .rechercherHome.banner-area {
  height: 96px;
  padding: 24px;
}
.row.bg-area.rechercher_cms {
  bottom: -15px;
  width: 83%;
}

.cms .template1, .cms .template2, .cms .template3, .cms .template4 {
  padding:10px 0 25px;
}
.cms .template1 h4{
  margin:20px 0;
}

.cms .template2 img{
  display:block;
  margin:0 auto 20px;
}
.cms .full-text{
  padding:10px 0 15px;
}



/*******************************************************************************************************/
/*
* RECHERCHER RESULTS
*/
/*******************************************************************************************************/

.itemclose{display: none;}
.itemclose ~ p{cursor: pointer;}
.itemclose.itemvisible{display: block!important;}
.itemclose ~ p span::before{content: '+ ';}
.itemclose.itemvisible ~ p span::before{content: '- ';}
p.rotate .fa-chevron-up{ transform: rotate(180deg);}
p.rotate + .moesrvicesclose { display: none;}

.rechercherfilter .divBtnCarte a{
  background-color: #006f78;
  width: 70%;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  border-radius: 7px;
}
.rechercherfilter .divBtnCarte {
  z-index: 1;
}
.rechercherfilter .contactezinfo{
  padding: 30px 10px;
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 30px;
}
.rechercherfilter .packageinfo{
  border-top: 1px solid #c5c5c5;
  padding: 30px 10px 0px;
  margin-top: 30px;
}
.rechercherfilter .partezinfo{
  padding: 30px 10px;
}

.rechercherfilter .textfiltersmod img{
  max-width: 26px;
  margin: 0 20px;
  height:auto;
}
.rechercherfilter .textfiltersmod .consultezexpert{
  color: #000;
  font-size: 13px;
  line-height: 20px;
}
.rechercherfilter .textfiltersmod .consultezexpert a{
  color: grey!important;

}
.subray{text-decoration: underline;}
.rechercherfilter .textfiltersmod .consultezexpert button.btn{
  background-color: transparent;
  font-size: 16px;
  font-weight: 900;
  padding: 0;
  margin-left: 9px;
  margin-top: -6px;
}
.rechercherfilter #glissemodal button.btn, .rechercherfilter #partezenfansmodal button.btn{
  background-color: #006f77;
  padding: 5px 20px;
}
.modal-backdrop.fade{
  pointer-events: none;
}
.rechercherfilter .textfiltersmod .consultezexpert button.btn img{
  width:16px;
  margin:0;
}
.rechercherfilter .classement .ratingcontent{
  padding: 10px 0px;
}
.rechercherfilter .servicesCheck .titlefilter{
  margin-bottom: 10px!important;
  font-weight: 900;
}
.rechercherfilter .servicesCheck .fas{
  margin-left: 9px;
  font-size: 13px;
  cursor: pointer;
}
.rechercherfilter .servicesCheck .pl-3 {
  line-height: 15px;
  font-size: 14px;
}
.rechercherfilter .servicesCheck p.bluetext {
  line-height: 15px;
  font-size: 14px;
  margin-left: 16px;
}
.contentimg{
height: 100%;}
.rechercherfilter label.container-checkbox {
  margin: 0;
    text-transform: lowercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.7px;
}
.rechercherfilter label.container-checkbox::first-letter {
  text-transform: uppercase;
}

.etablessiment .rechercherfilter .contactezinfo, .etablessiment .rechercherfilter .packageinfo, .etablessiment .rechercherfilter .partezinfo{
  border:none;
  padding: 10px 15px 10px 0!important;
  margin: 0px;
}
.modal-open .module-fixed .rechercherfilter .textfiltersmod .consultezexpert, .modal-open .module-fixed .rechercherfilter .textfiltersmod .consultezexpert a{
  color: #444!important;
}
.modal-open .module-fixed .rechercherEtablissement.bluedbackground {
  background-color: #006f78 !important;
}
.modal-open .module-fixed .bluebackground {
  background-color: #006f78 !important;
}
.modal-open .module-fixed .rechercherEtablissement .rechercherBtn{
  background-color: #006f78!important;
}
.modal-open .module-fixed .rechercherEtablissement .blanctext, .modal-open .module-fixed .rechercherEtablissement .avec-qui-partez-vous, .modal-open .module-fixed .rechercherEtablissement .rangeDatepicker{
  color: #6e7176 !important;
}
.modal-open .module-fixed .textavisright, .modal-open .module-fixed .percentageavisright{
  color:#6c6e6f;
}
.modal-open .module-fixed .selPersonascol .selPersonas, .modal-open .module-fixed .datefiltercol .datefilter {
  background-color: #006f78 !important;
}
.modal-open .module-fixed .rechercherEtablissement .selPersonas, .modal-open .module-fixed .rechercherEtablissement .rangeDatepicker {
  border: 1px solid #006f78 !important;
}
.modal-open .module-fixed .rechercherfilter .consultezexpert button img{
  filter: invert(30%) sepia(0%) saturate(1%) hue-rotate(177deg) brightness(93%) contrast(86%);
}

/*******************************************************************************************************/
/*
* MAP HOME
*/
/*******************************************************************************************************/

#modalMapResults .modal-dialog{
  max-width: 1100px!important;
}
.divBtnCarte img{
  width: 20px;
}
.divBtnCarte span{
  margin-left: 10px;
}
#btnCarte{
  display: block;
  position:relative;
  max-width: 219px;
  transition: ease .2s;
}
#btnCarte:hover{
  color:white;
}
#btnCarte:hover img{
  filter: invert(43%) sepia(99%) saturate(585%) hue-rotate(160deg) brightness(91%) contrast(95%);
  transition: ease .2s;
}
#btnCarte:hover span{
  color:white;
  border-bottom: 1px solid white;
  transition: ease .2s;
}
.etablessiments #btnCarte:hover span{
  border-bottom:none;
}
.etablessiments #btnCarte:hover img{
  filter:none;
}
#mapModalHome{
  height: 600px;
  position: relative;
}
/* .divBtnCarte{
  margin: 20px 0 30px;
} */
.divBtnCarte a{
  color: #fff;
}
.leaflet-top {
  top: 83% !important;
}
.leaflet-popup-content-wrapper{
 border-radius: 5px !important;
}
.leaflet-popup-content {
  margin: 20px 20px 10px 20px!important;
  min-height: 320px;
}
.maps-panel-image-iw{
width: 260px !important;
min-width: 100%;
}
.leaflet-popup-content p {
  margin: 10px 0 20px !important;
}
.leaflet-popup-content .prixminmap{
  font-size:13px;
  width: 35%;
  float: left;
  margin-top: 2px!important;
  line-height: 19px;
}
.leaflet-popup-content .prixminmap strong{
  font-size:15px;
}
.leaflet-div-icon {
  background: transparent !important;
  border: none !important;
}
.myInfoWindow {
  background-color: #fff;
  max-width: 260px !important;
  height: auto;
}
.myInfoWindow a.b-button_vermas{
  padding: 12px 5px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  width: 100%;
  /* width: 65%;
  float: left; */
}
.myInfoWindow a.b-button_vermas:hover{
  background-color: #006f77;
}

#map_hotel_overlay_content_wrapper{
  margin: 0;
  padding: 0px;
}
#map_hotel_overlay_content_wrapper h3{
  margin: 30px 0px 5px;
  font-size: 13px;
  padding: 5px 5px 0px 0px;
  text-align: left;
  text-transform: uppercase;
}
#map_hotel_overlay_content_wrapper h3 a{
  color: #000 !important;
  vertical-align: middle;
  text-decoration: none;
  line-height: 22px;
  font-size: 19px;
}
#map_hotel_overlay_content_wrapper .map_hotel_overlay_location_wrapper{
  padding: 3px 0 0 0;
  border-top: 0;
  border-bottom: 0;
}
#map_hotel_overlay_content_wrapper .map_hotel_overlay_review_score_wrapper{
  margin-bottom:15px;
}
#map_hotel_overlay_title{
  background-image: none !important;
}
.b-button_vermas{
  background-color: #006f77;
  padding: 10px 20px 5px 20px;
  margin: 0px;
  color: #fff !important;
  text-align: right;
}
.titleHebergMap {
  font-size: 25px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  left: -315px!important;
  width: 300px;
  top: -210px !important;
}
#lg-download{
  display: none;
}
.contimgicon{
  position: absolute;
  top: 111px;
  width: 50px;
  left: 10px;
  padding: 0px;
  min-height: 60px;
  border-radius:5px;
}
.contimgeticon{
  position: relative;
}
.contimgicon img{
  width: 100%;
}
.contimgeticon span{
  vertical-align: bottom;
  line-height: 13px;
}
.map_hotel_overlay_review_score span:first-child{
  font-weight: 900;
}
.contimgeticon .zonaski{
  position: absolute;
  top: 0px;
  left: 12px;
  font-size: 18px;
  font-weight: 900;
}
.prixminmap strong{
  font-size:18px;
  font-weight: 900;
  margin-right: 5px;
}


/* NORMALIZAR BOOTSTRAP */
.collapsing{
  display:none;
}
.open .collapsing{
  -webkit-transition: all 0.01s!important;
  transition: all 0.01s!important;
  display:initial;
}

/*ESTO PA TI*/
.select-hidden,
.select-hidden-menu {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.select,
.select-menu {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  height: 40px;
  width:100%;
}

.select-hidden,
.select-hidden-menu {
  display: none;
  visibility: hidden;
  padding-right: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.select-styled:active:after, .select-styled.active:after
.select-styled-menu:active:after, .select-styled-menu.active:after {
  top: 16px;
  border-color: transparent transparent #fff transparent;
}

 .rechercherHome .row .col-12 .row .col-12:after, .langChoose:after, #header .autress:after, #rechercherslide .autress:after {
  font-family: FontAwesome;
    content: "\f107";
    font-weight: 100;
    color: #222;
    position: absolute;
    top: 13px;
    right: 30px;
    pointer-events: none;
    cursor: pointer;
}
#header .autress:after, #rechercherslide .autress:after {
  top: 30px;
  right: 17px;
}
.etablessiments #header .autress:after, .etablessiments #rechercherslide .autress:after {
  display: none;
}
.langChoose:after{
  top: 10px;
  right: -13px;
}
.autressites {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  padding-right: 25px!important;
}
.rechercherHome .row .col-12 .row .col-12:last-child:after {
  display:none;
}

#linksfooter .autressites:after{
  font-family: FontAwesome;
  content: "\f107";
  font-weight: 100;
  color:white;
  position: absolute;
  top: 15px;
  right: 30px;
}

.select-styled, .select-styled-menu  {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-weight: 600;
  padding: 13px 17px;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
}
.select-styled-menu  {
  background-color: #006f77;
}
.contheaderprinc.visible{
  background-color: #fff;
  position: relative;
  z-index: 10;
}


.select-options li[rel="hide"],
.select-options-menu li[rel="hide"] {
  display: none;
}


.select-options li, .select-options-menu li {
  margin: 0;
    padding: 9px 15px;
    border-top: 1px solid #d8d8d8;
    -moz-transition: .15s ease-in;
    -o-transition: .15s ease-in;
    -webkit-transition: .15s ease-in;
    transition: .15s ease-in;
    color: #757575;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
}
.select-options li:first-child,
.select-options-menu li:first-child {
  color:#006f77;
  border-top:none;
  background-color: #f4f4f4;
}
.select-options li:nth-child(2),
.select-options-menu li:nth-child(2) {
  color:#33979d;
}
.select-options li:nth-child(3),
.select-options-menu li:nth-child(3) {
  color:#4f7fc0;
}
.select-options,
.select-options-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 12;
  margin-top: 18px;
  padding: 0;
  list-style: none;
  border-radius: 5px;
  background-color: white;
}
.select-options li .fas.fa-check{
  margin-left:-35px;
}


/***********
FILDARIADNE
***********/
#fildariadne a{text-decoration: underline;}
/***********
RESPONSIVE MENUS
***********/

@media (max-width:1275px){
  #navmenuprincipal .promo-menu{
    right: 129px;}
  /* #navmenuprincipal .menu-compte img {
    right: 18%;} */
  #navmenuprincipal .menu-phone img {
    right: 21%;}
  #navmenuprincipal .reservez-menu > a{
    font-size: 13px;}
  #navmenuprincipal .reservez-menu .subreservez-menu #votrereservation .motdepasse, #navbarSupportedContent20 .reservez-menu .subreservez-menu #votrereservation .motdepasse {
    right: 27%;}
  #rechercher .rechercherHome .select-styled-menu{
    font-size:14px;}
}

@media (max-width:1200px){
  .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    left: -280px!important;
    width: 290px;
    top: -315px !important;}
  .leaflet-popup-content {
    margin: 15px!important;}
  #navmenuprincipal > .navbar-nav > .nav-item > .nav-link:hover {
    margin: 0px 10px;}
  #navmenuprincipal .nav-link:hover:before {
    right: -10px;}
  #navmenuprincipal .nav-link, #navmenuprincipal .dropdown-toggle {
    padding: 0px 10px 1px;}
  #votrereservation .form-group, #votrereservation button{
    width: 18%}
  #votrereservation .form-group input{
    width: 100%}
  #votrereservation button{
    padding: .375rem .75rem!important;}
  #navmenuprincipal .reservez-menu .subreservez-menu #votrereservation .nav-link:nth-child(2), #navbarSupportedContent20 .reservez-menu .subreservez-menu #votrereservation .nav-link:nth-child(2) {
    top: 27px;
    left: 560px;
    font-size: 13px;}
  #rechercher .rechercherHome input, #rechercher .rechercherHome .avec-qui-partez-vous-menu {
    font-size:14px;}
  .avec-qui-partez-vous-menu {
    margin-left: -39px;}

  .reservez-menu .rechercherHome .select-styled-menu{
    padding: 12px 19px;}
  .select-styled {
    padding: 5px 17px;
    align-items: center;
    display: flex;}
  #navmenuprincipal .dropdown-menu {
    top: 44px;}
}
@media (min-width: 992px) and (max-width: 1200px){
.reservez-menu .rechercherHome .blueBox:first-child {
  padding: 15px;
  letter-spacing: -0.3px;}
}

@media (max-width: 992px){
  #mapContainer{
    margin-top:30px;}
  #header .autress:after, #rechercherslide .autress:after {
    top: -26px;}
}
@media (max-width: 768px){
  #header .autress:after, #rechercherslide .autress:after {
    right: -7px;}
  .recherchercms .prixminsansdispo span {
    font-size:13px;}
}

/*MODULO EN LAS FICHAS SOCIAL MEDIA*/
#socialmedia{
  padding: 20px 5px;
  margin: 50px 20px;
  border: solid 1px #ebebeb;
}



/**************
TARIFAS
****************/
img.bulletinfotaxes {
  display: none;
}
.slider-responsive .slick-prev, .slider-responsive .slick-next {
  display:block!important;
}
.slider-responsive .slick-prev:before, .slider-responsive .slick-next:before {
  font-family: "FontAwesome"!important;
  font-size: 38px!important;
  font-weight: 400;
  color: #1e1e1e!important;
}
.slider-responsive .slick-prev:before {
  content: "\f104"!important;
}
.slider-responsive .slick-next:before {
  content: "\f105"!important;
}
.etablessiment .tab-tarifs .datos-tarifas .column-roomtype .leschambres {
  /*border-left: 1px solid #ebebeb;*/
  padding-top: 23px;
  padding-bottom: 24px;
  margin-top: -12px;
  max-width: 30%;
}

.columns.is-mobile.columns-roomtype {
  padding: 10px 5px 5px 25px;
  position: relative;
/*   height: 120px;
  max-height: 120px; */
  width: 107%;
}
#pills-tabContent .plus-comb{
  position: absolute;
  left: -8px;
  font-weight: 900 !important;
  bottom: 35px;
}

.containerHebergement  .plus-comb{
  position: absolute;
  left: 0px;
  font-weight: 900 !important;
  bottom: 5px;
}
.columns-roomtype .column-roomtype {
  width:100%;
  padding: 5px 15px 0 11px;
  margin-bottom:0px!important;
  position: relative;
}
.columns.is-mobile.columns-roomtype.firtelem {
  border-top: solid 1px #ebebeb;
}
.columns-roomtype > .column > p:first-child{
  margin-top:15px;
  line-height: 10px;
}
.appartement-type {
  /* margin-bottom: 5px; */
  width: 100%;
  /* height: 30px;
  position: relative; */
}
.columns-roomtype span.tipoappartement{
  padding: 2px 5px 0;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  border-radius: 3px;
  /* position: absolute; */
  background: #006f77!important;
  /* min-width: 200px; */
  text-align: center;
  margin-left: -15px;
  color: #fff;
  padding: 5px;
}
@media (max-width: 200px){
  .columns-roomtype span.tipoappartement{
    min-width: 160px;
  }
  #resultsrechercher .columns-roomtype span.tipoappartement, #resultsrechercher .columns-roomtype span.tipoappartement {
    top: -24px;
  }
}

/* .columns-roomtype .row {
  margin-top: 15px;
} */

/*.tab-tarifs .appartement-type .tipoappartement {
  top: 18px;
}*/

#pills-tabContent ul.tarifasNav .nav-item .nav-link{
  padding: 0px 30px 0px 0px!important;
}

#pills-tabContent ul.tarifasNav .nav-item{
  padding: 10px 10px;
  z-index: 9;
  position: relative;
}

.column.columnDate {
  padding: 62px 15px 6px 15px;
  font-size:14px;
}
.columns-lepromo{
  padding: 25px;
}
.columns-price{
  border: solid 1px #ebebeb;
  border-bottom: 0px;
  padding: 10px 0;
  position: relative;
/*   height: 120px;
  max-height: 120px; */
  margin-left: 0 !important;
  margin-right: -1px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.container-bulma .slider-responsive{
  padding: 0;
  padding-left: 0;
  margin-top: -72px;
}

.columns-roomtype p{
  margin-bottom: 0px;
  /* font-size: 12px; */
}
.price-row-1 {
    height: 100px!important;
}
.price-row-2 {
    height: 200px!important;
}
.price-row-3 {
    height: 300px!important;
}
.price-row-4 {
    height: 400px!important;
}
block.iconeformule {
  display: none !important;
}

.imgTarif{
  margin: auto 0 auto -5px;
 }

.descountTarifs{
  position: absolute;
  top: 50px;
  right: 10px;
  font-size: 11px;
  font-weight: 900 !important;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.55;
  letter-spacing: normal;
  color: #006f77;
}

.priceTach {

  font-size: 13px;
  color: #8c8c8c;
  text-decoration: line-through;
  position: relative;
    display: inline-block;
    margin-top:10px;
}
.cms .appartement-caract .reservezprix .prix{
  font-size: 13px;
  color: #8c8c8c;
  text-decoration: line-through;
  margin-bottom: -5px;
  margin-left: 13px;
}
p.text-center.mainPrice {
  position: absolute;
  top: 15px;
}
.columnPrice{
  /* margin-top:30px; */
}
.columnPrice p{
  font-size:13px;
  text-align: left!important;
}
.columnPrice p strong{
  font-weight: 900;
  font-size: 17px;
}
/* .iconeformule{
  min-height:35px;
} */
.iconeformule img{
  max-width: 24px;
  max-height: 28px;
}

 .modalTarifsLoader {
  display:    none;
  position:   fixed;
  z-index:    1000;
  top:        50%;
  left:       50%;
/*height:     100%;
  width:      100%;
  background: rgba( 255, 255, 255, .8 )
              url('https://new.mmv.fr//images/icons/ajax-loader.gif')
              50% 50%
              no-repeat;*/
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid var(--greenew);
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.modalTarifsLoaderVisible{display:block;}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* When the body has the loading class, we turn
 the scrollbar off with overflow:hidden */
body.loading .modalTarifsLoader {
  overflow: hidden;
}

/* Anytime the body has the loading class, our
 modal element will be visible */
body.loading .modalTarifsLoader {
  display: block;
}

.tarifasNav .nav-item{
  border-top: 1px solid #dee2e6;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #f3f3f3;
  background-color: #f3f3f3;
  padding: 10px 0;
}
.tarifasNav .nav-item:last-child{
  border-right: 1px solid #dee2e6;
}
.contentficha {
  position: relative;
}
/* .contentficha.margintopfixed{
  margin-top:18%;
} */
.tarif-content-ficha:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
}

.tarif-content-ficha:before{
  content: "";
  background-color: rgba(255, 255, 255, 0.8);
}


.select-orderby::before{
  font-family: FontAwesome;
  content: "\f107";
  font-weight: 800;
  color: var(--greenew);
  position: absolute;
  top: 16px;
  right: 42px;
  pointer-events: none;
  cursor: pointer;
}

.body-layer:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  background-color: transparent;
  height: 100%;
}

.body-layer:before {
  content: "";
  background-color: rgb(0 0 0 / 19%);
}

body{
  position: relative;
  overflow-x: hidden;
  width: 100%;
}

@media (max-width: 1276px){
  .column.columnDate {
    padding: 66px 15px 6px 15px;
    font-size: 13px;}
}
#headerficha aside.container .residence-intro img{
  height: 21px;
  padding-top: 1px; 
}
@media (max-width: 1250px){
  .columns.is-mobile.columns-roomtype {
    padding: 0px 10px 10px 25px;}
  .columns-roomtype > .column{
    padding:0;}
}

@media (max-width: 1200px){
  .columns-roomtype .column-roomtype .column:nth-child(5).plus-info .btn {
    margin: 17px 0 17px -2px;}
  .columns.is-mobile.columns-roomtype {
    padding: 0px 5px 0px 20px;
    width: 109%;}
  .columns-roomtype .column-roomtype {
    width: 105%;
    padding: 12px 0px 0px 15px;}
  .etablessiment .tab-tarifs .datos-tarifas .btn {
    margin: 16px 9px 7px 20px;
    padding: 0;}
  .etablessiment .tab-tarifs .datos-tarifas .column-roomtype .leschambres {
   
    padding-top: 27px;
    padding-bottom: 20px;
    margin-top: 0px;}
}

@media (max-width: 991px){
  .tipopromotion.cms .recherchercms .appartement-caract .reservezarea, .cms .recherchercms .appartement-caract .reservezarea{
    border: 0;
  }
  .tipopromotion.cms .appartement-caract .reserveztext .reservezbutton, .cms .appartement-caract .reserveztext .reservezbutton{
    border: 0;
    padding-left: 15px!important;
  }
  .etablessiment .tab-tarifs .datos-tarifas .column-roomtype .leschambres {
   
    padding-top: 33px;
    padding-bottom: 0px;
    margin-top: -3px;}
  .columns-roomtype .column-roomtype {
    width: 110%;
    padding: 0px 0px 0px 11px;}
  .columns.is-mobile.columns-roomtype {
    padding: 15px 10px 0px 10px;
    width: 113%;}
  .etablessiment .tab-tarifs .datos-tarifas .btn {
    margin: 13px 0;}
  .columns-roomtype .column-roomtype .plus-info {
    max-width: 37px;}
  .columns-roomtype .column-roomtype .tipo-num{
    font-size: 13px;
    min-width: 20px;
    float: left;
    margin-left: 3px;
    margin-top: 3px;}
  .columns-roomtype .column-roomtype .tipo-text{
    width: 10px;
    margin-top: -3px;
    margin-left:2px;
    float: left;}
  .columns-roomtype .column-roomtype .column:nth-child(2) .tipo-text{
    margin-left: -8px;}
  .columns-roomtype .column-roomtype .column:nth-child(2) .tipo-num{
    min-width: 46px;
    text-align: left;
    margin-left: 0;}
  .columns-roomtype .column-roomtype .column:nth-child(4) .tipo-num{
    margin-left: 0px;
    margin-right: 2px;}
  .columns-roomtype .column-roomtype .leschambres {
    margin-top: 10px;}
  .columns-roomtype > .column button{
    margin-top:15px;}
  .column.columnDate {
    padding: 66px 15px 6px 15px;
    font-size: 13px;}
  *::-ms-backdrop, .column.columnDate {
      padding: 66px 15px 5px 15px;}
  .columnPrice p {
    font-size: 13px;
    margin-top: 5px;
    line-height: 19px;}
  .columns-roomtype .column .row div{
    width: 100%;
    text-align: center;
    margin-bottom: 5px;}
  .columns-roomtype .tipo-num, .columns-roomtype .tipo-text{
    text-align: center;}
  .columns-roomtype span.tipoappartement {
    margin-left:-3px;}
  .columns-roomtype > .column > p:first-child {
    margin-top: 30px;
    line-height: 15px;}
}

@media (max-width: 767px){
  .columns.is-mobile.columns-roomtype {
    padding: 15px 15px 0px 15px;
    width: 105%;}
  .columns-roomtype > .column button{
    width: 10px;
    margin: 10px 0px 10px 5px;}
  .columns-roomtype > .column:nth-child(4) .tipo-num{
    min-width:45px;}
}


/**************
NEWSLETTER
****************/

#formaddNewsletterUser{
  font-size:15px;
}

.formnewslmodal{
  display: none;
  position: fixed;
  z-index: 9999;
  top: 2%;
  max-height: 90%;
}
.formnewslmodal>div{
  background-color: #fff;
  box-shadow: 1px 2px 3px #000;
  width:75%;
  margin: 0 auto;
  padding: 35px 25px 25px;
  overflow-y: auto;
  height: 95vh;
}
.formnewslmodal>div.bluenewsletter{
  background-color: #9cdbbe!important;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.formnewslmodal>div.rednewsletter{
  color: red;
}

#formaddNewsletterUser > .bluetext, #formaddNewsletterUser .nl-title{
  margin:10px 0;
  display: block;
}
strong.formRequired {
  color: var(--orangeflo);
  font-weight: 600;
}
.formnewslmodal form input, .formnewslmodal form select{
  border: 1px solid #006f77 !important;
  color: #1e1e1e!important;
  padding: 6px!important;
  margin: 6px 0!important;
  border-radius: 5px;
  width: 80%;
}


#newsletter .formnewslmodal input[type=checkbox]{
  min-width: 50px!important;
  width: auto;
  accent-color: #006f77;
}
select > option:checked, select > option:hover
{
    box-shadow: 0 0 10px 100px #dc6900 inset;
    background-color: #dc6900 !important;
}
.formnewslmodal form label{
  min-width: 116px;
  margin-bottom: 3px;
}
.formnewslmodal form input[type=submit]{
  color: #fff!important;
  display: block;
  margin: 10px auto 14px!important;
  border: none !important;
}
.formnewslmodal .offreformnewsletter{
  font-size: 0.7em;
  padding: 5px 0;
}
.formnewslmodal.open{
  display: block;
}

.closnewsletter{
  float: right;
  background-color: rgba(0,0,0,0);
  color: #232323;
  padding: 5px 15px!important;
  margin: 10px 20px;
  position: absolute;
  right: 180px;
}
.closnewsletter:hover{
  background-color: #fff;
  color: white;
}

.body-layer-news:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}
.body-layer-news:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: rgba(0,0,0,0.5);
  height: 100%;
}
.formnewslmodal form input[type=submit]:hover{
  background-color: #006f78!important;
}
.formnewslmodal>p{
  max-width: 800px;
  display: block;
  margin: 0 auto;
}

.containerHebergement .modalmapa-resultb .leaflet-container {
  height: 600px;
}
.novisible.ui-menu-item{display: none!important;}

@media (max-width: 1200px){
  #newsletter .closnewsletter{
    right: 133px;
    width:auto; }
  #newsletter #formaddNewsletterUser input {
    width: 80%;}
  #newsletter .formnewslmodal input[type=checkbox]{
    min-width: 50px!important;
    width: auto!important;}
}


@media (max-width: 990px){
  #newsletter #formaddNewsletterUser input, .formnewslmodal form select {
    width: 70%;}
  #newsletter .closnewsletter {
    right: 100px;}
}

@media (max-width: 768px){
  #newsletter #formaddNewsletterUser input, .formnewslmodal form select {
    width: 60%;}
  .formnewslmodal form label{
    font-size: 11px;}
  #newsletter .formnewslmodal input[type=checkbox] {
    min-width: 30px!important;}
  #newsletter .closnewsletter {
    padding: 5px 10px!important;
    right: 77px;}
}

@media (max-width: 550px){
  #newsletter #formaddNewsletterUser input, .formnewslmodal form select {
    width: 55%;}
  #newsletter input {
    min-width: 150px;}
}

.blue-background-tarifs .slick-slide.selected-date .columns{
  background-color: #eef9ff;

}

.blue-background-tarifs .slick-slide.selected-date .columns:first-child{
  background-color: initial!important;

}




.bulletinfotaxes{
      position: absolute;
    top: -10px;
    right: 0;
    cursor: pointer;
    padding: 10px 5px;
}

.containerHebergement .prixminsansdispo .bulletinfotaxes, #resultsCmsAjax .prixminsansdispo .bulletinfotaxes{
  position: initial;
top: 0;

}

.tipopromotion .tab-content .bulletinfotaxes{
    position: absolute;
    /* top: -46px; */
    top: -27px;
    right: 0;
}
.continfotaxes{position: relative; display: inline;}

#resultsrechercher .continfotaxes {
    text-align: right;
    display: none;
}
#resultsrechercher .prixminsansdispo .continfotaxes {
    display: inline;
}

.divinfotaxes {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
    top: -127px;
    left: -152px;
    width: 218px;
    font-size: 0.85em;
    padding: 10px;
    z-index: 9999;
    text-align: left;
  }
  #mapModalHome .divinfotaxes {
    top: -85px;
    left: -1px;
    font-size: 0.9em;

  }
    #mapModalHome .continfotaxes {
    display: inline;

  }
  .dispostarifsheader .continfotaxes {
    display: block;

  }
   .etablessiments  .continfotaxes {
    display: block;

  }
     .etablessiment  .divinfotaxes {
      left: 121px;

  }
   #mapModalHome .bulletinfotaxes {
     top: 6px;
     right:-6px;

  }
  

  .tipopromotion .tab-content .continfotaxes{
        float: right;
}
.tipopromotion .tab-content .divinfotaxes{
        top: -165px;
}
.tipopromotion .prixminsansdispo  .divinfotaxes {
        top: -173px;
}

  .bulletinfotaxes:hover ~ .divinfotaxes{display: block;}

  .contentficha  .continfotaxes{
    display: block;
        margin-right: -25px;
  }

  .etablessiment .contentficha .divinfotaxes {
    left: 11px;
    color: #000;
    top: -140px;
}
/*MANTIS 421*/
.btn-info-tab-tarif{
  background-color: transparent !important;
  position: absolute;
  right: 0;
  top: -10px;
}

.tarifasNav  .iconeformule {
  position: relative;
}


/* header nav.navbar {background-color: inherit!important;} */



.navbar-light .navbar-nav .nav-link.disabled{color: #006f77!important;}

.langChooseProvisional{
  position: absolute;
    top: 26px;
    right: 18px;
    color: #fff;
}
.lienothersaison{
    position: relative;
    z-index: 9;
}




/* buscador fixed ficha */

.busctarifs.fixed,.yellowlightbackground.fixed-top{
    
  position: fixed;
    top: 65px;
    width: 100%;
    background-color: #fff!important;
    box-shadow: 1px 2px 5px #00000012;
    left: 0;
    height: 82px;
    z-index: 99;
}
/* .busctarifs.fixed .selPersonas, .busctarifs.fixed .datefilter{

    border: 0px solid #4c6696!important;
}
.busctarifs.fixed .selPersonas, .busctarifs.fixed .datefilter{

    border: 0px solid #4c6696!important;
} */

.busctarifs.fixed  .module-fixed{
      margin-top: 0!important;
}

/* header nav.navbar {background-color: inherit!important;} */
.navbar-light .navbar-nav .nav-link.disabled{color: #006f77!important;}



/* form ficha fixed */


.busctarifs.fixed .selPersonas:after, .busctarifs.fixed .datefiltercol :after {
    font-family: FontAwesome;
    content: "\f107";
    font-weight: 100;
    color: white;
    position: absolute;
    top: 16px;
    right: 30px;
    pointer-events: none;
    cursor: pointer;
}

.busctarifs.fixed .selPersonas.active .avec-qui-partez-vous {
    color: #ffffff !important; 
}



/*galeries*/

.lg-backdrop{
  z-index: 99998!important;
}
.lg-outer{
 z-index: 99999!important;
}

#page2355.bg-area{
  z-index: 9 !important;
}
/* ORDER BY */

.tipopromotion .orderbyfilters{
  display: none !important;
}

.orderbyfilters .select-styled{
  margin-top: 55px;
    border: none;
    background-color: #eeee;
    border-radius: 15px;
    color: var(--greenew);
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-weight: 700;
    font-size: 14px;
    padding: 14px 20px;
}


.orderbyfilters .select-options li:nth-child(1), 
.orderbyfilters .select-options-menu li:nth-child(1) {
  color:#006f77;
  background-color: #fff;
}

.orderbyfilters .select-options li:nth-child(2), 
.orderbyfilters .select-options-menu li:nth-child(2) {
  color:#006f77;
}
.orderbyfilters .select-options li:nth-child(3), 
.orderbyfilters .select-options-menu li:nth-child(3) {
  color:#006f77;
}

.select-orderby{
  color: #006f77!important;
  background-color: #ffffff;
  width: 100%;
  height: 53px;
  border-radius: 5px;
  border-color: #ffffff;
  font-weight: 600;
  padding: 11px 12px;

 
}

#mapContainer, #resultsrechercher{
  clear: both;
  position: relative;
    bottom: 10px;
  
}

.tab-content>.active {
  display: block !important;
}

.tab-content>.tab-pane {
  position: relative;
}
.tipopromotion .appartement-caract>div:last-child {
  padding: 0;
}
.tipopromotion .appartement-caract {
  padding: 5px 5px 5px 12px;
  position: relative;
}

.tipopromotion .appartement-type + div {
  /* display: flex;
  align-items: center;
  padding: 33px 0 9px; */
}
.appartement-caract p {
  margin-bottom: 0;
}
article.container{
  padding:0!important;
}
.reservezprix{
  align-items: center;
  display: flex;
  text-align:center;
}
.reservezprix>div{
  display: inline-block;
  width: 100%;
}
.appartement-caract .reserveztext .reservezbutton {
  margin-top: -10px;
}

.col-md-12.col-lg-5.combinada>.row:last-child {
  padding: 15px 0 0 0;
}
.col-md-12.col-lg-5.combinada>.row:first-child {
  padding: 15px 0 0;
}
.col-md-12.col-lg-5.combinada>.row.appartement-type {
  padding: 30px 0 0;
}

.tipopromotion.cms .appartement-caract .reserveztext{
  height: 100%;
}
.tipopromotion .appartement-caract .reservezarea{
  min-height: 73px;
}
.formResponsive input[type="file"] {
  height: 35px!important;
  float: left;
}




/* ACTUALIZAMOS */

#authpartenaire input{
  width: 100%;
padding: 11px;
border: 1px solid #cccccc;
border-radius: 5px;
margin: 15px 0;
}
#authpartenaire button{
border: 0;
padding: 13px 30px;
border-radius: 5px;
font-weight: 600;
background-color: var(--orangeflo);
cursor: pointer;
}
#authpartenaire button:hover{
    background-color: #1e1e1e!important;
}

#authpartenaire .continfotaxes{

}
#authpartenaire .bulletinfotaxes{

}
#authresponse{
padding: 0 15px 0 35px;
}
#devendezpatenaire, #codeoblie{
text-align: center;
}
#devendezpatenaire .formnewslmodal, #codeoblie .formnewslmodal {
background-color: #fff;
box-shadow: 1px 2px 3px #000;
width: 75%;
margin: 0 auto;
padding: 35px 25px 25px;
overflow-y: auto;
height: 95vh;
max-width: 800px;
}
#devendezpatenaire .formnewslmodal>div, #codeoblie .formnewslmodal>div{
  background-color: #fff;
  box-shadow: 0px 0px 0px #000;
  padding: 35px 25px 25px;
  overflow-y: auto;
  height: auto;
}
.headerpartenaire p{
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
}
.name-partner{
  font-size: 19px;
    color: #9cdbbe !important;
}
.alink{cursor: pointer;}
.alink:hover{color: #006f77;}

#authpartenaire .button01{
  margin-bottom: 15px;
}
/* buscador fixed ficha */


/* .busctarifs.fixed .selPersonas, .busctarifs.fixed .datefilter{

border: 0px solid #4c6696!important;
}
.busctarifs.fixed .selPersonas, .busctarifs.fixed .datefilter{

border: 0px solid #4c6696!important;
} */


.busctarifs.fixed  .module-fixed{
  margin-top: 0!important;
}

/* header nav.navbar {background-color: inherit!important;}  */
.navbar-light .navbar-nav .nav-link.disabled{color: #006f77!important;}


input.datefilter.rangeDatepicker {
  font-size: 11px !important;
}
input.datefilter.rangeDatepicker::placeholder {
  font-size: 16px;
  color: #000;
}
/* form ficha fixed */

.datefilter{cursor: pointer;}
.busctarifs.fixed .selPersonas:after, .busctarifs.fixed .datefiltercol :after {
font-family: FontAwesome;
content: "\f107";
font-weight: 100;
color: white;
position: absolute;
top: 16px;
right: 30px;
pointer-events: none;
cursor: pointer;
display: none;
}

.busctarifs.fixed .selPersonas.active .avec-qui-partez-vous {
color: #ffffff !important; 
}

/* ORDER BY */

.tipopromotion .orderbyfilters{
display: none !important;
}

.orderbyfilters .servicesCheck.ratingcontent:after {
font-family: FontAwesome;
content: "\f107";
font-weight: 800;
color: var(--greenew);
position: absolute;
top: 70px;
right: 42px;
pointer-events: none;
cursor: pointer;
}

.orderbyfilters .select-options li:nth-child(1), 
.orderbyfilters .select-options-menu li:nth-child(1) {
color:#006f77;
background-color: #fff;
}

.orderbyfilters .select-options li:nth-child(2), 
.orderbyfilters .select-options-menu li:nth-child(2) {
color:#006f77;
}
.orderbyfilters .select-options li:nth-child(3), 
.orderbyfilters .select-options-menu li:nth-child(3) {
color:#006f77;
}

.select-orderby{
color: #006f77!important;
background-color: #ffffff;
width: 100%;
height: 53px;
border-radius: 5px;
border-color: #ffffff;
font-weight: 600;
padding: 11px 12px;


}
.orderbyfilters {

    float: right;
    width: 30%;
    display: none;
    position: relative;
    bottom: 57px;
}



.tipopromotion .appartement-caract>div:last-child {
padding: 0;
}
.tipopromotion .appartement-caract {
padding: 5px 5px 5px 12px;
position: relative;
}

/* .tipopromotion .appartement-type + div {
display: flex;
align-items: center;
padding: 33px 0 9px;
} */
.appartement-caract p {
margin-bottom: 0;
}
article.container{
padding:0!important;
}
.reservezprix{
align-items: center;
display: flex;
text-align:center;
}
.reservezprix>div{
display: inline-block;
width: 100%;
}
.appartement-caract .reserveztext .reservezbutton {
margin-top: -10px;
}

.col-md-12.col-lg-5.combinada>.row:last-child {
padding: 15px 0 0 0;
}
.col-md-12.col-lg-5.combinada>.row:first-child {
padding: 15px 0 0;
}
.col-md-12.col-lg-5.combinada>.row.appartement-type {
padding: 30px 0 0;
}

.tipopromotion.cms .appartement-caract .reserveztext{
height: 100%;
}
.tipopromotion .appartement-caract .reservezarea{
min-height: 73px;
}

/*MACIF Y CGOS*/
/*.datos-tarifas .appartement-type .tipoappartement {
margin-top: 12px;
}*/
.mod-languages {
  right: 7px!important;

}
.mod-languages select{
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 3px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  display: block !important;
}
#linksfooter  .mod-languages select{
  width: 100%;
  padding: 10px 8px;
  max-width: 270px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.mod-languages select option{
  color: #006f77;
}
.btn-gallery{
  cursor:pointer;
}

.sousligne {
  padding: 0!important;
      text-decoration: none!important;
      background-image: linear-gradient(transparent 0%,transparent calc(50% - 18px),#d4e9ff,calc(50% - 18px),#d4e9ff 100%)!important;
      transition: background-position 120ms ease-in-out,padding 120ms ease-in-out!important;
      background-size: 100% 200%!important;
      background-position: 0 0!important;
      font-weight: bold;
  }
  
  .boutonjaune {
      border-radius: 6px;
      font-size: 17px;
      line-height: 1.3;
      padding: 15px 35px;
      background-image: linear-gradient(to right, #ffd757 50%, #fdc513);
      color: #006f77;
      margin-top: 25px;
  }
  
  .chapeau1 {
    color: #006f77; text-align: left; font-size: 35px; line-height: 40px; margin-bottom: 20px; font-weight: 100!important;
  }
  .link-reservez-results {
    background: #ff622c;
    margin: 10px 6px;
    padding: 5px 15px;
    font-weight: 900!important;
    color: black;
    font-size: 1.1em!important;
    border-radius: 21px;
    border: 2px solid #ff622c;
    color: #fff;
    display: flex;
    align-items: center;
}
.link-reservez-results::after{


font-family: 'FontAwesome';
font-size: 12px;
content: "\f054";
margin: 5px;
color: #fff;
float: right;
}
.link-reservez-results:hover {

  background-color: #1e1e1e;
  border: e1e1e1;
  border: #1e1e1e;
}
.tipopromotion .link-reservez-results{
  margin: 0;
}
/*NEW GALLERY APPARTMENTS */
.modApartmentGallery{
  height: 260px;
 overflow: hidden; 
 display: flex;
 align-items: center;
}

.modApartmentGallery img{
 width: 100%; 
}
.modApartmentGallery .slick-list{
 min-height:300px;
 width: 760px;
}
.modApartmentGallery .slick-prev, .modApartmentGallery .slick-next {
 display: block !important;
 z-index: 999;
}
.modApartmentGallery .slick-prev{
 left:0 !important;
}
.modApartmentGallery .slick-next {
 right: 34px!important;
}
.modApartmentGalleryContent{position: relative;}
.appartementsvotreclub  .modal-body h3, .modalappartments  .modal-body h3{
 font-size: 14px!important;
 padding: 5px 15px;
 border-radius: 5px;
 text-transform: initial;
 display: inline-block;
 font-weight: 600;
 background-color: #006f77 !important;
}

.read-more-bluetbtn{
  box-shadow: none;
  font-size: 0.8rem;
  text-decoration: none!important;
  color: white!important;
  background-color: #006f78!important;
  border: none;
  border-radius: 3px;
  padding: 7px;
  font-weight: 600;
  font-size: 15px;
}
.read-more-target,
.read-more-trigger_opened {
display: none;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target,
.read-more-state:checked ~ .read-more-trigger_opened {
display: block;

}
.read-more-state:checked ~ .read-more-trigger_closed {
display: none;
}
.read-more-trigger_openedbtn{
width: 70px;
}

.cartehome{  background-color: white !important;position: relative; padding: 25px 0;}

.cartehome .divBtnCarte a {
  color: #006f77;
  padding: 0 0 0 12px;
}
.cartehome #btnCarte span{text-decoration:underline;}
.cartehome #btnCarte:hover span{color:#006f78; }

.customgaranti .bordergaranti{ border-bottom: 1px solid #e9ecef; margin-left: 26px; width: 94%;}

.customgaranti button.small{ border: 0; background: transparent; cursor: pointer;}
.customgaranti p.bluetext {line-height: 18px;}



button.navbar-toggler::before {
  content: "\f0c9";
  font-family: "FontAwesome"!important;
  color: #fff;
}
.blancbackground button.navbar-toggler::before {
  color: #042b73;
}
.bt-lien-bleu-simple {
  color: #1e1e1e;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-decoration: underline;
}

/* https://mmv.digitaltrafic.es/view.php?id=882 */
#navmenuprincipal ul.nav li a.dropdown-toggle:after { display: inherit !important; }

.ratingcms{
  height: 22px;
}
hr{
  width: 2px;
    background: #ffe6aa;
    height: px !important;
    opacity: 1;
    margin-top: 0px;
}

 .avis-header{
  display: flex;
}

.avis-header .puntuationAvis{
  color: #fff;
  display: inline-block;
  font-weight: 900;
  font-size: 24px;
  width: 57px;
  background:#006f77;
  padding: 9px 10px;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 5px;
}
 .avis-header .termAvis {
  display: flex;
  font-weight: 700;
  font-size: 18px;
  padding-left: 5px;
  margin-bottom: 0;
  align-items: center;
  color: #006f77;
}
.avis-header .ravis{
  font-size: 13px;
  margin-bottom: 0;
}
.avis-header .ravis strong{
  font-size: 14px;
  margin-right: 10px;
  margin-left: 0;
}
 .avis-header span{
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
  margin-left: 5px;
}
.avis-header a.ancla{
  font-size: 13px;
  font-weight: 400;
  color: #222;
  text-decoration: underline;
}


.formnewslmodal>div::-webkit-scrollbar {
  width: 0em;
}

/* .formnewslmodal>div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
} */

.formnewslmodal>div::-webkit-scrollbar-thumb {
background-color: transparent;
outline: 1px solid transparent;
}


.hr-blocavis{
  width: 2px;
    background: #ffe6aa;
    height: 40px;
    opacity: 1;
}

.rating-area-wrapper{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 20px;
  /* margin-left: 0 !important;
  margin-right: 0 !important; */

}

.rating-area-wrapper .col-6 {
  padding-left: 0;
}
p.puntuationAvis.note-result {
  width: auto !important;
  padding: 3px 5px !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  align-items: center;
    display: flex;
}

p.termAvis.result-avis{
  font-weight: 500 !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
}


 .mdrow {
    display: flex;
    margin-bottom: 10px;
    gap: 10px;
}
 

span.tipoappartement {
  font-weight: 600;
  font-size: 12px;
  padding: 4px;
  background-color: #006f77 !important;
  color: white !important;
}
h2.float-left.h2-slide {
  font-size: 2.5rem;
}
.border-none{
  border:none !important;
}


button.btn.btn-default2 {
  font-size: 20px;
  font-weight: 700;
  padding: 2px 0 !important;
  background: transparent;
}
.modal-body {
  padding: 0px 20px 20px 20px !important;
  }
  .button.btn.btn-default2 {

    font-size: 20px;
    
    font-weight: 700;
    
    padding: 2px 0 !important;
    
    }


#person-input-container.error-con, #date-filter-input.error-con{
  border : 2px solid #ff622c;
}

/* section.contentficha.container.margintopfixed {
  position: relative;
  top: 120px;
} */

.customtop1{
  font-weight: 500;
}
.customtop1-text a{
  color: #1e1e1e !important;
}

.customtop1 .top-telf {
  letter-spacing: 0.5px;
  font-weight: 700;
  font-size: 1rem;
  color: #1e1e1e;
}
.customtop1 .customtop1-icons img{
  border-radius:50%;
  padding:5px;
  margin-right:5px;
}
.customtop1-compte{
  padding-top: 3px!important;
  margin-left: 5px;
}
.customtop1-compte a{
  vertical-align: -webkit-baseline-middle;
  margin-left: -10px;
  border-left: 1px solid #ffffff73;
  border-right: 1px solid #ffffff73;
  padding: 0px 12px 0 8px;
  color:white;
}


.customtop1 {
  font-size: 13px;
  display: flex;
  align-items: center;
  /* display: none; */
}
.customtop1 a:hover{
 color: #1e1e1e;
}

.customtop1 .row div {
  padding:0px;
}
.customtop1-reservez p{
  font-size: 14px!important;
  font-weight: 900;
  text-align: center;
}
.customtop1-reservez p{
  height: 36px;
  cursor: pointer;
  border: 2px solid #fdc513;
}
.customtop1-reservez p:hover{
  background-color: transparent;
  border: 2px solid #fdc513;
  transition: ease .2s;
}