#body {
	padding: 0;
}

.splide__arrow--next, .splide__arrow--prev {
	background-color: #ffffff00 !important;
}

.splide__arrow--next {
	right: 2em !important;
}

.splide__arrow {
	background-color: inherit !important;
}



.splide__arrow svg {
	width: 4em !important;
  height: 4em !important;
  fill: white;
}

.lweight {
	font-weight: 300 !important;
}

.lineheight {
	line-height: 1.4vw;
}

/* nav {
	padding: 0vw !important;
} */
.nav-left {
	width: 72%;
	display: flex;
	align-items: center;
}

.inline {
	display: inline-block;
}

.nav-right {
	width: 20%;
}

.nav-tel {
	width: 100%;
	padding-right: 3vw;
}

header #baseline {
  background-color: #0000;
}
/* header .dispo li { background-color: rgba(95, 25, 43, 0.9); } */
header .dispo li {
  background-color: #fd1ead;
}
main ul.dispo li::before {
  color: #062149;
}
main #residence_slider .splide__pagination__page.is-active,
main #residence_slider_2 .splide__pagination__page.is-active {
/*  background: #062149;*/
}
.offer-text {
  color: #ED6E50;
  font-family: 'Roboto', sans-serif;
  font-size: 43.88px !important;
  font-weight: 900 !important;
  line-height: 60px;
  text-transform: uppercase;

  text-shadow:
    1px 0 0 rgba(255,255,255,0.8);
}
.l-blue {
  color: #b4d6ff;
}
.d-blue {
  color: #062149;
}
.blue {
  color: #0046b7;
}
.yellow {
  color: #e0f76b;
}
.pink {
  color: #fd1ead;
}

main ul.dispo li b {
	font-weight: 800;
}


header #baseline {
  padding: 1vw 1vw 2vw 3vw;
  margin-left: 2vw;
}

header #baseline:after {
	content: none;
}

.patch-dispo {
	position: absolute;
	right: 0;
}

header .dispo {
	flex-direction: column;
	margin: 2vw 3vw 0 0;
}

header .dispo li {
  border-radius: 0%;
  background-color: #ED6E50;
  border: none;
  text-align: center;
}

header .dispo li:first-child {
	line-height: 4.2vw;
}

header .dispo li:last-child {
	line-height: 4.5vw;
}

header .baseline-wraper {
	top: 2vw;
}

article#baseline div span {
	font-size: 1.2vw;
	font-weight: bold;
}
article#baseline div strong {
	font-size: 5vw;
	letter-spacing: 0.2vw;
}

.patch-offre {
	position: absolute;
  right: 3vw;
 	bottom: 2vw;
 	text-align: right;
}

.titre-residence {
	border-left: 5px #ED6E50 solid;
	padding-left: 1.5vw;
	line-height: 2.25vw;
	font-size: 1.9vw;
	width: 80%;
	color: #000000;
	font-weight: 800;
}

.plus-prog {
	color: #ED6E50;
	font-size: 1.6vw !important;
}

.description {
	font-size: 0.95vw !important;
}

.patch-offre-img {
	width: 10vw ;
}

main {
	margin: 4vw 0 0 0vw;
}

.list-txt {
	font-weight: 300;
}

footer {
  width: 100%;
  z-index: 10;
  position: relative;
}

.footer {
	width: 95%;
}
.footer-left {
	width: 50%;
}

.footer-right {
	text-align: right;
  padding: 2vw 2vw 0 0;
}

.footer-right p a {
	margin: 0 0.2vw;
	font-weight: bold;
}

.logo-promoteur-txt {
	font-size: 0.8vw;
  margin: -0.6vw 0 0 1vw;
  font-weight: 300;
}

nav .logos img { max-width:13vw; }
.navbar-infos_text span:first-child { padding-left:0; padding-bottom:0.2rem; font-weight:900; }
.navbar-infos_text span:nth-child(2) { padding-right:0; font-weight:800; }
header .dispo li { display:block; line-height:4.5vw; text-transform:none; text-align:center; padding:0; }
header .dispo li > span { display:inline-block; vertical-align:middle; line-height:0.9em; text-align:center; font-size:1.2vw; font-weight:600; }
header .dispo li > span > sup { top:-0.5em; font-weight:400; margin-left:0.2em; }

.contact-cta-block_content h3 { font-weight:700; font-size:clamp(18px,1.5vw,28px); margin-bottom:0.6em; }
.contact-cta-block_content p { font-weight:800; line-height: 1.5em;}
nav .logos img
#formulaire { height:100vh;
    padding: 3vw 0.8vw 3vw 0.8vw; }
