.module-annuaire > div {
  display:flex;
  justify-content:space-between;
  margin-top:32px;
}

.annuaire-list {
  display:flex;
  flex-direction:column;
  flex-grow:1;
  margin:0 8px;
}

.annuaire-item {
  margin:0 8px 12px 0;
  padding:8px;
  border:1px solid lightgrey;
  border-radius:4px;
}

.carto-wrapper {
  width:66%;
  height:75vh;
  position:relative;
  z-index:0;
}

#map {
  width:100%;
  height:100%;
}

/*Cluster icon

  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#DF2935" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"/></svg>;

*/

/* Icône bleue #3772FF*/
.cl-cluster-icon {
  background-repeat: no-repeat;
  vertical-align: middle;
  height: 32px;
  width: 32px;
  max-height: none;
}

/* Icône rouge #DF2935 */
.cl-cluster-icon-rouge {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjREYyOTM1IiBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHoiLz48L3N2Zz4=');
}

.leaflet-marker-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cl-cluster {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cl-cluster>* {
  position: absolute;
}

.cl-cluster-count {
  color: white;
}


#map-overlay {
  position:absolute;
  bottom:8px;
  right:8px;
  background-color:white;
  padding:8px;
  z-index:999;
  display:none;
}

#map-overlay.open {
  display:block;
}

span.card-close {
  cursor:pointer;
  position: absolute;
  right: 8px;
  top: 8px;
}