/* Landing page */
/* =========================
HERO DESKTOP
========================= */

/* Section 1 - Hero */
.lp-hero {
	position:relative;
}
/* cercle décoratif translucide */
.lp-section-detail .fl-row-content-wrap .fl-node-content,
.lp-hero .fl-row-content-wrap .fl-node-content {
	position: relative;
	z-index: 3;
}
.lp-section-detail .fl-row-content-wrap::after,
.lp-hero .fl-row-content-wrap::after {
	content: "";
	position: absolute;
	width: 390px;
	height: 390px;
	border: 64px solid rgba(255, 255, 255, 0.28);
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

/* Texte hero */
.lp-hero .lp-titre{
	font-size: 72px !important;
	line-height: 64px !important;
	font-family: var(--source);
	font-weight: var(--bold);
	text-align: center;
	color: var(--vert-1);
	background-color: var(--blanc);
	padding: 16px 32px;
}

.lp-hero .lp-sous-titre{
	font-family: var(--source);
	font-weight: var(--bold);
	text-align: center;
	color: var(--blanc);
	background-color: #252926;
	padding: 16px 32px;
	font-size: 32px !important;
	line-height: 36px !important;
	margin-top: -5px;
}
.lp-hero .lp-sous-titre span {
	color: var(--vert-1);
}
.lp-hero .lp-legende{
	font-weight: var(--bold);
	font-size: 24px !important;
	line-height: 28px !important;
	text-align: center;
	color: #252926;
	background-color: var(--blanc);
	position: relative;
	padding: 16px 32px;
	font-family: var(--raleway);
	text-transform: uppercase;
}

/* Section 2 - Offres */
.lp-section-offres .lp-accordeon .fl-accordion-item {
	border: 0;
}
.lp-section-offres .lp-accordeon .fl-accordion-item .fl-accordion-button {
	background: var(--vert-1);
	margin: 0 8px 8px 8px;
	border-radius: 8px;
	padding: 16px 32px;
}
.lp-section-offres .lp-accordeon .fl-accordion-item .fl-accordion-button .fl-accordion-button-label {
	font-family: var(--source);
	font-weight: bold;
	font-size: 32px;
	line-height: 36px;
	text-align: center;
	color: var(--blanc);
}
.lp-section-offres .lp-accordeon .fl-accordion-item .fl-accordion-button .fl-accordion-button-icon,
.lp-section-offres .lp-accordeon .fl-accordion-item .fl-accordion-button .fl-accordion-button-icon:hover,
.lp-section-offres .lp-accordeon .fl-accordion-item .fl-accordion-button .fl-accordion-button-icon:focus {
	margin: 0;
	color: white;
	opacity: 1;
	outline: 0;
	cursor: pointer;
	display: block;
	font-size: 18px;
}
.lp-section-offres .lp-accordeon .fl-accordion-item .fl-accordion-button .fl-accordion-button-icon .fl-accordion-button-icon:before {
	content: "\f078" !important;
}
.lp-section-offres .lp-accordeon .fl-accordion-item .fl-accordion-content {
	padding: 0;
}
/* Offre */
.lp-offre .fl-col-content {
	border-radius: 8px;
	align-items: center;
	justify-content: flex-end !important;
	padding: 24px;
}
.lp-offre .lp-offre-titre {
	font-family: var(--source);
	font-weight: var(--bold);
	text-align: center;
	color: var(--vert-1);
	background-color: var(--blanc);
	padding: 8px 16px;
	font-size: 32px;
	line-height: 36px;
	margin-top: -3px;
}

.lp-offre .lp-offre-contenu {
	font-family: var(--source);
	font-weight: var(--bold);
	text-align: center;
	color: var(--blanc);
	background-color: #252926;
	padding: 8px 16px;
	font-size: 18px;
	line-height: 22px;
}
/* Section 3 - Détails */
.lp-section-detail-titre {
	font-family: var(--source);
	font-weight: var(--bold);
	text-align: center;
	color: var(--blanc);
	background-color: #252926;
	padding: 16px 32px;
	font-size: 32px !important;
	line-height: 36px !important;
	transform: translateY(-50%);
	margin: 0 auto !important;
}
.lp-section-detail-titre.detail-titre-blanc {
	background-color: var(--blanc);
	color: #252926;
}
/* CTA */
.lp-cta .fl-button {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important;
	font-family: var(--raleway) !important;
	font-weight: bold!important;
	font-size: 14px !important;
	text-align: center !important;
	color: var(--blanc) !important;
	position: relative !important;
	z-index:3 !important;
}
.lp-cta .fl-button .fl-button-text {
	color: var(--blanc) !important;
}
/* Version sticky */
.lp-rangee-sticky .lp-cta.lp-cta-sticky {
	position: fixed !important;
	right: 0;
	bottom: 50%;
	top: auto;
	width: 180px;
	height: auto;
	color: white;
	z-index: 150;
	padding: 10px;
	border-radius: 24px 0 0 24px;
	transition: all 500ms;
	cursor: pointer;
	background: var(--vert-1);
}
.lp-rangee-sticky .lp-cta.lp-cta-sticky .fl-button {
	box-shadow: none !important;
	padding: 0 !important;
}
.lp-cta-2 .fl-button {
	border-radius: 28px !important;
	background: var(--vert-1) !important;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16) !important;
	border: 0 !important; 
	padding: 12px 46px !important;
}
.lp-cta-2 .fl-button .fl-button-text {
	font-family: var(--raleway) !important;
	font-weight: bold!important;
	font-size: 18px !important;
	text-align: center !important;
	color: var(--blanc) !important;
	position: relative !important;
	z-index:3 !important;
}
.lp-etapes .texte-vert {
	font-size: 16px !important;
	line-height: 20px !important;
}
.lp-infos .lp-infos-titre {
	font-family: var(--source);
	font-weight: var(--bold);
	font-size: 18px;
	line-height: 22px;
}
.lp-infos .lp-infos-contenu {
	font-family: var(--raleway);
	font-size: 14px;
	line-height: 18px;
}
/* Responsive */
@media (max-width: 768px) {
	/* Section 1 */
	.lp-hero .lp-titre{
		font-size: 32px !important;
		line-height: 36px !important;
		padding: 16px;
	}

	.lp-hero .lp-sous-titre{
		font-size: 22px !important;
		line-height: 22px !important;
		padding: 16px;
	}
	.lp-hero .lp-legende{
		font-size: 16px !important;
		line-height: 20px !important;
		padding: 16px;
	}

	/* cercle décoratif translucide */
	.lp-section-detail .fl-row-content-wrap::after,
	.lp-hero .fl-row-content-wrap::after {
		width: 240px;
		height: 240px;
		border: 32px solid rgba(255, 255, 255, 0.28);
	}
	.lp-section-offres .lp-accordeon .fl-accordion-item .fl-accordion-button .fl-accordion-button-label {
		font-size: 18px;
		line-height: 22px;
	}
	/* Section 2 - Offres */
	.lp-offre.item-gauche .fl-col-content,
	.lp-offre.item-droit .fl-col-content {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
	.lp-offre.item-gauche .fl-col-content {
		align-items: flex-start !important;
	}
	.lp-offre.item-droit .fl-col-content {
		align-items: flex-end !important;
	}
	/* Section 3 - Détails */
	.lp-section-detail-titre {
		font-family: var(--source);
		font-weight: var(--bold);
		text-align: center;
		color: var(--blanc);
		background-color: #252926;
		padding: 16px;
		font-size: 18px !important;
		line-height: 22px !important; 
	}
	.lp-section-detail-description p {
		font-size: 14px;
		line-height: 18px;
	}
	.lp-cta-2 .fl-button .fl-button-text {
		font-size: 14px !important;
	}
}

/* Helpers */
.align-items-center .fl-col-content {
	align-items: center;
	position: relative;
	z-index: 2;
	justify-content: center;
}



/*#################################*/
/* =========================
LANDING PAGE ENTRETIEN
========================= */

.reduction-lp.fl-rich-text * {
	font-family: var(--source) !important;
	font-weight: var(--bold);
	font-size: 64px;
	line-height: 36px;
	padding: 16px 32px;
} 

.reduction-titre-1-lp.fl-rich-text * {
	font-family: var(--source)!important;
	font-weight: var(--bold);
	font-size: 22px;
	line-height: 22px;
} 

.reduction-titre-2-lp.fl-rich-text * {
	font-family: var(--source)!important;
	font-weight: var(--bold);
	font-size: 18px;
	line-height: 22px;
} 

.titre-fond-vert {
	background-color: var(--vert-1);
	margin: 0px !important;
	padding: 16px 32px;
}

.titre-fond-blanc {
	background-color: var(--blanc);
	margin: 0px !important;
	padding: 16px 32px;
}

.titre-fond-noir {
	background-color:  var(--vert-6);
	margin: 0px !important;
	padding: 16px 32px;
}

.contenu-3.fl-rich-text * {
	font-family: var(--raleway) !important;
	font-weight: var(--regular);
	font-size: 14px;
	line-height: 18px;
}


.z-index-10{
	z-index: 10;
}

.img-after .fl-photo-content,
.img-before .fl-photo-content {
	position: relative;
	display: inline-block;
}

.img-before .fl-photo-content::before {
	content: "Avant";
	position: absolute;
	left: 24px;
	bottom: 24px;
	z-index: 2;

	background-color: var(--vert-6);
	color: var(--blanc);

	font-family: var(--raleway) !important;
	font-weight: var(--bold);
	padding: 8px 14px;

	font-size: 16px;
	line-height: 1;
	font-weight: 600;
}

.img-before.top .fl-photo-content::before {
	content: "Avant";
	position: absolute;
	left: 24px;
	bottom: auto;
	top : 24px; 
	z-index: 2;

	background-color: var(--vert-6);
	color: var(--blanc);

	font-family: var(--raleway) !important;
	font-weight: var(--bold);
	padding: 8px 14px;

	font-size: 16px;
	line-height: 1;
	font-weight: 600;
}


.img-after .fl-photo-content::before {
	content: "Après";
	position: absolute;
	left: 24px;
	bottom: 24px;
	z-index: 2;

	background-color: var(--blanc);
	color: var(--vert-6);

	font-family: var(--raleway) !important;
	font-weight: var(--bold);
	padding: 8px 14px;

	font-size: 16px;
	line-height: 1;
	font-weight: 600;
}


.img-after.top .fl-photo-content::before {
	content: "Après";
	position: absolute;
	left: 24px;
	top: 24px;
	bottom: auto;
	z-index: 2;

	background-color: var(--blanc);
	color: var(--vert-6);

	font-family: var(--raleway) !important;
	font-weight: var(--bold);
	padding: 8px 14px;

	font-size: 16px;
	line-height: 1;
	font-weight: 600;
}


.text-check-lp.fl-rich-text * {
	font-family: var(--raleway) !important;
	font-weight: var(--bold);
	font-size: 14px;
	line-height: 18px;
}


.obojardin-cta.cta-lp .uabb-module-content a {
	padding: 16px !important; 
	border-radius: 8px !important;
}

.obojardin-cta.cta-lp .uabb-module-content a span {
	font-family: var(--source) !important;
	font-weight: var(--bold);
	font-size: 18px;
	line-height: 22px;
}

.obojardin-cta.cta-lp .uabb-module-content a i {
	color: var(--blanc); 
}

.obojardin-cta.cta-lp .uabb-module-content a:hover i {
	color: var(--vert-1)
}


/*  Formulaire de DEVIS  */

.titre-5.fl-rich-text * {
	font-family: var(--source) !important;
	font-weight: var(--bold);
	font-size: 18px;
	line-height: 22px;
}
.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield label .gfield_required {
	display: none !important;
}


.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield label {
	font-family: var(--raleway) !important;
	font-weight: var(--regular);
	font-size: 14px;
	text-align: left;
	color: #2c2c2c;
}

.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea:placeholder,
.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input:placeholder {
	font-family: var(--raleway) !important;
	font-weight: var(--regular);
	font-size: 14px;
	text-align: left;
	color: rgba(44, 44, 44, 0.5);
}
.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container .gfield_checkbox,
.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container textarea,
.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input {
	font-family: var(--raleway) !important;
	font-weight: var(--regular);
	font-size: 14px;
	text-align: left;
	color: var(--vert-6);
	border: none !important; 
	background-color: #EFEFEF; 
	padding: 16px 32px !important; 
	border-radius: 4px; 
}

.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input[type="checkbox"] {
	padding: 0px !important; 
}


.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container .gfield_checkbox {
	padding: 16px 16px 16px 32px !important; 
}


.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice label {
	font-family: var(--raleway) !important;
	font-weight: var(--regular);
	font-size: 14px;
	line-height: 18px; 
}


.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container .gfield_checkbox .gchoice input[type="checkbox"] {
	width: 16px; 
	height: 16px; 
	margin: 0px;
	accent-color: var(--vert-1); 
}


.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-consent input {
	margin: 0px;
	accent-color: var(--vert-1); 
}

.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-consent#field_5_15 {
	margin-top: 0px; 
}

