/* Style global de la map */
#map{
    height: 600px;
    width: 100%;
}
#map .leaflet-top{
    z-index: 1;
}
.content-map{
    margin-top: 25px;
}
#map .leaflet-popup-pane .leaflet-popup-content{
    max-height: 150px;
    overflow: auto;
}
@media (max-width: 767px){
    #map{
        height: 350px;
        width: 100%;
    }
}
/* Markers on map */
#colors {
    position: absolute;
    top: 0;
    right: 28px;
    background: #d8d8d8;
    width: 190px;
    padding: 10px;
    height: 100%;
}
/* Legend categories */
.leaflet-container p#name_product{
    font-size: 12px;
    line-height: 12px;
}
.menu-ui {
    background:#fff;
    position:absolute;
    top:5px;right: 20px;
    z-index:1;
    border-radius:3px;
    border:1px solid rgba(0,0,0,0.4);
}
.menu-ui a {
  font-size:13px;
  color:#404040;
  display:block;
  margin:0;padding:0;
  padding:10px;
  text-decoration:none;
  border-bottom:1px solid rgba(0,0,0,0.25);
  text-align:left;
}
.menu-ui a:first-child {
    border-radius:3px 3px 0 0;
}
.menu-ui a:last-child {
    border:none;
    border-radius:0 0 3px 3px;
}
.menu-ui a:hover {
    background:#f8f8f8;
    color:#404040;
}
.menu-ui a.active,
.menu-ui a.active:hover {
    background:#e5e5e5;
    color:#404040;
}
@media (max-width: 767px){
    .menu-ui {
        background:#fff;
        position:relative;
        margin: 5px;
        top: 0;
        right: 0;
        z-index:1;
        border-radius:3px;
        border:1px solid rgba(0,0,0,0.4);
    }
}
/* Style de la barre de recherche */
.search-ui {
  position:absolute;
  top:10px;
  left:60px;
  z-index:1;
  width:210px;
}
.leaflet-control-attribution{
    display: none;
}