html {
  scroll-behavior: smooth;
}

 
 
.bg-white{ background-color: #FFFFFF !important;}

*{outline: none;}

#surtopmenu a {
  color: #FFF;
}

#surtopmenu {
  background-color: #073855;
}

#brand a {
  position: absolute;
  margin-top: -30px;
}

.nohoverOverlay:hover .overlay, .nohoverOverlay:active .overlay, .nohoverOverlay:focus .overlay {
  bottom: -50px !important;
}

.slider_precharge{ min-height: 350px;}

.slider_precharge_div {
    position: absolute;
    min-height: 350px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f8f9fa;
    font-size: 100px;
}

 


.grow-wrap {
	/* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
	display: grid;
	 
	 
  }
  .grow-wrap::after { 
	/* Note the weird space! Needed to preventy jumpy behavior */
	content: attr(data-replicated-value) " ";
  
	/* This is how textarea text behaves */
	white-space: pre-wrap;
  
	/* Hidden from view, clicks, and screen readers */
	visibility: hidden;
  }
  .grow-wrap > textarea {
	/* You could leave this, but after a user resizes, then it ruins the auto sizing */
	resize: none;
  
	/* Firefox shows scrollbar on growth, you can hide like this. */
	overflow: hidden;
  }


  
   
  .seocategorie{ display: none;}
 
  
  .grow-wrap > textarea,
  .grow-wrap::after {
	/* Identical styling required!! */
	
	padding: 0.5rem;
	border: 1px solid #dadee3;
  
	/* Place on top of each other */
	grid-area: 1 / 1 / 2 / 2;
  }

  .no-resize{ resize:none !important}  

  .child-navigation {
    
    
  }

  #fil_ariane{ text-align: right; position: absolute; margin-top: -80px; width: 95%;}


  .badge-ref{ position: absolute;}

  .non-reservable { opacity: 0.7;}


.legendemonth{ width: 100% !important; position: relative;; max-width: 100%;}
.legende_progress_month_reservation{ position: relative; white-space: nowrap; width: 100% !important; max-width: 100% !important; min-width: 0px}
.legende_progress_month_reservation div{ width: 8.3% !important; display:block; margin:0px; padding: 0px; overflow: hidden !important; font-size: 11px;}

.legende_progress_month_reservation_bar{ position: relative;   white-space: nowrap ;  ;  width: 100% !important; max-width: 100% !important; min-width: 0px !important }
.legende_progress_month_reservation_bar .progress-bar{  z-index: 3000; font-size:0px !important ; opacity: 0.5;}
.legende_progress_month_reservation_bar .progress-bar:not(:last-child){  border-right: 1px solid #FFF;  }

#page-footer{ background-color: #DDD;}

.property-features-list li.col33 {
  display: inline-block;
  padding: 5px 0;
  width: 32% !important;
  margin-left: 2px;
}

.p-relative{ position: relative !important;}


#fond {
  left: 0;
  margin: auto;
  
  position: fixed;
  right: 0;
  bottom: 0;;
  background-position: center !important;;
  background-size: cover !important;;
  background-attachment: fixed !important;;
  background-repeat: no-repeat !important;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
  height: 100%;

  opacity: 0.15;
  overflow: hidden;
}

#fond .container{ 
  height: 100%;
  background: linear-gradient(to right, transparent, white 10%, white 90%, transparent) !important;
  transform: scale(1.2,1);
  opacity: 0.9;
}


#video-background {
 
  overflow: hidden;
}

#video-background video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}


/**********************************************/
/*             GLOBALE                        */
/**********************************************/

#section_periode_resa .owl-dots {
  margin-top: 0px !important;
  line-height: 0px !important;
}


.flex{ display: flex;}
.text-bold{ font-weight: bold;}

.padding-top-page {
  border-top: 126px solid #efefef;
  padding-top: 40px;
}

#page-content {
  padding-bottom: 0px;

}


#dpeImg{ width: 100%; max-width: 100%;;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #1396e2;}


.sticky-sidebar{ position: sticky !important; top: 80px;}

.transition-effect-menu {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}


.showpricerange{ position: absolute; }
.ui-slider-range{ background-color: #1396e2; }
.ui-slider{ height: 5px}
 


.primary-navigation .navbar-collapse {
  margin-top: 30px
}

.divider-image-wave {
  opacity: 0.2;
}

#logonav {
  height: 80px;
  max-width: 100% !important;
   
}

