:root {
	--padd: 2.5vw;
	--padd15d: calc(var(--padd) * 0.66);
	--padd2d: calc(var(--padd) * 0.5);
	--padd3d: calc(var(--padd) * 0.33);
	--padd15m: calc(var(--padd) * 1.5);
	--padd2m: calc(var(--padd) * 2);
	--padd3m: calc(var(--padd) * 3);
	--nav: 75px;
	--form: 33vw;
	--left: 25vw;
	--main: calc(100vw - var(--left));
	--rose: #B10F5C;
}

/* ========================================================================== */

html,
body {
	overflow-x: hidden;
}

main {
	position: relative;
}

h1,
h2,
h3 {
	line-height: 1.33em;
	margin-bottom: var(--padd15d);
	text-transform: uppercase;
}

main h1 {
	font-size: 1.66em;
}

main h2 {
	font-size: 1.5em;
	font-weight: 333;
}

main h3 {
	font-size: 1.33em;
	font-weight: 333;
}

main ul {
	padding-inline-start: 1em;
}

main li {
	margin-bottom: var(--padd2d);
	line-height: 1.33em;
}

aside.title {
	position: absolute;
	top: -30px;
	z-index: 1;
	display: flex;
	align-items: center;
	font-size: 1.2em;
	padding-top: 5px;
	padding-right: var(--padd2d);
	padding-left: var(--padd2m);
	height: 60px;
	text-transform: uppercase;
	background-color: #CF4925;
	color: white;
	width: fit-content;
	width: intrinsic;
	/* Safari/WebKit uses a non-standard name */
	width: -moz-max-content;
	/* Firefox/Gecko */
	width: -webkit-max-content;
	/* Chrome */
}

section {
	position: relative;
}

.cover {
	object-fit: cover;
	max-width: unset;
	width: 100%;
	height: 100%;
}

.lato {
	font-family: "Lato", sans-serif;
}

.regular {
	font-weight: 333;
}

.tutu {
	color: #095D60;
}

.vegetation {
	position: absolute;
	z-index: 1;
}

/* ========================================================================== */

.btn {
	cursor: pointer;
	height: max(1.5vw, 40px);
	background-color: #CF4925;
	color: white;
	border: 2px solid #CF4925;
	border-radius: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
	font-weight: 333;
	padding: 0 30px;
	width: intrinsic;
	/* Safari/WebKit uses a non-standard name */
	width: -moz-max-content;
	/* Firefox/Gecko */
	width: -webkit-max-content;
	/* Chrome */
}

.btn:hover {
	background-color: white;
	color: black;
}

.gdp {
	margin-bottom: 4vh;
}

.gdp h4 {
	padding: var(--padd2d);
	display: block;
	width: calc(100% + var(--padd));
	margin-top: var(--padd);
	text-transform: uppercase;
}

.submitted {
	display: none;
}

main .splide__pagination {
	transform: translate(-50%, -100%);
}

main .splide__pagination__page.is-active {
	background: white;
	opacity: 1;
}

main .splide__arrow {
	border-radius: unset;
	opacity: 1;
}

main .splide__arrow svg {
	display: none;
}

main .splide__arrow--prev {
	background: url(../images/prev.svg) no-repeat center/contain;
}

main .splide__arrow--next {
	background: url(../images/next.svg) no-repeat center/contain;
}

main .splide__sr {
	display: none;
}

/* NAV ========================================================================== */

nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: var(--nav);
	background: url("../images/1x1-ffffff7f.png") repeat;
	backdrop-filter: blur(20px);
}

nav .phone {
	background-color: var(--rose);
	border-color: var(--rose);
}

nav .phone:hover svg,
nav .phone:hover svg * {
	fill: black;
}

nav {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: var(--padd2d);
}

nav .burger span.mab_scroll {
	position: relative;
	height: calc(var(--nav) - 1vh);
	line-height: calc(var(--nav) - 1vh);
	padding: 0.8vh var(--padd2d);
}

