main {
	.particulier img {
		float: left;
		margin: 10px;
		max-width: 500px;
		height: auto;
		border-radius: 5px 5px 5px 30px;
	}
	.professionnel img {
		float: right;
		margin: 10px;
		max-width: 600px;
		height: auto;
		border-radius: 5px 30px 5px 5px;
	}
}

@media screen and (max-width: 900px) {
	.particulier img {
		width: 45%;
	}
	.professionnel img {
		width: 45%;
	}
}
@media screen and (max-width: 850px) {
	.professionnel {
		.image {
			text-align: center;
			img {
				float: unset;
				width: 90%;
			}
		}
	}
	.particulier {
		.image {
			text-align: center;
			img {
				float: unset;
				width: 90%
			}
		}
	}
}