/*<style>*/
	.grid-container {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr; /* Utilisation de 4 colonnes */
		gap: 20px;
		padding: 85px 20px 20px; /* Changement du padding-top à 85px */
	}

	.item {
		text-align: center;
		border: 2px solid black;
		padding: 20px;
		background: #fff; /* Arrière-plan blanc pour différencier du fond */
		box-sizing: border-box; /* Inclure le padding et la bordure dans la taille totale */
		text-decoration: none; /* Suppression de la décoration de lien */
		color: inherit; /* Conserver la couleur du texte */
		transition: transform 0.2s, box-shadow 0.2s; /* Transition pour l'effet de clic et de survol */
	}

	.item:hover {
		box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Ombre plus intense au survol */
		transform: translateY(-5px); /* Légère élévation lors du survol */
	}

	.item:active {
		transform: scale(0.98); /* Réduction de l'échelle lors du clic */
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Réduction de l'ombre lors du clic */
	}

	.spacer {
		border: none; /* Suppression de la bordure pour les éléments d'espacement */
		background: none; /* Suppression de l'arrière-plan pour les éléments d'espacement */
	}

	.item h2 {
		margin-top: 0; /* Suppression du margin-top */
		margin-bottom: 20px; /* Alignement avec le padding de .item */
	}

	.item img {
		max-width: 100%;
		height: auto;
	}

	/* Media query pour les écrans de moins de 850 pixels de largeur */
	@media (max-width: 850px) {
		.grid-container {
			grid-template-columns: 1fr 1fr; /* Utilisation de 2 colonnes */
		}

		.spacer {
			display: none; /* Masquer les éléments d'espacement */
		}

		.item {
			max-width: none; /* Enlever la limitation de largeur */
		}
	}
/*</style>*/