nav .burger span.mab_scroll::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 2px;
	background-color: var(--rose);
	opacity: 0;
	transition: opacity 0.3s;
}

nav .burger span.mab_scroll:hover::before {
	opacity: 1;
}


nav .logo {
	position: absolute;
	top: 50%;
	right: var(--padd2m);
	transform: translateY(-49%);
}

nav.active {
	position: fixed;
}

/* nav[data-sticky="true"] { -webkit-animation: slide_from_top 0.5s both; animation: slide_from_top 0.5s both; }
nav.active[data-sticky="false"] { -webkit-animation: fade_out 0.5s both; animation: fade_out 0.5s both; } */

/* HEADER ========================================================================== */

header {
	padding-top: var(--nav);
	height: 100vh;
	display: grid;
	grid-template-columns: var(--left) var(--main);
}

header .left {
	position: relative;
	background-color: #095D60;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
}

header .logo.one {
	width: max(200px, 16.5vw);
	margin-top: var(--padd);
}

header h1 {
	margin-bottom: 0;
	font-size: 1.55em;
}

header hr {
	margin: 2vw 4.5vw;
	width: -webkit-fill-available;
}

header .vegetation {
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}

header .right {
	background: url("../images/vhead.jpg") no-repeat center/cover;
	width: 100%;
	height: 100%;
}

/* QUARTIER ========================================================================== */

#quartier {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: var(--padd2m);
	min-height: 570px;
}

#quartier aside.title {
	left: calc(var(--padd2m) * -1);
	background-color: var(--rose);
}

#quartier h2 {
	color: #095D60;
}

#quartier .btn {
	margin-top: var(--padd15d);
}

#quartier .right {
	margin-left: var(--padd);
}

/* RESIDENCE ========================================================================== */

#residence {
	background-color: #095D60;
	color: white;
}

#residence aside.title {
	background-color: #531857;
}

/* ONE */
#residence > .one {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
}

#residence .one .right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 var(--padd2m);
}

#residence .one .right h2 {
	color: #5FB8B2;
}

/* TWO */
#residence > .two {
	position: relative;
	padding-bottom: var(--padd15m);
}

#residence .two iframe {
	display: block;
	margin: var(--padd15m) auto 0;
	width: 60%;
	height: 650px;
}

#residence .two h2,
#residence .three h2,
#residence .four h2 {
	color: #E69A16;
}

#residence .vegetation.left {
	width: max(160px, 20.5vw);
	top: 50%;
	left: 0;
	transform: translate(0, -75%);
}

#residence .vegetation.right {
	width: max(160px, 14vw);
	top: 50%;
	right: 0;
	transform: translate(20%, -75%);
}

/* THREE */
#residence > .three {
	display: grid;
	grid-template-columns: 1fr 2fr;
	margin-bottom: var(--padd15m);
}

#residence .three .left {
	padding: var(--padd) var(--padd2m);
}

#residence .three .left .btn {
	margin-top: var(--padd15d);
}

/* FOUR */
#residence > .four {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 0 var(--padd2m);
}

#residence .four .right {
	padding: var(--padd2d) var(--padd);
	padding-right: var(--padd2m);
}

/* APPARTEMENTS ========================================================================== */

#appartements {
	margin-top: var(--padd2m);
}

#appartements .vegetation.one {
	top: 0;
	left: 0;
	width: max(230px, 24.5vw);
	transform: translate(-20%, -55%) rotate(30deg);
}

#appartements .vegetation.two {
	right: 0;
	bottom: 0;
	width: 27.5vw;
	transform: translate(0, 45%);
	z-index: 10;
}

#appartements aside.title {
	background-color: #E69A16;
}

#appartements > .one {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: var(--padd15m) var(--padd2m) 0;
}

#appartements .one h2 {
	color: #095D60;
}

