.table {
	width: 100%;
	border-collapse: separate;
	/* nécessaire pour border-spacing */
	cursor: pointer;
	border-spacing: 0 var(--spacing-small);
	/* espace entre les lignes */
}

.table thead tr {
	background-color: var(--page-color-1);
	/* Le radius sur tr du thead ne fonctionne pas non plus, on peut l'appliquer aux th */
}

.table thead th:first-child {
	border-top-left-radius: var(--button-radius);
}

.table thead th:last-child {
	border-top-right-radius: var(--button-radius);
}

.table th,
.table td {
	padding: var(--spacing-small);
	text-align: left;
	white-space: normal;
}

.table tbody tr {
	background-color: var(--page-color-1);
	/* border-radius ne fonctionne pas ici */
	overflow: hidden;
	/* permet aux td de respecter le radius */
}

.table tbody tr td:first-child {
	border-top-left-radius: var(--button-radius);
	border-bottom-left-radius: var(--button-radius);
}

.table tbody tr td:last-child {
	border-top-right-radius: var(--button-radius);
	border-bottom-right-radius: var(--button-radius);
}

.table tbody tr:hover {
	background-color: var(--page-color-2);
	color: var(--texte-color);
}

.table tbody tr a {
	color: var(--link-color);
}