.appart-infos-picto .et_pb_main_blurb_image  {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 0 0 3px #e5e5e5;
  transition: all 0.4s;
  display: inline-block !important;
}

:root {
  --main-bg-color: #0f718a;
}

body {
  overflow-x: hidden;
}

#logo {
  max-height: 90%!important;
  padding: 2px !important;
  background: var(--main-bg-color) !important;
  border-radius: 50% !important;
}

#et-top-navigation #top-menu li a:hover {
  color: var(--main-bg-color);
}
#et-top-navigation #top-menu li a {
  color: #333;
}

#top-header {
  background-color: #5d5d5d;
}

.current_page_item a {
  color: var(--main-bg-color) !important;
}

/*#top-header.et-fixed-header .et_menu_container,
#top-header.et-fixed-header #main-header{
  height: 100px!important;
}

#main-header .container.et_menu_container {
  height: 100px!important;
  display: flex;
  align-items: center;
}

#et-top-navigation{
  width: 1000px;
}*/

/* active menu item */
#et-top-navigation #top-menu li li.current-menu-item a {
  color: var(--main-bg-color) !important;
}

.logo-topheader.youtube {
  width: 16px;
  bottom: -2px;
}

/* photo non contractuelle */
.legende-img,
.appart-slider-module,
.appart-netocontent-image,
.legende-img {
  position: relative !important;
}

.appart-netocontent-image {
  background-size: 110% !important;
}

.appart-slider-module {
  overflow: unset !important;
}

.appart-infos-section .et_pb_slider:hover .et-pb-arrow-next,
.appart-infos-section .et-pb-arrow-next,
.appart-infos-section .et_pb_slider:hover .et-pb-arrow-prev,
.appart-infos-section .et-pb-arrow-prev {
  margin-top: -24px !important;
}

html:not([lang="en-US"]) .legende-img:before,
html:not([lang="en-US"]) .appart-slider-module:before,
html:not([lang="en-US"]) .appart-netocontent-image:before,
html:not([lang="en-US"]) .lg-image:before {
  /*content: "Photo non contractuelle";*/
  position: absolute;
  bottom: 18px;
  right: 14px;
  color: #fff;
  z-index: 3;
  font-family: "lato";
  opacity: 0.8;
  font-size: 9px;
  text-transform: uppercase;
}

html[lang="en-US"] .legende-img:before,
html[lang="en-US"].appart-slider-module:before,
html[lang="en-US"] .appart-netocontent-image:before,
html[lang="en-US"] .lg-image:before {
  /*content: "Non contractual photo";*/
  position: absolute;
  bottom: 18px;
  right: 14px;
  color: #fff;
  z-index: 3;
  font-family: "lato";
  opacity: 0.8;
  font-size: 9px;
  text-transform: uppercase;
}

.legende-img-en {
  position: relative;
}

.legende-img-en:before {
  /*content: "Non contractual picture";*/
  position: absolute;
  bottom: 12px;
  right: 14px;
  color: #fff;
  z-index: 3;
  font-family: "lato";
  opacity: 0.8;
  font-size: 9px;
  text-transform: uppercase;
}

.global-residences-col .slick-slide {
  margin-bottom: 0 !important;
}

/*==============================MENU MOBILE==============================*/
.mobile_menu_bar:before {
  color: #fff !important;
}

#main-header .et_mobile_menu .menu-item-has-children:hover > a {
  background: var(--main-bg-color);
}
.menu-header-mobile .menu .menu-item.current-menu-item a {
  background: var(--main-bg-color);
}
.et_mobile_menu li a:hover {
  background: var(--main-bg-color);
}
.et_mobile_menu .sub-menu li a:hover {
  background: var(--main-bg-color);
}

.et_mobile_menu .current-menu-item {
  background: var(--main-bg-color);
}
.et_mobile_menu .end-menu-residence.current-menu-item {
  background: transparent;
}
.et_mobile_menu .current-menu-item a {
  background: var(--main-bg-color) !important;
}
.sub-menu a {
  font-size: 13px !important;
  border: 1px solid transparent;
  border-radius: 0px;
}

.et_mobile_menu .current_page_item a {
  color: #fff !important;
}

@media (max-width: 980px) {
  .menu-item-color a {
    color: #333333 !important;
  }
}
/*==============================FIN MENU MOBILE==============================*/

