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

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

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

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

.bg-vert {
	background-color: #128154;
}

.formLeads .title p {
	font-size: 4vw;
	font-weight: 300;

}

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

@media (max-width: 1024px) {
	
	#projet .mab_radio label {
		width: 28vw;
		line-height: inherit;
	}

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

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


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

/* ---------- Modal + Iframe ---------- */

iframe #simulateur {
	padding: 2vw;
}
.mab_modal__close {
	top: 3vw!important;
	right: 9vw!important;
}

.mab_modal__wrapper .iframe_bg {
	padding: 1vw 1vw;
	background-color: #EBD8CC;
	height: 80%;
	border-radius: 20px;
}

.mab_modal__wrapper p {
	text-align: center;
	margin-top: 1vw;
	margin-bottom: 1vw;
}

.mab_modal__wrapper {
	padding: 1vw 2vw 0vw 2vw !important;
}

iframe {
	border: none;
	border-radius: 20px;
	overflow-y: hidden;

}

iframe::-webkit-scrollbar {
   background-color: #000000;
}

iframe #simulateur {
	padding: 2vw;
}

.modal-neotxt {
	width: 16%;
	vertical-align: sub;
}

@media (max-width: 768px) {
	.mab_modal__wrapper {
		padding: 10px!important;
		height: 200vw!important;
	}

	.mab_modal__wrapper h1 {
		line-height: 8vw;
		text-align: center;
		font-size: 4.5vw;
	}

	.mab_modal__wrapper h1 img {
		width: 50%;
	}

	.mab_modal__close {
		top: 12vw!important;
		right: 12vw!important;
	}

	.mab_modal__wrapper p {
		margin-top: 3vw;
	}

	#video .video-container {
		width: 96%;
	}


}









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

/* ---------- Gdp ---------- */

.typo h4 {
	background-color: #55475C;
	color: #ffffff;
	font-weight: 300;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 4vw;
	padding: 0 2vw;
	margin-bottom: 0.2vw;
}

.typo h4 div {
	width: 12%;
}

/*.liste {
	display: none;
}*/

.typo .neo-plus {
	font-size: 1.5vw;
	font-weight: 700;
	cursor: pointer;
	text-align: end;
}

.lot-unite .neoplan a:last-child {
	margin-left: 0.5vw;
}


.typo ul:first-of-type {
    display: block;
}

.typo ul {
	display: none;
}

.typologie {
	background-color: #475683;
	color: #ffffff;
	font-weight: 300;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 4vw;
	padding: 0 2vw;
}

