#partage, #connexion, #distance{
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}

#separator_menu{
	display: none;
}

#synthese_des_3{
	margin-top: 30px;
	position: relative;
	left: 50%;
	transform: translate(-50%);
	width: 90%
}

.middle{
	width: 90%;
	position: relative;
	left: 50%;
	transform: translate(-50%);
}

.social_net{
	padding: 10px;
	width: 30px;
	height: 30px
}

.separator{
		display: none;
	}




@media (max-width: 768px) {
	.explain{
		display: none;
		/* C'est une partie de l'explication de la 2e page de la brochure -- 
		C'est assez utile mais s'affiche mal (déborde) sur tablette (Suface Duo) */
	}
}
@media (max-width: 800px) {
	#download_note{
		margin-top: 20px;
	}
	#mana_socials{
		margin-top: 25px;
	}
	#copyright{
		margin-bottom: 10px;
	}
	.separator{
		display: block;
	}


}
@media (min-width: 800px) {
	.adding{
		display: none;
		/* C'est une partie de l'explication de la 2e page de la brochure -- 
		C'est assez utile mais s'affiche mal (déborde) sur tablette (Suface Duo) */
	}
}

@media (min-width: 1000px){
	#mainNav{
		background-color: rgba(100, 100, 100, 0.8);
	}
	#separator_menu{
		width: 100%;
		height: 3px;
		background-color: white;
	}
}