.italicres {
  font-style: italic !important;
  /*text-transform: lowercase!important;*/
}

.bookbtn-et-wpml {
  height: 100%;
  margin-top: -21px;
  display: flex;
  align-items: center;
}
.bookbtn-et-wpml .global-002-btn a {
  font-size: 14px !important;
  padding: 9px 22px !important;
}
.bookbtn-et-wpml .global-002-btn:hover a {
  color: var(--main-bg-color) !important;
}

.special-title-tahu {
  color: var(--main-bg-color);
}

.color {
  color: var(--main-bg-color);
}

@media (max-width: 980px) {
  header#main-header {
    background: var(--main-bg-color) !important;
  }
  #logo {
    max-height: 100% !important;
    background: var(--main-bg-color);
    margin-left: 0;
  }
  #et-top-navigation {
    padding-left: 0 !important;
    float: left;
  }
  .et_menu_container {
    text-align: center;
  }
  .mobile_menu_bar_toggle {
    position: absolute;
    padding: 24px;
    left: -10px;
    top: 0px;
    background: var(--main-bg-color);
  }
  .mobile_menu_bar_toggle:hover {
    /*couleur plus foncé normalement au hover*/
    background: var(--main-bg-color);
  }
  .et_menu_container {
    height: 80px;
  }
  .bookbtn-et-wpml .global-002-btn a {
    font-size: 14px !important;
    padding: 9px 7px !important;
    letter-spacing: 0.1em;
  }
  .bookbtn-et-wpml {
    height: 100%;
    margin-top: -22px;
    margin-left: 12px;
  }
  .bookbtn-et-wpml .global-002-btn:hover {
    background: var(--main-bg-color);
  }
  .bookbtn-et-wpml .global-002-btn:hover a {
    border: none;
    color: #fff;
  }
}

@media (max-width: 1230px) {
  /* 1180 avant*/
  #et-top-navigation {
    padding-right: 60px !important;
  }
}

.mentionslegales-3col-row b {
  color: var(--main-bg-color);
}

.mentionslegales-3col-row h3 {
  color: var(--main-bg-color);
}

.switch-lang-mobile a {
  background: var(--main-bg-color) !important;
}

@media (max-width: 980px) {
  .btn-mobile-plus-texte {
    background-image: url(/wp-content/uploads/sites/8/2021/04/Fichier-49.png);
  }
}

/*==============================GLOBAL TOUT==============================*/

.pdb-0 {
  padding-bottom: 0px;
}

.pdt-0 {
  padding-top: 0px;
}

.pd-0 {
  padding: 0;
}

/**
**/
/*******************************
 * TITLES
********************************/
.global-filariane-module .active-page {
  color: var(--main-bg-color);
}
/*******************************
 *FIN TITLES
********************************/

/*******************************
 * BUTTONS
********************************/
.global-002-btn a {
  background: var(--main-bg-color);
  border: 2px solid var(--main-bg-color);
}
.global-002-btn:hover,
.global-002-btn:hover a {
  color: var(--main-bg-color);
  background: #fff;
  border-radius: 10px;
}

.global-003-btn a {
  color: var(--main-bg-color);
}
.global-003-btn:hover,
.global-003-btn:hover a {
  background: var(--main-bg-color);
  color: #fff;
}
/*******************************
 *FIN BUTTONS
********************************/
/*==============================FIN GLOBAL TOUT==============================*/

/*==============================ACCUEIL==============================*/
/*******************************
 *POP UP SAPINS
********************************/
.residence-textimg-row .et_pb_column {
  z-index: 0 !important;
}

#popupsapins {
  bottom: unset !important;
}
/*******************************
 *SECTION VOTRE SEJOUR
********************************/
.title-plus-number {
  background: var(--main-bg-color);
}
.map-logo {
  width: 55px !important;
}

.residence-6pictos-row button.slick-prev.slick-arrow {
  width: 25px;
}
@media (min-width: 981px) {
  .et_pb_gutters2 .et_pb_column_4_4 .et_pb_module,
  .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_module {
    margin-bottom: 0 !important;
  }

  .et_pb_gutters3 .et_pb_column:not(.slider-nav.col2),
  .et_pb_gutters3.et_pb_row .et_pb_column:not(.slider-nav.col2){
    margin-right: 5.5% !important;
  }
	
	.slider-nav .col2{
		margin-right : 0 !important;
	}
}
/*******************************
 *SECTION PICTOS
********************************/
@media (max-width: 980px) {
  .residence-6pictos-row {
    transform: translate(2%, 0) !important;
  }
}
/*******************************
 *FIN SECTION PICTOS
********************************/

