: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));*/
}


.clr-red {
	color: #562434;
}

.clr-black {
	color: #000;
}

header .baseline {
	padding-top: 1vw;
}



.underline-title {
	/* border-bottom: 5px solid #9C4638; */
	margin-right: 1vw;
	font-weight: 900;
}


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

@media (min-width:1025px){
	footer .logos img {
		height: 2.5vw;
	}

	nav .logos img.header-copro {
		height: 1.5vw;
	}

	nav .logos > img {
		height: calc(var(--nav)* 0.65);
	}

	footer .logos img.footer-copro {
		height: 1.7vw;
	}
}
/* 

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;}
} */

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

.runway-header {
	width: 1920px;
	height: 952px;
}




/*#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 {
	margin: 1vw 0 1.5vw !important;
}

#projet .mab_radio label {
   width: 6.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;
    cursor: pointer;
}

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

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

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

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

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

.runway-header {
	width: 100%;
    height: 48vw;
    position: relative;
    overflow: hidden;
    top: -11.1%;
    z-index: -1;
}

nav {
	background-color: #ffffff;
}

header {
	height: 43.3vw;
}

header .baseline h2 {
	color: #000000;
}

@media (max-width: 1024px) {

	.runway-header {
		width: 180%;
        height: 110vw;
        position: relative;
        overflow: hidden;
        left: -50%;
	}

	header {
		height: 130vw;
	}

	header .baseline, header .baseline .baseline-div {
		background-color: var(--primary);
	}

	

	nav {
		background-color: unset;
	}

	
	#projet .mab_radio label {
		width: 28vw;
		line-height: inherit;
	}

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

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

	header .logos {
		top: 50vw;
	}

	footer .logos img {
		height: 6vw;
	}

	footer .logos img.footer-copro {
		height: 5vw;
	}

	header .baseline > div {
		padding-bottom: 0;
		
	}
}


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



header .baseline h1 strong {
	font-weight: 300;
}

.fs-title {
	font-size: 1.9vw;
	line-height: 2.1vw;
}

#confirmation {
	display: none;
}


header .logos > img { width: 10vw; padding-top: 2vw; }

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

header .header_offres {
    position: absolute;
    right: 0;
	top: 2vw;
    z-index: 1;
	display: flex;
	width: 100%;
}

header .header_offres .spacer_offre {
	width: 100%;/*38.8vw;*/
    padding-top: calc(var(--padd)* 0.7);
    padding-right: calc(var(--padd)* 3);
    padding-bottom: calc(var(--padd)* .75);
    padding-left: var(--padd3m);
}


header .header_offres img {
    width: 25%;
    height: auto;
}

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

#plus .plus-img {
	width: 35%;
	margin: 1vw 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;
}

@media (max-width: 768px) {
	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 .pictos {
        top: 105vw;
        right: var(--padd2d);
        z-index: 1;
        transform: unset;
        left: 3vw;
    }

	header .baseline h1 strong {
		font-size: 6vw;
		line-height: 1.3em;
	}

	/* header .baseline h1 span {
		font-size: 3.7vw;
	} */
}

@media (min-width: 1024px) {
	header .baseline > div {
		padding-right: calc(var(--padd) * 3);
		/* background-image: url("../images/senlis-bg-baseline.png");
		background-size: 100%; */
	}
	header .popup  {
		color: white;
		width: 8vw;
	    height: 8vw;
	    transform: translate(33.3%, 30%);
	}

	#informations {
		width: 55%;
	}

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

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

.splide__pagination {
	bottom: 30px !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;}

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(12px,0.8vw,20px);
}

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

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

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

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

#bdv strong p span {
	font-weight: bold;
	color: var(--primary)
}

#bdv strong p {
	color: #562434;

}

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

.disp_mobile {
	display: none;
}

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

.plusinf {
	background-color: var(--cta-information)
}

