/* ----------------------------------------------------- */
a {
	text-decoration: none;
	color: #fff;
}

h3 {
	margin: 0;
}

.bloc-cta {
	/* display: none !important; */
	/* visibility: hidden !important; */
}

header {
	width: 80%;
    background-image: url('../images/dbi-issy-header-bg.webp');
    background-repeat: no-repeat;
    height: 24vw;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    padding: 4vw;
	gap: 2.5vw;
	filter: drop-shadow(0 38px 72.3px rgba(0, 0, 0, 0.50));
	z-index: 1;
}

header .logo-dbi {
	width: 12vw;
	height: auto;
	margin: 0 auto;
}

header .header-text {
	text-align: center;
	color: #B8A372;

	position: absolute;
    top: 39vw;
    width: 60vw;
}

header .header-text h1 {
	font-size: 2.6vw;
	line-height: 1.2;
	margin: 0.5em 0;
	font-family: 'playfair-display';
	font-weight: 500;
}

header .header-text p {
	font-size: 1.6vw;
	margin: 0;
	font-family: 'playfair-display';
}

header .patch-header {
	position: absolute;
    top: 21vw;
    width: 12vw;
    height: auto;
    left: 17vw;
}

header .logo-programme {
	position: absolute;
    top: 14vw;
    width: 15vw;
    height: auto;
    z-index: 10;
}

main {
	width: 80%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;

}

main .adresse {
	width: 100%;
	padding-bottom: 5vw;
}

main .adresse .container-visuel {
	width: 100%;
	height: 82vw;
	background-image: url('../images/dbi-issy-main-bg.webp');
	background-size: cover;
	background-position: bottom;
	padding: 10vw 5vw 5vw 5vw;
}

main .adresse .container-visuel {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	gap: 5vw;
}

main .adresse .container-visuel .bp {
	display: flex;
	flex-direction: column;
	gap: 2vw;
	justify-content: center;
	align-items: start;
	padding-top: 5vw;
}

main .adresse .container-visuel .bp .bp-container {
	column-gap: 3vw;
    display: flex;
    row-gap: 1vw;
    width: 100%;
    flex-wrap: wrap;
}

main .adresse .container-visuel .bp .bp-container .bp-element {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1vw;
}

main .adresse .container-visuel .bp .bp-container .logo-bp {
	width: auto;
	height: 4vw;
}



main .adresse .container-visuel .bp h3 {
	font-size: 2vw;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 275;
    font-family: 'playfair-display';
    letter-spacing: 1px;
}

main .adresse .container-visuel .bp .bp-container .bp-element p {
	font-size: 1vw;
    color: #fff;
    line-height: 1.3vw;
    font-family: 'playfair-display';
    letter-spacing: 1px;
}

main .adresse .container-visuel .bp .bp-container .bp-element p span::after {
    content: '';
    width: 1.5vw;
    height: 1.5vw;
    background-position: center;
    background-image: url('../images/dbi-issy-deco.png');
    background-repeat: no-repeat;
    position: absolute;
    margin-left: -1.15vw;
    margin-top: -0.1vw;

}

main .adresse .container-visuel .offre {

	position: relative;
    z-index: 1;
	width: 30%;
}
main .adresse .container-visuel .offre img {width: 85%; margin-left: 7vw;}

.bdv.desktop img{
  position: absolute;
  right: 40px;
  margin-top:7vw;
  width: 353px;
  left:auto;
}

main .adresse .container-visuel .patch-rdv {
    width: 35vw;
    margin-top: 11vw;
    margin-left: 37vw;
}

main .adresse .container-visuel .patch-rdv img {
	width: 100%;
	height: auto;
}

main .adresse .container-appartement {
}

main .adresse .container-appartement .appartement-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	gap: 1vw;
	padding: 5vw 15vw;

}

main .adresse .container-appartement .appartement-text::after {
    content: '';
    width: 20vw;
    height: 42vw;
    background-position: center;
    background-image: url('../images/dbi-issy-deco2.png');
    background-repeat: no-repeat;
    position: absolute;
    left: -5vw;
    background-size: 12vw;
    margin-top: 1vw;
}

main .adresse .container-appartement .appartement-text h3 {
	font-size: 1.7vw;
	color: #3B3E2D;
	line-height: 1;
	font-weight: 300;
	font-family: 'playfair-display';
	letter-spacing: 1px;
}

