.map-page {
  display: flex;
  flex-direction: row;
  font-family: 'Open Sans', sans-serif;
}

.map-page .col-left {
  padding: 0;
  width: 33%;
}

.map-page .col-right {
  width: 67%;
}

.map-page .repairman-tags {
  line-height: 32px;
  margin-bottom: 20px;
}

.views-view-grid .repairman-tags {
  margin: 0;
}

.map-page .repairman-tags .tags {
  font-family: 'Open Sans', sans-serif;
  height: 24px;
  display: inline-block;

  background: rgba(23, 37, 239, 0.1);
  border-radius: 7px;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  color: #1725EF;
  padding: 3px 7px;
  margin-right: 4px;
}

.map-page .repairman-tags-info .tags-info {
  background: 1px 1px no-repeat url('../img/icons/tags-info-inactive.svg');
  height: 16px;
  padding: 0 9px;
  width: 16px;
}

.tags-info-hidden {
  display: none;
}

.map-page .repairman-tags .tags-expandable {
  cursor: pointer;
}

.map-page .repairman-tags-info .tags-expandable:hover,
.map-page .repairman-tags-info .tags-active {
  background: #1725EF;;
  color: #fff;
}

.map-page .repairman-tags .tags-expandable:hover .tags-info,
.map-page .repairman-tags .tags-active .tags-info {
  background: 1px 1px no-repeat url('../img/icons/tags-info-active.svg');
}

.map-page .repairman-tags .tags-info-description {
  background: rgba(23, 37, 239, 0.1);
  border-radius: 7px;
  color: #1725EF;
  font-size: 11px;
  font-weight: 700;
  line-height: 15px;
  margin: 14px 0;
  padding: 12px 16px;
}

.map-page .repairman-brands h3,
.map-page .repairman-tags h3 {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  margin: 0 0 3px 0;
  color: #707070;
}

.map-page .repairman-brands {
  line-height: 32px;
  margin-bottom: 20px;
}

.map-page .repairman-brands:last-child {
  margin-bottom: 0;
}

.map-page .repairman-route {
  display: inline-block;
  background: #1725EF url('../img/icons/route.svg') 103px 9px no-repeat;
  border-radius: 24px;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 10.4px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 1.48571px;
  text-transform: uppercase;
  padding: 11px 51px 11px 20px;
  color: #FFF;
  margin-bottom: 30px;
  box-shadow: 0 5px 10px #1725ef3d;
}

.map-page-repairman-placeholder .repairman-title,
.geofield-google-map .repairman-title {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 36px;
}

.map-page-repairman-placeholder .repairman-address,
.map-page-repairman-placeholder .repairman-phone,
.geofield-google-map .repairman-address,
.geofield-google-map .repairman-phone {
  line-height: 25px;
  padding-left: 20px;
}

.repairman-address {
  margin-bottom: 10px;
}

.map-page-repairman-placeholder .repairman-address,
.geofield-google-map .repairman-address {
  background: url('../img/icons/address-pin.svg') 0 3px no-repeat;
}

.map-page-repairman-placeholder .repairman-phone,
.geofield-google-map .repairman-phone {
  background: url('../img/icons/phone-icon.svg') 0 5px no-repeat;
  margin: 0 0 30px 0;
}

.repairman-node {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: #06093C;
}

.geofield-google-map .repairman-node {
  max-width: 317px;
  padding: 10px 10px 20px 20px;
}

.map-page .map-filter-placeholder {
  font-size: 14px;
  padding: 30px 65px;
}

.map-page .views-exposed-form fieldset {
  border: none;
}

.map-page .views-exposed-form .form-submit {
  background: #1725EF;
  border: 2px solid #E5E5E5;
  border-radius: 30px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  padding: 16px 2px;
  text-align: center;
}

.map-page .views-exposed-form label {
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #1725EF;
}

.map-page .views-exposed-form h3 {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #707070;
  margin-bottom: 30px;
  mix-blend-mode: normal;
  opacity: 0.8;
}

.map-page .views-exposed-form fieldset {
  padding: 0;
}

.map-page .views-exposed-form input {
  border: none;
  border-bottom: 1px solid #CFCFCF;
  color: #06093C;
  font-style: italic;
  font-weight: 300;
  padding: 13px 0;
  font-size: 16px;
  width: 100%;
}

.map-page .views-exposed-form select {
  border: none;
  border-bottom: 1px solid #CFCFCF;
  color: #ACACAC;
  font-size: 16px;
  padding: 13px 0;
  width: 70%;
}

.map-page .views-exposed-form select{
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEgMUw1LjUgNS41TDEwIDEiIHN0cm9rZT0iI0FDQUNBQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) no-repeat 95% 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

.map-page .views-exposed-form input::placeholder {
  color: #ACACAC;
  font-style: normal;
  font-weight: 400;
}

.map-page .col-left .views-view-grid {
  background: #FAFBFD;
  padding: 16px 65px 0;
}

