/*
Theme Name:   Impreza Child
Theme URI:    /impreza-child/
Description:  Impreza Child Theme
Author:       Camille Colvray
Author URI:   https://siti.fr
Template:     Impreza
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-readys
Text Domain:  imprezachild
*/


/*----------------*/
/*---- GLOBAL ----*/
/*----------------*/

.w-image img:not([src*=".svg"]),
.w-image[class*="ush_image_"] img {
	width: revert-layer !important;
}

:root {
	--color-orange: #F19200;

	--color-green: #188a04 !important;
	--bg-grey: #f2f2f0;
	--dark: #2e3b7d;
}

a:focus,
button:focus {
	outline: none !important;
	/* ou n'importe quelle autre couleur et style de bordure */
}

.orange {
	color: var(--color-green);
}

.shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 -52px 26px -17px #ffffff;
	top: 0;
	left: 0;
}

/*----------------*/
/*---- HEADER ----*/
/*----------------*/

.l-subheader.at_middle.width_full {
	backdrop-filter: blur(10px);
	background: #ffffff8f;
}

.l-subheader.at_middle.width_full .w-nav-list.level_2 {
	backdrop-filter: blur(10px);
	background: #ffffffcf;
}

.l-subheader.at_middle nav {
	color: var(--dark);
	font-weight: 700;

}

.l-header.shadow_thin .l-subheader.at_middle,
.l-header.shadow_thin .l-subheader.at_bottom {
	box-shadow: none !important;
}

.l-subheader.at_top.width_full {
	color: white !important;
	background: var(--color-green) !important;
	text-align: center;
}

.l-subheader.at_top.width_full .w-text-value {
	text-wrap: wrap;
}


/*-----------------------------------*/
/*----------- ACCUEIL NEW -----------*/
/*-----------------------------------*/
.section-accueil .wrapper-phone {
	position: fixed;
	margin-top: 1rem;
	z-index: 5;
	left: 1%;
	bottom: 1%;
}

.section-accueil .bouton-depliant {
	font-size: 1.2rem;
	line-height: 1.2 !important;
	font-weight: 600;
	font-style: normal;
	text-transform: none;
	letter-spacing: 0em;
	border-radius: 2em;
	background: transparent;
	border-color: #ffffff;
	color: #1a1a1a !important;
	box-shadow: 1px 1px 6px 3px rgba(26, 26, 26, 0.16);
	display: flex;
	align-items: center;
	justify-content: center;

}

.section-accueil .bouton-depliant i {
	padding: 1em;
	border-radius: 2em;
	box-shadow: 1px 1px 6px 0px rgba(26, 26, 26, 0.16);
	background-color: #ffffff;
}

.section-accueil .bouton-depliant i:hover {
	box-shadow: 1px 1px 6px 3px rgba(26, 26, 26, 0.16);
}

.section-accueil .bouton-depliant .nous-contacter {
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	width: 0;
	color: #000000 !important;
}

.section-accueil .phone-mobile {
	position: fixed;
	margin-top: 1rem;
	z-index: 5;
	left: 1%;
	width: auto;
	bottom: 0.5%;
	box-shadow: 1px 1px 6px 3px rgba(26, 26, 26, 0.16) !important;
}

.section-accueil .wrapper-google i {
	font-size: 1.1rem;
}

.section-accueil .wrapper-google .w-image {
	margin-right: 1rem;
}

.section-accueil .wrapper-google {
	display: flex;
	align-items: center;
	background-color: #fff;
	padding: 1rem;
	border-radius: 10px 2em 2em 10px;
	position: fixed;
	right: -8.5rem;
	;
	top: 20%;
	transition: right 0.5s ease;
	z-index: 5;
	box-shadow: 1px 1px 6px 3px rgba(26, 26, 26, 0.16);
}


.accueil h2 {
	color: var(--color-green) !important;
	font-size: max(1.4rem, 1.4vw);
	font-weight: 600;
}

.accueil h3 {
	font-weight: bolder;
	/*line-height: 46px;*/
	color: var(--dark);
	font-size: max(1.8rem, 2.1vw);

	max-width: 470px;
}

.accueil h3 span {
	color: var(--color-green);
}


.accueil p {
	font-weight: 500;
	max-width: 600px;
	margin: 2rem 0;
}

.accueil .wpb_column.vc_column_container {
	justify-content: center;
}

.bandeau-rge {
	background: #f7f6f3;
}

.bandeau-rge .w-hwrapper {
	justify-content: space-evenly !important;
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
}

.section-etapes {}

.section-etapes h2 {
	font-size: max(1.7rem, 1.8vw);
	margin-bottom: 1rem;
	color: var(--dark) !important;
	margin-bottom: 0;
}

.section-etapes h2 span {
	color: var(--color-green);
}

.colonne-etapes-gauche h2 {
	text-align: end;
}

.section-etapes h3 {
	font-size: max(1.7rem, 1.8vw);
	margin-bottom: 1rem;
	color: #C2C2C2;
	font-weight: 400;
	padding-top: 0;
	max-width: 1500px;
}

.section-etapes p {
	margin: 0 !important
}

.section-etapes img {
	max-width: 250px;
}

.section-etapes .colonne-etapes-droite,
.section-etapes .colonne-etapes-gauche {
	justify-content: flex-start !important;
}

.section-etapes .g-cols.vc_row.via_grid {
	--custom-columns: 2.4fr 0.2fr 2.4fr !important;
}

.section-etapes-titres {
	text-align: center;
}

.section-etapes-titres h2 {
	max-width: 1500px;
	font-size: var(--h2-font-size, inherit);
	color: var(--dark) !important;
	font-weight: 600;
}

.section-etapes-titres h2 span {
	color: var(--color-green) !important;
}

.section-etapes-titres h3 {
	margin: auto;
	line-height: 1;

}

.section-etapes-titres h3 span {
	font-size: var(--h3-font-size, inherit);
	color: var(--dark) !important;
	font-weight: 600;

}

.section-etapes .w-hwrapper {
	align-items: flex-end !important;
}

.section-etapes .w-hwrapper .wpb_text_column {
	max-width: 400px;
}

.colonne-etapes-gauche {
	margin-top: 1rem;
}


.colonne-etapes-gauche p {
	max-width: 550px;
	text-align: end;
}

.colonne-etapes-gauche .vc_column-inner {
	display: flex;
	flex-direction: column;
	align-items: end;
}

.colonne-etapes-milieu {
	display: flex;
	flex-direction: column;
	position: relative;
	border-color: var(--color-content-border);
	justify-content: flex-start !important;
	align-items: center;

}

.colonne-etapes-milieu .trait-vertical {
	min-height: 102%;
	position: absolute;
	border: 2px solid var(--dark);
	left: 49%;
	top: 0;
	border-radius: 20px;
}

.colonne-etapes-milieu .content-dot {
	text-align: center;
}

.colonne-etapes-milieu .dot {
	margin-top: 1.2rem;
	height: 20px;
	width: 20px;
	background-color: var(--color-green);
	border-radius: 50%;
	display: inline-block;
	z-index: 2;
	position: relative;
	margin-right: -3px;
}


.colonne-etapes-droite {}

.colonne-etapes-droite p {
	max-width: 550px;
}


.section-pourquoi-installer .accordeon {
	margin-top: 4rem;
}

.section-pourquoi-installer .w-tabs.accordion>div>.w-tabs-section {
	border-width: 0px 0 0 0;
	border-bottom: 2px solid #DFDFDF;
}

.section-pourquoi-installer .w-tabs-section-content {
	padding-top: 0 !important;
}

.section-pourquoi-installer .w-tabs-section-content p {

	margin-bottom: 0;
	margin-top: 0;
}

.section-pourquoi-installer .w-tabs-section-control {
	color: #DFDFDF;
	font-size: max(1.5rem, 1.5vw);
}

.section-picto-calculateur h1 {
	text-align: center;
}

