: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) * 1);
	--padd3m	: calc(var(--padd) * 3);*/

/*	--form	: 25vw;*/
/*	--main	: calc(100vw - var(--form));*/
}

.mobile {display: none;}

.btn { border: none; color: white; }
.btn:hover { color: var(--primary); border: 1px solid var(--primary); }
.btn svg, .btn svg * { fill: white; }
.btn:hover svg, .btn:hover svg * { fill: var(--primary); }
/* 

header .popup img { width: 5.5vw; }
header .logos {
	padding: 0.5vw;
}
header .logos > img { width: 13vw; padding-top: 2vw; }

header .baseline h1 strong { letter-spacing: 0; }

main li::before,
#gdp .c_secondary { color: #959073; }

h4 {
	text-transform: uppercase;
	color: #757446;
	font-size: 90%;
}

@media (max-width: 1024px) {
	header .logos > img { width: 30vw; padding-top: 0; }
	header .popup img { width: 28vw; max-width: inherit;}
	header .popup > div:first-child::after { background-color: #757446;}
} */


li {
	font-size: clamp(14px,1vw,17px);
}


/* ----------- Formulaire DBI Ajout Projet https://app.asana.com/0/1171763383025954/1206426811146666/f ---------- */






/*#projet .mab_radio label {
    width: 6.5vw;
    height: max(2.5vw, 40px);
    margin-bottom: var(--padd3d);
    border-radius: 5px;
    background-color: var(--primary--light);
    padding-left: var(--padd2d);
 	transition: all 0.3s ease;
    color: white;

}*/

#projet, #typebien{
	margin: 1vw 0 1.5vw !important;
}

#projet .mab_radio label {
	width: 10.5vw;
	height: max(2.5vw, 40px);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: var(--primary--light);
	/*    border: 1px solid var(--secondary);*/
	border-radius: 5px;
	transition: all 0.3s ease;
	padding: 5px max(0.5vw, 10px);
	line-height: 1vw;
}
#typebien .mab_radio label {
	width: 11vw;
	 height: max(2.5vw, 40px);
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 text-align: center;
	 background-color: var(--primary--light);
 /*    border: 1px solid var(--secondary);*/
	 border-radius: 5px;
	 transition: all 0.3s ease;
	 padding: 5px max(0.5vw, 10px);
	 line-height: 1vw;
	 text-transform: uppercase;
}

#formulaire #projet .mab_radio input:checked+label,
#formulaire #typebien .mab_radio input:checked+label
 {
	background-color: var(--secondary--light);
	color: white;
	width: 10.5vw;
	height: max(2.5vw, 40px);
}

.form-group.projet .control-label,
.form-group.typebien .control-label
 { display:block; color:#000; text-align:center; font-weight:bold; }

#projet .control,
#typebien .control {
	display: flex;
	justify-content: space-between;
}

#projet p, #typebien p {
	margin-bottom: 0;
	font-size: 100%;
}

#projet .mab_radio,
#typebien .mab_radio {
	margin-top: 0.5vw;
}

.mab_radio {
	grid-gap: 0 !important;
}

/* ----------- --------- */


#confirmation {
	display: none;
}


header .logos > img { width: 9vw; padding-top: 1vw; }

header .offer {
	position: absolute;
    left: 0;
    top: 40px;
    z-index: 1;
    margin-bottom: 0;
}

header .offer > div {
    background-color: var(--primary);
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='768.248' height='245.779' viewBox='0 0 768.248 245.779'%3E%3Cpath id='Tracé_3834' data-name='Tracé 3834' d='M-295.971,0H472.276L411.369,245.779h-707.34Z' transform='translate(295.971)' fill='%23181730'/%3E%3C/svg%3E") no-repeat right/cover;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='768.248' height='245.779' viewBox='0 0 768.248 245.779'%3E%3Cpath id='Tracé_3834' data-name='Tracé 3834' d='M-295.971,0H472.276L411.369,245.779h-707.34Z' transform='translate(295.971)' fill='%23181730'/%3E%3C/svg%3E") no-repeat right/cover;
	color: white;
	padding-top: calc(var(--padd) * .5);
	padding-right: calc(var(--padd) * 2.2);
	padding-bottom: calc(var(--padd) * .5);
	padding-left: var(--padd);
}
header .offer h2 {
	font-family: "Lato", sans-serif;
    font-weight: normal;
	font-size: 1.3em;
    text-transform: uppercase;
	line-height: 1.2em;
	letter-spacing: 0.1em;
}
header .offer h2 span{
	color: #B9A079;
}