#appartements .one .left {
	padding-right: var(--padd);
}

#appartements > .two {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: var(--padd) var(--padd2m);
}

#appartements .two .left {
	padding-right: var(--padd);
	margin-top: -15%;
}

#appartements .two .right {
	background-color: #095D60;
	color: white;
	margin-left: var(--padd15m);
	padding: var(--padd);
	z-index: 30;
}

#appartements .two .right h2 {
	color: #E69A16;
	margin-bottom: var(--padd);
}

#appartements .two .right h3,
#appartements .two .right ul {
	margin-bottom: var(--padd2d);
}

#appartements .two .right .btn {
	margin-top: var(--padd);
}

#appartements .left .gdp_content {
	display: flex;
	flex-direction: column;
	margin-top: var(--padd2d);
}

#appartements .gdp h4 {
	background-color: #095D60;
	color: white;
}

#appartements .left .gdp_content b {
	color: #095D60;
}

#appartements .left .gdp_content span {
	border-bottom: 1px solid #095D60;
	display: block;
	width: calc(100% + var(--padd));
	margin-bottom: var(--padd3d);
	padding-bottom: var(--padd3d);
}

#appartements > .three {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 0 var(--padd2m);
	margin-top: -15%;
}

#appartements .three .left {
	margin-right: var(--padd);
}

#appartements .three .right {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	background-color: transparent;
	z-index: 20;
}

#appartements .three h2 {
	color: #095D60;
}

/* MAISONS ========================================================================== */

#maisons {
	margin-top: var(--padd2m);
	background-color: #095D60;
	color: white;
	z-index: 1;
}

#maisons .vegetation.one {
	left: 0;
	bottom: 0;
	width: 19.5vw;
	transform: translate(0, calc(var(--padd15m) * -1));
}

#maisons aside.title {
	background-color: var(--rose);
}

#maisons > .one {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: var(--padd15m) var(--padd2m) 0;
}

#maisons .one .left {
	padding-right: var(--padd);
}

#maisons > .two {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: var(--padd) var(--padd2m) var(--padd15m);
}

#maisons .two .left {
	padding-right: var(--padd);
}

#maisons .two .right {
	background-color: white;
	color: black;
	margin-left: var(--padd15m);
	padding: var(--padd);
}

#maisons .two .right h2 {
	color: #095D60;
	margin-bottom: var(--padd);
}

#maisons .two .right h3 {
	color: #095D60;
	margin-bottom: var(--padd2d);
	font-weight: bolder;
}

#maisons .two .right ul {
	margin-bottom: var(--padd2d);
}

#maisons .two .right .btn {
	margin-top: var(--padd);
}

#maisons .gdp h4 {
	background-color: white;
	color: #095D60;
}

#maisons .left .gdp_content {
	display: flex;
	flex-direction: column;
	margin-top: var(--padd2d);
}

#maisons .left .gdp_content b {
	color: #E69A16;
}

#maisons .left .gdp_content span {
	border-bottom: 1px solid white;
	display: block;
	width: calc(100% + var(--padd));
	margin-bottom: var(--padd3d);
	padding-bottom: var(--padd3d);
}

/* BDV ========================================================================== */

#bdv {
	display: grid;
	grid-template-columns: 1fr 2fr;
	margin: var(--padd15m) var(--padd2m);
}

#bdv .left {
	background-color: var(--rose);
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
	padding: 0 var(--padd);
	line-height: 2em;
}

#bdv svg {
	margin-bottom: var(--padd2d);
}

#bdv hr {
	width: 80%;
	margin: var(--padd3d) 0;
}

#bdv .btn {
	margin-top: var(--padd2d);
	background-color: white;
	color: #CF4925;
	border-color: white;
	min-width: 300px;
}

#bdv .btn:hover {
	background-color: #CF4925;
	color: white;
}

#bdv .right {
	width: 100%;
	height: max(420px, 32vw);
	background: url("../images/vmap.svg") no-repeat center/cover;
}