#surtopmenu {
  color: #FFF;
}

.text-upper {
  text-transform: uppercase;
}

.text-white {
  color: #FFF;
}

#menutopsticky {
    z-index: 800000;
  }

.menutopstickyClosed {
  /*margin-top: -30px;
  opacity: 0.7*/
}

.menutopstickyClosed:hover {
  opacity: 1;
  margin-top: 0px;
}

#brand {
  width: 270px;
  background-color: #FFF;
  padding-left: 20px;
  height: 80px;
  border-bottom: 1px solid #e3eff6;
  padding-top: 20px;
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  -webkit-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
}

.brandClosed {
  height: 50px !important;
  box-shadow : none;   
  box-shadow: rgba(0, 0, 0, 0) 0px 25px 20px -20px;
}

.decor_logo_collapsed {
  height: 0px;

}


#top {
  padding: 30px 0px;
  height: 75px;
}

.header_menu_collapsed #logonav {
  height: 45px;
  margin-top: 11px
}

.header_menu_collapsed #top {
  padding: 0px 0px;
  height: 50px;
}


#footer-main .col-md-3{ position: inherit;}
 

 


/* menuTop */


#menuTop , #menuTop *:not(.backgroundmenuTop) {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    transition-timing-function: none !important;
}

#menuTop a {
  font-weight: bold;
  color: #073855;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.menuTopActive>a {
  color: #FFF !important;
}

.child-navigation li a:hover {
  color: #FFF !important;
}

.child-navigation li {
  white-space: nowrap;
}


.input-search-accueil {
  background-color: #1396e2 !important;
  color: #FFF !important;
}

.input-search-accueil::placeholder {
  color: #DDD !important;
}

#cookiescript_copyright{ display: none;}




