/* > NORMALIZE
-------------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, main, nav, section { display: block; }
body { line-height: 1; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, 
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	color: #55564f;
}

/* For IE */
main { display: block }

h2 {
	font-family: 'Oswald', sans-serif;
	line-height: 1.2em;
	font-size: 1.25em;
	margin: 0 0 1em;
}

p { 
	line-height: 1.3em;
	margin: 0 0 .75em;
}

* {
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

ul { list-style: none; }
ul li { list-style:none }

a { color:inherit; text-decoration:none; }
a img { border:none; }
em { font-style:italic; }
strong { font-weight:700; }

/* hack placeholder */
::-webkit-input-placeholder { color:inherit; }
:-webkit-input-placeholder { color:inherit; }
::-moz-placeholder { color:inherit; opacity:1; }
:-ms-input-placeholder { color:inherit; }
input[placeholder] { color:inherit; }

/* scroll comportement */
 html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
} 

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* > CLASS BLOCKS
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* > Flux ---------------------------- */
.left { float:left; }
.right { float:right }
.clearleft { clear:left; }
.clearight { clear:right; }
.clear { display:block; clear: both; height: 0; }
.clearfix { display:block; }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.hide { display:none }

/* > Block (base 100%) ---------------------- */
.content_row { 
	position:relative; 
	max-width: 980px;
	padding:20px;
	margin:0 auto;
	width:100%;
}

.wp20  { width:20% }            /* > 1/5  */
.wp25  { width:25% }            /* > 1/4  */
.wp30  { width:30% }
.wp33  { width:33.3333333333% } /* > 1/3  */
.wp40  { width:40% }            /* > 2/5  */
.wp50  { width:50% }            /* > 1/2  */
.wp60  { width:60% }            /* > 3/5  */
.wp66  { width:66.6666666666% } /* > 2/3  */
.wp70  { width:70% }
.wp75  { width:75% }            /* > 3/4  */
.wp80  { width:80% }            /* > 4/5  */
.wp100 { width:100%; }

.wp20, .wp25, .wp30, .wp33, .wp40, .wp50, 
.wp60, .wp66, .wp70, .wp75, .wp80, .wp100 {}

.content_row > .wp25,
.content_row > .wp33,
.content_row > .wp40,
.content_row > .wp50,
.content_row > .wp60,
.content_row > .wp66, 
.content_row > .wp75,
.content_row > .wp100 { padding:20px }

