/* Style complet */
	html, body {
		height: 100%;
		margin: 0;
	}
#map {
	width: 100%;
	height: 100vh;
	position: relative;	
}
/* Style titre map */
#titreMap {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 20px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	z-index: 1000;
	background: rgba(255, 255, 255, 0.8);
	padding: 5px 10px;
	border-radius: 5px;
}
/* Masquer le copyright sur l'écran */
#copyright {
  display: none;
}
/* Afficher et styliser le copyright lors de l'impression */
@media print {
  #copyright {
    display: block; /* Affiche l'élément en mode print */
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.8);
    padding: 5px 10px;
    border-radius: 5px;
  }
}
/* Affichage du nombre d'arbres du verger */
.NbArbres {
    position: absolute;
    bottom: 25px; 
    left: 5px;
    z-index: 1002;
    width: 135px;
    height: 16px;   
    background: white;
    padding: 2px;
    border: 2px solid black;
    font-family: 'Arial', sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    font-style: italic; 
    color: red; 
    text-align: center; 
    line-height: 16px; /* Aligner verticalement le texte */
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
    user-select: none;         /* Standard */	
}

@media print {
    .NbArbres {
        display: none !important;
    }
}



.leaflet-popup { z-index: 1020; }'
/* Style selector search */
.centered-option {
width: 100%; /* Appliquer une largeur de 100% */
text-align: center; /* Centrer le texte */
}

/* Styles des légendes */
.info.legend {
    background-color: white;
    border: 1px solid black;
    padding: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    opacity: 1;
    z-index: 1010;
	margin-bottom: 40px;  	
}
.info.legend i, .info.legend img {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle;
}
.hidden {
	display: none;
}
.legend {
    position: absolute;
    top: 370px;
    left: 10px;
    background: white;
    padding: 10px;
    border: 1px solid black;
    z-index: 1000; /* Pour s'assurer que la légende est au-dessus des autres éléments */
    max-width: 200px; /* Définir la largeur maximale */
    max-height: 200px; /* Définir la hauteur maximale */
    overflow: auto; /* Activer le défilement si le contenu dépasse */
}
.legend img {
    width: 15px; /* Largeur de 18px */
    height: 15px; /* Hauteur de 18px */
    margin-right: 5px; /* Espace à droite de l'image */
}
.legend h4 {
    font-size: 12px; /* Taille du texte */
    color: #333; /* Couleur du texte */
    font-family: Arial, sans-serif; /* Police de caractères */
    margin-bottom: 10px; /* Espace en bas du titre */
}
.legend div {
    display: flex; /* Utiliser flexbox pour l'alignement */
    align-items: center; /* Aligner verticalement les éléments */
    font-size: 10px; /* Taille du texte */
    color: #555; /* Couleur du texte */
    font-family: Arial, sans-serif; /* Police de caractères */
    margin-bottom: 5px; /* Espace en bas de chaque élément */
    line-height: 18px; /* Hauteur de ligne pour aligner avec l'image */
}
/* Affichage du niveau de zoom */
.zoom-level {
    position: absolute;
    bottom: 50px; 
    left: 5px;
    z-index: 1002;
    width: 67px;
    height: 16px;   
    background: white;
    padding: 2px;
    border: 2px solid black;
    font-family: 'Arial', sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    font-style: italic; 
    color: red; 
    text-align: center; 
    line-height: 16px; /* Aligner verticalement le texte */
}
@media print {
    .zoom-level {
        display: none !important;
    }
}


/* Affichage du popup a l'ouverture de l'application */
.popup {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #F0F0F0;
    border: 2px solid #7ae95c;
    padding: 20px;
    z-index: 1050; /* Ajuster si nécessaire */
    display: none; /* Cacher le popup par défaut */
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
	padding: 10px; /* Réduit le padding */
}
.popup-link {
	text-align: center;
	display: block;
}