.backgroundmenuTop {
  width: 0px;
  height: 28px;
  z-index: 0;
  margin-top: -5px;
  position: absolute;
  background-color: #1396e2;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}






/**********************************************/
/*             ACCUEIL                        */
/**********************************************/

 
#GalleryAccueil{   display: block !important;}
#GalleryAccueil .grid-item{ float: left;} 
.sliderImage {
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

#log_slider_1{ position: absolute; width: 150px; margin-top: 150px; z-index: 400; right:200px; opacity: 0.9;}
#log_slider_2{ position: absolute; width: 150px; margin-top: 150px; z-index: 400; right:25px; opacity: 0.9;}

.zoomSliderAccueil {
  animation: 40s infinite zoomin;
}

@-webkit-keyframes zoomin {
  0% {
    transform: scale(1, 1)
  }

  50% {
    transform: scale(1.2, 1.2)
  }

  100% {
    transform: scale(1, 1)
  }
}

 

.property_accueil {
  background-color: #073855;
  min-height: 180px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 100%;
  

  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.bookmark , .pointer { cursor: pointer;}
.property_accueil .bookmark{ position: absolute; z-index: 9000; margin-left: 10px; margin-top: 10px}
.property_accueil .bookmark-added:before{ color:#c9302c !important ;}
/*.property_accueil_secondary{ max-height: 180px;}*/


.property_accueil:hover  { 

  transform: scale(1.1, 1.1);
  z-index: 200;
}



.property_accueil_image_background {
  width: 100%;
  width: 100%;
  background-position: 50% 50%;
  background-size: cover;
  transform: scale(1, 1);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;

}

.propertySlider .owl-dots{  position: absolute; top: 0px; width: 100% ; transform: scale(1.1, 1.1);}
.propertySlider  .owl-dots .owl-dot { background-color:#FFFFFF ;
  box-shadow: rgba(0, 0, 0, 0.75) 0px 5px 15px;
}
.propertySlider  .owl-dots .owl-dot.active  { background-color:#073855 ;}
.propertySlider , 
  .propertySlider  .owl-stage-outer , 
    .propertySlider  .owl-stage-outer .owl-stage ,
      .propertySlider  .owl-stage-outer .owl-stage .owl-item ,
       .propertySlider  .owl-stage-outer .owl-stage .owl-item .property_accueil_image_background 
{ height: 100% !important;}

.property_accueil_image_background_animate {
  transform: scale(1.1, 1.1)
}

.lazybg {background-image: none !important}


.input-date-accueil {
  background-color: #1396e2 !important;
  color: #FFF !important;
}

.input-date-accueil::placeholder {
  color: #DDD !important;
}


#our-services figure.icon {
  padding-left: 15px;
  padding-top: 15px;
}

.feature-box .icon::after {
  bottom: -7px !important
}

 

.property .overlay {
  pointer-events: none; 
}


.slide .overlay {
  max-width: 80%
}

.slide .overlay h3,
.slide .overlay figure {
  text-shadow: 3px 0px 7px rgba(0, 0, 0, 0.6), -3px 0px 7px rgba(0, 0, 0, 0.6), 0px 4px 7px rgba(0, 0, 0, 0.6) !important;
}

/**********************************************/
/*             APPARTEMENT                    */
/**********************************************/


.prixbarre_liste_periode{    color: #dadcde !important; position: relative; }
.prixbarre { background-color:#fdbf2d !important ; opacity: 0.7; color: #333 !important; position: relative; margin-right: 7px; }
.prixbarre::after , .prixbarre_liste_periode::after {
  content: '';
  position: absolute;
  opacity: 0.8;
  width: 100%;
  height: 2px;
  background-color: red;
  top: 50%;
  left: 0;
  transform: rotate(-5deg);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#slider_resa .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  height: 0px; 
  background-color: #c9302c;
  top: 20%;
  transform: translateY(-50%);
  
}
#slider_resa  .custom-prev, .custom-next {
 
  color: #fff;
  padding: 10px;
  cursor: pointer;
}


.property-carousel {
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.property-slide{ overflow: hidden;}

.property-features-list li i {
  color: #1396e2;
 
  width: 40px;
}

#quick-summary dl dt i{ width: 20px; display: inline-block; } 

#slider_resa .price-box-element  {
  overflow: hidden !important; 
  position: relative; 
  cursor: not-allowed;
  margin-top: 5px;;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#slider_resa .price-box-element .ribbon-left {
 
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#slider_resa .price-box-element-reservable  { cursor: pointer;    } 
 
#slider_resa .price-box-element-reservable:hover {transform: translateY(10px) }
#slider_resa .price-box-element-reservable.chooseperiode {transform: translateY(20px) }
#slider_resa .price-box-element-reservable.chooseperiode *:not(.ribbon-left) { filter: grayscale(1); }
#slider_resa .price-box-element-reservable.chooseperiode .ribbon-left {display: block !important;}
#slider_resa .price-box-element-reservable .ribbon-left {display: none !important;  }


#slider_resa .price-box-element-reservable-flexible  { cursor: pointer;    } 
#slider_resa .price-box-element-reservable-flexible:hover {transform: translateY(10px) }
#slider_resa .price-box-element-reservable-flexible.chooseperiode {transform: translateY(20px) }
#slider_resa .price-box-element-reservable-flexible.chooseperiode *:not(.ribbon-left) { filter: grayscale(1); }
#slider_resa .price-box-element-reservable-flexible.chooseperiode .ribbon-left {display: block !important;}
#slider_resa .price-box-element-reservable-flexible .ribbon-left {display: none !important;  }



.input-range-sejour-flexible { height: 0px; position: absolute; left: 50%;  transform: translateX(-50% ); opacity: 0; pointer-events: none;  }
.input-range-sejour-flexible2 {height: 0px; position: absolute; opacity: 0; pointer-events: none;   }

#conteneur_form_sejour_flexible{
    background-color:#f3f3f3 ; 
    border-radius:7px ;
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
 }
 
 .lightpick__footer-message{ display: none;}
#liste_date_flexible{ display: none;}
 

#slider_resa .price-box { padding-bottom: 0px;;  }
#slider_resa .price-box header{ color: #FFF; padding: 10px 0px }
#slider_resa .price-box header .tag{ background-color:rgba(20,20,20,0.5);   width: 80%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
#slider_resa .price-box .price{  z-index:5 !important; position: relative; }
#slider_resa .price-box h4{ font-weight: bolder;}
#slider_resa .price-box hr{ width: 70%; margin: 7px auto; border-color: #FFF;}
#slider_resa .price-box:hover {
  bottom: 0px;
}

#result_choix_periode_flexible .price-box { padding-bottom: 0px;;  }
#result_choix_periode_flexible .price-box header{ color: #FFF; padding: 10px 0px }
#result_choix_periode_flexible .price-box header .tag{ background-color:rgba(20,20,20,0.5);   width: 80%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
#result_choix_periode_flexible .price-box .price{  z-index:5 !important; position: relative; }
#result_choix_periode_flexible .price-box h4{ font-weight: bolder;}
#result_choix_periode_flexible .price-box hr{ width: 70%; margin: 7px auto; border-color: #FFF;}
#result_choix_periode_flexible .price-box:hover {
  bottom: 0px;
}

.notallowed { cursor: not-allowed;}


#cookiescript_copyright{ display: none;}
.tag.price , #cookiescript_accept{ background-color: #0E5781 !important}
#cookiescript_readmore{ color:#333 !important;}
#footer-main{ color: #333333; }
#footer-main a { font-weight: bold  !important;; color: #0e5781 !important;}


/**********************************************/
/*            ALL LOCATION  / SEARCH                */
/**********************************************/

.property .property-image-all-location {
 
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
}

.property_all_location {
 height: 195px; position: relative;

}

.property_all_location .tag.status  {
   
  z-index: 500;
 }
 

.btn_reset_all_location_hide{ 
  display: none;
}

#edit-search-btn-search{ 
  width: 40px;
   height: 40px; 
   position: absolute;
   left: 100%; 
   margin-left: -1px; 
   border: 1px solid #1396e2; 
   font-size: 20px;
   text-align: center; 
 
   background-color: #FFFFFF; 
   padding-top: 10px;
   margin-top: -1px;
   border-left: 0px;
   -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  z-index: 1050;
  display: none;
  cursor: pointer;


  }

  @media (max-width: 767px) {
    
    .sticky-sidebar{ position:relative !important;}
    #edit-search-btn-search{
      display: block;

    }
    #edit-search{
      position: fixed;
      box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
      top: 15%;
      width: 250px;
      margin-left: -250px;
      left: 0;
      border: 1px solid #1396e2; 
      border-left: 0px;
      z-index: 1000;
      background-color: #FFFFFF;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      padding-right: 20px;
      padding-left: 20px;
    }

    #edit-search.activesearch{
      margin-left:0 !important;

    }


  }