.section-pourquoi-installer .w-tabs-section-header {
	font-size: max(1.2rem, 1.2vw) !important;
	padding: 1.5rem 9px;
}

.section-header h1 {
	color: white;
}

.section-header .btn-estimer-contact {
	margin-top: 2rem;
	margin-bottom: 3rem;
}

.section-header {
	text-align: center;
}

.input-label-container {
	position: relative;
	margin: 0 0px 20px 0px;
}

.section-decouvrez .input-label-container {
	margin-top: 3rem;


}

.section-decouvrez .input-container {
	border-radius: 50px !important;
	box-shadow: 0px 3px 7px 0px #bfbfbf;
}


.input-label-container input {
	display: inline-block;
	border: thin solid #fafafa;
	border-bottom: solid medium #999;
	background-color: #fafafa;
	padding: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: var(--color-green);
	;
}

.section-accueil .arguments-adresses {
	color: white !important;
}

.input-label-container label {
	color: var(--color-green);
	;
	position: absolute;
	pointer-events: none;
	display: none;
	transition: 0.2s;
	font-weight: 500;
	font-size: max(0.8rem, 1.1vw);
	line-height: 11px;
	font-family: 'Montserrat';
}


.section-accueil h1 {
	font-size: max(2.5rem, 3.2vw);
	font-weight: 600;
	margin-bottom: 2rem;
	color: white;
	text-shadow: 0px 1px 6px #5b5b5b;
	margin-bottom: 0;
}

.section-accueil h1 span {
	color: var(--color-green);
}

.section-accueil .section-accueil-pictos {
	justify-content: space-between;
}

.section-accueil-header {
	height: 768px;
}

.section-accueil h2 {
	color: white;
	text-shadow: 0px 0px 15px black;
}

.section-accueil .l-section-img {
	background-position: top;
}

.section-accueil .lieu {
	color: white;
	font-size: 1.5rem;
	font-weight: 600;
}

.section-accueil .wrapper-pin {
	background: var(--color-green);
	max-width: max-content;
	padding: 0.5rem 1rem;
	border-radius: 10px;
}

.section-accueil .wrapper-pin .w-image {
	max-width: 25px;
	margin-right: 0.7rem;
}

.sec .section-accueil .l-section-h.i-cf {
	margin-bottom: 2rem;
}

.section-accueil .diviser-vos-factures {
	display: inline-block;
	width: auto;
	background: var(--color-green);
	color: white;
	font-size: max(1rem, 1vw);
	padding: 6px 3rem 6px 1rem;
	border-radius: 17px 17px 0px 1px;
	font-weight: 600;
	margin-top: 3rem;
}


.section-accueil .adresse .w-text-value {
	font-weight: 500;
	font-size: max(1.2rem, 1.2vw);
}

.titre-h1 .w-text-value span {
	color: #EF7F34 !important;
}

.section-accueil .divisez-vos-factures .w-text-h {
	color: white;
	background: var(--color-green);
	padding: 2px 21px;
	border-radius: 3px;
	font-size: max(1rem, 1vw);
	padding-bottom: 5px;
}

.section-accueil .avis-google {
	margin-top: 1.5rem;
	margin-bottom: 4rem
}

.section-accueil .avis-google .w-text-value {
	color: #6F7070;
	font-weight: 600;
}

.section-accueil .entrez-adresse,
.section-decouvrez .entrez-adresse {
	padding: 0.8rem 18px !important;
	flex-grow: 1;
	outline: none;
	border-radius: 6px;
	box-shadow: none;
	font-size: 19px !important;
	color: #AEAEAE;
}

.section-accueil .entrez-adresse::placeholder {
	color: #AEAEAE !important;
}

.section-accueil .input-container,
.section-decouvrez .input-container {
	display: flex;
	border-radius: 6px;
	overflow: hidden;
	align-items: center;
	background-color: white;
	border-radius: 0px 50px 50px 50px;
}

.section-accueil .input-button,
.section-decouvrez .input-button {
	border: none;
	background-color: var(--color-green);
	color: white;
	padding: 8px 15px;
	cursor: pointer;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 1rem;
}

.section-accueil .input-button:hover,
.section-decouvrez .input-button:hover {
	background: #EF7F34;
}

.section-accueil .loc-button {
	background: transparent;
	color: #b8b8b8;
	margin-left: 1rem;
}

.section-accueil .loc-button:hover {
	color: #000000;
}

.section-accueil .input-container i,
.section-decouvrez .input-container i {
	font-size: 37px;
	font-weight: 500;
}


.section-accueil .entrez-adresse::placeholder,
.section-decouvrez .entrez-adresse::placeholder {
	font-weight: bold;
	opacity: 0.5;

	color: #AEAEAE !important;
	/*#f191009d;*/
	opacity: 1;
	font-weight: 500;
	;
}


.section-accueil .entrez-adresse:focus,
.section-decouvrez .entrez-adresse:focus {
	box-shadow: none;
}

.section-accueil .arguments-adresses {
	font-weight: 400;
	font-size: max(1rem, 0.9vw);
	text-wrap: nowrap;
	font-family: 'Montserrat';
}

.section-accueil .arguments-adresses img {
	width: 17px;
}

.section-accueil-avis {
	margin-top: -10rem;
	margin-bottom: 5rem;
}

/*---- Notre equipe ----*/

.section-notre-equipe h2 {
	font-weight: 600;
	/*max-width: 591px;*/
	margin-bottom: 0;
}

.section-notre-equipe .column-notre-equipe {
	align-items: center;
	justify-content: center;
}

.section-notre-equipe .jusqua-80km {
	color: var(--color-green);
	font-weight: 700;
	margin-bottom: 2rem;
}

.section-notre-equipe .card-notre-equipe {
	box-shadow: 0 2px 5px 1px #d7d7d7;
	border-radius: 5px;
	max-width: 500px;
	padding: 1rem 1rem;
	justify-content: space-between;
	cursor: pointer;
	transition: 0.3s;
	border: 2px solid transparent;
}

.section-notre-equipe .card-notre-equipe:hover {
	box-shadow: 0 2px 5px 1px #188a04;
	border: 2px solid #188a04;
}


