/* ------------------------------- CSS PAGE DES MENTIONS --------------------------------- */

.mentions_conteneur {
	display: flex; /* Les éléments contenus dans l'élément seront structurés suivant le mode flexbox */
	flex-direction: column; /* Ils seront structurés verticalement */
	align-items: center; /* Ils seront centrés sur l'axe principal (défini comme axe vertical) */
	width: 80%; /* La largeur du conteneur fait 80% de la largeur de son parent (main) */
	margin-top: 50px; /* Un espacement de 50px sépare le conteneur de l'élément qui se trouve au-dessus de lui */
	margin-bottom: 50px; /* Un espacement de 50px sépare le conteneur de l'élément qui se trouve en-dessous de lui */
}

.mentions_conteneur div {
	box-sizing: border-box; /* Les dimensions de l'élément contiendront la bordure (0px) + le padding (20px de chaque côté) + le contenu */
	padding: 20px; /* Le padding est de 20px */
	width:100%; /* La largeur de la div fait 100% de la largeur de son parent (mentions_conteneur) */
	background-color: rgb(1,1,1,0.6); /* La div a un fond noir opaque à 60% */
}

.mentions_conteneur h1 {
	color: white; /* Le texte est blanc */
	margin: 0; /* Annule le margin que définit le navigateur par défaut sur les titres h1 */
}

.mentions_conteneur p {
	color: white; /* Le texte est blanc */
	text-align: justify; /* Le texte est justifié */
}