#formulaire h1 {line-height: 2vw; padding: 0 1vw;}
#formulaire .title h2 { }
#formulaire .title h2 > span { position:relative; display:inline-block; z-index:2; }
#formulaire .title h2 > span:before { content:" "; position:absolute; left:0; bottom:0em; right:0; height:0.4em; background:#e0f76b; z-index:-1; opacity:0.7; }
#formulaire .title p { font-weight:200; line-height:1.4em; }
#formulaire .mentions-cnil { font-weight:200; }
#formulaire .mentions-cnil a { text-decoration:underline; }
#formulaire .mentions-required { font-weight:200; }
#formulaire .btn.submit-btn { font-weight:600; font-size:clamp(16px,1.25vw,22px); }
#formulaire input, #formulaire select { font-size:95%; }
#formulaire [type="text"], #formulaire [type="email"], #formulaire [type="number"], #formulaire select { height:2.5vw; line-height:2.5vw; }
#formulaire [type="text"]::placeholder, #formulaire [type="email"]::placeholder, #formulaire [type="number"]::placeholder { font-style:italic; color:white; opacity:0.7; }
#formulaire .mab_checkbox { height:2.5vw; }
.mab_checkbox [type="checkbox"]:checked + label { background:var(--m-blue); }
#formulaire .mab_checkbox input:checked + label { background:var(--m-blue) !important; }
#formulaire [name="optin"] + label { font-weight:400; }
#formulaire p.placeholder.optin { font-weight:500; margin-bottom:0.8em; }

#confirmation { color:white; }
#confirmation h2 { color:white; }
#confirmation p { color:white; }