.section-notre-equipe .content-rencontre {
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-notre-equipe .wrap-col-rencontre {
	margin-left: 1rem;
}


.section-notre-equipe .img-rencontre {
	border-radius: 0 78px 0 0;
}

.section-notre-equipe .wpb_content_element {
	width: 100%;
}

.section-notre-equipe .card-notre-equipe .wpb_wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section-notre-equipe .card-notre-equipe h3 {
	font-size: max(0.9rem, 0.8vw);
}

.section-notre-equipe .card-notre-equipe span {
	font-size: max(0.7rem, 0.7vw);
}

.section-notre-equipe .card-notre-equipe .w-image {
	width: 72px;
}

.section-notre-equipe .card-notre-equipe p {
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
}

.section-notre-equipe .card-notre-equipe i {
	color: var(--color-green);
	font-size: 1.5rem;
	font-weight: 300;
	margin-left: 1rem;
}

.section-accueil-installation .nombre-install {
	font-size: 14em;
	font-weight: 900;
	color: var(--color-green);
	line-height: 0.8;
}

.section-accueil-installation iframe {
	border-radius: 78px 0 0 0;
}

.section-accueil-installation .installations .w-text-value {
	font-size: 3.5rem;
	font-weight: 600;
	text-transform: uppercase;
}

.section-accueil-installation .installations {
	margin-top: 1.5rem;
	margin-bottom: 2rem;
}


.section-accueil-installation .w-vwrapper {
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 446px;
}

.section-accueil-installation .solaires .w-text-value {
	font-size: 5.6rem;
	font-weight: 600;
	text-transform: uppercase;

}

.section-accueil-installation .ain {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}

.section-accueil-installation .ain .w-text-value {
	font-size: 2.2em;
	text-transform: uppercase;
	color: #7B7B7B;
}

.section-accueil-installation .w-btn-wrapper {
	text-align: center;
	margin-right: 0 !important;
	width: 100%;
}

.section-accueil-installation .w-btn-wrapper a {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 1.1em;
	padding: 0.8em 1em;
}


.section-accueil-installation a {
	background: var(--color-green);
	;
}

.column-chiffres {
	justify-content: center;
	align-items: center;
}



.section-decouvrez {
	z-index: 1;
}

.section-electricite-generale h2 {
	font-size: max(1.8rem, 2.1vw);
	color: var(--dark) !important;
}

.grid-articles h2 {
	font-size: var(--h5-font-size, inherit);
	font-weight: 600;
}

.section-decouvrez .wpb_column.vc_column_container {
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4rem;
}

.section-decouvrez .decouvrez {
	margin-bottom: 0;
	font-family: 'Ubuntu';
}

.section-decouvrez .decouvrez {
	font-weight: 900;
	text-transform: uppercase;
	color: var(--color-green);
	font-size: max(0.9rem, 0.9vw);
}

.section-decouvrez .projet-30sec {
	margin-bottom: 2rem;
}

.section-decouvrez .projet-30sec .w-text-value {
	font-weight: 900;
	text-transform: uppercase;
	font-size: max(1.5rem, 1.5vw);
}


.section-decouvrez .pictos-label {
	font-weight: 500;
	font-size: max(1rem, 1vw);
}

.section-decouvrez .pictos-label img {
	width: 36px !important;
}


.section-reduction {
	background: #F6F6FF;
	text-align: center;
	padding-bottom: 1.5rem;
	padding-top: 4rem;
	margin-top: -2rem;
	font-size: max(1rem, 1vw);
	line-height: 28px;
}

.section-reduction .texte-reduction {
	font-weight: 600;
	font-style: italic;
}

.section-decouvrez .entrez-adresse {
	padding: 1.5rem 18px;
	font-size: max(1.1rem, 1.1vw);
}

/*------------------------------*/
/*----------- ACCUEIL-----------*/
/*------------------------------*/
.section-home .first-h1 {
	text-align: center;
	color: white;
}

.section-home .first-btn-estimer-projet-solaire {
	font-size: 25px;
	/*background: white;
    color: #ef8c34!important;*/
}

.section-home .first-h1 span {
	color: var(--color-green)
}

.section-home .w-hwrapper {
	justify-content: space-evenly;
}

.section-home .l-section-h.i-cf {
	height: 100vh;
}

.section-home .g-cols {
	height: 100%;
}

.section-home .vc_column-inner {
	display: flex;
	flex-direction: column;
	height: 97%;
	justify-content: space-between;
	margin-top: -4rem;
}

.section-home .l-section-img,
.section-home .l-section-overlay {
	/*height: 84vh;*/
}

.home-header-pictos a {
	color: var(--dark);

}

.home-header-pictos a:hover {
	text-decoration: none !important;
}

.home-wrapper-header-pictos {
	justify-content: space-around !important;
}

.section-pictos-header-mobile {
	display: none;
}

.first-content-home h1 {
	margin-bottom: 0;
}

.first-content-home {
	text-align: center;
	color: white;
}

.first-content-home h4 {
	font-size: max(0.9rem, 0.9vw);
}

.first-content-home h3,
.first-content-home h4 {
	color: white;
	margin: 0;
}


.section-home .w-vwrapper {
	background: white;
	border-radius: 15px;
	padding: 0 3%;
	box-shadow: 0 0 9px 2px #8080804d;
	margin: 0 1rem;
	height: 100%;
	padding-bottom: 1rem;
}

.section-home .w-vwrapper h4 {
	padding-top: 1.5rem;
}

.section-home .w-vwrapper .w-image {
	margin-bottom: -0.9rem;
}

.section-home .w-vwrapper .w-btn-wrapper {
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s linear 0.4s, opacity 0.4s linear;
}

.section-home .home-header-pictos:hover .w-btn-wrapper {
	opacity: 1;
	visibility: visible;
	transition: visibility 0s linear 0s, opacity 0.5s linear;
}

.section-energie .le-saviez-vous-wrapper-toggle {
	justify-content: center !important;
}

.section-energie .w-vwrapper {
	margin: 0 5%;
}

.section-energie h3 {
	margin-bottom: 6px;
}

.section-energie h5 {
	font-style: italic;
}

.section-energie h6 {
	text-transform: uppercase;
	font-style: italic;
	font-weight: 600;
}

.section-energie p {
	max-width: 650px;
	font-weight: 500;
	color: #000000bd;
	margin-top: 2rem;
}


.partenaire-energie-section-conversion h5 {
	font-weight: 700;
}

.partenaire-energie-section-conversion {
	background: #f7f6f3;
	margin-top: 3rem;
	padding: 2rem 0rem;
}

.partenaire-energie-section-conversion p {
	margin-top: 0;
	margin-bottom: 3rem;
	max-width: 540px;
}

.partenaire-energie-kwh {
	margin-top: 3.7rem;
}

.partenaire-energie-kwh .w-image {
	margin-right: 0.6rem;
	margin-left: 0.6rem;
}

.partenaire-energie-kwh .w-text {
	font-size: max(4rem, 3vw);
}

.elec-kwh-mobile {
	display: none;
}


.section-prestataire .wpb_column {
	align-items: center;
	justify-content: center;
}

.section-prestataire h3,
.section-prestataire .prestataire-intro {
	text-align: center;

}

.section-prestataire .prestataire-intro {
	max-width: 550px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 600;
	font-style: italic;
}

.section-prestataire .w-hwrapper {
	justify-content: space-evenly;
	margin-top: 5rem;
	margin-bottom: 3rem;
	align-items: stretch;
}

.section-prestataire .w-vwrapper {
	/*align-items: flex-end;*/
	justify-content: inherit;
	font-style: italic;
}

.section-prestataire .prestataire-first-column-text {
	margin-right: 10% !important;
	;
}

.section-prestataire .w-text {
	height: 39px;
}

.section-prestataire p:not(.prestataire-intro) {
	max-width: 329px;
	margin-top: 0.6rem;
}

.section-prestataire p:not(.prestataire-intro) .w-text-h {
	display: flex;
}

.section-prestataire p:not(.prestataire-intro) i {
	color: var(--color-green);
}

.section-votre-projet-elec .w-hwrapper {
	background: var(--color-green);
	padding: 2rem 5%;
	border-radius: 9px;
	max-width: 1322px;
	margin-left: auto;
	margin-right: auto;
}

.section-votre-projet-elec h3 {
	text-align: left;
	color: white;
	font-style: normal;
	margin-bottom: 0 !important;
}

.section-votre-projet-elec p {
	max-width: 667px !important;
	color: white;
	font-weight: 500;
	font-style: normal;
}

.section-votre-projet-elec a {
	margin-top: 0.8rem;
}

.section-qui-sommes-nous h4 {
	margin-bottom: 0;
	padding-top: 0;
	font-size: 1.5rem;
}

.section-qui-sommes-nous p {
	margin: 1rem 0;
}

.section-electricite-generale .vc_column-inner,
.section-electricite-generale .w-image,
.section-electricite-generale .w-image-h,
.section-electricite-generale img {
	height: 100%;
}

.section-electricite-generale img {
	width: 100% !important;
	object-fit: cover;
}

.section-electricite-generale .wpb_wrapper p:last-child {
	margin-bottom: 0 !important;
}

.section-etapes-trois {
	margin-bottom: 4rem;
}

/*------------------------------*/
/*---------- LOCALITÉ ----------*/
/*------------------------------*/

.section-localite h1 {
	text-align: center;
	color: white !important;
	text-shadow: 0px 1px 6px #5b5b5b;
}

.section-localite .vc_column-inner {
	position: relative;
}

.section-localite .l-section-h {
	position: relative;
	max-width: 1130px;
	margin: auto;
}

.section-localite .wrapper-localite h2 {
	color: white !important;
	font-size: 30px !important;
}

.section-localite .wrapper-localite {
	position: absolute;
	padding: 8px;
	background-color: #ffffff42;
	backdrop-filter: blur(5px);
	rotate: -30deg;
	border-radius: 20px;
}

.section-pictos-localite {
	background: var(--bg-grey);
}

.section-localite h3 {
	color: white !important;
}

.section-grid-chantiers h2 {
	text-align: center;
	margin-bottom: 0 !important;
	font-weight: bolder;
}

.section-grid-chantiers h3 {
	color: var(--color-green) !important;
	text-align: center;
	margin-bottom: 3rem;
}

.section-grid-chantiers .grille-chantier h3 {
	text-align: left;
	color: var(--dark) !important;
}

.section-grid-chantiers .grille-chantier .post_taxonomy .w-btn {
	width: auto !important;
}

.section-grid-chantiers .wrapper-chantiers {
	padding: 20px;
	box-shadow: 0px 0px 6px 0 #00000050;
	border-radius: 1em;
	margin-bottom: 1.5rem !important;
}

.section-grid-chantiers .wrapper-chantiers .post_image {
	aspect-ratio: 16 / 9;
	border-radius: 0.5em;
	box-shadow: 0px 0px 2px 0 #00000050;
	height: 100%;
}

.section-grid-chantiers .wrapper-chantiers img {
	height: -webkit-fill-available;
}

.section-grid-chantiers .l-section {
	padding-top: 1rem !important;
	padding-left: 0rem !important;
	padding-right: 0rem !important;
}

.section-grid-chantiers .wrapper-chantiers .w-vwrapper {
	height: 100%;
	justify-content: space-between;
}

.installations-locales iframe {
	border-radius: 0 !important;
}

/*------------------------------------*/
/*---------- BLOG : ARTICLE ----------*/
/*------------------------------------*/
.blog h1 {
	font-size: max(1.7rem, 1.7vw);
}

.blog h2 {
	font-size: max(1.2rem, 1.1vw);
	font-weight: 700;
	font-family: 'Objectivity';
	margin-bottom: 2rem;
}

.blog h3 {
	font-size: max(1rem, 1vw);
	font-weight: 500;
	font-family: 'Objectivity';
}

.blog .cta-img img {

	border-radius: 19px;
}

.blog .post_content section {
	padding-top: 0;
}

.blog .post_content div,
.phrase_dintroduction {
	font-family: 'Objectivity';
	line-height: 26px;
	font-size: 18px;
	color: #666;
}

.blog .post_content img {
	margin: 4rem 0;
	max-width: 500px;
	border-radius: 4px;
}

.blog .post_content .w-image-h {
	text-align: center;
}

.blog .phrase_dintroduction {
	margin-top: 3rem;
	margin-bottom: 2rem;
}

.blog .article-contact {
	margin-top: 4rem;
}

.blog .main-img {
	text-align: right;
}

.blog .article-wrap {
	width: 100%;
	display: flex;
	grid-template-rows: auto;
	margin-top: 20px;
}

.blog .article-maj-content {
	width: 100%;
	margin-right: 30px;
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	color: #101828;
	background-color: #f9f9f9;
	border-radius: 8px;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 16px;
	display: flex;
	align-items: center;
	grid-area: span 1/span 1/span 1/span 1;
}

.blog .img-profil {
	border-radius: 100vw;
}

.blog .icon-maj {
	width: 40px;
	height: 40px;
	max-height: 40px;
	max-width: 40px;
	min-height: 40px;
	min-width: 40px;
	font-size: 20px;
	color: #54bf9c;
	background-color: #e5f5f0;
	border-radius: 100vw;
	justify-content: center;
	align-items: center;
	display: flex;
}

.blog .icon-maj i {
	width: 1em;
	height: 1em;
	display: flex;
	margin-left: 3px;
}

.blog .maj-date {
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
}

.blog .article-boutons {
	display: flex;
}

@media screen and (max-width: 1200px) {
	.blog .article-wrap {
		flex-direction: column;
	}

	.blog .article-maj-content {
		margin: 1rem 0;
	}

	.blog .article-boutons {
		flex-direction: column;
	}

	.blog .article-boutons a {
		margin-top: 1rem;
		width: 100%;
	}

	.blog .article-boutons .w-btn-wrapper {
		width: 100%;
		margin-right: 0;
	}

	.w-nav-list.level_1.hover_simple {
		min-height: 100vh;
	}

}

@media screen and (max-width: 768px) {

	.blog .post_content div,
	.phrase_dintroduction {
		font-size: 16px;

	}

	.blog h2 {
		font-size: max(1.4rem, 1.4vw);
	}
}



/*------------------------------------*/
/*------- BLOC : PICTOGRAMMES --------*/
/*------------------------------------*/

.section-pictos .w-hwrapper,
.section-pictos .w-vwrapper {
	height: 100%;
}

.section-pictos .w-hwrapper {
	justify-content: space-evenly;
}

.section-pictos .w-vwrapper {
	max-width: 250px;
}

.section-pictos {
	background: #f7f6f3;
}

.section-pictos h2 {
	font-size: max(0.7rem, 0.9vw);
	font-weight: 600;
}

.section-pictos .w-hwrapper {

	padding: 0 1rem;
}

/*------------------------------------*/
/*----------- BLOC : AVIS ------------*/
/*------------------------------------*/

.section-avis {
	background: var(--bg-grey);
}

.section-avis-img img {
	width: 100% !important;
}

.ti-reviews-container-wrapper {
	justify-content: center;
}

/*--------------------------------------------------------*/
/*------- BLOC : LES ETAPES DE MON PROJET SOLAIRE --------*/
/*--------------------------------------------------------*/



.section-les-etapes h2,
.section-les-etapes h4 {
	text-align: center;
}

.section-les-etapes h2 {
	font-weight: 700;
	margin-bottom: 0rem;
}

.section-les-etapes h4 {
	font-style: italic;
	margin-bottom: 4rem;
	color: var(--color-green);
	font-weight: 600;
}

.section-les-etapes .w-vwrapper {
	max-width: 600px;
	margin-bottom: 4rem;
}

.section-les-etapes .w-hwrapper {
	justify-content: space-evenly;
}

.section-les-etapes {
	font-weight: 500;
}

.les-etapes-nummero-container {
	display: flex;
	align-items: baseline;
}

.les-etapes-nummero-container h3 {
	color: var(--color-green);
}

.les-etapes-nummero {
	width: 45px;
	height: 45px;
	min-width: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-green);
	border-radius: 50%;
	margin-right: 1rem;
	color: white;
	font-weight: 700;
	font-size: 30px;
}