.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-consent .ginput_container label {
	margin-bottom: 0px;
	padding-left: 4px; 
}


.form-entretien .fl-module-content .gform_wrapper form .gform-body .gform_fields .gfield.gfield--type-consent .ginput_container {
	display: flex;
	flex-direction: row;
	align-items: center;
}


.form-entretien .fl-module-content .gform_wrapper form .gform-footer input[type="submit"] {
	background-color: var(--vert-1);
	border: solid 1px var(--vert-1);
	font-family: var(--source) !important;
	font-weight: var(--bold);
	font-size: 18px;
	line-height: 22px;
	color: var(--blanc);
	border-radius: 8px;
	padding: 12px 16px; 
	transition: all linear 300ms; 
}


.form-entretien .fl-module-content .gform_wrapper form .gform-footer input[type="submit"]:hover {
	background-color: var(--vert-hover);
	border: solid 1px var(--vert-hover);
	font-family: var(--source) !important;
	font-weight: var(--bold);
	font-size: 18px;
	line-height: 22px;
	color: var(--vert-1);
	border-radius: 8px;
	padding: 12px 16px; 
	transition: all linear 300ms; 
}


.cta-tel-conseil .fl-module-content .uabb-module-content a:hover,
.cta-tel-conseil .fl-module-content .uabb-module-content a {
	background-color: var(--blanc); 
	border: none !important; 

}