.map-page .col-left .views-row {
  background: #fff;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.06);
  margin-bottom: 16px;
  padding: 30px;
}

.map-page .views-exposed-form .form-item-postal-code,
.map-page .views-exposed-form .form-item-proximity-source-configuration-origin-address {
  margin-bottom: 30px;
}

.map-page .views-exposed-form .form-actions,
.map-page .views-exposed-form .form-item-proximity-value {
  float: left;
  width: 50%;
}

.map-page .col-left .views-element-container {
  height: 100vh;
  overflow: hidden;
  padding-top: 398px;
  margin-top: -398px;
}
.map-page .col-left .views-element-container .views-view-grid {
  height: 100%;
  overflow: scroll;
}

.map-page .col-left .repairman-title {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  color: #707070;
}

.pin-icon {
  display: inline-block;
  background: url(../img/icons/address-pin.svg) 0 9px no-repeat;
  width: 14px;
  height: 28px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  vertical-align: top;
  font-style: normal;
}

.map-page .button:hover,
.map-page .repairman-route:hover,
.map-page .col-left .views-row:hover {
  opacity: .7;
}

.map-page .col-left .button,
.map-page .col-left .views-row {
  cursor: pointer;
}
.map-page .col-right .marker-label {
  color: #fff !important;
  font-size: 20px;
  font-weight: 700;
  margin-top: -22px;
}

.map-mobile-back,
.map-page-repairman-placeholder,
.map-mobile-show-map,
.map-mobile-show-search,
.map-mobile-show-list {
  display: none;
}

@media screen and (max-width: 1024px) {
  .map-page .col-left .views-view-grid {
    padding: 16px 20px 0;
  }
  .map-page .map-filter-placeholder {
    padding: 30px 20px;
  }
  .map-page .col-left {
    width: 40%;
  }
  .map-page .col-right {
    width: 60%;
  }
}

@media screen and (max-width: 560px) {
  .map-page .col-left {
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 1000;
  }
  .map-page .col-right {
    position: absolute;
    width: 100%;
    z-index: 0;
  }

  .map-page .map-filter-placeholder {
    height: 100vh;
    padding: 30px;
  }

  .map-page .views-exposed-form .form-item-proximity-value {
    margin-bottom: 30px;
  }

  .map-page .views-exposed-form select {
    width: 100%;
  }

  .map-page .views-exposed-form .form-actions,
  .map-page .views-exposed-form .form-item-proximity-value {
    float: none;
    width: 100%;
  }

  .map-page .views-exposed-form h3 {
    color: #06093C;
    text-align: center;
  }

  .map-page .col-left .views-view-grid {
    padding: 16px 30px 0;
  }

  .map-page-searched .col-left .views-exposed-form,
  .map-page-searched .col-left .views-element-container {
    display: none;
  }

  .map-page-searched .map-mobile-show-list,
  .map-page-searched .map-mobile-show-search {
    display: block;
  }

  .map-page-searched .map-mobile-show-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 87px;
    background: #fff;
    text-align: center;
    z-index: 1000;
  }

  .map-page-searched .map-mobile-show-search-btn {
    background: #1725EF;
    border: 2px solid #E5E5E5;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    margin-top: 16px;
    padding: 16px 2px;
    text-align: center;
    width: 89%;
  }

  .map-page-searched .map-mobile-show-list {
    position: absolute;
    bottom: 12px;
    left: 50%;
    text-align: center;
    margin-left: -75px;
  }

  .map-page-searched .map-mobile-show-list-btn {
    display: inline-block;
    background: #1725EF url("../img/icons/list-icon.svg") 14px 13px no-repeat;
    border-radius: 24px;
    text-transform: uppercase;
    padding: 12px 17px 12px 37px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 10.4px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 1.48571px;
    color: #FFFFFF;
    border: none;
    width: 150px;
  }

  .map-page .col-left .views-element-container {
    display: none;
  }

  .map-page-list-open .col-left .views-element-container {
    display: block;
    margin-top: 0;
    padding-bottom: 60px;
    padding-top: 87px;
  }

  .map-page-list-open .map-mobile-show-map {
    background: #fff;
    display: block;
    position: absolute;
    bottom: 0;
    box-shadow: 0 -16px 25px rgba(0, 0, 0, 0.06);
    height: 60px;
    padding-bottom: 12px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
    z-index: 1000;
  }

  .map-page-list-open .map-mobile-show-map-btn {
    display: inline-block;
    background: #1725EF url("../img/icons/btn-pin.svg") 14px 11px no-repeat;
    border-radius: 24px;
    text-transform: uppercase;
    padding: 12px 17px 12px 37px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 10.4px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 1.48571px;
    color: #FFFFFF;
    border: none;
    width: 150px;
  }

  .map-page-list-open .map-mobile-show-search {
    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.06);
  }

  .map-page-searched.map-page-details .map-page-repairman-placeholder {
    background: #fff;
    display: block;
    height: 100vh;
    width: 100%;
    padding: 107px 30px 0 30px;
    position: absolute;
    z-index: 1;
  }

  .map-page-searched.map-page-details .map-mobile-show-search {
    display: none;
  }

  .map-page-searched.map-page-details .map-mobile-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 87px;
    background: #fff;
    padding: 10px 30px 0;
    text-align: left;
    z-index: 1000;
    display: block;
  }

  .map-page-searched.map-page-details .map-mobile-back-btn {
    background: #fff url("../img/icons/back-arrow.svg") 2px 30px no-repeat;
    border: none;
    color: #8d8d8d;
    padding: 25px 25px 25px 35px;
  }

  .map-mobile-back-inner {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #d4d4d4;
  }
}

