@charset "UTF-8";

.main {
	display: flex;
	flex-direction: row;
}

.pre-footer {
	margin-top: 0;
}

h3 {
	color: #43b48f;
	text-transform: uppercase;
	font: normal normal 700 22px/32px Open Sans;
}

#dynamic-form .required {
	display: none;
}

.left-frame,
.right-frame {
	width: 50%;
}

.left-frame .left-frame-inner-lp {
	max-width: 700px;
	margin-left: auto;
}

.left-frame .bg-green,
.left-frame .color-abris,
.left-frame .color-blue,
.left-frame .color-green {
	text-align: center;
	margin: 0;
}

.left-frame .color-blue {
	color: #0c3048;
	font-size: 20px;
	font-weight: 700;
}

.left-frame .color-green {
	color: #43b48f;
}

.left-frame .color-abris,
.left-frame .color-green {
	text-transform: uppercase;
	font: normal normal 700 26px/38px Open Sans;
}

.left-frame .color-abris {
	color: #6bb2d0;
}

.left-frame .bg-green {
	text-transform: uppercase;
	color: #fff;
	font: normal normal 700 26px/38px Open Sans;
}

.left-frame .green {
	background-color: #43b48f;
	padding: 0 8px;
	color: #fff;
}

.left-frame .color-mesure-abris {
	background-color: #6bb2d0;
	padding: 0 8px;
	color: #fff;
}

.right-frame {
	background-color: #f6f6f6;
}

.right-frame .right-frame-inner-lp {
	max-width: 700px;
	margin-right: auto;
}

.description,
.form {
	padding: 4rem 3rem;
}

iframe.avis {
	width: 100px;
	min-width: 100px;
	height: 100px;
	overflow: hidden;
}

.reassurance {
	grid-gap: 1em;
	gap: 1em;
}

.reassurance .iframe-eldo {
	display: block;
	text-align: center;
}