/**********************************************/
/*             PROPRIO                    */
/**********************************************/
 
.bloc-resa-proprio{
  border: 1px solid #dadcde;
  box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
  width: 100%;
  margin-bottom: 15px; 
  border-radius: 3px;
  background-color: #f8f9fa;
}
.bloc-resa-proprio .thick{
 margin-top: 5px; margin-bottom: 5px;
}
.bloc-resa-proprio small{
 display: block;
 border-radius: 3px 3px 0 0;
 color: #DDD;
 width: 100%;
 padding: 5px;;
 font-size: 11px;
 text-align: center;
}

.bloc-resa-proprio-inline-wrapper{
  width: 90%; position: relative;
  margin: 0 auto;
}

.bloc-resa-proprio-inline{ 
 border-radius: 3px ; 
 box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
 overflow: hidden;
 height: 15px; 

}

.bloc-resa-proprio-inline-bloc{ float: left; height: 15px; border-right:1px solid #FFFFFF ; position: relative;}
.bloc-resa-proprio-inline-bloc:last-child {
 border-right:0px !important 
}
.inline-debut{  left: 0; margin-left: -20px;}
.inline-fin{  left: 100%; ; margin-left: -50px;}

.inline-debut  , .inline-fin {
 position: absolute;
 margin-top: -20px;
}

.inline-debut:after , .inline-fin:after {
 content: ""; /* Nécessaire pour les pseudo-éléments */
 position: absolute;
 left: 50%; /* Centrage horizontal */
 bottom: -6px; /* Positionnez en dessous du bloc, ajustez selon besoin */
 width: 0;
 height: 0;
 border-left: 7px solid transparent; /* Taille de la bordure gauche */
 border-right: 7px solid transparent; /* Taille de la bordure droite */
 border-top: 7px solid #337ab7; /* Couleur et taille de la bordure supérieure */
 transform: translateX(-50%); /* Centrage précis */
}

.bloc-resa-proprio-corp{ padding: 5px;}

@media (min-width: 576px) and (max-width: 991px) {
  .sidebar-navigation li a span
{
    display: none !important;
  }
}

 


/**********************************************/
/*             MAP GOOGLE                     */
/**********************************************/
#map {
  /*height: 500px; */
}

#mapAppartement {
  height: 500px; 
}

.owl-carousel {
  display: block !important;
}

.gm-style-iw-d {
  overflow: none;
}

.owl-dots {
  margin-top: 10px
}