/* > 	Structure des "flexbox" ----------- */
.content_flex {
	padding: 0 20px;
	max-width: 1280px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.flex-center,
.flex-center .content_flex,
.content_flex.flex-center {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.flex-right,
.flex-right .content_flex,
.content_flex.flex-right {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}


.content_flex .object-fit-container,
.content_flex figure.img-fit {
	-webkit-align-self: stretch;
	    -ms-flex-item-align: stretch;
	            -ms-grid-row-align: stretch;
	        align-self: stretch;
}
.content_flex .object-fit-container img,
.content_flex figure.img-fit img {
	width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover; object-position: center;';
}
.content_flex > .wp25,
.content_flex > .wp33, 
.content_flex > .wp50, 
.content_flex > .wp66, 
.content_flex > .wp75,
.content_flex > .wp100 {
	padding:20px
}

.flex-top,
.content_flex.flex-top
.flex-top .content_flex {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.flex-middle, 
.content_flex.flex-middle,
.flex-middle .content_flex {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.flex-bottom, 
.content_flex.flex-bottom,
.flex-bottom .content_flex {
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
}

/* >	Typo -------------- */
h2.decorated-title {
	display: inline-block;
	text-transform: uppercase;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 420 160' preserveAspectRatio='none'%3E%3Cpath fill='rgb(205, 213, 33)' d='M145.000,0.000 L420.000,0.000 C420.000,0.000 420.000,7.828 420.000,14.456 C420.000,94.084 355.792,160.000 276.000,160.000 L0.000,160.000 C0.000,160.000 -0.000,147.505 -0.000,145.543 C-0.000,65.915 65.208,0.000 145.000,0.000 Z'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 1.1em;
	padding: 5% 5vw;
    font-size: 1.75vw;
	color: #fff;
}
h2.decorated-title span { color: #55564f }

/* >	Backgrounds ------------------ */
.bg-color1 { background-color: #00c3ed }
.bg-color1 h2,
.bg-color1 h3 { color: #fff; }
.bg-color1 p { color: #081340; }

.bg-color2 { background-color: #081340 }
.bg-color2 h2,
.bg-color2 h3 { color: #fff; }
.bg-color2 p { color: #70768e; }

.bg-gris { background-color: #e2e7f2; }
.bg-gris h2,
.bg-gris h3 { color: #081340; }
.bg-gris p { color: #70768e; }
	
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* > FORMULAIRES 
/* -------------------------------------------------------------------------------------------------------------------------------- */
.error_output,
.valid_output {
	text-align:center;
	padding:20px; margin:0 0 20px
}
.error_output p,
.valid_output p { 
	margin:0;
	color: #fff;
	font-size: .875em;
}
.error_output p em { display:none }
.error_output {
	margin: 5px;
	width: calc(100% - 10px);
	background-color:#e50000;
	color: #fff;
}
#fillme { display:none }
label { 
    display:block;
	padding: 5px;
}
select,
textarea,
input[type='tel'],
input[type='text'],
input[type='email'],
input[type='password'] {
	display:block;
	font-size: 14px;
	background-color: #fff;
	border: #fff 1px solid;
	color: #70768e;
	height: 50px; 
	width:100%;
	padding: 0 20px;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition:border-color .3s, background-color .3s, color .3s, -webkit-box-shadow .3s;
	transition:border-color .3s, background-color .3s, color .3s, -webkit-box-shadow .3s;
	-o-transition:border-color .3s, background-color .3s, box-shadow .3s, color .3s;
	transition:border-color .3s, background-color .3s, box-shadow .3s, color .3s;
	transition:border-color .3s, background-color .3s, box-shadow .3s, color .3s, -webkit-box-shadow .3s;
}
select:hover,
textarea:hover,
input[type='tel']:hover,
input[type='text']:hover,
input[type='email']:hover,
input[type='password']:hover {
	border-color: #c3cb00
}
select:focus,
textarea:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
	outline: none;
	border-color: #c3cb00;
	-webkit-box-shadow: #c3cb00 0 0 5px;
	        box-shadow: #c3cb00 0 0 5px;
}
label select { padding:0 10px; }
label textarea { 
	height: auto; 
	min-height: 120px;
	padding: 10px 20px;
}
/* --- erreur --- */
select.errorfield,
textarea.errorfield,
input[type='tel'].errorfield,
input[type='text'].errorfield,
input[type='email'].errorfield,
input[type='password'].errorfield {
	border-color:#e50000;
}
select.errorfield:hover,
textarea.errorfield:hover,
input[type='tel'].errorfield:hover,
input[type='text'].errorfield:hover,
input[type='email'].errorfield:hover,
input[type='password'].errorfield:hover {
	border-color:#e50000;
	color:#e50000;
}
select.errorfield:focus,
textarea.errorfield:focus,
input[type='tel'].errorfield:focus,
input[type='text'].errorfield:focus,
input[type='email'].errorfield:focus,
input[type='password'].errorfield:focus {
	border-color:#e50000;
	color:#e50000;
	-webkit-box-shadow:#e50000 0 0 5px;
	-ms-box-shadow:#e50000 0 0 5px;
	-o-box-shadow:#e50000 0 0 5px;
	box-shadow:#e50000 0 0 5px;
}

.bouton_1, .bouton_2,
input[type="button"],
input[type="submit"] {
	display: inline-block;
	font-size: 1.125em;
	color: #fff;
	border: none;
	border-radius: 20px;
	text-transform: uppercase;
	padding: 15px 70px 15px 20px;
	font-family: 'Oswald', sans-serif;
	background: calc(100% - 15px) center no-repeat;
	background-size: 40px 40px;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
.bouton_2,
input[type="button"] { 
	background-color: #363636; 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 44 44'%3E%3Cpath fill='rgb(255, 255, 255)' d='M22,0C9.8,0,0,9.8,0,22s9.8,22,22,22s22-9.8,22-22S34.2,0,22,0z M29.3,23.2L17,35.5c-0.3,0.3-0.7,0.5-1.2,0.5c-0.4,0-0.8-0.2-1.2-0.5c-0.6-0.6-0.6-1.7,0-2.3L25.8,22L14.7,10.8c-0.6-0.6-0.6-1.7,0-2.3c0.6-0.6,1.7-0.6,2.3,0l12.4,12.4c0.3,0.3,0.5,0.7,0.5,1.2C29.8,22.4,29.7,22.9,29.3,23.2z'/%3E%3C/svg%3E");
}
.bouton_1,
input[type="submit"] { 
	background-color: #aac810;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 44 44'%3E%3Cpath fill='rgb(255, 255, 255)' d='M22,0C9.8,0,0,9.8,0,22s9.8,22,22,22s22-9.8,22-22S34.2,0,22,0z M29.3,23.2L17,35.5c-0.3,0.3-0.7,0.5-1.2,0.5c-0.4,0-0.8-0.2-1.2-0.5c-0.6-0.6-0.6-1.7,0-2.3L25.8,22L14.7,10.8c-0.6-0.6-0.6-1.7,0-2.3c0.6-0.6,1.7-0.6,2.3,0l12.4,12.4c0.3,0.3,0.5,0.7,0.5,1.2C29.8,22.4,29.7,22.9,29.3,23.2z'/%3E%3C/svg%3E");
}
.bouton_1:hover, .bouton_1:active,
input[type="submit"]:hover, input[type="submit"]:active { background-color: #ea6800; }
.bouton_2:hover, .bouton_2:active,
input[type="button"]:hover, input[type="button"]:active { background-color: #ea6800; }

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* HEADER 
/* -------------------------------------------------------------------------------------------------------------------------------- */
#header {
	background-color: #fff;
	height: 150px;
	padding-top: 14px;
}
#header::before {
	content: "";
	display: block;
	position: absolute;
	top: 0; left: 0;
	height: 14px;
	width: 100%; 
	background: #cdd521;
}
.header_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	margin: 0 auto;
	padding: 0 40px;
	max-width: 1580px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	color: #39424a;
}
.header_tel {
	text-align: right;
	flex: 1 1 auto;
}
.header_tel a {
	display: inline-block;
	background: #ea6201 url(../images/gradient_bouton.png) 0 0 repeat-x;
	background-size: auto 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 14px 20px;
	line-height: 20px;
	border-radius: 20px;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
	font-weight: 700;
	font-size: 1.5em;
	color: #fff;
}
.header_tel a svg {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 10px 0 0;
	fill: #fff;
}
.header_tel:active a,
.header_tel:hover a {
	background-color: #cdd521;
	color: #fff;
}
.header_headline { padding: 0 5%; }
.header_logo { 
	max-width: 33.33%;
	flex: 0 0 auto;
}
.header_logo img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}
.header_logo a:hover img {
	-webkit-transform: scale(.95);
	    -ms-transform: scale(.95);
	        transform: scale(.95);
}

/* > panel de contact */
#asd-contact {
	position: fixed;
	text-align: center;
	right: 0; top: 25%;
	border-radius: 20px 0 0 20px;
	background: #eb6303;
	padding: 30px;
	width: 270px;
	z-index: 4;
	-webkit-box-shadow: rgba(0,0,0, .3) -5px 5px 15px;
	        box-shadow: rgba(0,0,0, .3) -5px 5px 15px;
	-webkit-transition: right .3s;
	-o-transition: right .3s;
	transition: right .3s;
}
#asd-contact h2 {
	margin: 20px 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.875em;
	font-weight: 700;
	color: #fff;
}
#asd-contact h2 { margin-bottom: 20px }
#asd-contact h2 strong { color: #242020 }
#asd-contact .bouton_2 {
	display: block;
	padding: 20px 70px 20px 20px;
}
#asd-contact .bouton_2:hover { background-color: #202020; }
.asd-contact_button {
	position: absolute;
	display: block;
	top: 10px; 
	left: 10px;
	width: 20px;
	height: 20px;
	background: center no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 34.3 53.7' fill='%23fff'%3E%3Cpolygon points='7.4,53.7 0,46.4 19.5,26.9 0,7.4 7.4,0 34.3,26.9'/%3E%3C/svg%3E");
	background-size: 10px auto;
}
#asd-contact.closed { right: -230px; }
#asd-contact.closed .asd-contact_button {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* PAGE 
/* -------------------------------------------------------------------------------------------------------------------------------- */
.heading-page {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 5%;
}
.heading-page::after {
	content: "";
	position: absolute;
	bottom: -1px; left: 0;
	height: 16px;
	width: 100%;
}
.heading-page_title {
	position: relative;
	width: 66%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	background: rgb(163,239,255);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(163,239,255,1)), to(rgba(211,247,254,1)));
	background: -o-linear-gradient(bottom, rgba(163,239,255,1) 0%, rgba(211,247,254,1) 100%);
	background: linear-gradient(0deg, rgba(163,239,255,1) 0%, rgba(211,247,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a3efff",endColorstr="#d3f7fe",GradientType=1);
}
.heading-page_title::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 0; left: -1px;
	width: 320px;
	height: 100px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 320 120' preserveAspectRatio='none'%3E%3Cpath fill='rgb(255, 255, 255)' d='M320.000,-0.000 L-0.000,-0.000 C-0.000,-0.000 -0.000,62.183 -0.000,120.000 C91.903,49.788 195.336,-0.000 320.000,-0.000 Z'/%3E%3C/svg%3E");
	background-size: 100% 100%;
}
.heading-page_title::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 0; 
	right: -1px;
	height: 100%; 
	width: 33.33%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 520 600' preserveAspectRatio='none'%3E%3Cpath fill='rgb(96, 96, 96)' d='M520.000,-0.000 C520.000,-0.000 520.000,600.000 0.000,600.000 L520.000,600.000 L520.000,-0.000 Z'/%3E%3C/svg%3E");
	background-size: 100% 100%;
}
.heading-page_title h1 {
	position: relative;
	z-index: 1;
	text-transform: uppercase;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 420 160' preserveAspectRatio='none'%3E%3Cpath fill='rgb(205, 213, 33)' d='M145.000,0.000 L420.000,0.000 C420.000,0.000 420.000,7.828 420.000,14.456 C420.000,94.084 355.792,160.000 276.000,160.000 L0.000,160.000 C0.000,160.000 -0.000,147.505 -0.000,145.543 C-0.000,65.915 65.208,0.000 145.000,0.000 Z'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	font-family: 'Oswald', sans-serif;
	margin-bottom: 15%;
	font-weight: 400;
	line-height: 1.1em;
	padding: 4% 6vw;
	width: 44%;
	max-width: 600px;
	font-size: 2vw;
	color: #fff;
}
.heading-page_title h1 span { color: #55564f }
.heading-page_title__img {
	position: relative;
	width: 60%;
	z-index: 2;
	margin: 5% -10% -5% -25%;
	max-width: 720px;
}
/*.heading-page_img {
	position: absolute;
	left: 20%; top: 20%;
	max-width: 720px;
	width: 40%;
	z-index: 1;
}
*/
.heading-page_description {
	width: 34%;
	color: #fff;
	position: relative;
	background: #606060;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.heading-page_description::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px; right: 0;
	width: 320px;
	height: 100px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 320 120' preserveAspectRatio='none'%3E%3Cpath fill='rgb(255, 255, 255)' d='M-0.000,120.000 L320.000,120.000 C320.000,120.000 320.000,57.817 320.000,-0.000 C228.097,70.212 124.664,120.000 -0.000,120.000 Z'/%3E%3C/svg%3E");
	background-size: 100% 100%;
}
.heading-page_description__inner { 
	max-width: 400px;
	padding: 40px;
}
.bouton-contact {
	padding: 10px 2vw;
	border-radius: 20px;
	background-color: #cbd300;
	font-family: 'Oswald', sans-serif;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 1.125em;
	line-height: 1.4em;
	color: #fff;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
}
.bouton-contact svg {
	display: inline-block;
	width: 44px; height: 44px;
	margin-left: 15px;
	fill: #fff;
}
.bouton-contact strong { 
	font-size: 1.125em;
	font-weight: 400;
}
.bouton-contact:hover { background-color: #242020 }
.heading-page_description .bouton-contact { margin: 1em 0 0; }

/* ---- */
.content_block { padding: 20px 0; }
.content_block h2 { color: #eb6e07 }
.content_block .col-2 {
	max-width: 1580px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.content_block .col-2 div.wp50 { max-width: 720px;  }
.content_block .col-2 figure.wp50 {
	width: auto;
	max-width: 50%;
}
.content_block figure img {
	display: block;
	max-width: 100%;
}
.photovoltaique-dualsun {
	display: block;
	max-width: 100%;
}
/* ---- */
#offre-photovoltaique {
	width: 90%;
	margin: 8% 0 0;
	position: relative;
	max-width: 1720px;
	background: #d8d8d9 url(../images/offre-panneau-solaires-aneo.jpg) right center no-repeat;
	background-size: auto 100%;
}
#offre-photovoltaique::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 0; 
	right: 0;
	height: 100%; 
	width: 33.33%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 520 600' preserveAspectRatio='none'%3E%3Cpath fill='rgb(255, 255, 255)' d='M520.000,-0.000 C520.000,-0.000 520.000,600.000 0.000,600.000 L520.000,600.000 L520.000,-0.000 Z'/%3E%3C/svg%3E");
	background-size: 100% 100%;
}
.offre-photovoltaique_encart {
	position: absolute;
	max-width: 850px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox=' 0 0 850 220' preserveAspectRatio='none'%3E%3Cpath fill='rgb(235, 99, 3)' d='M194.825,0.947 L849.989,0.947 C849.989,0.947 849.989,12.635 849.989,20.368 C849.989,130.100 762.765,221.058 655.168,221.058 L0.004,221.058 C0.004,221.058 0.004,211.703 0.004,201.637 C0.004,91.904 87.229,0.947 194.825,0.947 Z'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	z-index: 2;
	width: 80%;
	right: 0;
	top: -20%;
	padding: 20px 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #242020;
}
.offre-photovoltaique_encart h2 {
	width: 50%;
	padding-right: 20px;
	text-align: right;
	border-right: #242020 2px solid;
	font-family: 'Oswald', sans-serif;
	font-size: 2.5em;
	margin: 0;
}
.offre-photovoltaique_encart h2 strong {
	text-transform: uppercase;
	color: #fff;
}
.offre-photovoltaique_encart p {
	width: 50%; margin: 0;
	padding-left: 20px;
}
.offre-photovoltaique_encart p strong {
	font-family: 'Oswald', sans-serif;
	line-height: 1.2em;
	font-weight: 400;
	font-size: 2em;
	display: block;
}
.offre-photovoltaique_encart p em {
	font-style: normal;
	line-height: 1.2em;
	max-width: 300px;
	display: block;
}
.offre-photovoltaique_encart p strong.fc-blanc { color: #fff; }
.offre-photovoltaique_encart p strong span {
	font-size: .75em;
}
.offre-photovoltaique_content {
	width: 80%;
	z-index: 1;
	position: relative;
	max-width: 1540px;
	margin: 0 auto;
	padding: 6% 20px 3%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.offre-photovoltaique_content__left {
	padding: 20px;
}
.offre-photovoltaique_content__right {
	padding: 20px;
	max-width: 380px;
	width: 38%;
}
.offre-photovoltaique_content__right p {
	font-size: 1.125em;
	font-weight: 700;
	margin: 0 0 2em;
}
.list-avantages {
	max-width: 260px;
}
.list-avantages li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	line-height: 1.3em;
	margin: 1em 0;
}
.list-avantages li img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin-right: 5%;
}
/* --- */
#etapes-accompagnement {
	text-align: center;
	padding: 5% 0;
}
.etapes-accompagnement_content {
	padding: 40px;
	max-width: 1580px;
	margin: 0 auto;
}
.etapes-accompagnement_content p {
	max-width: 1280px;
}
.etapes-accompagnement_liste {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 3% auto;
}
.etapes-accompagnement_liste li {
	max-width: 220px;
	width: 16.66%;
}
.etapes-accompagnement_liste li img {
	display: block;
	max-width: 60%;
	margin: 0 auto -5%;
}
.etapes-accompagnement_liste li strong {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 420 160' preserveAspectRatio='none'%3E%3Cpath fill='rgb(205, 213, 33)' d='M145.000,0.000 L420.000,0.000 C420.000,0.000 420.000,7.828 420.000,14.456 C420.000,94.084 355.792,160.000 276.000,160.000 L0.000,160.000 C0.000,160.000 -0.000,147.505 -0.000,145.543 C-0.000,65.915 65.208,0.000 145.000,0.000 Z'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	font-weight: 700;
	font-size: .875em;
	padding: 5px 15px;
	height: 75px;
}
.etapes-accompagnement_liste li:nth-child(1) strong { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 420 160' preserveAspectRatio='none'%3E%3Cpath fill='%23f2a15e' d='M145.000,0.000 L420.000,0.000 C420.000,0.000 420.000,7.828 420.000,14.456 C420.000,94.084 355.792,160.000 276.000,160.000 L0.000,160.000 C0.000,160.000 -0.000,147.505 -0.000,145.543 C-0.000,65.915 65.208,0.000 145.000,0.000 Z'/%3E%3C/svg%3E"); }
.etapes-accompagnement_liste li:nth-child(2) strong { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 420 160' preserveAspectRatio='none'%3E%3Cpath fill='%23f6bd8e' d='M145.000,0.000 L420.000,0.000 C420.000,0.000 420.000,7.828 420.000,14.456 C420.000,94.084 355.792,160.000 276.000,160.000 L0.000,160.000 C0.000,160.000 -0.000,147.505 -0.000,145.543 C-0.000,65.915 65.208,0.000 145.000,0.000 Z'/%3E%3C/svg%3E"); }
.etapes-accompagnement_liste li:nth-child(3) strong { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 420 160' preserveAspectRatio='none'%3E%3Cpath fill='%23fbd781' d='M145.000,0.000 L420.000,0.000 C420.000,0.000 420.000,7.828 420.000,14.456 C420.000,94.084 355.792,160.000 276.000,160.000 L0.000,160.000 C0.000,160.000 -0.000,147.505 -0.000,145.543 C-0.000,65.915 65.208,0.000 145.000,0.000 Z'/%3E%3C/svg%3E"); }
.etapes-accompagnement_liste li:nth-child(4) strong { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 420 160' preserveAspectRatio='none'%3E%3Cpath fill='%23f2f061' d='M145.000,0.000 L420.000,0.000 C420.000,0.000 420.000,7.828 420.000,14.456 C420.000,94.084 355.792,160.000 276.000,160.000 L0.000,160.000 C0.000,160.000 -0.000,147.505 -0.000,145.543 C-0.000,65.915 65.208,0.000 145.000,0.000 Z'/%3E%3C/svg%3E"); }
.etapes-accompagnement_liste li:nth-child(5) strong { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 420 160' preserveAspectRatio='none'%3E%3Cpath fill='%23dce263' d='M145.000,0.000 L420.000,0.000 C420.000,0.000 420.000,7.828 420.000,14.456 C420.000,94.084 355.792,160.000 276.000,160.000 L0.000,160.000 C0.000,160.000 -0.000,147.505 -0.000,145.543 C-0.000,65.915 65.208,0.000 145.000,0.000 Z'/%3E%3C/svg%3E"); }
.etapes-accompagnement_liste li:nth-child(6) strong { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 420 160' preserveAspectRatio='none'%3E%3Cpath fill='%23cdd521' d='M145.000,0.000 L420.000,0.000 C420.000,0.000 420.000,7.828 420.000,14.456 C420.000,94.084 355.792,160.000 276.000,160.000 L0.000,160.000 C0.000,160.000 -0.000,147.505 -0.000,145.543 C-0.000,65.915 65.208,0.000 145.000,0.000 Z'/%3E%3C/svg%3E"); }
.etapes-accompagnement_liste li em {
	font-style: normal;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 2em;
	color: #fff;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin-right: 10px;
}
.etapes-accompagnement_liste li span {
	text-align: left;
	max-width: 120px;
}
/* --- */
#contact { 
	padding: 5% 0 5% 10%;
	position: relative;
	background-position:  center bottom;
	background-repeat: repeat-x;
	background: #606060;
	color: #fff;
}
#contact::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 0; 
	left: 0;
	height: 100%; 
	width: 33.33%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 520 600' preserveAspectRatio='none'%3E%3Cpath fill='rgb(255, 255, 255)' d='M0.000,600.000 C0.000,600.000 0.000,-0.000 520.000,-0.000 L0.000,-0.000 L0.000,600.000 Z'/%3E%3C/svg%3E");
	background-size: 100% 100%;
}
#contact .content_flex { max-width: 1280px; }
#contact .content_flex > h2 {
	color: #fff;
	margin: 0;
	font-size: 2em;
	padding: 20px;
	max-width: 320px;
	width: 33.33%;
}
#contact form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 820px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 20px;
	width: 66.66%;
}
#contact input[type="submit"] {
	display: block;
	width: 160px;
	margin: 20px 5px 20px auto;
}
#contact .valid_output {
	width: 66.66%;
	margin: 0;
}
#contact .valid_output h2 {
	text-transform: uppercase;
	font-size: 2.25em;
	color: #fff;
}
#contact .valid_output p {
	font-size: 1.25em;
	max-width: 360px;
	margin: 0 auto;
}


/* -------------------------------------------------------------------------------------------------------------------------------- */
/* FOOTER 
/* -------------------------------------------------------------------------------------------------------------------------------- */
#footer {
	position: relative;
	background-color: #fff;
	padding: 20px 0;
}
#footer::before {
	content: "";
	display: block;
	position: absolute;
	top: 0; left: 0;
	height: 14px;
	width: 100%; 
	background: #cdd521;
}
.footer-content {
	padding: 40px 20px;
	max-width: 1580px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.footer-content p { font-size: .875em; }
.footer_logo { 
	padding: 0 10px;
	max-width: 30%;
}
.footer_logo img {
	display: block;
	max-width: 180px;
	width: 100%;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}
.footer_logo a:hover img {
	-webkit-transform: scale(.95);
	    -ms-transform: scale(.95);
	        transform: scale(.95);
}
.footer_tel {
	text-align: center;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	padding: 0 10px;
}
.footer_tel p { 
	font-weight: 700;
	line-height: 1.3em;
}
.footer_tel a {
	display: inline-block;
	background: #ea6201 url(../images/gradient_bouton.png) 0 0 repeat-x;
	background-size: auto 100%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 14px 20px;
	line-height: 20px;
	border-radius: 20px;
	-webkit-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
	font-weight: 700;
	font-size: 1.5em;
	color: #fff;
}
.footer_tel a svg {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 10px 0 0;
	fill: #fff;
}
.footer_tel:active a,
.footer_tel:hover a {
	background-color: #cdd521;
	color: #fff;
}
.footer_agence {
	padding: 0 20px;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}
.footer_rs {
	padding: 0 10px;
	text-align: right;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.footer_rs a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: left;
	line-height: 1.3em;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}
.footer_rs img { margin: 0 10px 0 0; }
.footer_rs a:hover { color: #ea6800; }
.footer-mention {
	font-size: 12px;
	line-height: 1.3em;
	text-align: center;
	max-width: 1580px;
	padding: 20px 40px;
	margin: 0 auto;
}


/* > FONTS / TEXTS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > font-weight ------------------------------------------------ */
.fw-300     { font-weight:300; }
.fw-400     { font-weight:400; }
.fw-500     { font-weight:500; }
.fw-700     { font-weight:700; }
.fw-900     { font-weight:900; }
.fw-norm    { font-weight:normal; }
.fw-bold    { font-weight:bold; }
.fs-italic  { font-style:italic; }
.fs-norm    { font-style:normal; }

/* > textes ------------------------------------------------------ */
.undernone { text-decoration:none; }
.underline { text-decoration:underline; }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:none; }
.text-justify   { text-align:justify; }
.text-center    { text-align:center; }
.text-right     { text-align:right; }
.text-left      { text-align:left; }

/* > font-size --------------------------------------------------- */
.fs-11 { font-size: 0.688em; }
.fs-12 { font-size: 0.750em; }
.fs-14 { font-size: 0.875em; }
.fs-16 { font-size: 1em; 	 }
.fs-18 { font-size: 1.125em; }
.fs-20 { font-size: 1.25em;  }
.fs-24 { font-size: 1.5em;   }
.fs-28 { font-size: 1.750em; }
.fs-30 { font-size: 1.875em; }
.fs-32 { font-size: 2em;     }
.fs-36 { font-size: 2.250em; }
.fs-40 { font-size: 2.5em;   }
.fs-46 { font-size: 2.875em; }
.fs-50 { font-size: 3.125em; }
.fs-60 { font-size: 3.750em; }
.fs-72 { font-size: 4.500em; }