.lot-unite {
	
	color: #293B6C;
	text-transform: uppercase;
	font-size: 1vw;
/*	letter-spacing: 0.2vw;*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 4vw;
	padding: 0 2vw;
	margin-bottom: 0.2vw !important;
}

.lot-unite .nolot {
	color: #293B6C;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lot-unite .nlot {
	color: #ffffff;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lot-unite .nlot img {
	width: 5vw;
}

.lot-unite .neolot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-transform: none;
	gap: 1vw;
}

.lot-unite .neolot .txt-neo {
	width: 60%;
	line-height: 0.8vw;
	font-size: 0.75vw;
	text-align: left;
}

.lot-unite .neolot img {
	width: 2vw;
	height: 2vw;
}

.lot-unite .neosurf {
	text-transform: none;
}

.lot-unite .neoplan img{
	width: 2vw;
}

.lot-unite .gdp-prix {
	font-weight: 700;
	color: #128154;
}

.prix-barre {
	text-decoration: line-through;
}

.lot-unite .temoin div {
	text-align: left!important;
}
.neo-gdp {
	background: rgb(18,129,84);
	background: linear-gradient(90deg, rgba(18,129,84,1) 0%, rgba(247,249,252,1) 21%);
}

.no-neo {
	background-color: #F7F9FC;
}

.temoin {
	background-color: #ffffff;

}

.temoin div {
	font-weight: 300;
}

.liste {
	margin-top: 0;
}

.lot-unite div {
	min-width: 12.9%;
	max-width: 10%;
	text-align: center;
}

main .liste li::before {
	content: "";
}

.typologie p {
	padding: 0;
	margin: 0;
}

.gdp-bold {
	font-weight: 700;
}

.gdp-plus {
	font-size: 2vw;
	font-weight: 500;
}

.infolot {
	
}

.infolot p {
	margin: 0;
}

.lot-unite .neolot div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 100%;
}

#gdp .small {
	font-size: 1vw;
	color: #707070;
	margin-top: 2vw;

}

.prixmois {
	font-size: 0.8vw;
	color: #293B6C;
	text-transform: lowercase;
}

.typo-prix {
	display: inline-block;
	min-width: 135px;
}

@media (max-width: 768px) {

	.desktop {
		display: none !important;
	}

	.typo h4 {
		height: auto;
		flex-wrap: wrap;
		padding: 3vw 2vw;
	}

	.typo h4 div {
		width: 50%;
		margin: 2vw 0;
	}

	.typo h4 .typo-dispo {
		width: 45%;
	}

	.typo h4 .typo-prix {
		width: 40%;
	}

	.typo h4 .neo-plus {
		width: 10%;
		margin-top: -10%;
		font-size: 7.5vw;
	}


	.lot-unite {
		flex-direction: column;
		height: auto;
		font-size: 3.5vw;
		align-items: center;
		margin-bottom: 2vw !important;
	}

	.lot-unite div {
		min-width: inherit;
		max-width: inherit;
		width: 100%;
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 3vw;
		align-items: center;
		justify-content: start;
		text-align: left;
		margin-bottom: 4vw;
	}
	.lot-unite div .mobile {
		width: 100%;
		text-align: right;
	}

	.lot-unite div:first-child {
		margin-top: 6vw;
	}

	.lot-unite div .descri {
		font-weight: 300;
		letter-spacing: 2px;
	}

	.lot-unite .nlot {
		color: #293B6C;
		grid-template-columns: 2fr 0.4fr 1.5fr;
	}

	.lot-unite .neolot {
		grid-template-columns: 2fr 2fr;
	}


	.lot-unite .neolot .txt-neo {
		font-size: 3.5vw;
		line-height: 3vw;
		order: 2;
	}

	.lot-unite .neolot a {
		margin: 0 auto;
	}

	.lot-unite .neolot img {
		width: 9vw;
		height: 9vw;
		margin: 0 auto;
		order: 1;
	}

	.lot-unite .neolot div {
		grid-template-columns: 0.5fr 1fr;
	}

	.lot-unite .neoplan a:last-child {
		margin-left: 2vw;
	}

	.lot-unite .neoplan img {
		width: 10vw;
		
	}

	.neo-gdp {
		background: rgb(18,129,84);
		background: linear-gradient(300deg, rgba(18,129,84,1) 0%, rgba(247,249,252,1) 34%);
	}

	.lot-unite .neolot .txt-neo {
		width: 100%;
	}

	#gdp .small {
		font-size: 3.2vw;
		line-height: 3.7vw;
		margin-top: 2vw;
	}

	.prixmois {
		font-size: 3.5vw;
		color: #293B6C;
		margin-left: -5vw;
		position: absolute;
        right: 8vw;
	}
}

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



#confirmation {
	display: none;
}


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

header .offer {
	display: none;
	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;
}

header .baseline .neo {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 0.5vw;
	margin-bottom: 0.4vw;
}

header .baseline .neo {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 0.5vw;
}


header .baseline .neo img {
	width: 10vw;
}

header .baseline .under {
	display: flex;
	flex-direction: column;
	line-height: 2.5vw;
}

header .baseline .under img {
	width: 12vw;
	position: relative;
	left: 0vw;
}

nav .upper .nav-img {
	display: inline-block !important;
    width: 8vw;
    margin-top: -0.1vw;
    position: absolute;
    margin-left: 0.2vw;
}

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

	main .main-title {
		font-size: 4vw !important;

	}

}

@media (min-width: 1024px) {
	header .baseline > div {
		padding-right: calc(var(--padd) * 3);
		padding-top: var(--padd2d);
	}
	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: 45.6%;
}

.splide__pagination {
	bottom: 50px ;
}

main .main-title {
	font-size: 1.2vw;
	font-weight: 300;
}

/* main .main-title::before {
	content: ' ';
	background-image: url(../images/fleche-main.png);
	display: inline-block;
	position: absolute;
	top: 0.4vw;
	left: 4.5vw;
	width: 3vw;
	height: 3.2vw;
	background-size: contain;
	background-repeat: no-repeat;
} */

main #pres .main-title span {
	color: #128154;
	font-weight: 700;
}

main #pres ul li span {
	color: #128154;
	font-weight: 700;
	font-size: 1.3vw;
}

main #pres ul li {
	line-height: 1.5vw;
	font-weight: 500;
}

main #pres ul li::before {
	content: ' ';
    background-image: url(../images/fleche-main.png);
    display: inline-block;
    position: absolute;
    top: -1.1vw;
    left: -1.3vw;
    width: 2vw;
    height: 2.2vw;
    background-size: contain;
    background-repeat: no-repeat;
}

main #pres ul {
	padding-left: 1.6vw;
    margin-top: 2vw;
}

main article#pres p {
	margin-bottom: 0.7vw;
	font-weight: 300;
	font-size: clamp(14px,1vw,24px);
}

