#map-filter {
  background-color: #333333;
}
#map-filter fieldset {
  border: 0;
}

#map-filter fieldset legend h3:before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  background: url("../images/search.png");
  width: 100px;
  height: 80px;
  background-size: cover;
}
#map-filter fieldset legend h3 {
  color: #00A5C4;
  font: normal normal bold 24px/28px Dosis;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
#map-filter fieldset .field_group {
  margin-top: 1.5rem;
  font: normal normal normal 16px/20px Dosis;
  color: #fff;
}
#map-filter fieldset .field_group div {
  padding: 4px;
}
#map-filter fieldset .field_group input[type="checkbox"] {
  margin-right: 0.5rem;
}
#map-filter fieldset .field_name {
  color: #fff;
  font: normal normal bold 16px/20px Dosis;
  margin-bottom: 0.25rem;
}

#map-filter fieldset .map-submit {
  background-color: #00A5C4;
  text-transform: uppercase;
  font: normal normal 600 14px/17px Dosis;
  width: 100%;
  margin: 1rem 0;
  color: #fff;
  padding: 0.8rem;
  border-color: #00A5C4;
}
#map-popup {
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #b9b9b9;
  z-index: 99999;
  width: 300px;
  white-space: pre-wrap;
  left: calc(50% - 150px);
  top: 100px;
  height: auto;
  display: flex;
  flex-flow: column;
}
#map-popup .pin-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#map-popup .pin-content h5 {
  padding: 0.5rem;
}
#map-popup .pin-content p {
  padding: 0.5rem;
}
#map-popup *[data-role="close"] {
  right: 5px;
  top: 3px;
  font-size: 3rem;
  cursor: pointer;
  position: absolute;
  line-height: 1rem;
}
#map-popup h5 {
  margin: 0;
}
#map-popup .inclusion_sociale,#map-popup .accueil {
  color: #AECC4E;
}
#map-popup .ehpad {
  color: #955292;
}
#map-popup .creches {
  color: #E95193;
}
#map-popup .direction {
  color: #00A5C8;
}
#map-popup .asiles {
  color: rgb(60, 157, 55);
}

#map-popup .btn-inclusion_sociale ,
#map-popup .btn-accueil {
  background-color: #AECC4E;
}
#map-popup .btn-ehpad {
  background-color: #955292;
}
#map-popup .btn-creches {
  background-color: #E95193;
}
#map-popup .btn-direction {
  background-color: #00A5C8;
}
#map-popup .btn-asiles {
  background-color: rgb(60, 157, 55);
}

#map-popup .btn {
  width: 100%;
  display: flex;
  padding: 0.5rem;
  color: #fff;
}
#map-popup .btn:after {
  content: '\f054';
  display: inline-block;
  margin-left: auto;
  color: #fff;
  font-family: "Font Awesome 5 Free";
}
#map-filter .choices input[type="search"] {
  border: 0;
  width: 16ch !important;
}
#map-filter .choices__item {
  border-radius: 0;
  color: #333333;
}

#map-buttons{
  background-color:rgb(255, 255, 255);
}
#map-buttons span.fh-select{
  font-weight: bold;
}
#map-buttons span{
  padding:15px 7px !important;
  cursor:pointer;
  color: #565656;
  font-size: 18px;
  position:relative;
  margin:0;
  padding:0 20px;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  border: 1px solid rgba(51,51,51,0.8);
}

#map-buttons span.fh-select,#map-buttons span:hover{
  background-color:#565656;
  color:white;
}

/*#map-buttons span.fh-select::after {*/
/*  display: inline-block; !* S'assurer que le pseudo-élément est visible *!*/
/*  align-self: center;*/
/*  content: ""; !* Important pour afficher l'élément *!*/
/*  background-color: var( --e-global-color-secondary );*/
/*  height: 8px;*/
/*  width: 100%;*/
/*  border-radius: 4px;*/
/*  box-sizing:border-box;*/
/*  transition: background-color 0.3s ease, height 0.3s ease;*/
/*}*/

#map-buttons ul{
  margin-left:0;
  margin-bottom:2px;
}
#map-buttons li:not(:last-child)::after {
  border-color: white;
  border-left-style: var(--e-nav-menu-divider-style,solid);
  border-left-width: var(--e-nav-menu-divider-width,2px);
  content: var(--e-nav-menu-divider-content,none);
  height: var(--e-nav-menu-divider-height,35%);
  content:"";
  position:relative;
  top:10px;
}
#map-buttons span {
  transition: all 0.3s ease; /* Transition fluide pour toutes les propriétés */
}