/* FORM ========================================================================== */

#formulaire_container {
	padding: var(--padd3m) var(--padd2m);
	background: url("../images/vformulaire.jpg") no-repeat center/cover;
	display: flex;
	justify-content: flex-end;
}

#formulaire {
	width: var(--form);
	padding: var(--padd2d) var(--padd);
	padding-top: var(--padd);
	text-align: center;
	box-shadow: 2.5px 2.5px 10px #707070;
	background-color: white;
	color: black;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#formulaire h2 {
	color: var(--rose);
	margin: auto;
	padding-bottom: var(--padd3d);
	margin-bottom: var(--padd3d);
	font-size: 2.7em;
}

#confirmation {
	padding: var(--padd2m) 0;
	text-align: center;
	margin-bottom: 0;
}

#confirmation .btn {
	width: 80%;
}

.formLeads input,
.formLeads select {
	width: 100%;
	height: max(2.5vw, 40px);
	margin-bottom: var(--padd3d);
	border-radius: 5px;
	background-color: #E5EDED;
	padding-left: var(--padd2d);
	color: #696F6F;
}

::placeholder {
	color: #696F6F;
	font-style: italic;
	font-weight: 333;
}

#container_date {
	margin-top: 5px;
}

#container_date > div {
	display: grid;
	grid-template-columns: 47.5% 47.5%;
	grid-gap: 5%;
	width: 100%;
}

#container_date label {
	width: 100%;
}

.formLeads {
	font-size: 90%;
}

.formLeads i {
	margin-bottom: var(--padd2d);
}

.formLeads .mab_radio {
	margin-top: var(--padd2d);
}

.formLeads .mab_radio__label {
	text-align: left;
	padding-left: var(--padd3d);
}

.formLeads .mab_radio__control {
	width: 30px;
	height: 30px;
	background-color: transparent;
	border-color: #095D60;
	border-radius: 5px;
}

.formLeads .mab_radio input:checked + .mab_radio__control {
	background-color: #095D60;
}

#formulaire .btn {
	width: fit-content;
	height: max(2.5vw, 40px);
	margin: calc(var(--padd) * 0.66) auto;
	letter-spacing: 0.1em;
	line-height: 1em;
}

#heure {
	background: #E5EDED url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='Groupe_2221' data-name='Groupe 2221' transform='translate(-50 -1745)'%3E%3Cg id='Ellipse_10' data-name='Ellipse 10' transform='translate(50 1745)' fill='none' stroke='%23000' stroke-width='1'%3E%3Ccircle cx='6' cy='6' r='6' stroke='none'/%3E%3Ccircle cx='6' cy='6' r='5.5' fill='none'/%3E%3C/g%3E%3Cpath id='Tracé_3942' data-name='Tracé 3942' d='M56,1746.217v3.273l1.923.9' transform='translate(0 1.51)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 5%/12px;
	text-indent: 0.5em;
}

@media (min-width: 1025px) {
	input[name="date"] {
		text-indent: 0.5em;
	}
}

/* uniquement pour safari */
@media not all and (min-resolution:.001dpcm) {
	#heure {
		text-indent: 20px;
	}

	input[name="date"] {
		text-indent: 0;
		width: 100%;
	}

	input[type="date"]::before {
		content: attr(placeholder);
		white-space: pre;
		padding-left: 0;
	}

	input[type="date"]:focus::before {
		content: "" !important;
	}
}

@media(max-width: 1024px) {
	input[type="date"]::before {
		content: attr(placeholder);
		white-space: pre;
		padding-left: 0.5em;
		line-height: 40px;
	}

	input[type="date"]:focus::before {
		content: "" !important;
	}
}

input[name="date"] {
	position: relative;
}

input[name="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	left: 6px;
	right: 0;
	width: 24px;
	padding-right: 75%;
	cursor: pointer;
	content: "";
	/* filter: invert(1); */
}

