@media all and (max-width:900px) {
	/*offre & services présentation*/
	.decouvrez {
		margin-right: 40px;
		margin-left: 40px;
	}
}

@media all and (max-width:780px) {
	.histoire, .pg-qui-sommes-nous .trajet, .atouts, .rejoignez, .raison, .adhérer, .pg-nous-contacter #milieu .titre {
		/*margin:unset; padding:5% 5%;*/ padding-left:4%; padding-right:4%; width:100%;
	}
}

@media all and (max-width:640px) {
	.concept {padding:0 4%;}

	.charte a,
	.adhérer a {display:block; white-space:normal; margin:0 4%;}

	.atouts .titre {margin:0 auto; text-align:center;}

	.raison .titre {/* margin-left:0px; */ width:100%; margin:0 auto; text-align:center;}
		.raison .titre > span {margin:0;}
		.raison ul {width:100%; margin:0 auto; font-weight:normal;}
			.raison ul li {display:block; margin:100px 0 0 0; min-height:1em; text-align:center;}
				.raison ul li::before {left:42%; top:-75px;}
				.raison ul li::after {left:42%; top:-94px;}
				.raison ul li span.fktb {display:block; margin:0; padding:0; width:auto; min-height:1em;}
					.raison ul li span.fktb > span {display:block; margin:0; padding:0; width:auto;}
}