@font-face {
    font-family: 'SignPainter HouseScript';
    src: url('../fonts/SignPainter\ HouseScript\ Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

#map {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #0FA8D2;
}

.leaflet-touch .leaflet-control-attribution {
    font-size: 28px !important;
    font-family: 'SignPainter HouseScript', cursive;
    width: 100% !important;
    left: 0 !important;
    text-align: center !important;
}

@media screen and (max-width: 640px) {
    .leaflet-touch .leaflet-control-attribution {
        font-size: 20px !important;
    }
  }

.leaflet-popup-content {
    font-family: Poppins, sans-serif;
}

.leaflet-control-logo {
    position: fixed !important;
    top: -50px !important;
    left: 50% !important;
    z-index: 1000 !important; /* pour s'assurer que le logo reste au-dessus de la carte */
    transform: translateX(-50%) !important;
    cursor: pointer !important;  /* Change le curseur en mode "pointer" */
}

.leaflet-control-logo:hover {
    transform: scale(1.1);  /* Agrandit légèrement l'élément lorsque la souris le survole */
}

.leaflet-control-logo img {
    width: 175px;
}
@media screen and (max-width: 1132px) {
    .leaflet-control-logo img {
        width: 125px;
    }
    .leaflet-control-logo {
        transform: translateX(-50%);  
        top: -40px !important;
    }
}