/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) 
{

}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) 
{
	#headerInfos
	{
		position: static;
		text-align: center;
	}
	h3.menu-toggle
	{
		background: #121e42;
		color: #fff;
	}

	#main
	{
		max-width: 95%;
		width: 95%;
	}
	#modalBoxModifierCodePromo #closeModalCode
	{
		top: 50px;
	}

	.deleteDossardsSerie::after 
	{
	    content: "Supprimer cette série";
	    font-size: 1.5rem;
	    position: relative;
	    bottom: 1px;
	}

	div[id^="serie-dossards-"]
	{
		padding: 15px 15px 10px 15px;
		border: 1px solid silver;
	}

	.absoluteDesktopStaticMobile
	{
		position: static;
	}
	.flexColumnTablet
	{
		width: 100%;
	}

	#ajoutCourse label, #modifCourse label
	{
		text-align: left;
	}
	#ajoutCourse .light-padding-left, #modifCourse .light-padding-left
	{
		padding-left: 14px;
	}

	#ajoutCourse div[id^="serie-dossards-"], #modifCourse div[id^="serie-dossards-"]
	{
		margin: auto;
	}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) 
{
	.pageListeInscritsHeader
	{
		display: block;
	}
	.pageListeInscritsHeader h1
	{
		text-align: center;
	}
	.pageListeInscritsHeader .btnExportHaut
	{
		position: static;
	}
	.flexColumnTablet /* ajoute aussi width 100% en mobile, utilisé sur les boutons ajouter/désactiver en haut des pages courses & event */
	{
		display: flex;
		flex-direction: column;
	}
}