/*******************************
 *SECTION COMPTE A REBOURS
********************************/
.residence-compte-rebours h2 {
  text-align: center;
}

.compteur-a-rebours-row {
  padding-bottom: 46px;
}

.dark-color {
  color: #1c334c;
}

.residence-compte-rebours .et_pb_slider,
.residence-compte-rebours .et_pb_slides,
.residence-compte-rebours .et_pb_slide {
  height: 100%;
  border-radius: 1rem;
}

.residence-compte-rebours .title,
.et_pb_column
  .et_pb_countdown_timer_0.et_pb_countdown_timer
  .et_pb_countdown_timer_container
  .section.sep
  p {
  color: #1c334c !important;
}

.et_pb_countdown_timer_0.et_pb_countdown_timer {
  background-color: transparent !important;
}

body
  .et_pb_column
  .et_pb_countdown_timer_0.et_pb_countdown_timer
  .section
  p.value,
.et_pb_column .et_pb_countdown_timer_0.et_pb_countdown_timer .section.sep p,
body
  .et_pb_column
  .et_pb_countdown_timer_0.et_pb_countdown_timer
  .section
  p.label,
body
  .et_pb_column
  .et_pb_countdown_timer_0.et_pb_countdown_timer
  .et_pb_countdown_timer_container
  .section.sep
  p {
  color: #1c334c !important;
  font-weight: 700 !important;
}

.residence-compte-rebours .et_pb_slider .et-pb-arrow-next:before {
  padding-right: 30px;
}

.residence-compte-rebours .et_pb_slider .et-pb-arrow-prev:before {
  padding-left: 30px;
}

.et_pb_row.et_pb_equal_columns > .et_pb_column,
.et_pb_section.et_pb_equal_columns > .et_pb_row > .et_pb_column {
  flex-direction: column;
  justify-content: center;
}

.home .newsletter-btn,
.home .offers-btn {
  background-color: #0f718a;
  border-color: #0f718a;
  border-radius: 10px;
  transition: 0.3s ease-in-out;
}

.home .newsletter-btn:hover,
.home .offers-btn:hover {
  border-radius: 10px;
  background-color: #fff;
  border-color: #0f718a;
  color: #0f718a;
  transition: 0.3s ease-in-out;
}

.et_pb_countdown_timer_container.clearfix .label {
  background-color: transparent !important;
}

@media (max-width: 980px) {
  .compteur-a-rebours-row {
    padding-bottom: 20px;
  }

  .residence-compte-rebours .et_pb_slider {
    height: 200px;
  }

  .residence-compte-rebours .global-titleh2-row,
  .residence-compte-rebours .compteur-a-rebours-row {
    width: 90%;
  }

  .residence-compte-rebours .global-titleh2-row .none {
    display: none;
  }
}

/*** contact ***/
.ouverture-contact-column {
  padding-right: 60px;
}

.ouverture-contact-text {
  margin-bottom: 22px !important;
}
.ouverture-contact-div {
  display: flex;
  padding-bottom: 14px;
}

.ouverture-contact-div a {
  align-items: center;
  display: flex;
  margin-left: 25px;
  color: #333333;
  font-weight: bold;
}

.ouverture-contact-div a:hover {
  color: var(--main-bg-color) !important;
}

.ouverture-contact-picto {
  width: 25px;
  height: 25px;
}

.ouverture-residence-column {
  padding-right: 30px;
}

@media (max-width: 980px) {
  .ouverture-residence-column {
    padding-right: 0;
  }
}
/*******************************
 *FIN COMPTE A REBOURS
********************************/

/*******************************
 *DEBUT SECTION FORMULAIRE
********************************/
.description .text-offers {
  font-family: "Francois One";
  margin-bottom: 20px;
  font-size: 16px;
}
/*******************************
 *FIN SECTION FORMULAIRE
********************************/

/*******************************
 *DEBUT SECTION VOTRE SEJOUR
********************************/

/*******************************
 *FIN SECTION VOTRE SEJOUR
********************************/

/*******************************
 *DEBUT SECTION VOTRE SEJOUR
********************************/

