/* RESPONSIVE PARTIE GROUPES */
@media screen and (max-width: 500px) {

	/* Parties colorés */
	section#groupes > div {
		flex-direction: column;
	}

	/* Bloc Groupe */
	section#groupes > div > div {
		width: 80%;
		margin: 4% auto 4% auto;
	}

	/* Barre de séparation */
	section#groupes > div > div:nth-of-type(2){
		height: 2px;
		width: 80%;
	}

}

/* RESPONSIVE PARTIE CITATION */

@media screen and (max-width: 1210px) {
	
	/* Citation et mascotte */
	section#citation > div:first-of-type > div {
		width: 60%;
	}

}

@media screen and (max-width: 600px) {
	
	/* Citation et mascotte */
	section#citation > div:first-of-type > div {
		width: 90%;
	}

	/* Texte de la citation */
	section#citation > div:first-of-type > div > blockquote {
		font-size: 1.5em;
	}

	/* Auteur de la citation */
	section#citation > div:first-of-type > p {
		margin: 2% 5% 0 auto;
	}

}

@media screen and (max-width: 400px) {

	/* Texte de la citation */
	section#citation > div:first-of-type > div > blockquote {
		font-size: 1.3em;
	}

}

/* RESPONSIVE PARTIE BILANS */

@media screen and (max-width: 1056px) {

	/* Barre blanche */
	section#bilans > div:first-of-type > div {
		margin: 1em 0.5em 0 0;
	}

	/* Titre */
	section#bilans > div:first-of-type > h3 {		
		font-size: 2em;
	}

	/* Partie texte */
	section#bilans > div:nth-of-type(2) {
		font-size: 1.2em;
		margin: 5% 5% 2% 5%;
	}

	/* Lien de téléchargement */
	section#bilans > div:nth-of-type(3) > a {
		font-size: 1.2em;
		padding: 0.8em 1.5em 0.8em 1.5em;
	}

}

@media screen and (max-width: 702px) {

	/* Barre blanche */
	section#bilans > div:first-of-type > div {
		width: 50%;
		margin: 0.7em 0.5em 0 0;
	}

	/* Titre */
	section#bilans > div:first-of-type > h3 {		
		font-size: 1.5em;
		width: 50%;
	}

	/* Partie texte */
	section#bilans > div:nth-of-type(2) {
		font-size: 1em;
		margin: 5% 5% 2% 5%;
	}

	/* Lien de téléchargement */
	section#bilans > div:nth-of-type(3) > a {
		font-size: 1.1em;
		padding: 0.5em 1em 0.5em 1em;
	}

}