.ui-helper-hidden-accessible { display:none !important; }
.ui-autocomplete { z-index:9999; }
.ui-autocomplete .ui-menu-item { height:34px; line-height:34px; padding:0 15px; background:linear-gradient(to bottom, white, #eee); cursor:pointer; }

.splide__arrow { display:block; }
main #residence_slider .splide__arrow, main #residence_slider_2 .splide__arrow { display:block; }
.splide__arrow--prev { background-image:none !important; }
.splide__arrow--next { background-image:none !important; }

.modal-dialog { position:fixed; top:0; left:0; right:0; z-index:999999; transition:all 0.4s ease; transform:translateY(-100%); }
.modal-dialog .modal-content { transition:all 0.4s ease; transform:translateY(-100%); opacity:0; box-shadow:0 0 8px rgba(0,0,0,0.3); }
.modal-dialog.active { transform:translateY(0); }
.modal-dialog.active .modal-content { transform:translateY(25%); opacity:1; }
body.modal-open { overflow-y:hidden; }
body.modal-open:after { content:" "; position:fixed; left:0; top:0; right:0; bottom:0; background:#062149; opacity:0.7; z-index:99999; }
.modal-dialog .modal-content a.close { position:absolute; top:20px; right:20px; width:30px; height:30px; line-height:30px; text-align:center; background:transparent url('../images/close.png') no-repeat; background-position:center !important; }

#modal-location .modal-content { position:relative; width:700px; max-width:100%; padding:60px; text-align:center; background:white; margin:auto; }
#modal-location h3 { font-size:22px; font-weight:700; margin-bottom:20px; color:#062149; }
#modal-location p { font-size:14px; color:#062149; margin-bottom:20px; }
#modal-location .btn-close { display:inline-block; height:40px; line-height:40px; padding:0 15px; background:#e0f76b !important; color:#062149; text-decoration:none; font-size:18px; font-weight:700;  }

@media (min-width: 769px) { 
	
		#formulaire { height:100vh; padding: 3vw 0.8vw 3vw 0.8vw; }
		
}

@media (max-width: 768px) { 

		.nav-left {
			flex-direction: column;
			align-items: flex-start;
			width: 59%;
		}

		.inline {
			display: inline-block;
		}

		.nav-right {
			width: 35%;
		}
		
		header .dispo li {
			min-width: inherit;
			min-height: inherit;
		}

		header .dispo li > span {
			text-align: center;
			line-height: 1em;
		}
		
		.offer-text {
			color: #ED6E50;
			font-family: 'Roboto', sans-serif;
			font-size: 24.88px !important;
			font-weight: 900 !important;
			line-height: 60px;
			text-transform: uppercase;

			text-shadow:
				1px 0 0 rgba(255,255,255,0.8);
			}

		.patch-dispo {
			bottom: 5vw;
		}

		.patch-offre {
			text-align: center;
			bottom: inherit;
			top: 4vw;
			right : 33vw;
		}

		.patch-offre-img {
			width: 33vw;
		}

		header .dispo li:first-child {
			line-height: 10vw;
		}

		header .dispo li:last-child {
			line-height: 10vw;
		}

		header .baseline-wraper {
			top: 25vw;
		}

		article#baseline div strong {
			font-size: 15vw;
			font-weight: 600;
			line-height: 22vw;
		}

		article#baseline div span {
			font-size: 4vw;
		}

		.lweight {
			font-weight: 300 !important;
		}

		.titre-residence {
			padding-left: 0;
			border-left: none;
	    line-height: 7vw;
	    font-size: 6vw;
	    width: 80%;
	    color: #000000;
	    text-align: center;
	    margin: 0 auto;
	    font-weight: 900;
		}

		.titre-residence:after {
			content: " ";
      border-bottom: solid #ED6E50 5px;
      width: 20vw;
      display: block;
      position: relative;
      margin: 4vw auto;
		}

		.description {
			font-size: 3.3vw !important;
			margin-top: 5vw !important;
			line-height: 4vw !important;
			margin-bottom: 0 !important;
		}

		.dispo {
			width: 100%;
			margin-left: 0.5vw;
		}

		.plus-prog {
			margin-top: 3vw;
			margin-bottom: 5vw;
			font-size: 5vw !important;
		}

		.footer-left {
			width: 100%;
		}

		nav .logos img { max-width:35vw; margin-left:-2vw; }
		.navbar-infos_text span:nth-child(2) { padding-left:0; }
		
		header { margin-bottom:9vw; }
		header .dispo li { line-height: 10vw; box-shadow:0 0 10px rgba(0,0,0,0.4); }
		header .dispo li > span { font-size:3vw; }
		header #baseline.active { z-index:9; }
		header .baseline-wraper { margin-bottom:0; }
		header #bg_header { height:115vw; padding:0; display:block; }
/*		header .baseline-wraper { position:relative; }*/
		
		main #residence { flex-direction:column-reverse; padding: 0 var(--padd2d); }
		main #residence .left-col { width:100%; }
		main #residence .right-col { width:100%; padding:6vw 6vw 3vw 6vw; }
		main #residence ul.dispo li { margin-left:0; padding-left:7vw; font-size:3.4vw; line-height:1.3em; }
		main #residence ul.dispo li::before { width:3vw; height:3vw; left: -0.5vw; }
		main #residence article:last-child { height:auto; margin-bottom:6vw; }
		.residence-slider-wrapper #residence_slider { height:55vw; margin-bottom:15vw; }
		
		.contact-cta-block { width:100%; flex-direction:column; height:auto; }
		.contact-cta-block_img-wrapper { width:100%; }
		.contact-cta-block_img-wrapper:before { left:0; bottom:0; right:0; top:auto; height:25vw; background:linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%,rgba(180, 214, 255, 1) 100%); width:100%; }
		.contact-cta-block_content { width:100%; text-align:center; padding:5vw; margin-bottom:8vw; }
		.contact-cta-block_content > h3 { width:100%; text-align:center; font-size:6vw; }
		.contact-cta-block_content > p { width:100%; text-align:center; font-size:4vw; }
		
		#formulaire { height:auto; padding-bottom:20vw; }
		#formulaire h1 {line-height: 7vw; }
		#formulaire .title h2 { font-size:6vw; margin-bottom:6vw; }
		#formulaire .title p { font-size:3.8vw; margin-bottom:5vw !important; }
		#formulaire [type="text"], #formulaire [type="email"], #formulaire [type="number"], #formulaire select { height:12vw; line-height:12vw; font-size:3.5vw; }
		#formulaire .mab_checkbox { height:10vw; }
		#formulaire p.placeholder { font-size:3.5vw; }
		#formulaire p.placeholder.optin { font-size:2.8vw; padding:0; }
		#formulaire #container_typo { margin-bottom:4vw; }
		#formulaire .mentions-required { margin-bottom:4vw; }
		#formulaire .mentions-cnil { font-size:3vw; }
		.ui-autocomplete .ui-menu-item { height:12vw; line-height:12vw; font-size:3.5vw; }
		
		footer {  }
		.footer-content-wrapper { flex-direction:column; }
		.footer-content_logo,
		.footer-content_mentions-link { width:100%; text-align:center; margin-bottom:5vw; }
		.footer-content_logo img { width:auto; display:inline-block; }
		footer .mentions { width:100%; margin-left:0; text-align:left; }
		footer .logo-promoteur { max-width:55vw; }
		footer .logo-promoteur-txt {font-size: 3vw}

		footer .mentions p { font-size: 2.5vw; }
		footer .mention-link { line-height:6vw; margin-bottom: 7vw; }

		.footer-right p a { font-size:4vw; }
		
		.cta-inline { display:block; width:100%; height:12vw; line-height:12vw; font-size:4.5vw; background:var(--m-blue); color:white; font-weight:400; text-transform:uppercase; text-align:center; margin-bottom:6vw; text-decoration:none !important; user-select:none !important; }
		#cta_info { z-index:9; background:var(--m-blue); transition:all 0.4s ease; font-size:5.5vw; font-weight:500; transform:translateY(100%); opacity:0;  }
		#cta_info.active { transform:translateY(0); opacity:1; }
		
		.splide__arrow { display:none; }
		main #residence_slider .splide__arrow, main #residence_slider_2 .splide__arrow {  }
		
		#mab_slider__fullscreen--modal .splide__list li {
    		background-size: contain !important;
		}
		
		.modal-dialog.active .modal-content { transform:translateY(0); opacity:1; }
		
}