main .adresse .container-appartement .appartement-text p.subtitle {
	font-size: 1.3vw;
	color: #B8A372;
	line-height: 1.3vw;
	font-family: 'playfair-display';
	letter-spacing: 1px;
	font-weight: bold;
}

main .adresse .container-appartement .appartement-text p.descr {
	margin: 0;
	font-family: 'open-sans';
	font-size: 1vw;
}

main .adresse .container-appartement .appartement-mosaique {
	display: flex;
    flex-wrap: wrap;
    gap: 1vw;
    justify-content: space-between;
    align-items: center;
    padding: 0 2vw;
    z-index: 1;
    position: relative;
}

main .adresse .container-appartement .appartement-mosaique img {
	width: 24vw;
	height: auto;
	min-width: 19vw;
}

main .spacer {
	width: 100%;
	height: 1.25vw;
	background-color: #000;
}

main .localisation {
	width: 100%;
	background-color: #3B3E2D;
	padding-left: 5vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
}

main .localisation .annexe {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5vw;	
	width: 100%;
}

main .localisation .annexe::after {
    content: '';
    width: 12vw;
    height: 10vw;
    background-position: center;
    background-image: url('../images/dbi-issy-deco3.png');
    background-repeat: no-repeat;
    position: absolute;
    background-size: 12vw;
    margin-top: -15vw;
}

main .annexe .annexe-cta {
	width: 50%;
    display: flex;
    flex-direction: column;
    gap: 2vw;
    align-content: center;
    align-items: start;
    justify-content: start;
}

main .annexe .annexe-cta h3 {
	font-size: 2vw;
	color: #B8A372;
	line-height: 1;
	font-weight: 300;
	font-family: 'playfair-display';
	letter-spacing: 1px;
	padding-top: 6vw;
}

main .annexe .annexe-cta h3 span {
	font-size: 3.5vw;
}

main .annexe .annexe-cta .bloc-cta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2vw;
}

main .annexe .annexe-cta .bloc-cta a {
	text-align: center;
	font-family: 'open-sans';
	font-size: 1vw;
	background-color: #303322;
	padding: 1vw 2vw;
	width: 15vw;
	color: #B8A372;
	cursor: pointer;
}

main .annexe .annexe-cta .bloc-cta a:hover {
	background-color: #B8A372;
	color: #303322;
	transition: all 0.3s ease;
}


main .annexe .annexe-situ {
	width: 50%;
	text-align: end;
}

main .annexe .annexe-situ img {
	width: 37vw;
    height: auto;
}

main .annexe-frises {
	padding: 3.5vw 0;
}

main .annexe-frises img {
	width: 100%;
	height: auto;
}

main .residence {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5vw;
	width: 100%;
	padding: 3vw 0 3vw 5vw;
}

main .residence .residence-text {
	display: flex;
	flex-direction: column;
	gap: 2vw;
	justify-content: center;
	align-items: start;
	border-right: 1px solid #B8A372;
	padding-right: 2vw;
}

main .residence .residence-text h3 {
	font-size: 2vw;
	color: #B8A372;
	line-height: 1;
	font-weight: 300;
	font-family: 'playfair-display';
	letter-spacing: 1px;
}

main .residence .residence-text p {
	font-size: 1vw;
	color: #303322;
	line-height: 1.3vw;
	font-family: 'open-sans';
	letter-spacing: 1px;
	width: 25vw;
	margin: 0;
}

main .residence  .residence-carousel {
	width: 50%;
}

main .residence  .residence-carousel .splide {
	width: 100%;
	height: auto;
	position: relative;
}

main .residence .residence-carousel .splide__track {
	overflow: hidden;
	height: 44vw;
}

main .residence .residence-carousel .splide__list {
	display: flex;
	flex-wrap: nowrap;
	height: 100%;
}

main .residence .residence-carousel .splide__slide {
	flex-shrink: 0;
	padding-left: 0;
	margin-bottom: 0;
}

main .residence  .residence-carousel .visu {
	width: 100%;
	height: 44vw;
	background-size: cover;
	background-repeat: no-repeat;
}

main .residence  .residence-carousel .visu1 {
	background-image: url('../images/dbi-issy-pers1.png');
}

main .residence  .residence-carousel .visu2 {
	background-image: url('../images/dbi-issy-pers2.png');
}

