/* Section Bilan */
section#bilans {
	background-color: #434343;
	padding: 5% 0 5% 0;
}

/* Partie titre de la section */
section#bilans > div:first-of-type {
	display: flex;
	flex-direction: row;
	justify-content: left;
}

/* Barre blanche */
section#bilans > div:first-of-type > div {
	background-color: white;
	height: 0.5em;
	width: 60%;
	margin: 1.6em 0.5em 0 0;
}

/* Titre */
section#bilans > div:first-of-type > h3 {
	font-family: 'Oswald', sans-serif;
    color: #FF6F00;
	font-size: 3em;
	width: 20%;
	line-height: 1.3;
	text-transform: uppercase;
}

/* Partie texte */
section#bilans > div:nth-of-type(2) {
	color: #008575;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	margin: 5% 10% 2% 10%;
}

/* Paragraphe de la partie texte */
section#bilans > div:nth-of-type(2) > p {
	margin: 1em 0 1em 0;	
}

/* Partie télécharger */
section#bilans > div:nth-of-type(3) {
	margin: 5% auto 0 auto;
	text-align: center;
}

/* Lien de téléchargement */
section#bilans > div:nth-of-type(3) > a {
	color: white;
	background-color: #FF6F00;
	font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	padding: 1em 2em 1em 2em;
	display: inline-block;
	text-decoration: none;
}

/*Section Groupes */
section#groupes {
	display: flex;
	flex-direction: column;
}

/* Parties colorés */
section#groupes > div {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	padding: 4% 0 4% 0;
	background-color: white;
}

/* Partie grise */
section#groupes > div:nth-of-type(2) {
	background-color: #434343;
}

/* Bloc Groupe */
section#groupes > div > div {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

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

/* Barre de séparation blanche */
section#groupes > div:nth-of-type(2) > div:nth-of-type(2){
	background-color: white;
}

/* Nom du sous groupe */
section#groupes > div > div > div > h4 {
	font-family: 'Nothing You Could Do', sans-serif;
	color: #FF6F00;
    font-size: 3em;
}

/* Sous-titre du sous groupe */
section#groupes > div > div > div > h5 {
	font-family: 'Roboto', sans-serif;
	color: #008575;
	font-weight: 300;
    font-size: 1.5em;
	margin-top: -0.5em;
}

/* Paragraphe */
section#groupes > div > div > p {
	font-family: 'Roboto', sans-serif;
	color: #434343;
    font-size: 0.9em;
	line-height: 1.3;
	margin: 4% 0 10% 0;
}

/* Paragraphe blanc */
section#groupes > div:nth-of-type(2) > div > p {
	color: white;
}

/* Image du sous groupe */
section#groupes > div > div > img {
	width: 100%;
	height: auto;
}

/* Section Citation */

/* Bloc Citation */
section#citation > div:first-of-type {
	display: flex;
	flex-direction: column;
	margin: 5% 0 5% 0;
}

/* Citation et mascotte */
section#citation > div:first-of-type > div {
	display: flex;
	flex-direction: row;
	justify-content: right;
	width: 40%;
	margin: auto;
}

/* Texte de la citation */
section#citation > div:first-of-type > div > blockquote {
	font-family: 'Nothing You Could Do', sans-serif;
	color: #FF6F00;
    font-size: 1.8em;
}

/* Mascotte de la citation */
section#citation > div:first-of-type > div > img {
	height:4.5em;
	margin: auto auto 0 0;
}

/* Auteur de la citation */
section#citation > div:first-of-type > p {
	font-family: 'Roboto', sans-serif;
	color: #434343;
    font-size: 0.9em;
	margin: 2% 20% 0 auto;
}

/* Barre grise */
section#citation > div:nth-of-type(2) {
	background-color: #434343;
	height: 0.5em;
	width: 60%;
	margin: 0 0 5% auto;
}