@media screen and (max-width: 1280px) {
	#offre-photovoltaique { 
		width: 100%;
		margin-top: 12%;
		background-position: center;
	}
	.offre-photovoltaique_encart { 
		left: 10%; 
		right: auto;
	}
	.offre-photovoltaique_content { width: 100% }
	#offre-photovoltaique::after { display: none }
}
@media screen and (max-width: 1024px) {
	
	.bouton_1, .bouton_2,
	input[type="button"],
	input[type="submit"] {
		font-size: .875em;
		line-height: 20px;
		border-radius: 15px;
		padding: 10px 40px 10px 12px;
		background-size: 30px 30px;
	}	
	#asd-contact {
		width: 220px;
		padding: 20px;
	}
	#asd-contact img { width: 50px; height: 50px; }
	#asd-contact h2 { font-size: 1.5em; margin: 0 0 1em; }
	#asd-contact .bouton_2 { padding: 15px 40px 15px 12px; }
	#asd-contact.closed { right: -190px; }
	.heading-page_title { width: 60% }
	.heading-page_description { width: 40%; }
	.heading-page_title::before,
	.heading-page_description::after {
		width: 160px;
		height: 50px;
	}
	.offre-photovoltaique_encart { max-width: 620px; }
	.offre-photovoltaique_encart h2 { font-size: 2em; }
	.offre-photovoltaique_encart p strong { font-size: 1.5em; }
	.etapes-accompagnement_liste {
		max-width: 780px;
		margin: 0 auto;
	}
	.etapes-accompagnement_liste li {
		width: 33.33%;
		margin: 1em 0;
	}
	#contact { padding: 5% 0 }
	#contact::after { display: none }
	
	.header_tel a,
	.footer_tel a {
		font-size: 1.125em;
		padding: 10px 14px;
	}
	.header_tel a svg,
	.footer_tel a svg { 
		width: 18px; 
		height: 18px;
	}
	.footer-content {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
	}
	.footer_agence {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}
	.footer_tel {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		max-width: 50%;
		text-align: left;
		padding: 20px;
	}
	.footer_rs {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
		max-width: 50%;
		text-align: right;
		padding: 20px;
	}
	
	
}

@media screen and (max-width: 860px) {
	
	#header { height: auto; }
	.header_content {
		padding: 15px 20px;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.header_headline { 
		width: 100%;
		padding: 10px;
		text-align: center;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.header_tel { 
		width: 50%;
		padding: 10px;
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.header_logo {
		padding: 10px;
		width: 50%;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.header_logo img { margin: 0 }
	.heading-page {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.heading-page_title { width: 100% }
	.heading-page_title h1 {
		font-size: 4vw;
		padding: 4% 8vw;
		width: 50%;
	}
	.heading-page_title::after { height: 101%; }
	.heading-page_description {
		width: 100%;
	}
	.heading-page_description__inner { 
		padding: 8% 20px 5%;
		text-align: center;
		max-width: 680px;
	}
	.bouton-contact {
		padding: 10px 20px;
		font-size: 1em;
	}
	.bouton-contact svg {
		width: 32px;
		height: 32px;
	}
	#offre-photovoltaique { 
		margin: 5% 0;
		background-image: none;
	}
	.offre-photovoltaique_encart {
		position: relative;
		background: #eb6303;
		width: 100%;
		max-width: 100%;
		padding: 20px 30px;
		left: 0;
	}
	.offre-photovoltaique_content { 
		padding-top: 40vw; 
		background: url(../images/offre-panneau-solaires-aneo.jpg) center 0 no-repeat;
		background-size: 100% auto;
	}
	h2.decorated-title {
		font-size: 3vw;
		padding: 6% 8vw;
	}
	.list-avantages { max-width: 100%; }
	.offre-photovoltaique_content__left,
	.offre-photovoltaique_content__right { width: 50%; }
	.offre-photovoltaique_content__left { margin-top: -12%; }
	
	#contact .content_flex {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#contact .content_flex h2,
	#contact form {
		width: 100%;
		max-width: 780px;
	}
	
}

@media screen and (max-width: 640px) {
	#asd-contact { display: none }
	.content_block .col-2 div.wp50 {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		width: 100%;
		max-width: 100%;
	}
	.content_block .col-2 figure.wp50 { 
		-webkit-box-ordinal-group: 2; 
		    -ms-flex-order: 1; 
		        order: 1;
		width: 100%;
		max-width: 100%;
	}
	.content_block .col-2 figure.wp50 img {
		margin: 0 auto;
	}
	/* --- */
	.offre-photovoltaique_content {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		text-align: center;
	}
	.offre-photovoltaique_content__left,
	.offre-photovoltaique_content__right { 
		width: 100%;
		max-width: 100%;
	}
	.list-avantages {
		max-width: 280px;
		text-align: left;
		margin: 0 auto;
	}
	/* --- */
	h2.decorated-title {
		padding: 20px 60px;
		font-size: 1.6em;
	}
	.etapes-accompagnement_content { padding: 30px; }
	#contact .content_flex h2 { font-size: 1.5em }
	/* --- */
	.footer_agence {
		width: 50%;
		padding: 0 20px;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.footer_logo,
	.footer_rs {
		width: 50%;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	
}

@media screen and (max-width: 520px) {
	
	.content_block { padding: 0 }
	.content_flex > .wp25, 
	.content_flex > .wp33, 
	.content_flex > .wp50, 
	.content_flex > .wp66, 
	.content_flex > .wp75, 
	.content_flex > .wp100 { padding: 10px; }
	.header_headline { font-size: .75em; }
	.offre-photovoltaique_encart {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding: 20px;
	}
	.offre-photovoltaique_encart h2,
	.offre-photovoltaique_encart p {
		padding: 10px;
		text-align: center;
		border: none;
		width: 100%;
	}
	.offre-photovoltaique_encart p em { max-width: 100%; }
	.etapes-accompagnement_liste li { width: 50%; }
	#contact .content_flex h2, 
	#contact form { padding: 10px; }
	#contact input[type="submit"] {
		margin: 20px auto 0;
	}
	.footer-content { display: block; }
	.footer_agence,
	.footer_logo,
	.footer_tel,
	.footer_rs {
		padding: 10px;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;
		width: 100%;
	}
	.footer_logo img { margin: 0 auto }
}

@media screen and (max-width: 400px) {
	body { font-size: 14px; }
	.header_logo { width: calc(100% - 60px); }
	.header_tel {
		width: 60px;
		height: 60px;
	}
	.header_tel a {
		width: 40px;
		height: 40px;
		padding: 10px;
	}
	.header_tel a svg {
		width: 20px;
		height: 20px;
		margin: 0;
	}
	.header_tel a strong { display: none }
	.heading-page_title { padding: 10% 0 0; }
	.heading-page_title::after,
	 .heading-page_description::after { display: none }
	.heading-page_title h1 {
		font-size: 5vw;
		padding: 4% 10vw;
		margin-bottom: 40%;
		width: 60%;
	}
	.heading-page_title__img {
		width: 75%;
		margin: 5% -10% -10% -50%;
	}
	.heading-page_description__inner {
		padding: 15% 20px 40px;
	}
	.offre-photovoltaique_content {
    	padding-top: 60vw;
    	background-size: 150% auto;
	}
	.etapes-accompagnement_liste li img { max-width: 50% }
	.etapes-accompagnement_liste li { max-width: 150px; }
	.etapes-accompagnement_liste li strong { height: 50px; }
	label.wp50 { width: 100%; }
}