@charset "UTF-8";

header #wrapTitre { width: calc(100% - 40px); margin: 0 auto; }
#wrapTitre h2 {
	font-family: 'Cabin', sans-serif;
	font-weight: 400;
	color: #be0839;
	font-size: 30px;
	margin: -3px 0 0;
}
header #wrapTitre h1 {
	font-family: 'Cabin', sans-serif;
	font-weight: 700;
	color: #63717a;
	font-size: 50px;
	margin: 435px 0 0;
}
.services .item06{width:calc(100% - 40px); margin:auto;padding: 0 20px;}
.services .image-mobile{display:block;}
#services .imageService01Right {display:none;}
#services .item06 { padding: 0 20px; }
.services .imageService02Left {display:none;}
.services .item04 { width: calc(100% - 40px); float: inherit;padding:0 20px; }
.services .imageService03Right {display:none;}
#proposContenu { width: calc(100% - 40px); flex-wrap: wrap; }
#propos #item9 { width: 90%; padding: 0 20px; margin: 160px 0 10px; }
#propos #item10 { width: 100%; min-height: 100%; order: 1; /* default is 0 */ margin: 0; }
#propos #item12 { width: 65%; padding: 0 20px; margin: 0 auto -10px; order: 1; }
#propos #item12 img {position:relative;right:3%;}
#propos #item11 { background-size: 70%; width: 100%; order: 0; margin: 260px 0 0; }
#etapes #item10 {
	order: 0;
	width: 60%;
	margin: auto;
}
#dixAnsConteneur { width: calc(100% - 40px); margin: 0 auto; display: block; }
#dixAns #item07 { display: block; margin: 58px auto 0;text-align:center;}
#dixAns #item07 img {width:100%;max-width:100%;text-align:center;height:auto;}
#dixAns #item08 { width: 70%; margin: 55px auto 30px; vertical-align: top; text-align: center; }
#dixAns #item08 h3 {font-size:22px;}
#citation #citationContenu { width: calc(100% - 100px); }
blockquote::before { left: -50px; }
blockquote::after { right: -50px; }
#etapes #etapesContenu {
	width: calc(100% - 40px);
	display: block;
}
#etapes #item9 {
	width: 100%;
	display: block;
	margin: 160px 0 0;
}
#etapes #item10 img {width:100%;height:auto;margin-bottom:-10px;position:inherit;}
#footerConteneur {
	width: calc(100% - 40px);
	padding: 160px 0 30px;
	flex-direction: column;
}
#footerConteneur #item01 {order:1;width: 100%; display: block;text-align:center;}
#footerConteneur #item02 {order:0;width: 100%; display: block;text-align:center;}
#footerConteneur #item02 h5 { font-size: 48px;}
footer #item01 p:last-child{text-align:center;}
@media (max-width: 750px) {
	#wrapTitre h2 { font-size: 23px; margin: -3px 0 0; }
	header #wrapTitre h1 { font-size: 40px; margin: 460px 0 0; }
	#dixAns #item08 {
		width: 90%;
	}
}
@media (max-width: 500px) {
	#wrapTitre h2 { font-size: 19px; }
	header #wrapTitre h1 { font-size: 32px;}
	.btnRouge {
		padding: 10px 0 10px 0;
		margin: 40px 0 0;
		width: 100%;
		display: block;
		text-align:center;
		height:inherit;
	}
}
@media (max-width: 360px) {
	#wrapTitre h2 { font-size: 17px; }
	header #wrapTitre h1 { font-size: 28px;}
}

@media (max-width: 340px) {
	header #headerContenu { width: calc(100% - 30px); }
}