.map-sidebar {
  background-color: var(--color-primary-1);
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .map-sidebar {
    min-height: 500px;
  }
  .details-voie-visible .map-sidebar {
    height: 80px;
    display: block;
  }
  .mobile-map-details-open.details-voie-visible .map-sidebar {
    height: 100%;
  }
}
.map-sidebar .js-filter {
  display: none;
}
.map-sidebar .js-filter.enable {
  display: block;
}
.mobile-map-details-open .map-sidebar .js-filter {
  display: none;
}
.map-sidebar .list-container .item-voie {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 5px;
  margin: 10px 0;
  cursor: pointer;
  font-size: 16px;
  line-height: 22px;
}
.map-sidebar .list-container .item-voie:before {
  content: "";
  width: 21px;
  height: 21px;
  border: 3px #FFFFFF solid;
  border-radius: 100%;
  flex-shrink: 0;
}
.map-sidebar .list-container .item-voie.active:after {
  content: "";
  width: 11px;
  height: 11px;
  background-color: var(--color-primary-4);
  border-radius: 100%;
  position: absolute;
  top: 5px;
  left: 5px;
}
.map-sidebar .list-container.list-container-details .item-voie {
  gap: 12px;
  align-items: center;
}
.map-sidebar .list-container.list-container-details .item-voie:before {
  border-radius: 3px;
  border-width: 2px;
}
.map-sidebar .list-container.list-container-details .item-voie:after {
  border: none;
  background-image: url("../images/check.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  left: 2px;
  top: 7px;
  width: 21px;
  height: 26px;
}
.map-sidebar .list-container.list-container-details .item-voie.active:before {
  border-color: var(--color-primary-4);
}
.map-sidebar .list-container.list-container-details .item-voie:has(.sites-culturels) {
  display: none !important;
}
.map-sidebar .list-container.list-container-details .item-voie .indicator {
  display: block;
  width: 31px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.accueils-spirituels {
  background-image: url("../images/accueils-spirituels.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.aires-de-bivouac {
  background-image: url("../images/aires-de-bivouac.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.campings {
  background-image: url("../images/campings.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.chambres-d-hotes {
  background-image: url("../images/chambres-d-hotes.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.gites {
  background-image: url("../images/gites.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.hotels {
  background-image: url("../images/hotels.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.a-s-evenement {
  background-image: url("../images/a-s-evenement.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.a-s-sites {
  background-image: url("../images/a-s-sites.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.a-s-composantes {
  background-image: url("../images/a-s-composantes.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.wifi {
  background-image: url("../images/wifi.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.aires-de-repos {
  background-image: url("../images/aires-de-repos.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.dab {
  background-image: url("../images/dab.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.epiceries-et-supermarches {
  background-image: url("../images/epiceries-et-supermarches.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.gares-bus-et-trains {
  background-image: url("../images/gares-bus-et-trains.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.les-associations-des-chemins {
  background-image: url("../images/les-associations-des-chemins.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.les-haltes-randonneurs {
  background-image: url("../images/les-haltes-randonneurs.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.medecins {
  background-image: url("../images/medecins.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.office-de-tourisme {
  background-image: url("../images/office-de-tourisme.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.pharmacie {
  background-image: url("../images/pharmacie.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.points-deau {
  background-image: url("../images/points-deau.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.restaurants {
  background-image: url("../images/restaurants.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.toilettes-publiques {
  background-image: url("../images/toilettes-publiques.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.communes-haltes {
  background-image: url("../images/communes-haltes.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.communes-adherentes {
  background-image: url("../images/communes-adherentes.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.hebergement-adherent {
  background-image: url("../images/hebergement-adherent.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.charte-label-accueil-qualite {
  background-image: url("../images/charte-label-accueil-qualite.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.association-culturelle {
  background-image: url("../images/association-culturelle.svg");
}
.map-sidebar .list-container.list-container-details .item-voie .indicator.association-jacquaire {
  background-image: url("../images/association-jacquaire.svg");
}
.map-sidebar .btn-wrapper {
  text-align: center;
}
.map-sidebar .btn-wrapper .btn-link-hebergements {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 20px;
  border: 1px rgb(216, 138, 25) solid;
  border-radius: 100px;
  color: rgb(216, 138, 25);
  font-size: 16px;
  margin-top: 20px;
  font-family: var(--font-title);
}

.map__sidebar-section-title {
  display: grid !important;
}

.load-more-container {
  text-align: center;
  padding: 2em 0;
}

.counter-container {
  text-align: right;
}

.card-grid-composantes {
  gap: 3em !important;
}
.card-grid-composantes .card[data-id] a {
  text-decoration: none;
  color: #FFFFFF;
}
.card-grid-composantes .card[data-id] a .card__title {
  color: #FFFFFF;
  font-family: var(--font-body);
  font-size: 26px;
  line-height: 36px;
}

.mc-carte-chemin-details-container {
  position: absolute;
  background-color: var(--color-primary-1);
  top: 0;
  right: -375px;
  bottom: 0;
  width: 375px;
  transition: all 0.25s ease-in-out;
  overflow: scroll;
}
@media only screen and (max-width: 768px) {
  .mc-carte-chemin-details-container {
    background-color: transparent;
  }
}
.mc-carte-chemin-details-container .loader {
  margin-top: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.details-voie-visible .mc-carte-chemin-details-container {
  right: 0;
}
.mc-carte-chemin-details-container .top-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
  height: 80px;
}
.mc-carte-chemin-details-container .top-header .back-wrapper {
  width: 64px;
  height: 80px;
  background-image: url("../images/arrow-back.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  flex-shrink: 0;
  cursor: pointer;
  border-right: 1px rgba(255, 255, 255, 0.2) solid;
}
.mc-carte-chemin-details-container .top-header .center-wrapper {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-items: center;
  flex-basis: 100%;
}
.mc-carte-chemin-details-container .top-header .center-wrapper .top-title {
  font-size: 14px;
}
.mc-carte-chemin-details-container .top-header .center-wrapper .action-to-wrapper .action-link {
  display: block;
  height: 34px;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 20px;
  background-color: var(--color-primary-4);
  color: #FFFFFF;
  font-family: var(--font-title);
  font-size: 20px;
  margin: 10px auto 0;
  border-radius: 50px;
}
@media only screen and (max-width: 768px) {
  .mc-carte-chemin-details-container .details-wrapper {
    display: none;
  }
  .mobile-map-details-open .mc-carte-chemin-details-container .details-wrapper {
    position: relative;
    top: 0;
    display: block;
    z-index: 1000;
    background-color: rgb(8, 46, 63);
    padding-bottom: 2em;
  }
}
.mc-carte-chemin-details-container .map__sidebar-section:not(.is-expanded) .list-container-details {
  display: none;
}

.icon-label {
  width: 40px;
  position: absolute;
  top: 10px !important;
  right: 10px !important;
  left: unset !important;
  bottom: unset !important;
}

.accomodation-card .accomodation-card__title {
  color: var(--color-dark) !important;
  font-size: 14px !important;
  line-height: 22px;
}
.accomodation-card .btn {
  color: #FFFFFF !important;
  text-decoration: none;
  font-size: 16px !important;
}

@media only screen and (max-width: 768px) {
  .d-mobile-none {
    display: none !important;
  }
}

.carte-chemin-single-header {
  margin: 2em 0;
}

.mc-carte-chemin-container {
  height: 837px;
  display: grid;
  grid-column: 1fr 375px;
  overflow: hidden;
  position: relative;
}
.mc-carte-chemin-container .loader-hebergement {
  position: absolute;
  inset: 0;
  z-index: 99999;
  display: none;
}
.mc-carte-chemin-container .loader-hebergement .inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mc-carte-chemin-container .loader-hebergement .inner img {
  position: relative;
}
.mc-carte-chemin-container .loader-hebergement:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(8, 46, 63);
  opacity: 0.8;
}
.mc-carte-chemin-container .leaflet-bottom {
  bottom: 45px !important;
}
.mc-carte-chemin-container .map-legendes {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 36px;
  z-index: 998;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  padding: 0 12px;
  font-size: 14px;
  color: rgb(35, 35, 35);
}
.mc-carte-chemin-container .map-legendes .title {
  font-weight: 700;
}
.mc-carte-chemin-container .map-legendes .elm-group {
  display: flex;
  gap: 8px;
  align-items: center;
}
.mc-carte-chemin-container .map-legendes .elm-group .color {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #389233;
}
.mc-carte-chemin-container .map-legendes .elm-group .color.gr {
  background-color: #082E3F;
}
.mc-carte-chemin-container a[target=_blank]:after {
  content: unset !important;
}
.mc-carte-chemin-container .left-side {
  position: relative;
}
.mc-carte-chemin-container .left-side .map-container-cover {
  position: absolute;
  inset: 0;
  z-index: 999;
}
.mc-carte-chemin-container .left-side .map-container-cover:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(8, 46, 63);
  opacity: 0.8;
}
.mc-carte-chemin-container .left-side .map-container-cover .inner-content {
  position: absolute;
  inset: 0;
  height: 86px;
  max-width: 464px;
  margin: auto;
  font-family: var(--font-title);
}
.mc-carte-chemin-container .left-side .map-container-cover .inner-content:after {
  content: "";
  width: 97px;
  height: 45px;
  position: absolute;
  top: 10%;
  right: -90px;
  background-image: url("../images/fleche-jaune-bold.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.mc-carte-chemin-container .left-side .map-container-cover .inner-content .top {
  color: var(--color-primary-4);
  font-size: 40px;
  font-weight: 400;
  text-align: center;
}
.mc-carte-chemin-container .left-side .map-container-cover .inner-content .bottom {
  font-size: 26px;
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .details-voie-visible .mc-carte-chemin-container {
    grid-template-rows: 80px 50rem;
  }
}
.details-voie-visible.mobile-map-details-open .mc-carte-chemin-container {
  grid-template-rows: 1fr 50rem;
}
.mc-carte-chemin-container.from-single.autre_voie_europe {
  grid-template-columns: 1fr;
}
.mc-carte-chemin-container.from-single.autre_voie_europe .js-btn-mobile-filter {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .mc-carte-chemin-container.from-single {
    position: relative;
    display: block;
    height: 610px;
  }
  .mc-carte-chemin-container.from-single .mc-carte-chemin-details-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    width: 100%;
  }
  .mc-carte-chemin-container.from-single .mc-carte-chemin-details-container .js-btn-mobile-filter {
    top: 15px;
  }
}
.mc-carte-chemin-container .map__sidebar-title {
  text-align: center;
  display: block;
  margin-block-end: 0.5em;
}
.mc-carte-chemin-container .map__sidebar-title.blanc {
  color: #FFFFFF;
}
.mc-carte-chemin-container .indications {
  text-align: center;
  font-size: 15px;
  line-height: 26px;
  color: #FFFFFF;
  max-width: 216px;
  margin: 0 auto;
}
.mc-carte-chemin-container .indicator-fleche {
  height: 75px;
  width: 50px;
  margin: 0 auto;
  background-image: url("../images/fleche-jaune.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.mc-carte-chemin-container .btn-mobile-filter {
  display: none;
  align-items: center;
  justify-content: center;
  height: 40px;
  font-family: var(--font-title);
  color: #FFFFFF;
  background-color: rgb(8, 46, 63);
  position: absolute;
  top: 93px;
  left: 15px;
  border-radius: 20px;
  padding: 0 25px;
  z-index: 999;
}
@media only screen and (max-width: 768px) {
  .mc-carte-chemin-container .btn-mobile-filter {
    display: flex;
  }
  .mobile-map-details-open .mc-carte-chemin-container .btn-mobile-filter {
    display: none;
  }
}
.mc-carte-chemin-container .btn-mobile-filter-validate {
  display: none;
  align-items: center;
  justify-content: center;
  height: 40px;
  font-family: var(--font-title);
  color: #FFFFFF;
  background-color: rgb(216, 138, 25);
  border-radius: 20px;
  padding: 0 25px;
  z-index: 999;
  margin: 0 2em;
}
@media only screen and (max-width: 768px) {
  .mc-carte-chemin-container .btn-mobile-filter-validate.visible {
    display: flex;
  }
}
.mc-carte-chemin-container .map-container {
  position: relative;
  height: 100%;
}
.mc-carte-chemin-container .map-container .marker-cluster {
  background-color: rgb(8, 46, 63);
  border-radius: 100%;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 18px;
  font-family: var(--font-title);
}
.mc-carte-chemin-container .map-container .marker-cluster:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: rgba(8, 46, 63, 0.5);
  border-radius: 100%;
  z-index: -1;
}
.mc-carte-chemin-container .map-container .leaflet-popup .leaflet-popup-close-button {
  top: -18px;
  right: -18px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px rgb(8, 46, 63) solid;
  border-radius: 100%;
  color: #000000;
  font-size: 22px;
  background-color: #FFFFFF;
}
.mc-carte-chemin-container .map-container .leaflet-popup .leaflet-popup-content-wrapper {
  border-radius: 0;
  padding: 0;
}
.mc-carte-chemin-container .map-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
  margin: 0;
  min-width: 250px;
}
.mc-carte-chemin-container .map-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-details-container .poi-details-wrapper .img-cover {
  height: unset;
}
.mc-carte-chemin-container .map-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-details-container .poi-details-wrapper .img-cover img {
  object-fit: cover;
  width: 100%;
  height: 157px;
}
.mc-carte-chemin-container .map-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-details-container .poi-details-wrapper .inner-content {
  padding: 2em;
}
.mc-carte-chemin-container .map-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-details-container .poi-details-wrapper .inner-content .title-elm {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}
.mc-carte-chemin-container .map-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-details-container .poi-details-wrapper .inner-content .content-elm p {
  font-size: 15px;
  line-height: 26px;
  margin: 0;
  text-transform: uppercase;
}
.mc-carte-chemin-container .map-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-details-container .poi-details-wrapper .inner-content .link-container {
  margin-top: 1em;
}
.mc-carte-chemin-container .map-container .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-details-container .poi-details-wrapper .inner-content .link-container a {
  font-size: 16px;
  color: var(--color-primary-4);
  font-weight: 700;
  border-bottom: 2px var(--color-primary-4) solid;
  text-decoration: none;
}

#map-container a:has(img[alt="MapTiler logo"]) {
  display: none;
}/*# sourceMappingURL=style.css.map */