/*******************************
 *FIN SECTION VOTRE SEJOUR
********************************/

/*******************************
 *SECTION GOOD TO KNOW
********************************/
.residence-goodtoknow-row p {
  color: var(--main-bg-color) !important;
}
/*******************************
 *FIN SECTION GOOD TO KNOW
********************************/

/*******************************
 *SECTION PRATIQUE
********************************/
.pratique-row p {
  margin: 0;
}

.pratique-row p:first-child img.voiture {
  width: 50px !important;
}

.pratique-row p:first-child img {
  width: 45px !important;
  height: auto !important;
}

.residence-compte-rebours .pratique-row-title,
.residence-compte-rebours .dark-color {
  color: #1c334c;
}

@media (max-width: 980px) {
  .residence-pratique-section {
    padding-bottom: 0 !important;
  }

  .residence-pratique-section .global-titleh3-row {
    padding-bottom: 60px !important;
  }

  .residence-map-module {
    min-width: 370px;
    height: 275px !important;
    width: 370px;
    margin: auto;
  }
}
/*******************************
 *FIN PRATIQUE
********************************/
/*==============================FIN ACCUEIL==============================*/

/*==============================APPARTEMENTS==============================*/
/*******************************
 *SECTION TOUS BLOCKS
********************************/
.orooms-infos h3 {
  background: var(--main-bg-color);
}
.orooms-more:hover .orooms-price {
  color: #fff;
  background: var(--main-bg-color);
}
.orooms-more:hover .orooms-btn a {
  color: var(--main-bg-color);
}

.orooms-more:hover .global-002-btn a {
  background: #fff !important;
}

/*******************************
 *FIN SECTION TOUS BLOCKS
********************************/

/******* Page Appartement ********/

@media (max-width: 980px) {
  .appart-infos-section .appart-slider-module {
    width: 100%;
  }

  .appart-infos-section .et_pb_slider:hover .et-pb-arrow-prev,
  .appart-infos-section .et-pb-arrow-prev {
    left: 0px !important;
    margin-top: -27px;
  }

  .appart-infos-section .et_pb_slider:hover .et-pb-arrow-next,
  .appart-infos-section .et-pb-arrow-next {
    right: 0px !important;
    margin-top: -27px;
  }

  .appart-netocontent-row .col2 {
    width: 100%;
  }
}

.appart-netocontent-row .et_pb_column:first-child {
  margin-right: 0 !important;
}

.residence-textimg-section .et_pb_row.et_pb_row_2.mgb-30 {
  display: none;
}

/*******************************
 *SECTION NOS APPARTEMENTS D'EXCEPTION
********************************/
.residence-discoverapparts-section
  .slick-row-current
  .slick-current
  .et_pb_image_wrap:before {
  content: "Photo non contractuelle";
  position: absolute;
  bottom: 18px;
  right: 14px;
  color: #eeeeee;
  z-index: 3;
  font-family: "lato";
  opacity: 0.8;
  font-size: 11px;
  text-transform: uppercase;
}

.residence-discoverapparts-section .slick-initialized .slick-slide{
	align-items: flex-end;
}


/*******************************
 *FIN NOS APPARTEMENTS D'EXCEPTION
********************************/
/*==============================FIN APPARTEMENTS==============================*/

/*==============================SERVICES==============================*/
/*******************************
 *SECTION TOUS BLOCKS
********************************/
.services-blocs-module:hover .et_pb_blurb_content {
  border: 3px solid var(--main-bg-color);
}
.services-blocs-supp-module:hover .et_pb_blurb_content {
  border: 3px solid var(--main-bg-color);
}

.services-supp-row:before {
  color: var(--main-bg-color);
  opacity: 0.2;
}

.package-section {
  padding-bottom: 0 !important;
}
/*******************************
 *FIN SECTION TOUS BLOCKS
********************************/

/*******************************
 * SECTION POPUP
********************************/
.services-popup-section .popup-form-close {
  background-color: var(--main-bg-color);
}
.services-popup-section .popup-form-close:hover {
  border: 4px solid var(--main-bg-color);
  color: var(--main-bg-color);
}

html:not([lang="en-US"]) .services-enimage-module:after {
  content: "PHOTO NON CONTRACTUELLE";
  position: absolute;
  bottom: 6px;
  right: 14px;
  color: #eeeeee;
  z-index: 3;
  font-family: "lato";
  opacity: 0.6;
  font-size: 10px;
  text-transform: uppercase;
}

