.colonne{
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-around;
	margin:0 5em;
	margin-bottom: 40px;

	p {
	    margin: 1em;
	    text-align: justify;
	}

	> * {width: 90%}

	* > .conteneur , .conteneur{width: 50%;}

	.conteneur > img {border-radius: 1em; width: 85%}

}

@media screen and (max-width: 1000px) {
	.colonne{
		display: flex;
		flex-direction: column;
		margin:0 2em;

		p{width: auto;}


		> * {width: 100%;}

		.conteneur > img {border-radius: 1em; width: 60%}

	}
	.colonne-inverser{
			flex-direction: column-reverse;
		}

	.colonne-fix{
		flex-direction: row;
	}

	* > .conteneur , .conteneur{width: auto !important;}
}