/* FOOTER ========================================================================== */

footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: white;
	color: #424242;
}

footer > img {
	width: max(180px, 9.5vw);
}

footer .btn {
	background-color: var(--rose);
	border-color: var(--rose);
	margin-left: 0;
}

footer .btn > svg {
	margin-right: 10px;
}

footer .btn:hover > svg,
footer .btn:hover > svg * {
	fill: black;
}

footer .modal_container > span {
	display: inline-block;
}

footer .modal_container > span:not(:first-child) {
	margin-left: var(--padd);
}

/* ========================================================================== */

@media (min-width: 1024px) {

	.mobile {
		display: none;
	}

	/* NAV DESKTOP ========================================================================== */

	nav {
		padding: 0 var(--padd2m);
	}

	/* APPARTEMENTS DESKTOP ========================================================================== */
	#appartements .mab_collapse__button {
		cursor: unset;
	}

	#appartements .mab_collapse__content:not(.is_open) {
		overflow: unset;
		height: auto;
	}

	/* MAISONS DESKTOP ========================================================================== */
	#maisons .mab_collapse__button {
		cursor: unset;
	}

	#maisons .mab_collapse__content:not(.is_open) {
		overflow: unset;
		height: auto;
	}

	/* FOOTER DEKSTOP ========================================================================== */

	footer {
		padding: var(--padd) var(--padd2m);
		padding-right: calc(var(--form) + var(--padd15m));
		position: relative;
	}

	footer .modal_container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

/* ========================================================================== */