html[lang="en-US"] .services-enimage-module:after {
  content: "NON CONTRACTUAL PHOTO";
  position: absolute;
  bottom: 6px;
  right: 14px;
  color: #eeeeee;
  z-index: 3;
  font-family: "lato";
  opacity: 0.6;
  font-size: 10px;
  text-transform: uppercase;
}
/*******************************
 *FIN SECTION POPUP
********************************/
/*==============================FIN SERVICES==============================*/

/*==============================GALERIE==============================*/
/*******************************
 *SECTION GALERIE
********************************/
.gallery-gallery-row .et_pb_gallery_image:hover:before {
  background: var(--main-bg-color);
}

/*******************************
 *FIN SECTION GALERIE
********************************/
/*==============================FIN GALERIE==============================*/

/*==============================ACCÈS==============================*/
/*******************************
 *SECTION SLIDER
********************************/
.access-4blocs-module.active .et_pb_blurb_content {
  background: var(--main-bg-color);
  border: 3px solid var(--main-bg-color);
}
.access-4blocs-module:hover .et_pb_blurb_content {
  border: 3px solid var(--main-bg-color);
  background: var(--main-bg-color);
}

.access-4blocs-module.voiture-picto img {
  height: 28px;
}
/*******************************
 *FIN SECTION SLIDER
********************************/

.access-4blocs-module.voiture-picto img {
  height: 27px;
}

/*==============================FIN ACCÈS==============================*/

/*==============================APPARTEMENT 1==============================*/
.appart-infos-picto:hover .et_pb_main_blurb_image {
  border: 3px solid var(--main-bg-color);
}

.appart-infos-picto .et_pb_main_blurb_image {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 0 0 3px #e5e5e5;
  transition: all 0.4s;
  display: inline-block !important;
  border: none !important;
  margin-bottom: 0 !important;
}

.appart-infos-picto .et_pb_blurb_content {
  display: flex;
  align-items: center;
}

.appart-infos-picto .et_pb_image_wrap {
  height: 60px;
  width: 60px;
  border-radius: 50px;
  position: relative;
}

.appart-infos-picto Img {
  height: 60px;
  border-radius: 50px;
  width: fit-content;
  position: absolute;
  left: 0px;
  top: 0;
}
/*******************************
 *SECTION NETOMENU
********************************/
.appart-netomenu-module.active:before,
.appart-netomenu-module:hover:before {
  background: var(--main-bg-color);
}
/*******************************
 *FIN SECTION NETOMENU
********************************/
/*==============================FIN APPARTEMENT 1==============================*/

/*==============================MENTIONS==============================*/
/*******************************
 *SECTION MENTIONS
********************************/
.mentionslegales-3col-row h3 {
  color: var(--main-bg-color);
}
.mentionslegales-3col-row b {
  color: var(--main-bg-color);
}
/*******************************
 *FIN SECTION LEGALES
********************************/
/*==============================FIN MENTIONS==============================*/

/*==============================FOOTER==============================*/
.main-footer-row {
  width: 100vw !important;
  max-width: 100vw !important;
}

.fixed-footer-row {
  background: var(--main-bg-color);
}

.fixed-footer-row {
  padding: 0px;
}

.fixed-footer-section {
  padding: 0px;
  margin: 0;
}

.copyright-footer-row {
  padding: 0;
}

.global-mainfooter-section {
  padding-bottom: 0;
}

.global-mainfooter-section .global-titleh2-row {
  padding: 0;
}

.global-residences-row {
  padding-top: 0;
  max-width: 1100px;
}
/*==============================FIN FOOTER==============================*/

/*==============================FOOTER==============================*/

/*==============================FIN FOOTER==============================*/

.politique-text {
  width: 90% !important;
  margin: auto;
}

#mappin .yeti-logo {
  position: absolute;
  top: 230px;
  left: 75px;
}

#mappin .almes1-pin {
  position: absolute;
  top: 287px;
  left: 198px;
}

#mappin .almes1-logo {
  position: absolute;
  top: 300px;
  left: 120px;
}

#mappin .almes2-pin {
  position: absolute;
  top: 292px;
  left: 215px;
}

#mappin .almes2-logo {
  position: absolute;
  top: 300px;
  left: 280px;
}