/* ajout 2024-06-18 */
header .baseline {
	z-index: 200000;
	width: 60%;

}

header .accroche {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 1;
		margin-bottom: 0;
}
header .accroche > div {
	text-align: center;
	background-color: #E14C38;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='768.248' height='245.779' viewBox='0 0 768.248 245.779'%3E%3Cpath id='Tracé_3834' data-name='Tracé 3834' d='M0,245.779L60.907,0H768.248V245.779Z' transform='translate(0, 0)' fill='%23181730'/%3E%3C/svg%3E") no-repeat left/cover;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='768.248' height='245.779' viewBox='0 0 768.248 245.779'%3E%3Cpath id='Tracé_3834' data-name='Tracé 3834' d='M0,245.779L60.907,0H768.248V245.779Z' transform='translate(0, 0)' fill='%23181730'/%3E%3C/svg%3E") no-repeat left/cover;
	color: white;	
	padding-top: calc(var(--padd));
	padding-right: calc(var(--padd) * 1.3);
	padding-bottom: calc(var(--padd) * .75);
	padding-left: calc(var(--padd) * 12.5);
}
header .accroche h1 {
	font-weight: normal;
    margin-bottom: .5em;
	font-size: 1.6em;
	line-height: 1.2em;
}
header .accroche h1 strong {
	font-size: 1em;
	line-height: 1.2em;
}
header .accroche h1 a {
	color: white;
	text-decoration: none;
}

header .popupside {
	position: absolute; top: -42vw; right: 3vw;
	width: 10vw; height: 10vw;
	display: flex; justify-content: center; align-items: center;
}

@media (max-width: 768px) {
	.mobile {display: block;}
	.desktop {display: none;}

	header .baseline {
		width: 100%;
		position: relative;
		z-index: 1;
	}

	header .offer {
		top: 68vw;
	}
	header .offer > div {
		padding-top: calc(var(--padd) * .3);
		padding-right: calc(var(--padd) * 1.3);
		padding-bottom: calc(var(--padd) * .3);
		padding-left: calc(var(--padd) * .3);
	}
	header .offer h2 {
		font-size: 1em;
	}

	header .accroche > div {
		padding: 2vw 5vw 2vw 10vw;
	}
	header .accroche h1 {
		font-size: 1em;
	
	}

	header .accroche {
		position: absolute;
		right: unset;
		left: 35vw;
		bottom: -10vw;
		z-index: 1;
		margin-bottom: 0;
	}

	header .popup {
        left: 69vw;
        bottom: -75vw;
	}
}

@media (min-width: 1024px) {
	header .baseline > div {
		padding-right: calc(var(--padd) * 3);
	}
	header .popup  {
		color: white;
		width: 6vw;
	    height: 9vw;
	    /*transform: translate(33.3%, 30%);*/
		transform: translate(-10%, -330%);
	}

	.visu2 {
		background-size: cover !important;
	}
	
}

#prestations .background {
	padding-top: 73.25%;
}

.splide__pagination {
	display: none!important;
}

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/cprev.png) no-repeat center/contain; left:12em ;}
main .splide__arrow--next { background: url(../images/cnext.png) no-repeat center/contain; right: 12 em;}

#pres .btn-group {
	display: inline-block;
    padding: 2vw 0 1vw 0;
}
#pres .btn-group span:first-child {
	margin-right: 1vw;
}
#pres .btn-group span:first-child img {
	max-width: 33%;
}
#pres .btn-group span:last-child img {
	max-width: 40%;
}

button.splide__arrow.splide__arrow--prev {
	left: 12vw !important;
}

header .splide { height: calc(100% - var(--padd2m)); align-self: flex-end; }

header .splide { height: 44vw; width: 120%; margin-left: -10%; }
header .splide .splide__slide { background-position: center !important; background-size:contain; }

header .popup  {
	color: white;
}
header .popup .fsize_sm {
	font-size: clamp(11px,0.7vw,20px);
}