/*----------------------------------------------------------------*/
/*------- BLOC : ESTIMEZ VOTRE INSTALLATION PHOTOVOLTAIQUE--------*/
/*----------------------------------------------------------------*/

.section-estimez-installation h2 {
	text-align: center;
	color: white !important;
	font-weight: 600;
	margin-bottom: 0;
}

.section-estimez-installation h4 {
	text-align: center;
	font-style: italic;
	color: white !important;
	font-weight: 600;
	margin-top: 0.2rem;
	margin-bottom: 7rem;
}

.section-estimez-installation .w-hwrapper {
	text-align: center;
	align-items: flex-start;
	justify-content: space-evenly;
	margin-bottom: 4.5rem;
}

.section-estimez-installation .w-vwrapper {
	width: 100%;
	margin-right: 0;
}

.section-estimez-installation .w-vwrapper h5 {
	color: white;
	font-weight: 700;
	margin-right: 0;
	display: flex;
	justify-content: center;
}

.section-estimez-installation .w-vwrapper p {
	font-weight: 500;
	max-width: 318px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}


.section-estimez-installation .wpb_wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.estimez-bloc-titre-texte {
	margin-bottom: 1.5rem;
	min-height: 130px;
	padding: 0 1rem;
}

.estimez-numero-mobile {
	display: none;
}

