@import url('https://fonts.googleapis.com/css2?family=Blinker&display=swap');

body {
	font-family: 'Blinker', sans-serif;
	color: black;
	font-size: medium;
}

a:link {
	color: black;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #633;
}
a:hover {
	text-decoration: none;
	color: white;
	background-color: darkorange;
}
a:active {
	text-decoration: none;
	color: #633;
}

tr:hover td {
	background: grey;
	color: white;
}

img, table, td {
	max-width: 95%;
	height: auto;
}

p, tr, td {
	font-family: 'Blinker', sans-serif;
	color: black;
	font-size: medium;
}

TD.survol:hover {
	background-color: lightgrey;
}

a.order_asc,
a.order_desc:hover { 
	padding-right: 15px;
	background: transparent url(s_asc.png) right no-repeat;
}
a.order_desc,
a.order_asc:hover {
	padding-right: 15px;
	background: transparent url(s_desc.png) right no-repeat;
}

.cMonTableauRule {
	width: 60%;
	border-collapse: collapse;
	border-top: 4px solid #808080;
	border-bottom: 4px solid #808080;
}

.cMonTableauRule th, .cMonTableauRule td {
	border-bottom: 1px solid darkorange;
}

/* Media Queries pour les écrans plus petits */
@media (max-width: 768px) {
	body, p, tr, td {
		font-size: large;
	}
}

@media (max-width: 480px) {
	body, p, tr, td {
		font-size: x-large;
	}
}