.reassurance .iframe-eldo span {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.d-none {
	display: none;
}

.d-block {
	display: block;
}

.gfield_label.gform-field-label.gfield_label_before_complex {
	display: none;
}

.custom_title {
	text-align: left;
	font: normal normal 800 40px/50px Open Sans;
	letter-spacing: 0;
	color: #0c3048;
	text-transform: uppercase;
}

.green,
.wp-block-heading {
	color: #43b48f;
}

.wp-block-heading-abris {
	color: #6bb2d0;
}

.is-style-default {
	padding: 0 0 0 2rem;
	list-style-image: url(../img/puceValid.png);
}

.is-style-default-abris {
	padding: 0 0 0 2rem;
	list-style-image: url(../img/puceValidAbris.png);
}

.is-style-default-abris strong,
.is-style-default strong {
	color: #0c3048;
}

.is-style-default-abris li,
.is-style-default li {
	margin-top: 1rem;
}

.title_label {
	text-transform: uppercase;
	color: #0c3048;
	font: normal normal 700 24px/34px Open Sans;
	text-align: center;
	padding: 3rem 0 0;
	width: 100%;
}

.wp-block-image .alignright {
	max-width: 100%;
}

.gform_body .gfield {
	margin-bottom: 2rem;
}

.required {
	float: left;
}

.gfield_description.validation_message.gfield_validation_message {
	color: #fff;
	background-color: #b9a09c;
	padding: 4px 8px;
	width: -moz-fit-content;
	width: fit-content;
	border-radius: 10px;
	font-weight: 600;
	font-size: 10px;
}

.validation_error {
	display: none;
}

.gform_body .select_project {
	width: 100%;
}

.gform_body .select_project ul {
	justify-content: start;
	grid-gap: 27px;
	gap: 27px;
}

.gform_body .select_project .gfield_checkbox .gchoice {
	height: 100%;
	width: calc(33% - 1em);
	margin-bottom: 1rem;
	padding-right: 0 !important;
}

.gform_body .select_project .gfield_checkbox .gchoice label {
	display: block;
}

.gform_body .select_project label:not(.gfield_label) {
	padding-top: 0;
	margin-bottom: 0;
	height: 135px;
}

.gform_body .select_project label:not(.gfield_label)::before {
	content: "";
	width: 100%;
	height: 6rem;
	display: block;
	background: #ebebeb 50% 50% no-repeat;
	background-size: cover;
	margin-bottom: 0;
	position: absolute;
	top: unset;
	left: 0;
	bottom: 0;
}

.gform_body .select_project label:not(.gfield_label)::after {
	top: 0.06em;
}

.gform_body .select_project input[value=Véranda] + label::before {
	background-image: url(../img/verrandaLP.png);
}

.gform_body .select_project input[value=Pergola] + label::before {
	background-image: url(../img/pergolaLP.png);
}

.gform_body .select_project input[value=Extension] + label::before {
	background-image: url(../img/extensionLP.png);
}

.gform_body .select_project input[value="Abri de terrasse"] + label::before {
	background-image: url(../img/abri.jpg);
}

.gform_body .select_project input[value=Rénovation] + label::before {
	background-image: url(../img/renovationLP.png);
}

.gform_body .select_project input[value="Autre demande"] + label::before {
	background-image: url(../img/autre-demande.jpg);
}

.gform_body .select_project input[value="Garden room"] + label::before {
	background-image: url(../img/gardenroomL.png);
}

.gform_body .select_project input[value=Carport] + label::before {
	background-image: url(../img/carportLP.png);
}

.gform_body .select_project input[value^="Abris piscine haut adossé"] + label::before {
	background-image: url(../img/abris_haut_adosseLP.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.gform_body .select_project input[value^="Abris piscine bas"] + label::before {
	background-image: url(../img/abris_basLP.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.gform_body .select_project input[value^="Abris piscine mi-haut"] + label::before {
	background-image: url(../img/abris-mi-hautLP.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.gform_body .select_project input[value^="Abris piscine semi-plat"] + label::before {
	background-image: url(../img/abris_semi-platLP.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.gform_body .select_project input[value^="Couverture innovante"] + label::before {
	background-image: url(../img/couverture_innovanteLP.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.gform_body .select_project input[value^="Abris de terrasse"] + label::before {
	background-image: url(../img/abris-terrasseLP.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.gform_body .hidden_label .gfield_label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.gform_body input[type=email],
.gform_body input[type=number],
.gform_body input[type=tel],
.gform_body input[type=text],
.gform_body select,
.gform_body textarea {
	border: 1px solid #dcddde;
	box-shadow: 0 0 0 #43b48f;
	transition: box-shadow 0.3s ease-in-out;
	line-height: normal;
}

.gform_body input[type=email].focus-visible,
.gform_body input[type=email]:focus-visible,
.gform_body input[type=number].focus-visible,
.gform_body input[type=number]:focus-visible,
.gform_body input[type=tel].focus-visible,
.gform_body input[type=tel]:focus-visible,
.gform_body input[type=text].focus-visible,
.gform_body input[type=text]:focus-visible,
.gform_body select.focus-visible,
.gform_body select:focus-visible,
.gform_body textarea.focus-visible,
.gform_body textarea:focus-visible {
	outline: 0;
}

.gform_body input[type=email]:focus,
.gform_body input[type=number]:focus,
.gform_body input[type=tel]:focus,
.gform_body input[type=text]:focus,
.gform_body textarea:focus {
	box-shadow: 0 2px 0 #43b48f;
	transition: box-shadow 0.3s ease-in-out;
}

.gf_page_steps {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
	grid-gap: 0;
	gap: 0;
	background-image: linear-gradient(90deg, #dcddde 50%, #dcddde 0);
	border-radius: 20px;
	height: 5px;
}

.gf_page_steps::before {
	display: none;
}

.gf_step_number {
	width: 40px;
	height: 40px;
}

.gf_step,
.gf_step_number {
	display: flex;
	justify-content: center;
	align-items: center;
}

.gf_step {
	font-size: 14px;
	position: relative;
}

.gf_step_active .gf_step_number {
	background-color: #43b48f;
	color: #fff;
	border-radius: 50%;
	z-index: 1;
}

.gf_page_steps[\:has\(\%23gf_step_16_2.gf_step_active\)] {
	background-image: linear-gradient(90deg, #43b48f 50%, #dcddde 0);
}

.gf_page_steps:has(#gf_step_16_2.gf_step_active) {
	background-image: linear-gradient(90deg, #43b48f 50%, #dcddde 0);
}

.gf_page_steps[\:has\(\%23gf_step_16_2.gf_step_completed\)] {
	background-image: linear-gradient(90deg, #0c3048 50%, #43b48f 0);
}

.gf_page_steps:has(#gf_step_16_2.gf_step_completed) {
	background-image: linear-gradient(90deg, #0c3048 50%, #43b48f 0);
}

.gf_page_steps[\:has\(\%23gf_step_16_3.gf_step_completed\)] {
	background-image: linear-gradient(90deg, #0c3048 50%, #0c3048 0);
}

.gf_page_steps:has(#gf_step_16_3.gf_step_completed) {
	background-image: linear-gradient(90deg, #0c3048 50%, #0c3048 0);
}

.gf_page_steps[\:has\(\%23gf_step_2_2.gf_step_active\)] {
	background-image: linear-gradient(90deg, #6bb2d0 50%, #dcddde 0);
}

.gf_page_steps:has(#gf_step_2_2.gf_step_active) {
	background-image: linear-gradient(90deg, #6bb2d0 50%, #dcddde 0);
}

.gf_page_steps[\:has\(\%23gf_step_2_2.gf_step_completed\)] {
	background-image: linear-gradient(90deg, #0c3048 50%, #6bb2d0 0);
}

.gf_page_steps:has(#gf_step_2_2.gf_step_completed) {
	background-image: linear-gradient(90deg, #0c3048 50%, #6bb2d0 0);
}

.gf_page_steps[\:has\(\%23gf_step_2_3.gf_step_completed\)] {
	background-image: linear-gradient(90deg, #0c3048 50%, #0c3048 0);
}

.gf_page_steps:has(#gf_step_2_3.gf_step_completed) {
	background-image: linear-gradient(90deg, #0c3048 50%, #0c3048 0);
}

.gf_step_pending .gf_step_number {
	background-color: #dcddde;
	color: #5c5c5c;
	border-radius: 50%;
	z-index: 1;
}

.gf_step_completed .gf_step_number {
	background-color: #0c3048;
	color: #fff;
	border-radius: 50%;
	z-index: 1;
	text-indent: -99999px;
	line-height: 0;
}

.gf_step_completed .gf_step_number::after {
	content: url(../img/icon-okLP1.png);
	text-indent: 0;
	display: block;
	line-height: 18px;
	animation: bounce 1.5s ease;
}

.gf_page_steps .gf_progressbar.gf_step_active.gf_step .gf_step_label,
.gf_page_steps .gf_step.gf_step_active.gf_step .gf_step_label,
.gf_progressbar_title .gf_progressbar.gf_step_active.gf_step .gf_step_label,
.gf_progressbar_title .gf_step.gf_step_active.gf_step .gf_step_label {
	font-size: 14px;
	color: #43b48f;
	position: absolute;
	bottom: 100%;
	padding-bottom: 10px;
	width: 70px;
	left: -15px;
	text-align: center;
}

.step-abris .gf_step_active .gf_step_number {
	background-color: #6bb2d0;
}

.step-abris .gf_page_steps .gf_progressbar.gf_step_active.gf_step .gf_step_label,
.step-abris .gf_page_steps .gf_step.gf_step_active.gf_step .gf_step_label,
.step-abris .gf_progressbar_title .gf_progressbar.gf_step_active.gf_step .gf_step_label,
.step-abris .gf_progressbar_title .gf_step.gf_step_active.gf_step .gf_step_label {
	color: #6bb2d0;
}

.step-abris #gform_submit_button_2.almostValid,
.step-abris #gform_submit_button_16.almostValid,
.step-abris .button.gform_next_button.almostValid {
	background-image: url(../img/icon-right-blue-arrowLP.png);
}

.step-abris .gform_body input[type=email],
.step-abris .gform_body input[type=number],
.step-abris .gform_body input[type=tel],
.step-abris .gform_body input[type=text],
.step-abris .gform_body select,
.step-abris .gform_body textarea {
	box-shadow: 0 0 0 #6bb2d0;
}

.step-abris .gform_body input[type=email]:focus,
.step-abris .gform_body input[type=number]:focus,
.step-abris .gform_body input[type=tel]:focus,
.step-abris .gform_body input[type=text]:focus,
.step-abris .gform_body textarea:focus {
	box-shadow: 0 2px 0 #6bb2d0;
}

.gf_page_steps .gf_progressbar.gf_step_pending,
.gf_page_steps .gf_step.gf_step_pending,
.gf_progressbar_title .gf_progressbar.gf_step_pending,
.gf_progressbar_title .gf_step.gf_step_pending {
	display: flex;
}

.gf_page_steps .gf_progressbar.gf_step_pending.gf_step .gf_step_label,
.gf_page_steps .gf_step.gf_step_pending.gf_step .gf_step_label,
.gf_progressbar_title .gf_progressbar.gf_step_pending.gf_step .gf_step_label,
.gf_progressbar_title .gf_step.gf_step_pending.gf_step .gf_step_label {
	font-weight: 200;
	color: #6c6c6c;
	position: absolute;
	bottom: 100%;
	padding-bottom: 10px;
	width: 70px;
	left: -15px;
	text-align: center;
}

.gf_page_steps .gf_progressbar.gf_step_completed,
.gf_page_steps .gf_step.gf_step_completed,
.gf_progressbar_title .gf_progressbar.gf_step_completed,
.gf_progressbar_title .gf_step.gf_step_completed {
	display: flex;
}

.gf_page_steps .gf_progressbar.gf_step_completed.gf_step .gf_step_label,
.gf_page_steps .gf_step.gf_step_completed.gf_step .gf_step_label,
.gf_progressbar_title .gf_progressbar.gf_step_completed.gf_step .gf_step_label,
.gf_progressbar_title .gf_step.gf_step_completed.gf_step .gf_step_label {
	font-weight: 600;
	color: #0c3048;
	position: absolute;
	bottom: 100%;
	padding-bottom: 10px;
	width: 70px;
	left: -15px;
	text-align: center;
}

.gf_step_active::after,
.gf_step_completed::after,
.gf_step_pending::after {
	display: none;
}

#gform_submit_button_2,
#gform_submit_button_16,
.button.gform_next_button {
	background-color: #dcddde;
	color: #5c5c5c;
	margin-bottom: 0;
	font: normal normal 700 18px/24px Open Sans;
	padding: 2rem 4rem 2rem 3rem;
}

.gform_button {
	font: normal normal 700 18px/24px Open Sans;
	padding: 2rem 4rem 2rem 3rem;
}

.gform_ajax_spinner {
	display: none;
}

#gform_submit_button_2,
#gform_submit_button_16 {
	position: relative;
	margin: 0 auto;
	bottom: unset;
	right: unset;
}

#gform_submit_button_2.almostValid,
#gform_submit_button_16.almostValid,
.button.gform_next_button.almostValid {
	background-color: #0c3048;
	color: #fff;
	background-image: url(../img/icon-right-green-arrowLP.png);
}

.gform_wrapper .button {
	background-image: url(../img/icon-right-arrowLP.png);
	background-position: top 52% right 2em;
	cursor: pointer;
}

#gform_submit_button_2 {
	background-position: top 52% right 0.8em;
}

.gform_wrapper .button.gform_previous_button {
	background-color: #f6f6f6;
	border: 1px solid #5c5c5c;
	bottom: 4%;
	right: 50%;
	background-image: url(../img/icon-left-arrow-white_test.png);
	background-position: 50%;
	padding: 0;
	width: 80px;
	opacity: 0.5;
}

.gform_wrapper .button.gform_previous_button[\:has\(\%23gform_submit_button_16\)] {
	bottom: 10%;
}

.gform_wrapper .button.gform_previous_button:has(#gform_submit_button_16) {
	bottom: 10%;
}

.gform_wrapper .button.gform_previous_button[\:has\(\%23gform_submit_button_2\)] {
	bottom: 10%;
}

.gform_wrapper .button.gform_previous_button:has(#gform_submit_button_2) {
	bottom: 10%;
}

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

	.desktop,
	.entry__header {
		display: block;
	}
}

@media screen and (max-width: 991.98px) {
	.app-header__action {
		display: none;
	}

	.mobile {
		display: block;
	}

	.app-header__fixed-container {
		height: 60px;
	}

	.main {
		flex-direction: column;
	}

	.is-style-default {
		text-align: left;
		margin: auto;
	}

	.main.add-background-color {
		background-color: #f6f6f6;
	}

	.left-frame,
	.right-frame {
		transition: all 0.5s ease;
	}

	.left-frame {
		order: 2;
		width: 100%;
		padding-bottom: 50px;
	}

	.right-frame {
		order: 1;
		width: 100%;
	}

	.right-frame.right-frame-d-block {
		left: 0;
		right: 100%;
		position: relative;
	}

	.left-frame.left-frame-d-none {
		position: fixed;
		right: 100%;
	}

	.left-frame .left-frame-inner-lp {
		max-width: 700px;
		margin: auto;
		padding: 0;
	}

	.right-frame {
		background-color: #f6f6f6;
	}

	.right-frame .right-frame-inner-lp {
		max-width: 700px;
		padding: 0;
		margin: auto;
	}

	.form {
		padding: 50px 15px 60px;
	}

	.gf_page_steps {
		margin-top: 3.5rem;
	}

	.gravity_title {
		text-align: center;
		letter-spacing: 0;
		color: #0c3048;
		text-transform: uppercase;
	}

	.wp-block-heading {
		text-align: center;
		padding: 0;
	}

	.project_mobile {
		background-color: #0c3048;
		position: fixed;
		bottom: 0;
		width: 100%;
	}

	.btn_project_mobile {
		border: none;
		display: block;
		margin: 10px auto;
		width: 95%;
		padding: 1rem 0;
		background-color: #43b48f;
		font: normal normal 700 18px Open Sans;
		color: #fff;
	}

	.btn_project_mobile::after {
		content: url(../img/icon-right-white-arrowLP_test.png);
		position: relative;
		margin-left: 2rem;
	}

	.required {
		float: none;
		text-align: center;
	}

	.button.gform_next_button {
		background-color: #dcddde;
		color: #5c5c5c;
		margin-bottom: 1rem;
		padding: 1rem 3rem 1rem 2rem;
		font-size: 16px;
	}

	.gform_page_footer {
		justify-content: center;
	}

	.gform_wrapper .button {
		background-image: url(../img/icon-right-arrowLP.png);
		background-position: top 54% right 0.7em;
	}

	.gform_wrapper .button.gform_previous_button {
		background-color: #f6f6f6;
		height: 56px;
		width: 56px;
	}

	.gform_body .select_project .gfield_checkbox {
		justify-content: start;
		grid-gap: 15px;
		gap: 15px;
	}

	.gform_body .select_project .gfield_checkbox .gchoice {
		width: 50%;
		max-width: 150px;
		margin-bottom: 0;
	}

	.gform_body .select_project .gfield_checkbox .gchoice label {
		display: block;
	}

	.gform_body .select_project label:not(.gfield_label) {
		padding-top: 0;
		margin-bottom: 0;
		height: 105px;
		margin-right: 0;
	}

	.gform_body .select_project label:not(.gfield_label)::before {
		height: 5rem;
	}
}

@media screen and (max-width: 767.98px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		text-align: center;
	}

	.left-frame {
		padding-bottom: 50px;
	}
}

@media (max-width: 400px) {
	.custom_title {
		text-align: center;
	}
}

.wp-block-renoval-accordion {
	border-bottom: 1px solid rgba(92, 92, 92, 0.2);
	margin: 0;
	padding: 0;
}

.wp-block-renoval-accordion .wp-block-renoval-accordion-head .accordion__button {
	background: none;
	padding: 0.8rem 0;
	cursor: pointer;
}

.wp-block-renoval-accordion .wp-block-renoval-accordion-head .accordion__button .accordion__title {
	font-size: 18px;
	color: #0c3048;
	text-transform: none;
}

.wp-block-renoval-accordion .wp-block-renoval-accordion-head .accordion__button::after {
	content: "+";
	float: right;
}

.wp-block-renoval-accordion .wp-block-renoval-accordion-content {
	padding: 0;
	font-size: 14px;
	color: #5c5c5c;
	height: auto;
	max-height: 500px;
	transition: max-height 0.5s ease-in-out;
}

.wp-block-renoval-accordion .wp-block-renoval-accordion-content p {
	margin-bottom: 1rem;
	line-height: 1.5;
}

.wp-block-renoval-accordion.expanded .wp-block-renoval-accordion-head .accordion__button .accordion__title {
	color: #43b48f;
}

.wp-block-renoval-accordion.expanded .wp-block-renoval-accordion-head .accordion__button::after {
	content: "-";
	color: #43b48f;
}

.wp-block-renoval-accordion .accordion-hidden {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-in-out;
}

.right-frame-inner {
	max-width: unset;
	padding: 60px 15px 20px;
}

.right-frame-inner .gravity_title {
	text-align: center;
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 900;
	margin: 0 0 25px;
}

.right-frame-inner .gchoice {
	border: 1px solid #dcddde;
	padding-bottom: 0.7rem;
}

.right-frame-inner .border_none .gchoice,
.right-frame-inner .gchoice_19_26_1 {
	border: none;
}

.right-frame-inner .gform_body ul.gform_fields {
	margin-bottom: 1em;
}

.right-frame-inner .gform_body .select_project ul {
	justify-content: start;
	grid-gap: 15px;
	gap: 15px;
}

.right-frame-inner .gform_body .select_project .gfield_radio .gchoice {
	width: 102px;
	height: auto;
	margin: 0;
	padding: 0.5rem !important;
	border: 1px solid #dcddde;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.1607843137);
	transition: box-shadow 0.3s ease-in-out;
	text-align: center;
	position: relative;
}

.right-frame-inner .gform_body .select_project .gfield_radio .gchoice label {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}

.right-frame-inner .gform_body .select_project .gfield_radio .gchoice label::before {
	border-radius: unset;
	border: none;
}

.right-frame-inner .gform_body .select_project .gfield_radio .gchoice label::after {
	content: unset;
}

.right-frame-inner .gform_body .select_project .gfield_radio .gchoice:hover {
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1607843137);
	transition: box-shadow 0.3s ease-in-out;
}

.right-frame-inner .gform_body .select_project .gfield_radio input {
	z-index: 1;
	opacity: 1;
	top: 5px;
	right: 5px;
}

.right-frame-inner .gform_body .select_project label:not(.gfield_label) {
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 14px;
}

.right-frame-inner .gform_body .select_project label:not(.gfield_label)::before {
	content: "";
	width: auto;
	height: 34px;
	display: block;
	position: relative;
	background: transparent;
	margin: 8px 0;
	padding: 0;
}

.right-frame-inner .gform_body .select_project label:not(.gfield_label)::after {
	top: -5px;
	right: 5px;
	margin: 0;
	left: unset;
	filter: grayscale(1) brightness(5);
}

.right-frame-inner .gform_body .select_project input[value^=Véranda] + label::before {
	background-image: url(../img/veranda-lp-sf.svg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.right-frame-inner .gform_body .select_project input[value^=Pergola] + label::before {
	background-image: url(../img/pergola-lp-sf.svg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.right-frame-inner .gform_body .select_project input[value^=Extension] + label::before {
	background-image: url(../img/extension-lp-sf.svg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.right-frame-inner .gform_body .select_project input[value^=Rénovation] + label::before {
	background-image: url(../img/renovation-lp-sf.svg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.right-frame-inner .gform_body .select_project input[value^="Garden room"] + label::before {
	background-image: url(../img/gardenroom-lp-sf.svg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.right-frame-inner .gform_body .select_project input[value^=Carport] + label::before {
	background-image: url(../img/carport-lp-sf.svg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.right-frame-inner .gform_body .select_project input[value="Abris piscine haut"] + label::before {
	background-image: url(../img/ABRIS_HAUT_LP.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	height: 50px;
}

.right-frame-inner .gform_body .select_project input[value="Abris piscine haut adossé"] + label::before {
	background-image: url(../img/abris_haut_adosse_lp.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	height: 50px;
}

.right-frame-inner .gform_body .select_project input[value="Abris piscine bas"] + label::before {
	background-image: url(../img/ABRIS_PISCINE_BAS_LP.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	height: 50px;
}

.right-frame-inner .gform_body .select_project input[value="Abris piscine mi-haut"] + label::before {
	background-image: url(../img/ABRIS_PISCINE_MI_HAUT_LP.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	height: 50px;
}

.right-frame-inner .gform_body .select_project input[value="Abris piscine semi-plat"] + label::before {
	background-image: url(../img/ABRIS_PISCINE_SEMI_PLAT_LP.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	height: 50px;
}

.right-frame-inner .gform_body .select_project input[value="Couverture innovante"] + label::before {
	background-image: url(../img/ABRIS_COUVERTURE_INNOVANTE_LP.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	height: 50px;
}

.right-frame-inner .gform_body .select_project input[value="Abris de terrasse ou Pergola"] + label::before {
	background-image: url(../img/ABRIS_POOLHOUSE_LP.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	height: 50px;
}

.right-frame-inner .gform_body .gfield {
	margin-bottom: 15px;
}

.right-frame-inner .gform_body .gfield.small {
	font-size: 10px;
}

.right-frame-inner .gform_body .gfield_label {
	font-style: normal;
	font-size: 14px;
	color: #5c5c5c;
	top: 12px;
}

.right-frame-inner .gform_body input[type=email],
.right-frame-inner .gform_body input[type=number],
.right-frame-inner .gform_body input[type=tel],
.right-frame-inner .gform_body input[type=text],
.right-frame-inner .gform_body select,
.right-frame-inner .gform_body textarea {
	border: 1px solid #dcddde;
	padding: 0.6em;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.1607843137);
	transition: box-shadow 0.3s ease-in-out;
	line-height: normal;
}

.right-frame-inner .gform_body input[type=email].focus-visible,
.right-frame-inner .gform_body input[type=email]:focus-visible,
.right-frame-inner .gform_body input[type=number].focus-visible,
.right-frame-inner .gform_body input[type=number]:focus-visible,
.right-frame-inner .gform_body input[type=tel].focus-visible,
.right-frame-inner .gform_body input[type=tel]:focus-visible,
.right-frame-inner .gform_body input[type=text].focus-visible,
.right-frame-inner .gform_body input[type=text]:focus-visible,
.right-frame-inner .gform_body select.focus-visible,
.right-frame-inner .gform_body select:focus-visible,
.right-frame-inner .gform_body textarea.focus-visible,
.right-frame-inner .gform_body textarea:focus-visible {
	outline: 0;
}

.right-frame-inner .gform_body input[type=email]:focus,
.right-frame-inner .gform_body input[type=number]:focus,
.right-frame-inner .gform_body input[type=tel]:focus,
.right-frame-inner .gform_body input[type=text]:focus,
.right-frame-inner .gform_body textarea:focus {
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1607843137);
	transition: box-shadow 0.3s ease-in-out;
}

.right-frame-inner .gform_body .gfield--type-consent .gform-field-label {
	font-size: 10px;
}

.right-frame-inner .gform_body .gfield--type-consent .gform-field-label a {
	color: inherit;
	text-decoration: underline;
}

.right-frame-inner .gform_body .gfield.tier2_column {
	width: calc(70% - 10px);
}

.right-frame-inner .gform_body .gfield.tier1_column {
	width: calc(30% - 10px);
}

.right-frame-inner .gform_body .gfield.half_column {
	width: calc(50% - 10px);
}

.right-frame-inner .gform_body .gfield--type-hidden {
	position: absolute;
}

.right-frame-inner .gform_body .hidden_label .gfield_label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.right-frame-inner .gform_body .lpsf-section-title {
	text-transform: uppercase;
	font-size: 20px;
	width: 100%;
	font-weight: 700;
	color: #0c3048;
	margin-top: 10px;
	margin-bottom: 10px;
}

.right-frame-inner .gform_ajax_spinner {
	display: none;
}

.right-frame-inner .gform_footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.right-frame-inner .gform_footer::before {
	content: "";
	background-image: url(../img/lpsf-footer-desktop.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	max-width: 265px;
	min-width: 150px;
	height: 52px;
	flex: 1;
}

.right-frame-inner .gform_footer .gform_button {
	background-color: #ffd634;
	margin-left: auto;
	color: #0c3048;
	font-size: 18px;
	text-transform: uppercase;
	padding: 1.5rem 3.2rem 1.5rem 2rem;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1607843137);
	font-weight: 900;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
	background-image: url(../img/chevron-renoval.svg);
	background-size: 12px 12px;
	background-position: top 50% right 1.7rem;
	white-space: normal;
	flex: 0 0 50%;
}

.right-frame-inner .gform_footer .gform_button:hover {
	background-color: #e7b800;
	transition: background-color 0.3s;
}

.right-frame-inner .gform_validation_errors {
	display: none;
}

.right-frame-inner .gform_wrapper .gfield_validation_message {
	font-size: 10px;
	color: #fff;
	background: #b9a09c;
	padding: 4px 8px;
	display: inline-block;
	border-radius: 25px;
}

@media (max-width: 900px) {
	.right-frame-inner .main {
		flex-direction: column;
	}

	.right-frame-inner .left-frame {
		order: 2;
		width: 100%;
	}

	.right-frame-inner .left-frame .left-frame-inner {
		max-width: unset;
		padding: 30px 15px 20px;
	}

	.right-frame-inner .left-frame .left-frame-inner .under-fold {
		height: 20px !important;
	}

	.right-frame-inner .right-frame {
		order: 1;
		width: 100%;
	}

	.right-frame-inner .right-frame .right-frame-inner {
		max-width: unset;
		padding: 60px 15px 20px;
	}

	.right-frame-inner .gform_body .select_project .gfield_radio .gchoice {
		width: 100%;
		flex: 1 1 20%;
		max-width: 102px;
	}

	.right-frame-inner .gform_body .select_project .gfield_radio .gchoice label {
		font-size: 10px;
	}

	.right-frame-inner .gform_body .gfield.gfield.tier1_column {
		min-width: 150px;
	}

	.right-frame-inner .gform_body .gfield.gfield.tier2_column,
	.right-frame-inner .gform_body .gfield.half_column {
		width: 100%;
	}

	.right-frame-inner .gform_body .lpsf-section-title {
		font-size: 18px;
		text-align: center;
		margin-top: 20px;
	}

	.right-frame-inner .gform_footer {
		position: fixed;
		display: block;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #0c3048;
		z-index: 1500;
		padding: 6px 6px 10px;
		box-sizing: border-box;
		transform: perspective(1px) translateZ(0);
	}

	.right-frame-inner .gform_footer::after {
		content: "";
		background-image: url(../img/lpsf-footer-mobile.svg);
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		height: 26px;
		width: 100%;
		margin-top: 10px;
	}

	.right-frame-inner .gform_footer::before {
		content: unset;
	}

	.right-frame-inner .gform_footer .gform_button {
		width: 100%;
		font-size: 16px;
		padding: 1rem 3rem 1rem 2rem;
		background-color: #dcddde;
		box-shadow: inset 0 0 #ffd634;
		transition: box-shadow 0.3s ease-in-out;
		display: block;
		text-align: center;
		max-width: 400px;
		margin: auto;
	}

	.right-frame-inner .gravity_title {
		font-size: 22px;
	}

	.right-frame-inner .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		text-align: center;
	}

	.right-frame-inner .gform_wrapper.lpsf-step1-valid .gform_footer .gform_button {
		box-shadow: inset 133px 0 #ffd634;
		transition: box-shadow 0.3s ease-in-out;
	}

	.right-frame-inner .gform_wrapper.lpsf-step2-valid .gform_footer .gform_button {
		box-shadow: inset 266px 0 #ffd634;
		transition: box-shadow 0.3s ease-in-out;
	}

	.right-frame-inner .gform_wrapper.lpsf-step3-valid .gform_footer .gform_button {
		box-shadow: inset 400px 0 #ffd634;
		transition: box-shadow 0.3s ease-in-out;
	}
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	to {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-25px);
	}

	60% {
		transform: translateY(-15px);
	}
}
@media (max-width: 767px) {
	.description {
		padding: 3rem 15px;
		padding-bottom: 0;
	}
	.right-frame-inner .gform_body .gfield.tier1_column {
		width: 100%;
	}
	.wp-block-renoval-accordion .wp-block-renoval-accordion-head .accordion__button .accordion__title {
		padding-right: 25px;
	}
	#promotion {
		margin-bottom: 30px;
	}
}