main article#pres p:last-child {
	color: #128154;
	font-weight: 500;
	padding-left: 0vw;
	margin-top: 3vw;
}

main article#pres p:last-child::before {
	content: " ";
    background-image: url('../images/neoproprio-text.png');
    width: 8.2vw;
    height: 3vw;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
	margin-top: -1.5vw;
}

main #plus {
	padding-left: var(--padd3m);
    background-color: #55475C;
    padding-top: 3vw;
    padding-bottom: 3vw;
}

main #plus ul {
	width: 55%;
}

main #plus h3 {
	background-color: unset;
	font-weight: 300;
	font-size: 175%;
}

main #plus h3 .plus::after {
 	content: ' ';
    background-image: url(../images/plusduprog.png);
    display: inline-block;
    width: 1.3vw;
    height: 1.3vw;
    background-repeat: no-repeat;
    margin-top: -0.1vw;
    margin-left: 0.4vw;
    position: absolute;
    background-size: 100%;
}

main #plus h3 .plus {
	margin-right:1.8vw ;
}

main #plus ul li {
	color: #ffffff;
}

main #addr {
	padding-left: var(--padd3m);
}

main #addr h3 {
	background-color: unset;
	color: #000000;
	font-weight: 300;
	padding: 0;
}

main #gdp {
	padding-left: var(--padd3m);
	margin-top: 5vw;
	height: fit-content;
}

main #gdp h3 {
	background-color: unset;
	color: #000000;
	font-weight: 300;
	padding: 0;
}

main .ml-gdp {
	margin-top: 1.5vw;
}

main .ml-gdp h4 {
	font-weight: 700;
	color: #128154;
	font-size: 1.4vw;
	margin-bottom: 0.2vw;
}

main .ml-gdp ul {
	padding-left: 1vw;
	margin-top: 0;
}

main .ml-gdp ul li {
 list-style: "-";
 margin: 0;
}

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: 1em;
}

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

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

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

.disp_mobile {
	display: none;
}

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

.plusinf {
	background-color: var(--secondary);
}

.formLeads .title p {
    font-size: 1.4vw;
    font-weight: 300;
    line-height: 1.8vw;
}



@media (max-width: 1024px) {
	header .splide { height: 114vw; 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 }

	main .main-title::before {
        left: inherit;
        right: 7vw;
        transform: rotate(180deg);
        top: 7vw;
        width: 16vw;
        height: 15vw;
	}

	header .logos {
		padding-right: calc(var(--padd) * 1.5 );
		padding-left: calc(var(--padd) * 1 );
		padding-bottom: 10px;
		padding-top: 10px;

	}

	header .popup {
		left: -10px;
	}

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

	nav.active .logos span.upper {
		line-height: 22px;
		margin-top: -6.5vw;
	}

	nav .upper .nav-img {
		width: 40vw;
		display: block !important;
	}

	nav.active {
		height: calc(var(--nav)*1.3);
	}

	#gdp h3 {
		display: block !important;
		visibility: visible;
		margin: 5vw auto;
		padding: 0;
	}

	.visu1 {
		background-image: url('../../public/images/header-stop-0425-mob.jpg') !important;
		background-size: 84% !important;
	}

	.visu2 {
		background-image: url('../../public/images/header-mob21.jpg') !important;
	}

	.disp_mobile {
		display: block;
	}

	.formLeads input {
		width: 100%;
	}

	.formLeads .title p {
		text-align: center;
		font-size: 6.6vw;
		line-height: 8vw;
	}

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

	.formLeads {
		padding-top: 5vw;
	}

	input[name="date"] {
		padding-left: 8vw;
	}

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

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

	main article#pres p:last-child {
		padding: 0;
		padding-top: 6vw;
	}
	
	main #pres ul li::before {
		width: 5vw;
		height: 5vw;

	}
	main #pres ul li {
		line-height: 4.5vw;
	}

	main #pres ul li span {
		font-size: 4vw;
	}

	main article#pres p:last-child::before {
		content: " ";
		background-image: url(../images/neoproprio-text.png);
		width: 35vw;
		height: 10vw;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		margin-left: 0;
		margin-top: -6vw;
	}

	main #plus ul li b.underline-img::before {
		content: " ";
		width: 30vw;
		height: 5.5vw;
		background-image: url(../images/under-orange-neopro.png);
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		margin-left: 0.3vw;
		margin-top: 4.5vw;
	}

	main .ml-gdp ul {
		padding-left: 2.5vw;
	}

	main .ml-gdp h4 {
		font-size: 4vw;
		margin-top: 5vw;
		margin-bottom: 3vw;
	}
}