.cta-tel-conseil .fl-module-content .uabb-module-content a span {
	font-family: var(--source) !important;
	font-weight: var(--bold);
	font-size: 32px;
	line-height: 22px;
	color: var(--vert-1);
	transition: all linear 300ms; 
}

.cta-tel-conseil .fl-module-content .uabb-module-content a:hover span {
	font-family: var(--source) !important;
	font-weight: var(--bold);
	font-size: 32px;
	line-height: 22px;
	color: var(--vert-hover);
	transition: all linear 300ms; 
}

.cta-tel-conseil .fl-module-content .uabb-module-content a i {
	color: var(--vert-6);
	transition: all linear 300ms; 
}

/*  Gestion des rangées cachées    */

.rangee-devis,
.cta-tel-conseil {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transform: translateY(20px);
	transition:
		max-height 0.5s ease,
		opacity 0.4s ease,
		transform 0.4s ease;
}

.rangee-devis.is-visible,
.cta-tel-conseil.is-visible {
	max-height: 2000px;
	opacity: 1;
	transform: translateY(0);
}


.rangee-fixe {
	position: fixed;
    width: 100%;
    z-index: 100;
}



/* Version sticky */
.lp-rangee-sticky.entretien .lp-cta.lp-cta-sticky {
	position: fixed !important;
	right: 0;
	bottom: auto;
	top: 25%;
	width: 180px;
	height: auto;
	color: white;
	z-index: 150;
	padding: 10px;
	border-radius: 24px 0 0 24px;
	transition: all 500ms;
	cursor: pointer;
	background: var(--vert-1);
}

span.titre-supp {
	padding: 0px !important;
}

@media all and (max-width: 768px) {
	span.titre-supp {
	display: none !important; 
}

}