/*.item {
  border: 1px solid #999;
  -webkit-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  -webkit-box-shadow: 0 5px 10px -5px #8F8F8F;
  box-shadow: 0 5px 10px -5px #8F8F8F;
}*/

.itemSliderMap{ height: 200px ;}
.sliderMapSearch { height: 80px !important; overflow: hidden;}
.sliderMapSearch .itemSliderMap{ height: 60px !important;}

.itemSliderMap{ height: 200px ;}

.imagemarker {
  width: 50px;
  height: 50px;
  border: 2px solid #FFF;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 10px -5px #8F8F8F;
  box-shadow: 0 5px 10px -5px #8F8F8F;
  background-size: cover !important;

}

#map .gm-style-iw{ min-height: 380px;  width: 560px   ; z-index: 30 !important; border-top: 3px solid #1396e2; } 
#map_search .gm-style-iw{ min-height: 150px;  width: 460px   ; z-index: 30 !important; border-top: 3px solid #1396e2; } 

 .gm-style-iw-d{ max-height: 1500px !important;}

 .gm-style-cc    { opacity: 0 !important;}
 
.footerpart1b img {
  height: 20px;
}
/**********************************************/
/*             CATEGORIE                     */
/**********************************************/

.categorieimage img{
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

/**********************************************/
/*             RECHERCHE                     */
/**********************************************/

/*#section-equipement-map{ position: sticky !important; top: 40px; background-color: #FFFFFF; z-index: 500;}*/
 

#map_search{
  transition: top 1s;
  transition: left 1s;   
}
#section-equipement-map #map_search{ width: 100%; height: 250px;  margin-bottom: 40px;  border: 1px solid #8F8F8F;  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -30px;    }
#section-equipement-map-2 #map_search{ width: 100%; height: 250px;  margin-bottom: 40px;  border: 1px solid #8F8F8F;  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -30px;    } 

.filtre_by_equipement{
   border-radius: 7px;
   position: relative;
}

.filtre_by_equipement_active{
  background-color: #efefef;     
}


#div_filtre_by_equipement{ margin-top: 20px; margin-bottom: 10px;}
.filtre_by_equipement .nb_pastille{
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: 5px;
  margin-top: -10px;
}


.filtre_by_equipement:hover{
  background-color: #efefef;  
}

#form-sidebar .form-control{ 
  width: 100% !important;
}

.noUi-connect{ background-color: #1396e2;}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip , .noUi-horizontal .noUi-handle-lower .noUi-tooltip { 
  bottom:-30px ;
  color: #5d5d5d;
  border: 1px solid #5d5d5d;
  padding: 2px 5px;
}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip::before , .noUi-horizontal .noUi-handle-lower .noUi-tooltip::before { 
  border-style: solid;
  border-width: 0 7px 8px 7px;
  border-color: transparent transparent #5d5d5d transparent ;
  content: "";
  height: 0px;
  width: 0px;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -7px;
}
#search_loader{ 
  
  width: 100%;   
  margin-top: -50px;
  height: calc( 100% + 100px ); 
  opacity: 0.7; 
  position: fixed; 
  left: 0; top: 0; bottom: 0; right: 0;
   background-color: #FFFFFF; 
   z-index: 300; 
   color: #073855;}

#search_loader i { 
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: -55px;
  position: absolute;
}   