.map-page .views-no-results {
  background: #FAFBFD;
  height: 100%;
  overflow: scroll;
  padding: 16px 65px 0;
}

.map-page .views-no-results > p {
  background: #fff;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.06);
  margin-bottom: 16px;
  padding: 30px;
  line-height: 30px;
}

@media screen and (max-width: 560px) {
  .map-page .views-no-results {
    padding: 16px 30px 0;
  }
}

body #cookiesjsr {
   --default-margin: 1.25em;
   --font-size-reset: 1rem;

   --btn-font-color: #FFF;
   --btn-border-color: #FFF;
   --btn-bg-color: #06093C;
   --btn-prime-font-color: #06093C;
   --btn-prime-border-color: #FFF;
   --btn-prime-bg-color: #FFF;
   --btn-inv-font-color: #06093C;
   --btn-inv-border-color: #06093C;
   --btn-inv-bg-color: #FFF;
   --btn-prime-inv-font-color: #FFF;
   --btn-prime-inv-border-color: #06093C;
   --btn-prime-inv-bg-color: #06093C;

   --link-list-font-color: #FFF;
   --link-list-separator-color: #FFF;

   --banner-logo-offset: 100px;
   --banner-bg-color: #06093C;
   --banner-font-color: #FFF;

   --layer-header-height: 3.5em;
   --layer-header-bg-color: #FFF;
   --layer-header-font-color: #000f37;
   --layer-body-bg-color: #FFF;
   --layer-tab-bg-color: #FFF;
   --layer-tab-font-color: #000f37;
   --layer-tab-active-bg-color: #06093C;
   --layer-tab-active-font-color: #FFF;
   --layer-bg-dark: #06093C;
   --layer-font-light: #FFF;
   --layer-font-dark: #000f37;
   --layer-border-color: #e4e5e6;
   --layer-footer-bg-color: #FFF;
   --layer-footer-font-color: #000f37;
   --layer-footer-height: 4.5em;

   --switch-border-color: #e4e5e6;
   --switch-handle-color: #FFF;
   --switch-bg-off: #FFF;
   --switch-bg-on: #00AA00;
   --switch-width: 45px;
   --switch-height: 20px;
   --switch-always-on-font-color: #00AA00;
   --switch-always-on-bg-color: #FFF;

  font-family: "DM Serif Display", serif;
 }

.contact-form .contact__label {
  color: #1725EF;
}

.last-import-date {
  margin-bottom: 30px;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  color: #707070;
  font-family: 'Open Sans', sans-serif;
  opacity: 0.8;
}

.inner-main-screen {
  position: relative;
}

.inner-main-screen:not(.white-bg)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity for darkness */
}

a:hover {
  text-decoration: underline;
}

p {
  margin-bottom: 1em;
}

.contact-form {
  margin-top: 1em;
  margin-bottom: 2em;
}

.principles-tabs__title {
  font-family: 'Open Sans', sans-serif;
}

.network__title {
  font-size: 40px;
  font-family: 'DM Serif Display', serif;
  line-height: 54px;
  color: #06093C;
  font-weight: 400;
}

.skip-link.visually-hidden.focusable {
  background: #007acc;
  color: #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px 20px;
  outline-offset: 0;
}

.skip-link.visually-hidden.focusable:focus {
  z-index: 999;
  position: absolute !important;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(0);
}

.map-page .map-filter-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #CFCFCF;
  padding: 30px 0 0 0;
  margin-top: 30px;
  flex-wrap: wrap;
  gap: 10px;
}

.map-page .map-filter-total {
  color: #acacac;
  flex: 1 1 auto;
  min-width: 100px;
}

.map-page .xlsx-feed .feed-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border: 2px solid #1725EF;
  border-radius: 20px;
  color: #1725EF;
  text-decoration: none;
  background: none;
  line-height: 1em;
  white-space: nowrap;
  width: auto;
  text-indent: 0;
}

.map-page .xlsx-feed .feed-icon::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../img/icons/xlsx.svg') no-repeat center center;
  background-size: contain;
}

.map-page .xlsx-feed .feed-icon:hover {
  opacity: 0.7;
}

@media (max-width: 1440px) {
  .map-page .xlsx-feed .feed-icon {
    font-size: 0;
  }

  .map-page .xlsx-feed .feed-icon::after {
    content: "Télécharger";
    font-size: 14px;
  }
}