#plus li {
	padding-left: 0.8em;
}

#plus h3 {
	padding-left: 0.5em;
	letter-spacing: 2px;
}

#prix {
	width: 54%;
	background: url('../images/bg_prix.png') right bottom no-repeat;
	background-size: contain;
	padding-left: var(--padd3m);
	padding-bottom: 0.2vw;
	margin-bottom: 3vw;
}

#addr {
	margin: 0;
}

#addr h3 {
	padding: 0;
	letter-spacing: 2px;
	background-color: unset;
	mask: unset;
	-webkit-mask: unset;
	color: var(--primary);
	font-weight: 300;

}
#addr h3 strong {
	font-weight: 500;
}

#maisons, #appartements {
	width: 62%;
	padding-top: var(--padd3d); padding-left: var(--padd3m);
	background-color: white; color: black;
	min-height: 50vw;
}
#maisons { margin-bottom: 5vw; }

#maisons article, #appartements article {
	background-color: var(--secondary--light);
	margin-top: -1.1vw;
}

#maisons article.titre, #appartements article.titre {
	background-color: white;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='564.32' height='238.381' viewBox='0 0 564.32 238.381'%3E%3Cpath id='Tracé_3896' data-name='Tracé 3896' d='M365.5,0h564.32l-61.8,238.381H365.5Z' transform='translate(-365.503)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat right/cover;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='564.32' height='238.381' viewBox='0 0 564.32 238.381'%3E%3Cpath id='Tracé_3896' data-name='Tracé 3896' d='M365.5,0h564.32l-61.8,238.381H365.5Z' transform='translate(-365.503)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat right/cover;
	padding: 0;
	width: fit-content;
	margin-top: -3.4vw;
	margin-bottom:0;
}

#maisons article.titre h3, #appartements article.titre h3 {
	background-color: white;
	color: var(--primary);
	margin-bottom: 0;
	font-size: 1.7vw;
    padding: 1vw 2.3vw;
    font-weight: 300;
}

#maisons #maisons-presta, #appartements #appartements-presta {
	margin-top: -2vw;
	margin-bottom: 0;
}

#maisons-presta .grille  {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 1vw;
	grid-row-gap: 0px;
	padding: 2.2vw;
	width: 80%;
}
#appartements-presta .grille  {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 0px;
	padding: 2.2vw;
	width: 85%;
}

#maisons #maisons-prix {
	background: url('../images/bg-maisons-prix.png') right top no-repeat;
	background-color: var(--secondary--light);
	background-size: contain;
	height: 12vw;
	max-width: 100%;
}
#appartements #appartements-prix {
	background: url('../images/bg-appartements-prix.png') right bottom no-repeat;
	background-color: var(--secondary--light);
	background-size: contain;
	height: 12vw;
	max-width: 100%;
}
#maisons #maisons-prix img, #appartements #appartements-prix img{
	width: 2vw;
}

.bloc-prix {
	position: relative;
    top: 4%;
    left: 45%;
    width: 19vw;
    height: 9vw;
    background-color: white;
    border-radius: 10px;
    color: var(--primary);
    padding: 2vw;
	text-align: center;
	font-weight: 300;
	font-size: 1vw;
	line-height: 1.8vw;
}
.bloc-prix span {
	font-size: 1.6vw;
	letter-spacing: 0.15vw;
}

#gdp h3 {
	letter-spacing: 2px;
}

.disp_mobile {
	display: none;
}

#formulaire h2 {
		border-bottom: none;
		margin-bottom: 0;
	}

.plusinf {
	background-color: var(--primary)
}

.patch-offre {
    position: absolute;
    top: 1vw;
    left: 6vw;
    width: 35vw;
    height: auto;
	z-index: 1;
}

header::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #F2EBDB 0%, rgba(242, 235, 219, 0.00) 27.88%);
	z-index: 0;
}

.patch-offre img {
	width: 100%;
	height: auto;
}

header .baseline h1 strong {
	color: #ACCF79;
}

header .baseline h2 {
	color: #000;
	text-transform: none;
	font-weight: bold;
	font-size: 1.7vw;
} 

main .derniere h4 {
	font-size: 1.7vw;
	font-weight: bold;
	color: #A15535;
}