.estimez-installation-numero-bordure {
	position: relative;
	width: 100%;
}

.section-estimez-installation .wpb_raw_code {
	width: 100%;
}


.estimez-installation-bordure {
	border: 2px solid white;
	z-index: 0;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0%;
	overflow: hidden;
}

.estimez-installation-bordure.last-bordure {
	width: 50%;
}

.estimez-installation-bordure.first-bordure {
	width: 50%;
	left: 50%;
}


.estimez-installation-numero {
	width: 45px;
	height: 45px;
	min-width: 45px;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	background: white;
	border-radius: 50%;
	color: var(--color-green);
	position: inherit;
	font-weight: 700;
	margin-left: auto;
	font-size: 30px;
	margin-right: auto;
}



/*---------------------------------------------------*/
/*------------ PAGE RESULTAT ESTIMATION -------------*/
/*---------------------------------------------------*/

.section-impact-environnemental .l-section-h.i-cf {
	border: 0px solid #e9e9e9;
	border-radius: 26px;
	box-shadow: 0 3px 3px 3px #ebebeb;
	padding: 3rem 2rem;
}

.section-impact-environnemental .impact-banniere {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.section-impact-environnemental .avenir-nos-territoires {
	font-style: italic;
	text-align: center;
	font-weight: 600;
}

.section-impact-environnemental h2 {
	margin-right: 5rem;
}

.section-impact-environnemental .avenir-nos-territoires-p {
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
	font-weight: 500;
	margin-bottom: 2rem;
}

.section-impact-environnemental .column-kg-co2 .vc_column-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-around;
}

.section-impact-environnemental .w-btn-wrapper {
	display: flex;
	justify-content: center;
}

.section-impact-environnemental .horizontal-kg-co2 {
	justify-content: space-between;
	align-items: center;
}

.section-impact-environnemental .votre-installation {
	font-style: italic;
}

.section-impact-environnemental .w-text,
.section-impact-environnemental .w-text p {
	font-weight: 600;
}

.section-impact-environnemental h2 {
	margin-right: 5rem;
}


/*---------------------------------------------------*/
/*------- BLOC : SIMUTLATION PROJET EN LIGNE --------*/
/*---------------------------------------------------*/

.section-simulation-de-mon-projet {
	background: var(--bg-grey);
}

.section-simulation-de-mon-projet h4 {
	color: var(--color-green);

}

.section-simulation-de-mon-projet p {
	max-width: 509px;
	margin-top: 1.5rem;
	font-weight: 500;
}

.section-simulation-de-mon-projet .wpb_column {
	align-items: center;
	justify-content: center;
}


/*-------------------------------------------*/
/*----------- BLOC : NOS MARQUES ------------*/
/*-------------------------------------------*/
.section-marques .type_carousel {
	margin-top: 3rem;
	margin-bottom: 4rem;
}

.section-marques .owl-stage,
.section-marques .owl-carousel:not(.first_at_center) .owl-stage {
	padding-bottom: 2rem !important;
}

.section-marques .francais {
	display: none;
}

.section-marques .image {
	text-align: center;
}

.pictos-marques {
	background: white !important;
}

.section-marques h6 {
	color: var(--color-green);
	font-style: italic;
}

.section-marques {
	padding: 0 1.5rem !important;
}

.marques {
	border: 1px solid #BAC1C6;
	padding: 0 1rem !important;
	margin: 0 0.5rem;
	border-radius: 9px;
	box-shadow: 0px 0px 3px 1px #BAC1C6;
	max-width: 360px;
}

.marques .marque {
	color: var(--color-green);
	font-weight: 600;
}


.marques .titre {
	font-size: max(0.8rem, 0.8vw);
	font-weight: 700;
}


.marques .description {}


.marques .img-fr {
	position: absolute;
	top: 0.7rem;
	left: 0;
}

/*--------------------*/
/*------ INTPUS ------*/
/*--------------------*/

.form__group {
	position: relative;
	padding: 15px 0 0;
	margin-top: 10px;
}

.form__field {
	font-family: inherit;
	width: 100%;
	border: 1px solid #707070 !important;
	outline: 0;
	font-size: 1.3rem;
	color: #fff;
	transition: border-color 0.2s;
	font-size: 13px;
	min-height: 2.2rem !important;
	line-height: 2.2rem !important;
}

.form__field::placeholder {
	color: transparent;
}

.form__field:placeholder-shown~.form__label {
	font-size: 13px;
	cursor: text;
	color: var(--dark);
	font-weight: 500;
	top: 22px;
	left: 5px;

}

.form__label {
	position: absolute;
	top: -8px;
	display: block;
	transition: 0.2s;
	font-size: 13px;
	color: var(--dark);
	font-weight: 700;
}

.form__field:focus {
	box-shadow: none !important;
	border: 1px solid var(--dark) !important;
}

.form__field:focus~.form__label {
	position: absolute;
	top: -8px;
	display: block;
	transition: 0.2s;
	font-size: 13px;
	color: var(--dark);
	font-weight: 700;
	left: 5px !important;
}

/* reset input */
.form__field:required,
.form__field:invalid {
	box-shadow: none;
}

/*-------------------------*/
/*------ INPUT RANGE ------*/
/*-------------------------*/

/* Chrome */
#duree_pret {
	appearance: none;
	background: transparent;
}

/* Firefox */
#duree_pret::-moz-range-track {
	height: 2px;
	background: var(--dark);
}

#duree_pret::-moz-range-thumb {
	appearance: none;
	height: 16px;
	width: 16px;
	background: var(--dark);
	border-radius: 50%;
	border: none;
}

#duree_pret::-moz-focus-outer {
	border: 0;
}

/* Edge */
#duree_pret::-ms-track {
	width: 100%;
	border: transparent;
	color: transparent;
	background: transparent;
	height: 2px;
}

#duree_pret::-ms-fill-lower,
#duree_pret::-ms-fill-upper {
	background: var(--dark);
}

#duree_pret::-ms-thumb {
	appearance: none;
	margin-top: 0;
	height: 16px;
	width: 16px;
	background: var(--dark);
	border-radius: 50%;
	border: none;
}


#duree_pret::-webkit-slider-runnable-track {
	height: 2px;
	background: #020202;
}

#duree_pret::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 16px;
	width: 16px;
	background: var(--dark);
	border-radius: 50%;
	cursor: pointer;
	margin-top: -7px;
}

#duree_pret::-moz-range-track {
	height: 2px;
	background: var(--dark);
}

#duree_pret::-moz-range-thumb {
	height: 16px;
	width: 16px;
	background: var(--dark);
	border-radius: 50%;
	border: none;
}

#duree_pret::-ms-track {
	height: 2px;
	background: var(--dark);
	border-color: transparent;
	color: transparent;
	width: 100%;
}

#duree_pret::-ms-thumb {
	height: 16px;
	width: 16px;
	background: var(--dark);
	border-radius: 50%;
	border: none;
}



/*------------------------------------*/
/*---------- EXTEND TOGGLE -----------*/
/*------------------------------------*/

.toggle {
	align-items: center;
	border-radius: 100px;
	display: flex;
	font-weight: 700;
	margin-bottom: 16px;
}

.toggle:last-of-type {
	margin: 0;
}

