/*style sur petits écrans*/
@media screen and (max-width: 750px)
{
	/*redimensionnement des principales zones*/
	body,nav,header
	{
		grid-column: 1/3;
		width: max-content;
		margin: 30px;
		display: block;
		font-size: x-large;
	}

	/*rediriger zone nav et header*/
	nav,header
	{
		flex-direction:column;
	}

	/*redimensionner tableau page classement*/
	table
	{
		width: 100%;
	}

	/*redimensionner aside, liste d'événements et corps de la page événement*/
	aside
	{
		grid-column: 1/3;
	}
	/*supprimer barre navigation*/
	nav
	{
		display: flex;
		flex-direction: row;
		width: auto;
	}
	.none{
		display: none;
	}
}