.boutons_navigation {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	/* Centre les boutons s'ils sont moins de 3 sur la dernière ligne */
	justify-content: center; 
	/* Largeur max : (3 * largeur_bouton) + (2 * gap) */
	max-width: 1120px;
	margin: 20px auto;
	align-items: stretch;
}

.boutons_navigation_lien {
	/* Calcul pour 3 colonnes : (100% / 3) - (gap ajustable) */
	/* On utilise une largeur fixe pour éviter qu'ils ne s'étirent trop sur la dernière ligne */
	width: 360px; 

	/* IMPORTANT : On retire flex-grow: 1 pour éviter que le dernier bouton 
	ne prenne toute la largeur s'il est seul sur sa ligne */
	flex-grow: 0; 
	flex-shrink: 0;

	background: #F4F4F4;
	border: 1.5px solid #E0E0E0;
	border-radius: 14px;
	padding: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	transition: transform 0.15s, background 0.15s, border-color 0.15s;
	gap: 15px;
	box-sizing: border-box;
}

/* On garde l'effet de survol */
.boutons_navigation_lien:hover {
	transform: translateY(-3px);
	background: #EAEAEA;
	border-color: #C8C8C8;
}

.boutons_navigation_icone {
	font-size: 45px;
	color: #F26522;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.boutons_navigation_texte {
	display: flex;
	flex-direction: column;
}

.boutons_navigation_titre {
	color: #3B68BB;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}

.boutons_navigation_description {
	margin: 0;
	font-size: 13px;
	color: #F26522;
	font-style: italic;
}

/* --- Responsive --- */
@media (max-width: 1150px) {
	/* Passage à 2 colonnes sur tablettes */
	.boutons_navigation { max-width: 740px; }
}

@media (max-width: 768px) {
	/* Passage à 1 colonne sur mobile */
	.boutons_navigation_lien {
		width: 100%;
		max-width: 400px;
	}
}