@media (max-width: 1023px) {

	:root {
		--nav: 67px;
		--padd: 5vw;
		--form: 90vw;
	}

	.desktop {
		display: none;
	}

	.fsize_md {
		font-size: clamp(15px, 1.2vw, 20px);
	}

	.splide__list {
		min-height: 60vw;
	}

	.gdp_content .line {
		margin: var(--padd3d);
	}

	.compact {}

	.compact:not(.active) .expandable {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
		margin-bottom: 0px;
	}

	.compact.active .expandable {
		max-height: none;
	}

	.compact .btn-expand {
		text-transform: inherit;
		color: #5FB8B2;
		background: inherit;
		font-weight: bold;
	}

	.compact.active .btn-expand {
		display: none;
	}

	.compact .more {
		color: #5FB8B2;
	}

	.compact.active .more {
		display: none;
	}

	.highlight.compact:not(.active) .expandable {
		margin-bottom: 0px !important;
	}

	.highlight.compact .btn-expand {
		color: #fff;
	}

	.highlight.compact .more {
		color: #fff;
	}

	.gdp {
		margin:var(--padd);
	}

	.gdp h4 {
		width: -webkit-fill-available;
	}

	div.is_open {
		margin-bottom: 4vh;
	}

	nav img.logo {
		left: var(--padd3d);
		width: 35vw;
		max-width: 164px;
		height: auto;
	}

	nav span.ico {
		position: absolute;
		right: 0;
	}

	span.ico-contact,
	span.ico-tel,
	span.ico-burger {
		position: relative;
		margin-right: var(--padd3d);
	}

	main h2 {
		font-size: 1.8em;
	}

	aside.title {
		padding-top: inherit;
		padding-left: var(--padd);
		height: 40px;
		text-align: center;
		left: inherit !important;
	}

	header {
		height: fit-content;
	}

	header h1 {
		text-align: center;
		font-size: 1.2em;
		margin-bottom: 4vw;
	}

	header hr {
		margin: 5vw 12vw;
	}

	header .vegetation {
		top: 5vh;
	}

	header .left {
		position: inherit;
		height: fit-content;
		padding-top: 7vh;
		padding-bottom: 2vh;
	}

	header .right {
		background: inherit;
	}

	h3.mab_collapse__button {
		position: relative;
		padding-right: 30px;
		line-height: 30px;
	}

	h3.mab_collapse__button:before {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		background-size: cover;
		width: 16px;
		height: 16px;
	}

	section .compact {
		padding: inherit !important;
		margin: var(--padd);
	}

	.is_open ul.mab_collapse__content {
		height: fit-content !important;
	}

	#main-menu {
		position: fixed;
		width: 100vw;
		height: fit-content;
		left: 0px;
		top: 16vw;
		right: 0px;
		bottom: 0px;
		background: rgba(255, 255, 255, 0.92);
		transition: all 0.4s ease;
		transform: translateX(100%);
		opacity: 0;
		z-index: 21;
	}

	#main-menu ul.buttons > li {
		display: block !important;
		width: 100%;
		height: 15vw;
		line-height: 15vw;
	}

	#main-menu ul.buttons > li a {
		vertical-align: middle;
		font-size: 4vw;
		font-weight: bold;
	}

	#main-menu ul.buttons > li .btn {
		margin-top: 3vh;
	}

	body.menu-open #main-menu {
		transform: translateX(0);
		opacity: 1;
	}

	#appartements .left .mab_collapse__button.lls,
	#maisons .left .mab_collapse__button.lls {
		background: inherit;
		color: #5FB8B2;
		margin: inherit;
		padding: inherit;
	}

	header,
	#quartier,
	#residence > .one,
	#residence > .three,
	#residence > .four,
	#appartements > .one,
	#appartements > .two,
	#appartements > .three,
	#maisons > .one,
	#maisons > .two,
	#bdv {
		grid-template-columns: 1fr;
	}

	#quartier {
		display: flex;
		flex-direction: column-reverse;
		min-height: inherit;
	}

	#quartier .right {
		margin-top: 8vw;
	}

	#quartier,
	#residence,
	#appartements {
		margin: inherit;
		margin-top: 8vh;
	}

	#residence .one,
	#residence .four {
		padding-top: var(--padd);
		padding-bottom: var(--padd);
		display: flex;
		flex-direction: column-reverse;
	}

	#residence .one .right.compact {
		margin: var(--padd) var(--padd) 0 var(--padd);
	}

	#residence .two {
		margin: inherit;
		margin-top: var(--padd);
		background: url(../images/3D-mob.png) no-repeat center/cover;
		min-height: 198px;
	}

	#residence .two a {
		position: absolute;
		left: 50%;
		bottom: 25%;
		transform: translateX(-50%);
	}

	#residence .two .btn  {
		color: #CF4925;
		background-color: white;
		border: none;
	}

	#residence .four {
		padding: inherit;
		padding-bottom: 8vh;
	}

	#residence .four .right.compact {
		margin: 0 var(--padd);
		padding-bottom: var(--padd) !important;
	}

	#residence .right,
	#residence .three .left {
		padding: inherit
	}

	#residence .vegetation.right {
		transform: translate(40%, 35%);
		width: max(230px, 14vw);
	}

	#appartements aside.title {
		top: -10.2vh;
	}

	#appartements .one .left.compact {
		margin: 0 var(--padd);
		padding-bottom: var(--padd) !important;
	}

	#appartements .one .left .vegetation {
		transform: translate(130%, -70%);
		width: max(178px, 14vw);
	}

	#appartements .one,
	#appartements .two {
		padding: inherit;
		padding-bottom: 2vh;
	}

	#appartements .two {
		display: flex;
		flex-direction: column-reverse;
		padding-bottom: 12vh;
	}

	#appartements .two .left {
		padding: inherit;
		margin: inherit;
	}

	#appartements .two .left .gdp .gdp_content {
		height: fit-content;
		padding-bottom: 35vw;
	}

	#appartements .two .left .gdp strong {
		text-align: center;
	}

	#appartements .two .right {
		margin: var(--padd);
	}

	#appartements .three {
		padding: inherit;
	}

	#appartements .three .right {
		margin: 0 var(--padd);
	}

	#appartements .three .left {
		margin: inherit;
		margin-bottom: 4vh;
	}

	#appartements .three .vegetation {
		transform: translate(-20%, -96%) rotate(30deg);
	}

	#appartements .left .mab_collapse__button {
		width: inherit;
	}

	#appartements .left .gdp_content span {
		width: -webkit-fill-available;
	}

	#appartements .vegetation.one {
		left: 30vw;
	}

	#appartements h3.mab_collapse__button:before {
		background-image: url("../images/plus-blanc.svg");
	}

	#appartements div.mab_collapse.is_open h3.mab_collapse__button:before {
		background-image: url("../images/moins-blanc.svg") !important;
		height: 2px;
	}

	#maisons aside.title {
		top: -2.2vh;
	}

	#maisons .one {
		padding: inherit;
	}

	#maisons .one .left {
		margin-top: 15vw;
	}

	#maisons .two {
		display: flex;
		flex-direction: column-reverse;
		padding: inherit;
	}

	#maisons .two .right {
		margin: var(--padd);
		margin-bottom: 4vh;
	}

	#maisons .two .left {
		padding: inherit;
	}

	#maisons .two .left .gdp strong {
		width: 100%;
		text-align: center;
	}

	#maisons h3.mab_collapse__button:before {
		background-image: url("../images/plus-vert.svg");
	}

	#maisons div.mab_collapse.is_open h3.mab_collapse__button:before {
		background-image: url("../images/moins-vert.svg") !important;
		height: 2px;
	}

	#maisons .left .gdp_content span {
		width: -webkit-fill-available;
	}

	#bdv {
		margin: var(--padd3d);
	}

	#bdv .left {
		padding-top: 4vh;
		padding-bottom: 4vh;
		font-weight: bold;
		font-size: 0.95em;
	}

	#bdv .left .fsize_lg {
		font-size: 1.8em;
		font-weight: 300;
	}

	#bdv .btn {
		margin-left: auto;
		margin-right: auto;
	}

	#bdv .right {
		height: 25vh;
	}

	#formulaire {
		box-shadow: inherit;
	}

	#formulaire img {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		height: auto;
	}

	#formulaire_container {
		background: none;
		display: inherit;
		justify-content: inherit;
		padding: inherit;
	}

	#formulaire_container .formLeads {
		width: 100%;
	}

	#formulaire_container h2 {
		color: var(--rose);
		margin-bottom: inherit;
		border: none;
		font-size: 2em;
	}

	#formulaire_container input, #formulaire_container select {
		margin-bottom: 4vw;
		padding-left: var(--padd);
	}



	footer .modal_container > span:not(:first-child) {
		margin-left: inherit;
	}

	#cta_mobile {
		position: fixed;
		bottom: 0;
		background-color: #CF4925;
		color: white;
		width: calc(100% - var(--padd));
		padding: 7vw 30px;
		z-index: 100;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 5px 5px 0 0;
		font-weight: 300;
		font-size: 1.5em;
	}

	footer {
		position: relative;
		z-index: 200;
		background-color: #F2F2F2;
	}

	body,
	html {
		overflow-x: hidden;
	}

	.desktop {
		display: none;
	}

	/* FORM MOBILE ========================================================================== */

	#formulaire {
		width: 100%;
		padding: var(--padd);
		margin-bottom: var(--padd15m);
	}

	#formulaire .btn {
		margin-bottom: 0;
	}

	/* ========================================================================== */

	.mab_slider__open {
		display: none;
	}

	/* FOOTER MOBILE ========================================================================== */

	footer {
		padding: var(--padd15m) var(--padd);
		flex-direction: column;
	}

	footer .logo {
		margin-bottom: var(--padd15m);
	}

	footer .modal_container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	footer .modal_container > span {
		margin: 0;
		margin-bottom: var(--padd);
	}

	footer .btn {
		margin-top: var(--padd);
	}

}