/* Tableau « EPS, AS, Option sport 1 et 2 » (voir tableau-eps.php).
   Colonnes : niveau | EPS (bleu) | AS (orangé) | Option EPS 1 (jaune) | Option EPS 2 (doré). */
.ebtp-eps-defile { margin: 10px 0 18px; overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 12px; }
.page-wrapper table.ebtp-eps {
	width: 100% !important;
	min-width: 760px;
	margin: 0;
	border: 1px solid #e3e8ee;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 12px;
	overflow: hidden;
	table-layout: fixed;
	font-size: 13.5px !important;
	line-height: 1.45;
	background: #fff;
}
.page-wrapper table.ebtp-eps td {
	width: auto !important;
	padding: 12px 14px !important;
	border: 0;
	border-top: 1px solid #edf1f5;
	border-left: 1px solid #edf1f5;
	vertical-align: top;
	text-align: left !important;
	color: var(--ebtp-encre);
	font-size: 13.5px !important;
}
.page-wrapper table.ebtp-eps td:first-child { width: 64px !important; border-left: 0; vertical-align: middle; text-align: center !important; }
.page-wrapper table.ebtp-eps p { margin: 0 0 6px !important; font-size: inherit !important; line-height: inherit; text-align: left !important; }
.page-wrapper table.ebtp-eps p:last-child { margin-bottom: 0 !important; }
.page-wrapper table.ebtp-eps u { text-decoration: none; }

/* Couleur de chaque colonne : bandeau d'en-tête teinté, cellules très légèrement teintées. */
.page-wrapper table.ebtp-eps td:nth-child(2) { --c: #4a90d9; }
.page-wrapper table.ebtp-eps td:nth-child(3) { --c: #e8875a; }
.page-wrapper table.ebtp-eps td:nth-child(4) { --c: #d6b300; }
.page-wrapper table.ebtp-eps td:nth-child(5) { --c: #e0a100; }
/* L'AS couvre 4 lignes : à partir de la 2e ligne, les colonnes Option sont en 3e et 4e position. */
.page-wrapper table.ebtp-eps tr:not(:first-child):not(:nth-child(2)) td:nth-child(3) { --c: #d6b300; }
.page-wrapper table.ebtp-eps tr:not(:first-child):not(:nth-child(2)) td:nth-child(4) { --c: #e0a100; }
.page-wrapper table.ebtp-eps td:not(:first-child) { background: color-mix(in srgb, var(--c) 7%, #fff) !important; }
.page-wrapper table.ebtp-eps tr:first-child td { border-top: 0; vertical-align: bottom; background: color-mix(in srgb, var(--c, #8592a0) 16%, #fff) !important; box-shadow: inset 0 4px 0 var(--c, transparent); }
.page-wrapper table.ebtp-eps tr:first-child td:first-child { background: #fff !important; box-shadow: none; }
.page-wrapper table.ebtp-eps tr:first-child p { font-size: 14px !important; line-height: 1.35; }
.page-wrapper table.ebtp-eps tr:first-child u { display: block; margin-bottom: 4px; font-size: 16px; }

/* Colonne des niveaux (2nde, 1ère, Tale, Bac pro). */
.page-wrapper table.ebtp-eps tr:not(:first-child) td:first-child { background: #f4f6f9 !important; font-size: 15px !important; font-weight: 700; }
.page-wrapper table.ebtp-eps tr:not(:first-child) td:first-child p { text-align: center !important; }

/* Alignements : tout part du haut (en-têtes, niveaux et cellules), à la même marge gauche. */
.page-wrapper table.ebtp-eps td,
.page-wrapper table.ebtp-eps tr:first-child td,
.page-wrapper table.ebtp-eps td:first-child { vertical-align: top !important; }
.page-wrapper table.ebtp-eps tr:not(:first-child) td:first-child,
.page-wrapper table.ebtp-eps tr:not(:first-child) td:first-child p { text-align: left !important; }
.page-wrapper table.ebtp-eps tr:first-child p { margin-bottom: 4px !important; font-weight: 700; }
.page-wrapper table.ebtp-eps em { font-style: italic; }