@media (max-width: 1024px) {
	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) * 1.5 );
		padding-left: calc(var(--padd) * 1 );
		padding-bottom: 10px;
		padding-top: 10px;

	}

	header .header_offres {
        width: 45%;
        top: 45%;
        z-index: 1;
        bottom: -10vw;
		display: block;
	}

	header .header_offres img {
	    width: 100%;
	    height: auto;
	}

	header .popup {
		left: -10px;
	}

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

	nav.active .logos span.upper {
		line-height: 22px;
	}

	header .baseline h1 strong {
		line-height: 1em;
	}

	.fs-title {
    	font-size: 6vw;
    	line-height: 6.7vw;
	}

	.clr-baseline-red {
    	color: white;
	}

	.visu1 {
		
	}

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

	#plus div {
		padding-left: var(--padd2d);
	}

	#plus .plus-img {
	    width: 75%;
	    margin: 5vw 0;
	}

	.disp_mobile {
		display: block;
	}

	.formLeads input {
		width: 100%;
	}

	.formLeads .title p {
		text-align: center;
	}

	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;
	}


	.formLeads {
		font-size: 100%;
	}

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

	.visu1 {
		background-size: cover !important;
		background-image: url('../images/vheader-mob.jpg') !important;
	}

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

	.formLeads {
		padding-top: 5vw;
	}

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

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

	#informations {
		padding-top: calc(var(--padd)* 1);
	} 

	header .baseline {
        height: 45vw;
    }

} 





header .logo-immo {
	position: absolute;
    width: 32vw;
    left: 3vw;
    top: 2vw;
	z-index: 3;
}


header .dame-immo {
	width: 22vw;
    position: absolute;
    right: 0;
    bottom: 0.1vw;
    z-index: 1;
}

header .offre-immo {
	position: absolute;
    width: 61vw;
    right: 0;
    bottom: 0;
    z-index: 2;
}

header .baseline {
	z-index: 3;
}

header .logos {
	padding: 0.3vw var(--padd2d);
}

#container_addr > strong {
	color: #562434;
}

header #bg_header {
	padding-top: 43.3%;
}

#plus ul {
	padding: 0;
}

.formLeads .mab_radio input:checked + .mab_radio__control {
	background-color: var(--formulaire-btn);
}

footer .logos > span {
    width: 100%;
    text-align: center;
    color: black;
    position: absolute;
    top: -0.3em;
    right: -1vw;
}

/* padding-right: calc(var(--padd)*  */

@media (max-width: 1250px) {
	header .offre-immo {
		width: 61vw;
	}
}

@media (max-width: 1200px) {
	header .offre-immo {
		width: 59vw;
	}
}

@media (max-width: 1150px) {
	header .offre-immo {
		width: 58vw;
	}
}

@media (max-width: 1100px) {
	header .offre-immo {
		width: 57vw;
	}
}

@media (max-width: 1050px) {
	header .offre-immo {
		width: 56vw;
	}
}

@media (max-width: 1024px){
	header .offre-immo {
		bottom: -10vw;
		width: 90%;
		left: 5vw;
	}

	header .logos {
		padding: 0.3vw 10vw 0.3vw var(--padd2d);
	}

	main {
		margin-top: 7vw;
	}

	#container_addr > strong {
    	color: #ffffff;
	}

	.pin {
		stroke: #ffffff;
	}

	.clr-white {
		color: white;
	}

	header .baseline h2 {
		color: white;
	}

	header #bg_header {
		padding-top: 80%;
	}

	header .dame-immo {
		width: 40vw;
	}

	header .logo-immo {
        width: 80%;
        left: 9%;
        bottom: 47vw;
        top: inherit;
	}

	header .baseline-div {
		height: fit-content !important;
    	padding-top: 5vw !important;
	}

	#plus ul {
		padding: var(--padd2d);
	}

	#bdv strong p {
		padding-left: var(--padd2d);
	}

	footer .logos > span {
		width: 100%;
		text-align: center;
		color: black;
		position: absolute;
		top: -2em;
	}
}
/*
@media (min-width: 1900px) {
	header .header_offres .spacer_offre {
    	width: 37.4vw;
	}
}

@media (min-width: 2000px) {
	header .header_offres .spacer_offre {
    	width: 36.2vw;
	}
}

@media (min-width: 2200px) {
	header .header_offres .spacer_offre {
    	width: 34vw;
	}
}
*/