body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

#map {
	margin: 0 auto;
	padding: 0;
	width: 100% !important; /* Forcer la largeur à 100% */
	height: 600px !important; /* Forcer la hauteur */
}

/* Surcharge des styles par défaut de Leaflet pour enlever le fond et la bordure */
.label-departement {
	font-weight: bold; /* Texte en gras */
	font-size: 14px; /* Taille du texte */
	color: black; /* Couleur du texte */
	background: none !important; /* Supprime le fond */
	border: none !important; /* Supprime la bordure */
	box-shadow: none !important; /* Supprime toute ombre */
	padding: 0 !important; /* Enlève tout espace interne */
	opacity: 1 !important; /* Assure que le label est bien visible */
}

/* Conteneur de la grille */
#list-container {
	display: grid;
	grid-template-columns: repeat(
		auto-fill,
		minmax(250px, 1fr)
	); /* Colonnes en grille */
	gap: 20px; /* Espacement entre les cartes */
	margin: 20px auto; /* Espacement autour du conteneur */
	padding: 0;
	list-style-type: none; /* Retirer les puces de la liste */
}

/* Style pour chaque carte d'EHPAD */
#list-container li {
	background-color: #fff; /* Couleur de fond blanche pour les cartes */
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 15px;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2),
		0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre profonde pour le flottement initial */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	transform: translateY(-10px); /* Carte initialement "flottante" */
	text-align: left; /* Aligner tout le contenu à gauche */
}

#list-container li:hover {
	transform: translateY(0); /* La carte "se pose" */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1),
		0 2px 4px rgba(0, 0, 0, 0.06); /* Ombre moins intense lorsqu'elle est "posée" */
}

#list-container li b {
	font-size: 18px;
	color: #333;
}

#list-container li p {
	margin: 10px 0 5px;
	font-size: 14px;
	color: #555;
	text-align: left; /* Alignement à gauche */
}

#list-container li small {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	color: #777;
	text-align: left; /* Alignement à gauche */
}

/* Style des paragraphes dans les cartes */
#list-container li p {
	margin: 10px 0 5px;
	font-size: 14px;
	color: #555;
	text-align: left; /* Alignement à gauche */
}

#list-container li strong {
	color: #333;
}

#hopitaux-list {
	display: none;
}