main .derniere h5 {
	font-size: 1.2vw;
	font-weight: 300;
	color: #000;
	font-family: 'Lato';
	text-transform: uppercase;
}

main .derniere h5 span {
	text-transform: uppercase;
}

main .txt-rdv {
	color: #A15535;
	font-family: 'Lato';
	font-size: 0.9vw;
	margin-top: -2vw;
	margin-bottom: 2vw;
}

main .mb-4 {
	margin-bottom: 2vw !important;
}

.bloc-dispo {
	position: absolute;
    width: 19vw;
    height: 3vw;
    background-color: #A15535;
    color: white;
    font-size: 1.3vw;
    border-radius: 7px;
    margin-left: 24.4vw;
    margin-top: -4.2vw;
	text-align: center;
}

.bloc-dispo p {
	margin-top: 0.8vw;
}


@media (max-width: 1024px) {

	#container_addr > svg {
		width: max(1vw, 18px);
		position: relative;
		top: 3vw;
	}
	#container_addr > svg path:last-child {
		fill: var(--primary);
	}
	header .splide { height: 80vw; width: 120%; margin-left: -10%; }
	main .splide__arrow--prev { background: url(../images/cprev.png) no-repeat center/contain; left:10vw  }
	main .splide__arrow--next { background: url(../images/cnext.png) no-repeat center/contain; right: 10vw }

	header .logos {
		padding-right: calc(var(--padd) * 2.2 );
		padding-left: 15px;
		padding-bottom: 20px;
		padding-top: 15px;
		top: 65vw;
	}

	header .pictos {
		width: 13vw;
	}

	header .pictos {
        width: 22vw;
        display: flex;
        right: 14vw;
    }

	header .logos > img {
		width: auto;
		height: 30vw;
	}

	header .popupside {
		position: absolute; top: -27vw;
        right: 1vw;
        width: 32vw;
        height: 32vw;
		display: flex; justify-content: center; align-items: center;
	}

	nav.active:before {
		background-color: var(--secondary--light);
	}
	nav.active .logos span.upper {
		line-height: 22px;
	}

	#pres .btn-group { 
		display: none;
	}

	#prix {
		width: 75%;
		background: url('../images/bg_prix_mob.png') right bottom no-repeat;
		background-size: contain;
		padding-left: 0;
		padding-bottom: 0.2vw;
		margin-bottom: 3vw;
	}
	#container_addr { display: block;}
	
	#container_addr > span {
		margin-left: 8vw;
	}
	#container_addr > span:last-child {
		margin-left: 0;
	}
	#container_addr > strong { color: var(--primary); }

	#addr {
		background-color: unset;
	}

	#addr h3 {
		padding: 0;
		letter-spacing: 2px;
		background-color: unset;
		mask: unset;
		-webkit-mask: unset;
		color: var(--primary);
		font-weight: 300;
		font-size: 5.3vw;
		line-height: 5vw;
	}

	#gdp h3 {
		display: block !important;
		visibility: visible;
		left: -15px;
	}

	#maisons, #appartements {
		width: 100%;
		padding-left: 4vw;
    	padding-right: 4vw;
	}

	#maisons article.titre, #appartements article.titre {
		margin-top: -13vw;
	}

	#maisons article.titre h3, #appartements article.titre h3 {
		font-size: 7vw;
		padding: 4vw 8vw 4vw 3vw; 
		font-weight: 300;
	}

	#maisons #maisons-presta {
		margin-top: -8vw;
		padding-top: 7vw;
		padding-bottom: 10vw;
	}
	#appartements #appartements-presta {
		margin-top: -8vw;
		padding-top: 7vw;
		padding-bottom: 15vw;
	}
	
	#maisons-presta .grille, #appartements-presta .grille  {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-column-gap: 1vw;
		grid-row-gap: 0px;
		padding: 3.2vw;
		width: 95%;
	}
	#maisons-presta .grille li,
	#appartements-presta .grille li {
		padding-left: 6vw;
	}

	.margin-second-liste {
		margin-top: 0.5em;
	}

	#maisons-presta .grille li:before,
	#appartements-presta .grille li:before {
		font-size: 4vw;
	}

	#maisons #maisons-prix {
		background: url('../images/bg-maisons-prix-mob.png') right top no-repeat;
		background-color: var(--secondary--light);
		background-size: contain;
		height: 47vw;
		max-width: 100%;
		padding-top: 17vw;
	}

	#appartements #appartements-prix {
		background: url('../images/bg-appartements-prix-mob.png') right bottom no-repeat;
		background-color: var(--secondary--light);
		background-size: 18%;
		height: 45vw;
		max-width: 100%;
	}

	#maisons #maisons-prix img, #appartements #appartements-prix img{
		width: 9vw;
	}
	
	.bloc-prix {
		position: relative;
		top: -40%;
		left: 4%;
		width: 66vw;
		height: 37vw;
		background-color: white;
		border-radius: 10px;
		color: var(--primary);
		padding: 6vw;
		text-align: center;
		font-weight: 300;
		font-size: 4vw;
		line-height: 8vw;
	}

	#appartements-prix .bloc-prix {
		position: relative;
		top: 11%;
		left: 4%;
		width: 66vw;
		height: 38vw;
		background-color: white;
		border-radius: 10px;
		color: var(--primary);
		padding: 6vw;
		text-align: center;
		font-weight: 300;
		font-size: 4vw;
		line-height: 8vw;


	}
	.bloc-prix span {
		font-size: 7vw;
    	letter-spacing: 0.5vw;
    	line-height: 9vw;
	}

	button.splide__arrow.splide__arrow--prev, 
	button.splide__arrow.splide__arrow--next { 
		display: none;
	}

	.disp_mobile {
		display: block;
	}

	.formLeads input {
		width: 100%;
	}

	.formLeads .title p {
		text-align: center;
		font-size: 90%;
	}

	.formLeads .mab_radio__label {
		font-size: 90%;
	}

	
	footer .mentions p {
		margin-left: -5px;
	}

	.splide__slide {
		background-size: cover;
	}

	#formulaire .btn {
		width: 60%;
		height: 50px;
		font-size: 4.5vw;
	}

	#cta {
		bottom: -3px;
		font-size: 5.5vw !important;
		text-align: center;
		padding-top: 4vw;
		font-weight: 300;
	}
	#projet p, #typebien p {
		margin-bottom: 7vw;
		margin-top: 3vw;
	}

	#projet .mab_radio label {
		width: 42vw;
	}
	#typebien .mab_radio label {
		width: 42vw;
	}

	#projet {
    	margin: 1vw 0 6vw !important;
	}

	#formulaire #projet .mab_radio input:checked+label {
	    width: 42vw;
	}

	.formLeads {
		font-size: 100%;
	}

	#formulaire h2 {
		font-size: 6.5vw;
		padding-bottom: 3vw;
	}

	.visu1 {
		background-size: cover !important;
	}

	.visu2 {
		background-size: cover !important;
	}

	.formLeads {
		padding-top: 5vw;
	}

	.formLeads input {
		padding-left: 6.5vw;
	}

	.logos p {
		padding-bottom: 3vw;
	}

	#formulaire #typebien .mab_radio input:checked+label {
		width: 42vw;
	}

	footer .logos > span {
		top: -3em;
	}

	#cta {
		width: 85%;
		margin: 0 auto;
	}

	.patch-offre {
		position: absolute;
		top: 85vw;
		left: 6vw;
		width: 58vw;
		height: auto;
		z-index: 1;
	}

	header .baseline h2 {
    	color: #000;
    	text-transform: none;
    	font-weight: bold;
    	font-size: 5.5vw;
	}

	main .derniere {
		padding-left: 4vw;
	}

	main .derniere h4 {
    	font-size: 5.5vw;
    	font-weight: bold;
    	color: #A15535;
	}

	main .derniere h5 {
    	font-size: 4.6vw;
    	font-weight: 300;
    	color: #000;
    	font-family: 'Lato';
		line-height: 5.3vw;
	}

	.bloc-dispo {
		position: absolute;
		width: 65vw;
		height: 8vw;
		background-color: #A15535;
		color: white;
		font-size: 4.5vw;
		border-radius: 7px;
		margin-left: 4.4vw;
		margin-top: -6.2vw;
		text-align: center;
	}

	.bloc-dispo p {
    	margin-top: 1.5vw;
	}

}