main {
	margin-top : 3%;
}

main h1 {
	text-align : center;
}



.container {
	max-width: 90%;
	margin: auto;
	padding: 20px;
}

.inputs_container{
	display : flex;
	flex-direction : column;
	gap : 2em;
}

.filters {
	display: flex;
	gap: 2em;
	flex-wrap: wrap;
	justify-content: left;
	margin-bottom: 15px;
}
.filters select, .filters input {
	padding: 8px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

#entity_list_entities{
		column-count: 4; /* Nombre de colonnes */
		column-gap: 40px; /* Espace entre les colonnes */
		width: 100%;
		box-sizing: border-box;
}

.entity_list_entity {
		display: block;
		break-inside: avoid; /* Évite que les éléments soient coupés entre les colonnes */
		padding: 5px;
		font-size: 14px;
		word-wrap: break-word;
}

#entity_list_pagination {
	text-align: center;
	margin-top: 20px;
	display : flex;
	flex-direction : row;
	justify-content : center;
	gap : 1vw;
}
#entity_list_pagination button {
	padding: 8px 12px;
	margin: 5px;
	border: none;
	background: #007bff;
	color: white;
	cursor: pointer;
	font-size: 14px;
	border-radius: 4px;
}
#entity_list_pagination button:disabled {
	background: #777;
}
	#entity_list_page_numbers {
		display : flex;
		flex-direction : row;
		justify-content : center;
		padding: 8px 12px;
		margin: 5px;
		gap : 1vw;
		font-weight: bold;
		font-size: 2vh;
	}


#new_entity_container {
		width: fit-content; /* Garde sa largeur naturelle */
		max-width: 90%; /* Empêche qu'elle ne soit trop large */
}



#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999; /* Juste derrière la pop-up */

	display: none; /* Caché par défaut */
	justify-content: center;	/* Centre horizontalement */
	align-content: center; /* Centre verticalement */

}

/* La pop-up reste bien centrée et conserve sa largeur */
#new_entity_container {
	background: white;
	padding: 20px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
	width: auto; /* Conserve la largeur naturelle */
	max-width: 90%; /* Évite que ça devienne trop large */
}