main .residence  .residence-carousel .visu3 {
	background-image: url('../images/dbi-issy-pers3.png');
}



#formulaire {
    width: 20%;
    padding: 0vw var(--padd2d);
    color: #ffffff;
    position: fixed;
    top: 0;
    right: 0;
    text-align: left;
    box-shadow: 2.5px 2.5px 10px #707070;
	z-index: 115;
	background-color: #3B3E2D;
	height: 100%;
	overflow-y: scroll;
	
}

#formulaire::before {
    content: '';
    width: 12vw;
    height: 8vw;
    background-image: url('../images/dbi-issy-deco5.png');
    position: absolute;
    top: -1vw;
    background-repeat: no-repeat;
    background-size: 12vw;
    right: 3.5vw;
	transform: rotate(180deg);
}

.formLeads {
	margin-bottom: 0;
}

.formLeads .title {
	margin-top: 8vw;
}

.formLeads .title p {
	font-family: 'playfair-display', serif;
}

.form-bottom-deco{
	width: 12vw;
	height: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

.form-tel {
	text-align: center;
	font-family: 'playfair-display', serif;
	font-size: 1vw;
	background-color: #fff;
	padding: 1vw 2vw;
	width: 10vw;
	color: #3B3E2D;
	margin: 2vw auto 3vw auto;
	font-size: 1vw;
}



.formLeads input {
	background-color: #3B3E2D;
	color: #B8A372;
	border-bottom: solid 1px #B8A372;
	border-radius: 0;
}

#formulaire .btn {
	text-align: center;
	font-family: 'playfair', serif;
	font-size: 1vw;
	background-color: #B8A372;
	padding: 1vw 2vw;
	width: 10vw;
	height: auto;
	color: #3B3E2D;
	margin: 2vw auto 0vw auto;
	border: none;
	border-radius: 0;
	font-weight: bold;
}

#formulaire .btn:hover {
	background-color: #303322;
	color: #B8A372;
}

.splide {
	display: flex !important;
	flex-direction: column !important;
}

.splide__track {
	order: 1;
}

.splide__arrows {
	order: 2;
	position: static !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1vw;
	padding-top: 1vw;
	
}

.splide__arrow {
	background-color: #A08954 !important;
	border-radius: 0 !important;
	position: static !important;
	transform: none !important;
}

#heure {
	background-color: #3B3E2D;
}

#date {
	border: solid 1px #B8A372;
}

#date svg, #heure svg {
	fill: #B8A372 !important;
} 

.splide__arrow svg {
	fill: #fff !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(69%) sepia(19%) saturate(487%) hue-rotate(7deg) brightness(92%) contrast(87%);
}

#heure {
    background-color: #3B3E2D;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg id='Groupe_2221' data-name='Groupe 2221' transform='translate(-50 -1745)'%3E%3Cg id='Ellipse_10' data-name='Ellipse 10' transform='translate(50 1745)' fill='none' stroke='%23B8A372' stroke-width='1'%3E%3Ccircle cx='6' cy='6' r='6' stroke='%23B8A372'/%3E%3Ccircle cx='6' cy='6' r='5.5' fill='none'/%3E%3C/g%3E%3Cpath id='Tracé_3942' data-name='Tracé 3942' d='M56,1746.217v3.273l1.923.9' transform='translate(0 1.51)' fill='none' stroke='%23B8A372' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 5%;
    background-size: 12px;
    color: #B8A372;
}

.formLeads .markus_radio__control {
	border-color: #B8A372;
}

.formLeads .markus_radio__control {
	width: 26px;
	height: 26px;
}

footer {
	z-index: 1;
}

footer .mentions {
	width: 100%;
}

.modal-content { 
	background-color: unset!important;
}

#modal_maquette .modal-content, #modal_video .modal-content {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 5vw;
	
}

#modal_maquette .modal-content iframe {
	width: 100%;
	height: 80vh;
	background-color: #B8A372!important;
	padding: 0.5vw;
	border-radius: 5px;
}

#modal_video .modal-content video {
	width: auto;
	height: 80vh;
	padding: 0.5vw;
	border-radius: 5px;
	max-height:80vh;
}



