/* ##################################################################################################### */
/* ########################################  D E T A I L  ############################################## */
/* ##################################################################################################### */

/* header detail */
.main-wrapper.detail { position: relative;width: 100%; }

/* first */
.first-part { width: 100%;height: 100vh;position: relative; }

/* slider */
.first-part .visuels { position: absolute;top: 0;left: 0;width: 80%;height: 88vh;z-index: 1;background: #eee;overflow: hidden; }
.first-part .visuels .slider-bien-container { height: 100%;position: relative;z-index: 2; }
.first-part .visuels .slider-bien-container .item { display: inline-block;float: left;height: 100%; }
.first-part .visuels .slider-bien-container .item img { width: 100%;height: 100%;object-fit: cover;object-position: 50%; }
.first-part .visuels .navs { height: 100%;position: absolute;top: 0;width: 130px;text-align: center;z-index: 3; }
.first-part .visuels .navs.left { left: 0; }
.first-part .visuels .navs.right { right: 0; }
.first-part .visuels .navs .fas { font-size: 50px;color: #fff;position: relative;display: inline-block;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;text-shadow: 0px 0px 20px #000;padding: 0 10px; }


.first-part .essentiel { position: absolute;top: 0;right: 0;height: 100vh;width: 20%;background: #000;z-index: 2;padding: 15vh 30px 0 30px;text-align: center; }
.first-part .essentiel .titre { width: 100%;color: #fff;text-transform: uppercase;font-size: 20px;font-weight: 600;letter-spacing: 6px;margin: 0 0 20px 0; }
.first-part .essentiel .titre span { display: block;text-align: center; }
.first-part .essentiel .titre:after { height: 1px;display: inline-block;width: 80px;background: #fff;content: ''; }
.first-part .essentiel .actions { width: 100%;text-align: center;margin: 0 0 50px 0; }
.first-part .essentiel .actions a { display: inline-block;margin: 0 5px;opacity: 1; }
.first-part .essentiel .actions a:hover { opacity: 0.9; }
.first-part .essentiel .actions a img { height: 30px; }
.first-part .essentiel .items { width: 100%;float: left; }
.first-part .essentiel .items .line { width: 100%;float: left;width: 100%;margin: 0 0 20px 0;font-size: 13px;font-weight: 600; }
.first-part .essentiel .items .line.nego { margin: 15px 0 0 0;text-align: center; }
.first-part .essentiel .items .line.nego .picto { display: inline-block;width: 100px;height: 100px;border-radius: 50%;overflow: hidden;margin: 0 0 20px 0; }
.first-part .essentiel .items .line.nego .picto img { width: 100%; }
.first-part .essentiel .items .line.nego .name { display: block;width: 100%;color: #fff;text-transform: uppercase; }
.first-part .essentiel .items .line.nego .tel { display: block;width: 100%;color: #fff; }
.first-part .essentiel .items .left { width: 50%;float: left;text-align: left;color: #5f5e5e;text-transform: uppercase;font-weight: 300; }
.first-part .essentiel .items .right { width: 50%;float: left;text-align: right;color: #fff;text-transform: uppercase; }

.first-part .essentiel .signature { position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;padding: 20px; }
.first-part .essentiel .signature img { width: 80%; }
.first-part .cats { position: absolute;bottom: 0;right: 20vw;z-index: 2;padding: 30px 25px;height: 12vh; }
.first-part .cats .ic { display: inline-block;margin: 0 12px;width: 48px;position: relative; }
.first-part .cats .ic.on { opacity: 1; }
.first-part .cats .ic.off { display: none; }
.first-part .cats .ic img { width: 100%; }
.first-part .positionnement { position: absolute;bottom: 0;left: 0;z-index: 2;padding: 20px 25px 0 80px;height: 12vh; }
.first-part .positionnement h1 { margin: 0; }
.first-part .positionnement h1 .ville { display: block;width: 100%;font-size: 38px;font-family: 'Playfair Display', serif;letter-spacing: -0.02em;line-height: 30px;color: #000;margin: 0 0 5px 0;font-weight: 600; }
.first-part .positionnement h2 { margin: 0; }
.first-part .positionnement h2 .titre { display: block;width: 100%;font-size: 25px;font-family: 'Playfair Display', serif;font-style: italic;letter-spacing: -0.03em;line-height: 33px;color: #444;margin: 0; }


/* second part */
.second-part { width: 100%;height: auto;position: relative;float: left; }
.second-part .base { float: left;width: 25%;padding: 30px 80px 0 80px; }
.second-part .base .price { float: left;font-size: 43px;font-family: "Arapey",Georgia,"Times New Roman",Times,serif;letter-spacing: -0.03em;line-height: 35px;color: #c69145; }
.second-part .desc {float: left;width: 50.5%;padding: 30px 0;}
.second-part .desc .price { width: 100%;float: left;font-size: 43px;font-family: "Arapey",Georgia,"Times New Roman",Times,serif;letter-spacing: -0.03em;line-height: 35px;color: #c69145;display: none; }
.second-part .desc .more-container { display: none; }
.second-part .desc p { text-align: justify;font-size: 15px;line-height: 25px; }
.second-part .desc .performance {width: 100%;display: flex;justify-content: space-between;margin: 30px 0 0 0;}
/*
.second-part .desc .performance .dpe, .second-part .desc .performance .ges { width: 250px;margin: 20px;position: relative; }
.second-part .desc .performance .etiquetteTop { display: block;background: #fff;position: absolute;top: 0px;left: 0px;width: 100%;color: #4e4e4e;text-transform: uppercase;font-weight: 600;font-size: 12px; }
.second-part .desc .performance .etiquetteBottom { display: block;background: #fff;position: absolute;bottom: 34px;left: 0px;width: 100%;color: #4e4e4e;text-transform: uppercase;font-weight: 600;font-size: 12px; }
.second-part .desc .performance .valeur-perf { float: left;width: 100%;text-align: left;margin: 15px 0 0 0; }
.second-part .desc .performance .valeur-perf span { font-weight: 600;color: #000; }
.second-part .desc .performance .dpe img, .second-part .desc .performance .ges img { width: 100%; }
 */
.second-part .plus { float: left;width: 37.5%;padding: 0 0 0 80px; }
.second-part .plus .video { width: 100%;height: 400px;background-color: #eee;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative; }
.second-part .plus .video iframe, .second-part .plus .video object { width: 100%;height: 100%; }
.second-part .plus .video .button { display: inline-block;color: #000;height: 70px;width: 70px;background: #fff;border-radius: 50%;text-align: center;line-height: 70px;opacity: 0.6; }
.second-part .plus .video .button:hover { opacity: 1; }
.second-part .plus .videoLabel {display: block;width: 100%;text-align: center;margin: 20px 0 20px 0;color: #c69145;text-transform: uppercase;font-weight: 600;}
.second-part .plus .partage { width: 100%;margin: 50px 0 0 0;text-align: right;padding: 0 50px; }
.second-part .plus .partage .item { width: 40px;height: 40px;line-height: 40px;text-align: center;display: inline-block;font-size: 20px;border-radius: 50%;background: #c69145;color: #fff;margin: 5px 5px; }
.second-part .plus .partage .item:hover { background: #000; }



/* third part - map */
.third-part { width: 100%;height: 450px;position: relative;margin: 50px 0 0 0;float: left; }
.third-part #map { width: 100%;height: 100%;position: relative; }


/* fourth part */
.fourth-part { width: 100%;height: auto;position: relative;float: left; }
.fourth-part .left { float: left;width: 50%;padding: 0 80px 0 0; }
.fourth-part .left .illus { width: 100%;position: relative;text-align: right; }
.fourth-part .left .illus img { width: 100%;max-width: 500px;margin-top: 50px; }
.fourth-part .left .illus .mask { position: absolute;width: 100%;height: 100%;top: 0;right: 0px;transform: rotate(180deg); }
.fourth-part .right { float: left;width: 50%;padding: 0; }
.fourth-part .right .region { width: 100%;height: 100%;justify-content: flex-start;display: flex;align-items: center; }
.fourth-part .right .region .content-region { text-align: left; }
.fourth-part .right .region .content-region h2 .ville { display: block;width: 100%;font-size: 38px;font-family: 'Playfair Display', serif;letter-spacing: -0.02em;line-height: 30px;color: #000;margin: 0 0 5px 0;font-weight: 600; }
.fourth-part .right .region .content-region h2 .titre { display: block;width: 100%;font-size: 25px;font-family: 'Playfair Display', serif;letter-spacing: -0.03em;line-height: 33px;color: #c69145;margin: 0; }
.fourth-part .right .region .content-region .detail-region { margin: 20px 0 0 0;padding: 0 150px 0 0;font-size: 15px;line-height: 25px; }



/* ##################################################################################################### */
/* ##################################  R E S P O N S I V E  ############################################ */
/* ##################################################################################################### */
@media (max-height: 725px) {
	.first-part .cats { padding: 20px 25px; }
	.first-part .cats .ic img { width: 40px; }
	.first-part .cats .ic { margin: 0 6px; }
	.first-part .positionnement h1 .ville { font-size: 30px; }
	.first-part .positionnement h1 .titre { font-size: 20px; }
}

@media (max-width: 1600px) {
	.second-part .base { display: none; }
	.second-part .desc {width: 77.5%;padding: 0 0 0 80px;}
	.second-part .desc .performance {/* margin: 80px 0 0 0; */}
	.second-part .desc .price { display: block;margin: 30px 0; }
	.second-part .plus .video { height: 350px; }
	.second-part .desc .more-container { display: block; }
}
@media (max-width: 1400px) {
	.first-part .essentiel { padding: 15vh 20px 0 20px; }
	.first-part .essentiel .items .line { font-size: 13px; }
	.second-part .plus .video { height: 300px; }
}
@media (max-width: 1300px) {
	.first-part .visuels { width: 75%; }
	.first-part .essentiel { width: 25%; }
	.first-part .cats { right: 25vw; }
}
@media (max-width: 1199px) {
	.first-part { float: left;height: auto; }
	.first-part .visuels { width: 100%;position: relative;top: inherit;left: inherit;float: left; }
	.first-part .essentiel { width: 100%;float: left;position: relative;top: inherit;right: inherit;height: auto;padding: 20px 40px; }
	.first-part .essentiel .titre { display: none; }
	.first-part .essentiel .actions { margin: 0 0 40px 0;position: relative;z-index: 2; }
	.first-part .essentiel .items { width: 60%;margin: 80px auto 0 auto;float: none; }
	.first-part .essentiel .items .line { margin: 0 0 15px 0; }
	.first-part .essentiel .signature { bottom: inherit;top: 30px;z-index: 1; }
	.first-part .essentiel .signature img { width: 200px; }
	.first-part .positionnement { position: relative;top: inherit;left: inherit;float: left;width: 100%;padding: 40px 40px 20px 40px;height: auto; }
	.first-part .positionnement h1 .ville { font-size: 30px; }
	.first-part .cats { display: none; }
	.second-part .desc { width: 100%;padding: 0 40px; }
	.second-part .plus { width: 100%;margin: 60px 0;padding: 0 40px;text-align: center; }
	.second-part .plus .video { height: 350px;width: 80%;display: inline-block; }
	.second-part .desc .performance { display: block;text-align: center; }
	/*.second-part .desc .performance .dpe, .second-part .desc .performance .ges { display: inline-block;margin-bottom: 50px; }*/
	.fourth-part .right { height: inherit !important;padding: 40px;width: 70%; }
	.fourth-part .right .region .content-region .detail-region { display: block;padding: 0; }
	.second-part .plus .partage { text-align: center; }
	.fourth-part .left { float: right;padding: 0;width: 30%; }
}
@media (max-width: 767px) {
	.first-part .essentiel .items { width: 80%; }
	/*.first-part .positionnement { padding:  }*/
	.first-part .positionnement h1 .ville { font-size: 30px; }
	.second-part .plus .video { width: 100%; }
	.fourth-part .left { display: none; }
	.fourth-part .right { width: 100%; }
	.first-part .visuels { height: 60vh; }
}
@media (max-width: 580px) {
	.first-part .positionnement h1 .ville { font-size: 25px;line-height: 28px;text-align: center; }
	.first-part .positionnement h2 .titre { font-size: 20px;line-height: 23px;text-align: center; }
	.second-part .desc .price { font-size: 35px; }
}