.pagination {
	margin: 15px 0;
	text-align: center;
	color: #767CBF;
}

.pagination a, .pagination span.dots {
	background-color: #F4F4F4;
	border: 1px solid;
	color: var(--bleu-fgaac);
	margin: 4px; /* Unifié pour éviter les décalages */
	padding: 0 10px;
	text-decoration: none;
	line-height: 25px;
	display: inline-flex;
	border-radius: 10px;
	vertical-align: middle;
}

.pagination span.dots {
	background: none;
	border: none;
	padding: 0 4px;
}

.pagination a:hover {
	background-color: #F4F4F4;
	border: 1px solid #BD88FE;
	color: #BD88FE;
}

.pagination span.inactive {
	background-color: #F4F4F4;
	border: 1px solid;
	color: #C5CADB;
	margin: 4px;
	padding: .2em .4em;
}

.pagination span.active {
	background: #F4EBFF;
	border: 1px solid #BD88FE;
	color: #BD88FE;
	font-weight: 700;
	margin: 4px;
	padding: .2em .4em;
}

a.lien_en_cours {
	border: 1px solid;
	color: #000000;
}

a.lien_en_cours:hover {
	color: #000000;
}

#results{
	margin-left: 90px;
	list-style-type: circle;
}

/* --- VERSION MOBILE AVEC RETOUR À LA LIGNE PROPRE --- */
@media only screen and (max-width: 760px), only screen and (max-device-width: 760px) {
	.pagination {
		display: flex;
		flex-wrap: wrap;			/* Permet le retour à la ligne si l'écran est trop petit */
		justify-content: center;	/* Centre automatiquement les éléments sur la 1ère et la 2e ligne */
		gap: 6px;					/* Gère proprement l'espace horizontal et vertical entre les blocs */
	}

	.pagination a, .pagination span.dots {
		margin: 0;				/* On remplace les margins par le gap du parent pour un alignement parfait */
		white-space: nowrap;	/* Interdit l'écriture de se couper en deux dans un bouton (ex: "Pré- \n cédent") */
	}
}