.toggle__input {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.toggle__input:not([disabled]):active+.toggle-track,
.toggle__input:not([disabled]):focus+.toggle-track {
	border: 1px solid transparent;
	box-shadow: 0px 0px 4px 1px #80808087;
}

.toggle__input:disabled+.toggle-track {
	cursor: not-allowed;
	opacity: 0.7;
}

.toggle-track {
	background: white;
	box-shadow: 0px 0px 4px 1px #80808087;
	border-radius: 100px;
	cursor: pointer;
	display: flex;
	height: 30px;
	margin-right: 12px;
	position: relative;
	width: 60px;
}

.toggle-indicator {
	align-items: center;
	background: #656566;
	border-radius: 24px;
	bottom: 3px;
	display: flex;
	height: 24px;
	justify-content: center;
	left: 2px;
	outline: solid 2px transparent;
	position: absolute;
	transition: 0.25s;
	width: 24px;
}

.checkMark {
	fill: #fff;
	height: 20px;
	width: 20px;
	opacity: 0;
	transition: opacity 0.25s ease-in-out;
}

.toggle__input:checked+.toggle-track .toggle-indicator {
	transform: translateX(30px);
}

.toggle__input:checked+.toggle-track .toggle-indicator .checkMark {
	opacity: 1;
	transition: opacity 0.25s ease-in-out;
}

@media screen and (-ms-high-contrast: active) {
	.toggle-track {
		border-radius: 0;
	}
}


/*---------------------------------*/
/*---------- PAGE: CONTACT  -------*/
/*---------------------------------*/

.btn-estimer-contact {
	margin-top: 9rem;
	margin-bottom: 3rem;
}



/*----------------------------------------------*/
/*---------- PAGE: CONTACT ELEC GENERAL  -------*/
/*----------------------------------------------*/

.section-contact-elec-general input:not([type=submit]),
.section-contact-elec-general select,
.section-contact-elec-general textarea {
	box-shadow: none !important;
	font-weight: 500 !important;
	border: 1px solid var(--dark);

}

.section-contact-elec-general input[name="adresse"],
.content-commentaire,
.content-adresse {
	width: 100% !important;

}

.section-contact-elec-general form .two-input {
	display: flex;
	justify-content: space-between;
}

.section-contact-elec-general form .two-input span {
	margin: 0.5rem 0;
}

.section-contact-elec-general .w-popup-box-content,
.l-section.wpb_row.section-contact-elec-general {
	padding-bottom: 0 !important;
}

.section-contact-elec-general .popup-content-submit p {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	margin-bottom: 1rem;
	z-index: 100;
	position: relative;
}

.section-contact-elec-general .confidentiel {
	text-align: center;
	margin-top: 1rem;
}

.section-contact-elec-general .popup-content-submit input[type=submit]:not(.w-btn) {
	color: white !important;
}

.section-contact-elec-general h3 {
	padding-top: 0;
	text-align: center;
}

.section-contact-elec-general .titre {
	margin-bottom: 0;
	font-weight: 500;
}

.section-contact-elec-general .titre-horaires {
	padding-top: 0 !important;
}

.section-contact-elec-general .content-input {
	position: relative;
	width: 49%;
}

.section-contact-elec-general select {
	min-height: 46px;
}

.one-equip-elec i {
	display: none;
	color: #00B224;
	font-size: 2rem;
	position: absolute !important;
	top: -15px;
	right: -15px;
	background-color: #fff;
}

.one-equip-elec.active i {
	display: block !important;
}

.page-id-1620 .w-popup-box-h .w-vwrapper {
	border: 2px solid #888888;
	padding: 10px;
}

.page-id-1620 .w-popup-box-h .w-vwrapper.active {
	box-shadow: inset 0px 0px 6px 0px #888888;
	border: 2px solid #EFA400;
}

.section-contact-elec-general .check_active i {
	position: absolute;
	top: -3px;
	right: -7px;
	background-color: white;
	color: #66ED46;
	font-size: 17px;
	border-radius: 30px;
	display: none;
}

.section-contact-elec-general .content-horaires .check_active i {
	display: block !important;
}

.popup-content-submit {
	margin-bottom: 2rem;
}

@media screen and (max-width: 600px) {
	.section-contact-elec-general form .two-input {
		flex-direction: column;
	}

	.section-contact-elec-general form input,
	.section-contact-elec-general form select,
	.section-contact-elec-general .content-input {
		width: 100% !important;
	}

}




/*------------------------------------*/
/*---- PAGE : CONTACT ELEC GENRAL ----*/
/*------------------------------------*/
.wpcf7-checkbox .wpcf7-list-item-label {
	font-weight: bold;
}

.wpcf7-checkbox input[type="checkbox"] {
	margin-left: 1rem;
}


/*------------------------------------*/
/*--------- PAGE : CONCOURS ----------*/
/*------------------------------------*/

.section-concours select {
	border-radius: 2em;
	padding-left: 2rem;
	border: 1px solid #7070705c;
	box-shadow: none !important;
	font-weight: 700;
	font-size: max(1.2rem, 1vw);
	height: 50px;
}

.section-concours .w-btn {
	border-radius: 2em !important;
	margin-top: 1.2rem;
}

.section-concours .w-text {
	text-align: center !important;
}

.section-concours h1 {
	font-size: max(2.rem, 2vw) !important;
	margin-bottom: 0.3em !important;
}

.section-concours .partenaire {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #020202;
	color: #fff !important;
	margin-bottom: 0 !important;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.section-concours .remplir-form {
	font-size: max(1.5rem, 0.9vw) !important;
	font-weight: 300 !important;
	letter-spacing: 2px !important;
	font-family: 'Montserrat' !important;
}

.section-concours {
	padding-bottom: 0 !important;
}

.section-concours .rangee-interieure {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.section-concours .w-vwrapper {
	max-width: 600px;
	margin: auto;
}

.section-concours p {
	margin-bottom: 1rem;
	font-weight: 700;
	font-size: max(1.4rem, 1.2vw);
	line-height: 1;
}

.section-concours .align-btn .wpcf7-list-item-label {
	font-size: 12px;
	max-width: 550px;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
}

.section-concours .double-input p {
	display: flex;
	justify-content: space-between;
	--hwrapper-gap: 0.5rem !important;
}

.section-concours .double-input span {
	width: 100%;
}

.section-concours .double-input span:first-child {
	margin-right: 1rem;
}

.section-concours .double-input span:last-child {
	margin-left: 1rem;
}

.section-concours input {
	box-shadow: none !important;
	border: 1px solid #000 !important;
	border-radius: 3px !important;
}

.section-concours input[type="checkbox"] {
	font-size: 0.8rem !important;
}

.section-concours .wpcf7-not-valid-tip {
	color: #EFA400 !important;
	font-size: 1rem !important;
}

.section-concours .cache-input {
	display: none;
}

.section-concours .vos-infos {
	font-size: 1rem;
}

.section-concours .wpcf7-submit {
	border: none !important;
}

.section-concours .align-btn {
	text-align: center;
}

.section-concours .wpcf7-spinner {
	display: none !important;
}

.section-concours .seconde-image .w-image-h {
	text-align: center;
}

.section-concours .seconde-image img {
	max-width: 80% !important;
}

.section-concours select option {
	font-size: 1.3rem;
}

.section-concours .fin-concours {
	padding: 40px;
}

.section-concours .fin-concours .w-btn {
	margin-top: 0;
}

.section-concours .fin-concours h5 {
	font-size: 1.2rem;
	margin-top: 1rem;
}

.section-concours .fin-concours .popup-fin-concours .w-btn,
.section-concours .fin-concours .btn-fin-concours {
	width: 100%;
	max-width: 450px;
}

.section-concours .colonne-fin {
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: space-between;
	padding: 0 !important;
}

.section-concours .rangee-interieure .vc_column-inner {
	height: auto !important;
}

.section-popup-concours h3,
.section-popup-concours p {
	text-align: center;
}

.section-popup-concours h3 {
	margin-bottom: 0 !important;
}

.popup-concours {
	/*display: none;*/
}

.section-faq {
	max-width: 1200px;
}

.section-faq h2 {
	text-align: center;
	margin-bottom: 0;
}

.section-faq .questions-reccurentes {
	color: var(--color-green);
	font-weight: 700;
	margin-bottom: 2rem;
	text-align: center;
}

.section-faq h3 {
	font-size: max(1.2rem, 0.8vw) !important;
}

/*---------------------*/
/*--- CLIMATISATION ---*/
/*---------------------*/

.section-climatisation h2 {
	text-align: center;
	margin-bottom: 4rem;
}

.section-climatisation .row-systeme {
	margin-bottom: 4rem;
}

.section-climatisation .vc_column-inner,
.section-climatisation .w-image,
.section-climatisation .w-image,
.section-climatisation img {
	height: 100%;
}

.section-climatisation img {
	width: 100% !important;
	object-fit: cover;
}

.section-pictos-clim h2 {
	font-size: 16px;
}

@media (max-width: 768px) {
	.section-climatisation .row-dimensionnement {
		gap: 2rem;
		display: flex;
		flex-direction: column-reverse;
		text-align: center;
	}

	.section-climatisation .row-systeme {
		gap: 2rem;
		text-align: center;
	}

	.section-climatisation h2 {
		margin-bottom: 2rem;
	}
}

/*--------------------*/
/*------ FOOTER ------*/
/*--------------------*/

footer {
	background: #f0f0f1 !important;
	padding: 1rem 0;
	font-family: 'Ubuntu';

}

footer h2 {
	font-size: max(1rem, 1.4vw);
}

footer .accueil p {
	font-weight: 400;
}

footer a {
	color: var(--dark);
	font-weight: 700;
}

.section-footer.accueil h2 {
	color: var(--dark) !important;
}

.section-footer.accueil h2 span {
	color: var(--color-green) !important;
}

.section-footer {
	margin: 3rem 0;
}

.section-footer img {
	max-width: 400px;
}

.section-footer .w-hwrapper {
	justify-content: space-evenly;
}

.footer-border {
	border: 2px solid #aab3c5b7;
	border-radius: 30px;
	height: 120px;
}

.footer-text {
	max-width: 500px;
}

.section-bottom-footer {
	text-align: center;
	margin: 0 0;
}

.section-bottom-footer .mentions {
	font-weight: 500;
}

.section-bottom-footer .copyright {
	color: #AAB3C5;
	font-weight: 500;
}

.section-bottom-footer .copyright a {
	color: #AAB3C5;
}

/*--------------------*/
/*---- RESPONSIVE ----*/
/*--------------------*/

@media screen and (min-width: 1921px) {}

@media screen and (min-width: 2300px) {
	.section-notre-equipe h2 {
		max-width: 900px;
	}

	.section-qui-sommes-nous h2 {
		/*line-height: 59px;*/
		max-width: 1500px;
	}
}

@media screen and (max-width: 1610px) {
	.section-concours .rangee-interieure {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

@media screen and (max-width: 1700px) {
	.banner-kwc-container-label {
		display: none !important;
	}

	.fa-calendar-alt {
		display: none !important;
	}
}

@media screen and (max-width: 1200px) {
	.l-subheader-cell.at_right .w-nav-list {
		background: #f19200de !important;
		backdrop-filter: blur(12rem);
		color: white;
	}

	.l-subheader-cell.at_right .w-nav-list .current-menu-item .w-nav-anchor {
		color: var(--dark) !important;
	}

}

@media screen and (max-width: 1200px) {
	footer img {
		max-width: 200px !important;
	}
}



@media screen and (max-width: 1024px) {
	.section-etapes .w-hwrapper {
		align-items: baseline !important;
		flex-direction: column;
	}

	.section-etapes .colonne-etapes-gauche .w-hwrapper {
		flex-direction: column-reverse !important;
		align-items: end !important;
	}

	.section-etapes .colonne-etapes-gauche p,
	.section-etapes .colonne-etapes-gauche .wpb_text_column {
		margin-right: 0;
	}

	footer img {
		max-width: 150px !important;
	}

	.section-accueil-installation {
		padding-top: 0 !important;
	}

	.section-accueil-installation .titre-derniers-chantiers {
		margin-bottom: 0;
		font-size: max(1.2rem, 1.2vw);
		font-weight: 600;
		text-align: center;
	}

	.section-accueil-installation .w-separator {
		text-align: center;
		color: var(--color-green);
		max-width: 90px;
		border-radius: 30px;
		margin-left: auto;
		margin-right: auto;
		height: 1rem;
		margin-bottom: 1.5rem;
	}

	.section-accueil-installation .w-separator .w-separator-h:before {
		margin-top: -1px;
		border-top-width: 4px;
		border-radius: 50%;
	}

	.section-accueil-installation .g-cols {
		grid-template-columns: auto;
		flex-direction: column-reverse;
		display: flex;

	}

	.section-accueil-installation iframe {
		height: 350px;
	}

	.section-accueil-installation .nombre-install {
		font-size: 8em;
	}

	.section-accueil-installation .installations .w-text-value {
		font-size: 2rem;
	}

	.section-accueil-installation .nombre-install {
		margin-top: 2rem;
	}

	.section-accueil-installation .installations {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.section-accueil-installation .ain {
		margin-top: 0rem;
		margin-bottom: 0.5rem;
		;
	}

	.section-accueil-installation .solaires .w-text-value {
		font-size: 3.2rem;
	}

	.section-accueil-installation .ain .w-text-value {
		font-size: 1.6em;
	}

	.section-accueil.l-section-overlay {
		background: transparent;
	}

	.section-accueil-header {
		/*height:340px;*/
	}

	.section-accueil .arguments-adresses.mobile {
		font-weight: 500;
		font-size: 15px;
	}

	.section-accueil .divisez-vos-factures {
		margin-bottom: 1rem;
	}

	.arguments-adresses.mobile {
		margin-top: 0rem;
	}

	.section-prestataire .w-hwrapper {
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		margin-top: 2rem;
	}

	.section-prestataire .w-text-value {
		order: 2;
	}

	.section-prestataire .prestataire-first-column-text {
		align-items: baseline !important;
		margin-right: 0 !important;
	}

	.section-prestataire i {
		margin-right: 0.4em;
		margin-left: 0em !important;
	}

	.section-prestataire .prestataire-intro {
		margin-top: 2rem;
		text-align: justify !important;
	}

	.section-prestataire .prestataire-first-column-text p {
		text-align: left;
	}

	.section-votre-projet-elec .vc_column-inner {
		width: 100%;
	}

	.section-votre-projet-elec .elec-first-vertical {
		order: 2;
		justify-content: center;
		text-align: center;
		align-items: center;
		margin-top: 2rem;
		margin-right: 0 !important;
	}

	.section-votre-projet-elec h3 {
		text-align: center;
		margin-bottom: 1rem !important;
		height: auto !important;
	}

	.section-votre-projet-elec a {
		margin-top: 1.3rem;
	}

	.section-accueil .l-section-img {
		background-position: 75%;
	}

	.section-accueil-header .l-section-img {
		background-position: 61% bottom !important;
		background-size: auto !important;
		max-height: 550px;
	}

	.section-notre-equipe .g-cols.cols_2 {
		grid-template-columns: auto;
		margin-bottom: 5rem;
	}

	.section-notre-equipe .card-notre-equipe {
		margin: 1rem 1rem;
	}
}



@media screen and (max-width: 768px) {
	.section-concours h1 {
		font-size: 2rem !important;
	}

	.section-concours h5 {
		margin-top: 1rem;
		margin-bottom: 1rem;
		font-size: 1rem !important;
	}

	.section-concours .remplir-form {
		font-size: 1rem !important;
		letter-spacing: 1px !important;
	}

	.section-concours p {
		text-align: center;
		font-size: 1.3rem !important;
	}

	.section-etapes .w-hwrapper,
	.section-etapes .colonne-etapes-gauche .w-hwrapper {
		align-items: center !important;
		flex-direction: column;
	}

	.section-accueil-installation iframe {
		border-radius: 0;
	}

	.section-etapes h3 {
		text-align: center;
		margin-top: 2rem;
	}

	footer h2 {
		font-size: max(1.5rem, 1.4vw);
	}

	footer .section-footer {
		max-width: 200px !important;
	}

	footer .w-hwrapper {
		flex-direction: column;
	}

	footer .footer-border {
		display: none;
	}

	footer img {
		max-width: 500px !important;
		padding: 0 4rem;
	}

	footer .section-footer {
		max-width: 900px !important;
	}

	footer .section-footer .w-vwrapper {
		text-align: center;
		justify-content: center;
	}

	footer .wpb_column.vc_column_container {
		text-align: center;
	}

	.section-accueil-shadow {
		box-shadow: 0 18px 7px 169px white;
	}

	.section-notre-equipe .content-rencontre img {
		width: 60px;
	}

	.section-home img {
		width: 300px !important;
	}

	.section-home .wpb_column.vc_column_container {
		margin-bottom: 6rem;
	}

	.btn-estimer-contact {
		border-radius: 0 !important;
		margin-top: 3rem !important;
	}

	.estimez-installation-numero-bordure {
		display: none;
	}

	.section-estimez-installation .w-hwrapper {
		flex-direction: column;
		align-items: center;
	}

	.estimez-numero-mobile {
		display: block;
	}

	.section-home .w-hwrapper {
		display: none;
	}

	.section-home .vc_column-inner {
		height: auto;
		margin-top: 0rem;
	}

	.section-home .l-section-img,
	.section-home .l-section-overlay {
		height: 100vh;
		opacity: 0.8;
		background-position: -20rem bottom;
	}

	.section-home .wpb_column {
		align-items: center;
		justify-content: center;
	}

	.section-home .w-image {
		margin-bottom: 7rem;
	}

	.section-home .w-btn {
		font-size: 12px;
		padding: 1rem;
	}


	.section-pictos .w-vwrapper {
		height: auto;
		flex-basis: 45%;
		margin-bottom: 2rem;
		margin-right: 0;
		height: 15%;
	}

	.section-pictos .w-hwrapper {
		flex-wrap: wrap;
	}

	.w-btn,
	.w-btn-wrapper {
		width: 100%;
		margin: 0;

	}

	.section-votre-projet-elec p,
	.section-les-etapes p {
		text-align: justify;
	}

	.section-les-etapes .l-section {
		padding: 0;
	}

	.section-les-etapes .w-hwrapper {
		flex-direction: column;
	}

	.section-les-etapes .les-etapes-nummero {
		width: 25px;
		height: 25px;
		min-width: 25px;
		font-size: 16px;
	}

	.estimez-bloc-titre-texte {
		min-height: 90px;
	}

	.section-estimez-installation .w-btn-wrapper,
	.section-estimez-installation h2 {
		padding: 0 1.5rem;
	}

	.section-estimez-installation h2 {
		margin-bottom: 1rem;
	}

	.section-estimez-installation .w-hwrapper {
		margin-bottom: 0.5rem;
	}

	.section-estimez-installation h4 {
		margin-bottom: 2.5rem;
	}

	.section-simulation-de-mon-projet p {
		max-width: none;
	}

	.simulation-first-column {
		order: 2;
	}

	.section-simulation-de-mon-projet .vc_column-inner {
		width: 100%;
	}

	.section-simulation-de-mon-projet img {
		width: 100% !important;
	}

	.section-simulation-de-mon-projet h4 {
		text-align: center;
	}

	.section-simulation-de-mon-projet p {
		text-align: justify;
	}

	.section-marques h6,
	.section-marques h3,
	.section-marques .titre,
	.section-marques .marque,
	.section-marques .description p {
		text-align: center;
	}

	.section-pictos-header-mobile {
		display: block;
	}

	.section-pictos-header-mobile h4 {
		font-size: max(0.8rem, 1vw);
	}

	.section-pictos-header-mobile .w-hwrapper {
		align-items: center;
		border: 1px solid #ababab;
		border-radius: 10px;
		padding: 0.5rem 1rem;
		box-shadow: 0px 0px 5px 0px #80808094;
		text-align: center;
		margin-bottom: 1.5rem;
	}

	.partenaire-energie-section-conversion {
		margin-right: -1.5rem;
		margin-left: -1.5rem;
		margin-top: 0rem;

	}

	.florian-img-mobile {
		margin: 1.5rem 0;
	}


	.section-pictos-header-mobile .w-hwrapper .w-image,
	.section-pictos-header-mobile .w-hwrapper .w-btn-wrapper {
		flex-grow: 0;
		flex-shrink: 0;
	}

	.section-pictos-header-mobile .w-hwrapper .w-text {
		flex-grow: 1;
		flex-shrink: 1;
		margin-right: 0;
		margin-bottom: 0;
	}

	.section-pictos-header-mobile .w-hwrapper .w-text a {
		color: var(--dark);
	}

	.section-pictos-header-mobile .w-hwrapper .w-btn-wrapper {
		max-width: 50px;
	}

	.section-pictos-header-mobile .w-hwrapper .w-btn {
		background: transparent;
	}

	.section-energie .w-vwrapper.align_none.valign_top {
		margin: 0;
	}

	.elec-kwh-mobile {
		display: block;
	}

	.elec-kwh-mobile .w-text {
		font-size: max(3rem, 3vw);
		margin: 1.5rem 0px;
	}

	.elec-kwh {
		display: none;
	}

	.btn-header-estimer {
		display: none;
	}

	.section-header-contact .l-section-img {
		background-position: 37% 72%;
	}

	.section-notre-equipe {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}

	.section-header-avis {
		height: 395px;
	}

	.section-header-avis .l-section-img {
		background-position: top;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.section-accueil-avis {
		margin-top: -3rem;
	}

	.section-avis-img img {
		width: auto !important;
	}

	.section-decouvrez .wpb_column.vc_column_container {
		margin-top: 0;
	}

	.top-header .w-text-value {
		font-size: 12px;
	}

	.header-btn-simulation {
		display: none;
	}

	.header-m {
		display: block !important;
	}

	.ush_image_2 {
		margin-right: 0 !important;
	}

	.w-nav-control {}

	.l-subheader.at_middle {
		background: white !important;
	}

	.l-subheader.at_bottom {
		background: #F6F6FF !important;
		color: var(--dark) !important;
		text-wrap: nowrap !important;
	}

	.l-subheader.at_bottom .l-subheader-h {
		display: block;
	}

	.input-label-container label {
		line-height: 16px;
		top: -38px !important;
	}

	.section-accueil .input-button,
	.section-decouvrez .input-button {
		width: 40px;
		height: 40px;
	}

	.section-accueil .entrez-adresse,
	.section-decouvrez .entrez-adresse {
		padding: 1px 11px;
	}

	.section-accueil .input-container i,
	.section-decouvrez .input-container i {
		font-size: 28px;
	}

	.section-accueil .entrez-adresse {
		font-size: 16px;
	}

	.section-accueil .diviser-vos-factures {
		font-size: 13px;
	}

	.section-accueil h1 {
		line-height: 38px;
		margin-bottom: 2rem;
	}

	.section-accueil .lieu {
		font-size: max(1.2rem, 1.7vw);
	}

	.section-accueil .lieu-pin img {
		width: 30px;
	}

	.section-accueil {
		justify-content: center !important;
	}

	.section-qui-sommes-nous,
	.section-qui-sommes-nous .wpb_wrapper {
		text-align: center;
	}

	.section-qui-sommes-nous ul {
		margin-left: 0;
	}

	.section-qui-sommes-nous li {
		list-style: none;
	}

	.section-etapes {
		text-align: center;

	}

	.section-etapes h2 {
		text-align: center;
		max-width: 1500px;

	}

	.section-etapes p {
		max-width: 1500px;
		text-align: center;
	}

	.colonne-etapes-gauche .vc_column-inner {
		align-items: center;
	}

	.section-decouvrez .w-vwrapper {
		align-items: center;
	}


}


@media screen and (max-width: 690px) {

	.section-accueil .diviser-vos-factures {
		display: block;
	}

	.section-accueil .input-container,
	.section-decouvrez .input-container {
		border-radius: 0px 0px 17px 17px;
	}

}

@media screen and (max-width: 568px) {
	.section-accueil-header .l-section-img {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top;
	}

}