.reserved {
    background-image: repeating-linear-gradient(135deg, transparent 0px, #FF0000 2px, transparent 4px) !important;
}
.samedi , .samedi a { font-weight: bold !important;}

.bt_crneau_flexible {overflow:hidden; position: absolute;   height: 23px !important; cursor:pointer; line-height: 20px !important; color:#333 !important}
.bloc-resa-proprio-corp{ overflow: hidden !important; position: relative;}

.not-allowed-lightpick__day:hover{cursor: not-allowed !important;}
 

/**********************************************/
/*             RESPONSIVE                     */
/**********************************************/

 
@media screen and (min-width: 993px ) and  ( max-width: 1200px) {
  .nav > li > a{
      padding: 10px 7px; 
      font-size: 12px;
  }
}

@media screen and (min-width: 768px ) and  ( max-width: 992px) {
  .nav > li > a{
    padding: 10px 7px; 
    font-size: 10px;
  }
  #brand{  height: 0px; width: 0px;}
  #logonav{ height: 40px; margin-left: -20px; margin-top: -7px; max-width: inherit !important;}
  .brandClosed  #logonav{ height: 30px; margin-top: 17px;} 
}

@media (max-width: 767px) {

  
    input,
    textarea,
    select {
    font-size: 16px !important;
    }

    @supports (-webkit-touch-callout: none) {
        input,
        textarea,
        select {
          font-size: 16px !important;
        }
      }

  
    #logonav {
     width: auto !important;
     max-width: inherit !important;
  }

  .gm-style-iw{ min-height: 290px; max-width: 70%; width: 70% !important; min-width: 0px;}
  .gm-style-iw-d{ max-width: 100% !important;}

  .itemSliderMap{ height: 150px  }
  
  .owl-controls {
    display: block !important;
  }

  .primary-navigation {
    min-height: 60px
  }

  #log_slider_1{   margin-top: 30px;  }
  #log_slider_2{   margin-top: 30px; }

  #logonav {
    height: 40px;
    margin-top: 15px;
  }

  .property_accueil {
      min-height: 250px !important;
  }

  .backgroundmenuTop {
    display: none;
  }

  .padding-top-page {
    border-top: 0px;
    
  }

  #top {
    height: auto !important;
  }

  #brand {
    height: 0px;
    width: 0px;
    padding-left: 0px;
    border-bottom: 0px solid #e3eff6;
    padding-top: 5px;
    background-color: #FFF;
    position: absolute;
    box-shadow: none
  }

  #menuTop {
    display: block;
    width: 100%;
  }

  .transition-effect-menu {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }

  .menuTopActive>a {
    color: inherit !important;
  }

  .child-navigation li a:hover {
    color: inherit !important;
  }

  .navigation .navbar .navbar-nav>li>.child-navigation,
  .navigation .navbar .navbar-nav>li>.child-navigation>li>.child-navigation {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block;
  }

 
 #menuTop {
  width: calc( 100% + 30px) !important;
 }
  #menuTop .nav  {
   
    background: -moz-linear-gradient(top, #f1f1f1 0%, white 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(80%, white));
    background: -webkit-linear-gradient(top, #f1f1f1 0%, white 80%);
    background: -o-linear-gradient(top, #f1f1f1 0%, white 80%);
    background: -ms-linear-gradient(top, #f1f1f1 0%, white 80%);
    background: linear-gradient(to bottom, #f1f1f1 0%, white 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#ffffff', GradientType=0);
   }

  .navigation .navbar .navbar-nav {
    padding-top: 10px;
  }

  .navigation .navbar .navbar-nav li a,
  .navigation .navbar .navbar-nav li .child-navigation li a {
    min-height: 15px;
    padding: 5px 0px 5px 20px  ;
    border-bottom: 1px solid #ebebeb; 
    max-width: 95%;
    width: auto;
    white-space: normal;
    line-height: 15px;
  }

  .navigation .navbar .navbar-nav li .child-navigation li a {
      padding-left: 40px !important; 
  }

  .navigation .navbar .navbar-nav li .child-navigation li .child-navigation li a {
    padding-left: 60px !important; 
}

  .property_accueil:hover {
    transform: scale(1,1);
    z-index: 200;
  }
 
}


.wizard a {
  padding: 10px 12px 10px;
  margin-right: 5px;
  background: #efefef;
  position: relative;
  display: inline-block;
}
.wizard a:before {
  width: 0;
  height: 0;
  border-top: 20px inset transparent;
  border-bottom: 20px inset transparent;
  border-left: 20px solid #fff;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}
.wizard a:after {
  width: 0;
  height: 0;
  border-top: 20px inset transparent;
  border-bottom: 20px inset transparent;
  border-left: 20px solid #efefef;
  position: absolute;
  content: "";
  top: 0;
  right: -20px;
  z-index: 2;
}
.wizard a:first-child:before,
.wizard a:last-child:after {
  border: none;
}
.wizard a:first-child {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}
.wizard a:last-child {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}
.wizard .badge {
  margin: 0 5px 0 18px;
  position: relative;
  top: -1px;
}
.wizard a:first-child .badge {
  margin-left: 0;
}
.wizard .current {
  background: #007ACC;
  color: #fff;
}
.wizard .current:after {
  border-left-color: #007ACC;
}


.label_satisfaction{ font-weight: normal; margin-bottom: 10px; margin-right: 20px;}
.has-for-error{ color:#c9302c !important}
.bloc_question .disabled { opacity: 1 !important;}