@media(max-width: 768px) {

	#modal_video .modal-content video {
		width: fit-content;
		height: 80vh;
		max-height: 70vh;
		padding: 0.5vw;
		border-radius: 5px;
	}


	header {
		width: 100%;
		height: 70vw;
		background-position: center;
	}

	header .logo-dbi {
    	width: auto;
	    height: 12vw;
	}

	header .header-text {
		top: 100vw;
		width: 85vw;
	}

	header .header-text h1 {
	    font-size: 7vw;
    	line-height: 1.2;
    	margin: 0.5em 0;
	}

	header .header-text p {
    	font-size: 5vw;
        margin: 0 auto;
        font-family: 'playfair-display';
        line-height: 7vw;
        width: 80%;
	}

	header .patch-header {
    	top: 70vw;
    	width: auto;
    	height: 40vw;
    	left: 5vw;
	}

	header .logo-programme {
    	top: 35vw;
    	width: auto;
    	height: 60vw;
    	z-index: 10;
	}

	main {
		width: 100%;
	}

	main .adresse .container-visuel .offre {
		position: relative;
		top: 0%;
		width: 100%;
	}
	main .adresse .container-visuel .offre img { 
		margin-left: -17px;
		margin-top: 2vw;
		width: 44vw;
		height: auto;
		 }
	.bdv.mobile img {
		width:290px;
		margin-left:30px;
		margin-top:43px;
		}
	main .adresse .container-visuel {
		height: 260vw;
        padding-top: 10vw;
	}

	main .adresse .container-visuel .bp {
    	padding-top: 20vw;
	}

	main .adresse .container-visuel .bp h3 {
        font-size: 7vw;
        text-align: center;
        width: 85%;
        margin: 0 auto;
        padding-bottom: 3vw;
    }

	main .adresse .container-visuel .bp .bp-container .bp-element p span::after {
    width: 6vw;
    height: 6vw;
    margin-left: -4.65vw;
    margin-top: -0.1vw;
    background-size: 6vw;
	}

	main .adresse .container-visuel .bp .bp-container .logo-bp {
    	width: auto;
    	height: 15vw;
	}

	main .adresse .container-visuel .bp .bp-container {
	    row-gap: 3vw;
	}

	main .adresse .container-visuel .bp .bp-container .bp-element p {
    	font-size: 4vw;
    	color: #fff;
    	line-height: 4.5vw;
	    font-family: 'playfair-display';
		margin: 0;
	}

	main .adresse .container-visuel .bp .bp-container .bp-element {
	    gap: 5vw;
	}

	main .adresse .container-visuel .bp .bp-container .bp-element:has(.bp1) { order: 1; }
	main .adresse .container-visuel .bp .bp-container .bp-element:has(.bp3) { order: 2; }
	main .adresse .container-visuel .bp .bp-container .bp-element:has(.bp2) { order: 3; }
	main .adresse .container-visuel .bp .bp-container .bp-element:has(.bp5) { order: 4; }
	main .adresse .container-visuel .bp .bp-container .bp-element:has(.bp4) { order: 5; }

	main .adresse .container-appartement .appartement-text {
    	gap: 1vw;
    	padding: 10vw 10vw 5vw 10vw;
	}

	main .container-visuel .patch {
		position: relative;
		top: 45vw;
		width: 80vw;
		margin-left: 5vw;
		order: 3;
	}

	main .adresse .container-visuel .patch-rdv {
		width: 70vw;
    	margin-top: 5vw;
    	margin-left: 11vw;
		order: 2;
	}

	main .container-visuel .patch img {
		width: 100%;
	}

	main .spacer {
		width: 100%;
		height: 3.25vw;
		background-color: #000;
	}



	main .adresse .container-appartement .appartement-text::after {
	    content: '';
    	width: 40vw;
    	height: 80vw;
	    background-position: center;
	    background-image: unset; /*url(../images/dbi-issy-deco2.png);*/
	    background-repeat: no-repeat;
    	position: absolute;
    	left: -5vw;
    	background-size: 25vw;
		margin-top: -150vw;
	}

	main .adresse .container-appartement .appartement-text h3 {
    	font-size: 7vw;
    	color: #3B3E2D;
    	line-height: 1;
    	font-weight: 300;
    	font-family: 'playfair-display';
    	letter-spacing: 1px;
		text-align: center;
	}

	main .adresse .container-appartement .appartement-text p.subtitle {
    	font-size: 6vw;
    	color: #B8A372;
    	line-height: 6.5vw;
    	font-family: 'playfair-display';
    	letter-spacing: 1px;
    	font-weight: bold;
		text-align: center;
	}

	main .adresse .container-appartement .appartement-text p.descr {
    	margin: 0;
    	font-family: 'open-sans';
    	font-size: 4vw;
		line-height: 5vw;
		text-align: center;
	}

	main .adresse .container-appartement .appartement-mosaique img {
    	width: 90vw;
    	height: auto;
    	min-width: 75vw;
	}

	main .annexe .annexe-cta h3 span {
    	font-size: 7.5vw;
	}

	main .localisation .annexe {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 5vw;
		flex-direction: column-reverse;
	}

	main .annexe .annexe-situ {
    	width: 100%;
    	text-align: end;
	}

	main .annexe .annexe-situ .deco-mob {
		width: 45vw;
		margin-right: 5vw;
	}

	main .annexe .annexe-situ img {
    	width: 100%;
    	height: auto;
	}

	main .annexe .annexe-cta {
    	width: 100%;
    	display: flex;
    	flex-direction: column;
   		gap: 2vw;
    	align-content: center;
    	align-items: start;
    	justify-content: start;
		text-align: center;
		padding-right: 5vw;
	}

	main .annexe .annexe-cta h3 {
    	font-size: 5.5vw;
    	color: #B8A372;
    	line-height: 1;
    	font-weight: 300;
    	font-family: 'playfair-display';
    	letter-spacing: 1px;
    	padding-top: 6vw;
	}

	main .annexe .annexe-cta .bloc-cta a {
    	text-align: center;
    	font-family: 'open-sans';
    	font-size: 3.5vw;
    	background-color: #303322;
    	padding: 4vw 3.5vw;
    	width: 75vw;
    	color: #B8A372;
	}

	main .annexe .annexe-cta .bloc-cta {
    	flex-direction: column;
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	gap: 2vw;
    	padding: 5vw 0;
		width: 100%;
	}

	.splide2 {
		width: 100%;
	}

	main .annexe-frises img {
    	width: 80vw;
    	height: auto;
	}

	main .annexe-frises {
    	padding: 3.5vw 0 0 0;
	}

	main .residence {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	gap: 10vw;
    	width: 100%;
    	padding: 3vw 5vw 10vw 5vw;
   		flex-direction: column;
	}

	main .residence .residence-text {
		padding-right: 0;
		gap: 5vw;
	}

	main .residence .residence-text {
		align-items: center;
	}

	main .residence .residence-text {
		border-right: none;
	}

	main .residence .residence-text h3 {
    	font-size: 6vw;
    	color: #B8A372;
    	line-height: 1;
    	font-weight: 300;
    	font-family: 'playfair-display';
    	letter-spacing: 1px;
		text-align: center;
		padding: 5vw 0;
	}

	main .residence .residence-text p {
    	font-size: 4vw;
    	color: #303322;
    	line-height: 5vw;
    	font-family: 'open-sans';
    	letter-spacing: 1px;
    	width: 100%;
    	margin: 0;
    	text-align: center;
	}

	main .residence .residence-carousel {
    	width: 95%;
	}

	main .residence .residence-carousel .splide__track {
    	overflow: hidden;
    	height: 100vw;
	}

	main .residence .residence-carousel .visu {
		height: 100vw;
	}

	footer {
		width: 100%;
	}

	#formulaire {
		position: static;
		width: 100%;
		height: 90vh;
		overflow-y: scroll;
		padding: 10vw 8vw;
		box-shadow: none;
	}

	#formulaire::before {
		content: none;
	}

	#formulaire .formLeads .title {
		margin-top: 0;
		margin-bottom: 6vw;
	}

	#formulaire .formLeads .title h2 {
		font-size: 6vw;
	}

	#formulaire .formLeads .title p {
		font-size: 3.5vw;
		line-height: 1.4;
	}

	#formulaire .btn {
		font-size: 4vw;
		padding: 4vw 5vw;
		width: 60%;
		margin: 6vw auto 3vw auto;
		display: block;
	}

	.form-tel {
		font-size: 4vw;
		padding: 4vw 5vw;
		width: 60%;
		margin: 0 auto 8vw auto;
		display: block;
	}

	.form-bottom-deco {
		width: 35vw;
		display: block;
		margin: 0 auto;
	}

	main .localisation .annexe::after {
		content: none;
	}

	#cta.btn {
		background-color: #303322;
		color: #B8A372;
		border: 2px solid #B8A372;
	}

}