header #baseline {
  background-color: #062149;
}
/* header .dispo li { background-color: rgba(95, 25, 43, 0.9); } */
header .dispo li {
  background-color: #fd1ead;
}

main {
	margin-top: 2vw!important;
}

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

main #residence {
	align-items: baseline;
}

main #residence ol li::marker {
	color: #E2F777;
	font-weight: 900;
	font-size: 1.3vw;
}

main #residence .left-col article p {
	margin-bottom: 2vw;
}

main #residence .left-col article p::before {
	content: " ";
	position: absolute;
	width: 5vw;
	height: 5vw;
	background-image: url(../images/fleche-descrip.png);
	background-repeat: no-repeat;
	left: 1vw;
}

main #residence .left-col article {
	width: 85%;
}

main #residence .right-col {
	padding: 4vw 2vw 2vw 2vw;
}

main ol.dispo li {
    position: relative;
    padding: 0vw 0 2vw 0.5vw;
    margin-left: -1em;
}

main .titre-description {
	padding: 0;
	color: #0146B7;
	line-height: 2vw;
	margin-bottom: 0;
}

.l-blue {
  color: #b4d6ff;
}
.d-blue {
  color: #062149;
}
.blue {
  color: #0046b7;
}
.yellow {
  color: #e0f76b;
}
.pink {
  color: #fd1ead;
}

nav {
	padding: 2.25vw;
	justify-content: center;
}


nav .logos img { max-width:15vw; }
.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:left; font-size:1vw; font-weight:600; }
header .dispo li > span > sup { top:-0.5em; font-weight:400; margin-left:0.2em; }

header #baseline {
	background-color: white;
	color: #062149;
}

header #baseline:after {
	background-color: white;
	color: #062149;
}

header .titre-head {
	position: absolute;
	top: 9vw;
	margin: 0 0 0 2vw;
}

header .titre-head h2 {
	line-height: 2vw;
}

header .titre-head-txt {
	font-size: 1.5vw;
	margin-bottom: 1vw;
	color: white;
}

header .titre-head-titre {
	font-size: 2vw;
	color: #E2F777;
}

header .titre-head-titre span {
	position: relative;
	z-index: 1;
}

header .titre-head-titre span:after {
  content: " ";
  background-color: blue;
  width: 13vw;
  position: absolute;
  height: 1.2vw;
  left: 0vw;
  bottom: 0vw;
  z-index: -1;
}

header .baseline-wraper {
	bottom: 10vw;

}

header #baseline {
	margin: 0 0 0 2vw;
	width: calc(var(--body)* 0.50);
	padding: 1.5vw 4vw 1.5vw 2vw;
}

header #baseline:after {
	width: 5vw;
}

header #baseline strong {
	font-size: 1.2vw;
}

a.phone_contact {
	font-size: 25px;
	text-decoration: none;
}
/*a.phone_contact:before {
	content: "\260E";
	color: white;
	font-size: 20px;
	margin-right: 10px;
}*/

.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; }
#formulaire .title h2 { margin-top: 17px; }
#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; }
		
}

@media (max-width: 768px) { 
	
		nav .logos img { max-width:50vw; }
		.navbar-infos_text span:nth-child(2) { padding-left:0; }
		
		header { margin-bottom:0vw; }
		header .dispo li { line-height:75px; box-shadow:0 0 10px rgba(0,0,0,0.4); }
		header .dispo li > span { font-size:3.8vw; }
		header #baseline.active { z-index:9; }
		header .baseline-wraper { margin-bottom:0; }
		header #bg_header { height:95vw; padding:0; display:block; }
		header .baseline-wraper { position:relative; }

		header .titre-head {
			width: 100%;
    	text-align: center;
    	top: 3vw;
    	margin: 0;
		}

		header .titre-head h2 {
			line-height: 5vw;
		}

		header .titre-head-txt {
			font-size: 3.5vw;
			margin-bottom: 3vw;
		}

		header .titre-head-titre {
			font-size: 5.5vw;
		}

		header .titre-head-titre span:after {
			width: 35vw;
			height: 3vw;
		}

		header #baseline {
			margin: 0;
			text-align: left;
			width: calc(var(--body)* 0.6);
			padding: 2.5vw 0vw 2.5vw 2vw;
		}

		header #baseline strong {
			font-size: 2.8vw;
		}

		header #baseline:after {
			width: 13vw;
		}

		header .baseline-wraper {
			align-items: start;
			padding-left: 0;
			background-color: unset;
			bottom: 17.5vw;
		}

		article#baseline.active  {
			text-align: center;
		}

		article#baseline.active div strong {
			font-size: 5vw!important;
		}


		
		main #residence { flex-direction: column; }
		main #residence .left-col { width:100%; }
		main #residence .right-col { width:100%; padding:6vw; }
		main #residence ul.dispo li { margin-left:0; padding-left:5vw; font-size:3.4vw; line-height:1.3em; }
		main #residence ul.dispo li::before { width:2vw; height:2vw; }
		main #residence article:last-child { height:auto; margin-bottom:6vw; }

		main #residence .left-col article p {
			padding-left: 10vw;
			margin-bottom: 7vw;
		}

		main #residence .left-col article p::before {
			width: 10vw;
			height: 10vw;
			margin-top: -1.5vw;
      margin-left: 3vw;
      background-size: 65%;
		}

		main #residence .left-col article {
			width: 100%;
		}

		main .titre-description {
			font-size: 5vw;
			line-height: 8vw;
		}

		main #residence ol {
			padding: 2vw;
		}

		main #residence ol.dispo li {
        margin-left: 3vw;
        padding-left: 2vw;
        font-size: 3.4vw;
        line-height: 1.3em;
        padding-bottom: 5vw;
    }

    main #residence ol li::marker {
			font-weight: 900;
			font-size: 5vw;
		}

		.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 .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 { background:white; color:#062149; }
		.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:center; }
		footer .logo-promoteur { max-width:30vw; }
		
		.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 { display:none; }
		
		#mab_slider__fullscreen--modal .splide__list li {
    		background-size: contain !important;
		}
		
		.modal-dialog.active .modal-content { transform:translateY(0); opacity:1; }
		
}