/* nav */
.nav-detail { width: 100%;text-align: center;position: relative;background: #fff; }
.nav-detail.shadow { box-shadow: 0px 0px 90px #585858; }
.nav-detail.fixed { z-index: 100;position: fixed;top: 64px;left: 0;background: #f7f7f7; }
.pictos { display: inline-block;background: #fff;padding: 8px 10px 8px 10px; }
.pictos .picto { display: inline-block;width: 35px;height: 35px;margin: 5px 15px;background-size: 100%;background-position: 0px;background-repeat: no-repeat;float: none !important; }
.nav-detail.fixed .pictos { background: transparent;padding: 4px 10px; }
.nav-detail.fixed .pictos .picto { width: 30px;height: 30px; }
.pictos .info { background-image: url('../images/ic/ic_detail_info.png'); }
.pictos .photos { background-image: url('../images/ic/ic_detail_camera.png'); }
.pictos .situation { background-image: url('../images/ic/ic_detail_marker.png'); }
.pictos .environs { background-image: url('../images/ic/ic_detail_route.png'); }
.pictos .video { background-image: url('../images/ic/ic_detail_video.png'); }
.pictos .virtual { background-image: url('../images/ic/ic_detail_360.png'); }
.pictos .docs { background-image: url('../images/ic/ic_detail_pdf.png'); }
.pictos .selection.off { background-image: url('../images/svg/like.svg'); }
.pictos .selection.on { background-image: url('../images/svg/likeFull.svg'); }
.pictos .contact { background-image: url('../images/ic/ic_detail_contact.png'); }
.pictos .tel { background-image: url('../images/ic/ic_detail_tel.png'); }
.pictos .print img{ position: relative;display: inline-block;width: 35px;top: -15px;left: 10px; }
.rappel { width: 100%;position: absolute;background: #fff;text-transform: uppercase;padding: 5px 0;color: #000;top: 46px;display: none; }
.rappel span { display: inline-block;font-size: 14px;font-weight: 600; }
.rappel span.tarif { font-family: "Arapey",Georgia,"Times New Roman",Times,serif;font-weight: normal;letter-spacing: 0em;font-size: 18px; }
.backtolisting { position: absolute;left: 0px;top: 20px;text-transform: uppercase;font-size: 11px;color: #af9e6c; }
.backtolisting:hover{ color: #6a6b6d; }
.backtolisting span.first { display: inline-block;font-weight: 600; }
.backtolisting i { margin-right: 5px }
.nav-detail.fixed .backtolisting { left: 23px; }

.video_container {
	width: 100%;
	position: relative;
	display: block;
}
.video_content{
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	display: block;
}
/* titre */
.h3Detail{ 
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    color: #af9e6c; 
}


/* layout */
.main-media { width: 100%;/*float: left;*/overflow: hidden;position: relative;z-index: 1;margin: 0 0 35px 0; }
.zone-content  { width: 100%;height: 100%;float: left; }
.detail-section p { font-family: "PT Serif";font-size: 15px;line-height: 30px;margin: 0 0 30px 0;text-align: justify;color: #6a6b6d; }
.split-2 { width: 50%;height: 100%;float: left; }
.basic .pd-right { padding-right: 60px; }
.main-media .bdo { position: absolute;top: 40px;left: 20px;width: auto;font-size: 80px;line-height: 31px;color: #fff;text-shadow: 0 0 15px rgba(0,0,0,0.9), 0 0 95px rgba(0,0,0,0.9);z-index: 100; }
.main-media .bdo span { font-size: 60px;display: block;text-align: right; }

/* basic */
.basic { width: 100%;float: left;margin: 0 0 35px 0; }
.basic .pd-right { padding-right: 60px; }
.basic .pd-left { padding-left: 60px; }
.details-grid { margin: 25px 0 0 0; }
.description { padding: 0 10%;float: left;column-count: 2;column-gap: 50px;margin: 50px 0; }
.main-title-detail { margin: 0 !important; }
.main-title-detail .situation { text-align: left;font-size: 15px;display: block;margin: 0 0 30px;color: #6a6b6d;letter-spacing: 0.07em; }
.main-title-detail .titre { text-align: left;font-size: 22px;display: block;margin: 0; }
.main-title-detail:after { display: none !important; }
.main-price-detail { margin: 0 0 70px 0 !important;text-align: left !important; }
.main-price-detail span { display: inline-block !important; }
.main-price-detail span.tarif { margin-top: 5px;font-family: 'PT Serif', sans-serif;font-weight: normal;letter-spacing: 0em;font-size: 40px;line-height: 44px;float: left; }
.main-price-detail span.currency-choice { padding: 10px;border: 1px solid #b1b1b1;font-size: 13px;line-height: 0px;color: #b1b1b1;margin: 0 0 0 10px; }
.main-price-detail:after { display: none !important; }
.details {width: 100%;float: left; }
.details ul { padding: 0;list-style: none;float: left;width: 100%; }
.details li { display: block;float: left;padding: 8px 0;border-bottom: 1px solid #ddd;width: 100%; }
.details li .label { float: left;width: 60%;text-align: left;color: #363638;padding: 0;text-transform: uppercase;font-family: 'Montserrat', sans-serif;font-size: 11px;line-height: 30px; }
.details li .value { float: left;width: 40%;text-align: right;color: #000;font-weight: bold; }
.details li .value .fa-check { color: #3c8338; }




/* photos */
.photos { width: 100%;float: left;margin: 0 0 35px 0; }
.photos .pic { display: block;padding: 5px; }
.photos .pic img { width: 100%;height: 100%;object-fit: cover;object-position: 50%;  }

/* situation */
.localisation { width: 100%;float: left;margin: 0 0 35px 0; }
.localisation .centered { margin-bottom: 30px; }
.localisation .split-2 { margin: 0;height: 500px; }
.localisation .split-2.left {
	background: #e2e2e2;
}
.localisation #map { height: 100%;z-index: 1; }
.localisation .alentours { position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding: 0 20%; }

/* 360 */
.vr { width: 100%;float: left;margin: 0 0 35px 0; }
.vr-container { width: 100%;height: 500px;background: #eee; }
.vr-container iframe { width: 100%;height: 100%; }

/* dpe */
.perf img { width: 250px; }
.valeur-perf { display: block;text-align: center;margin: 15px 0 0 0; }
.valeur-perf span { font-family: 'PT Serif', sans-serif;font-size: 25px;font-style: italic;color: #000;font-weight: 600; }

/* docs & contact */
.contact { width: 100%;float: left;margin: 0 0 35px 0; }
.contact ul { padding: 0 20%;list-style: none; }
.contact ul li.main { font-weight: 400;font-size: 30px;color: #000;text-align: left; }
.contact ul li .fa { font-size: 14px; }
.contact ul li a.tel{ display: inline-block;color: #fff;text-transform: uppercase;padding: 15px 40px;font-size: 14px;background: #cc0023;font-family: 'Montserrat', sans-serif;line-height: 20px;font-weight: 600;margin: 20px 0 0 0;border-radius: 5px; }
.contact-form { width: 100%;padding: 30px;background: #e2e2e2; }
.contact-form .inputs { width: 100%;border: none;background: #fff;text-transform: uppercase;padding: 5px 10px;font-size: 11px;min-height: 40px;margin: 0 0 30px 0;outline-width: 0;border: 1px solid #fff; }
.contact-form .inputs:focus { outline-width: 0;border-color: #000; }
.contact-form .inputs:last-child { margin: 0; }
.contact-form textarea { height: 150px;resize: none; }
.g-recaptcha { margin: 0 0 35px 0; }
.contact-form .rgpd { width: 100%;margin: 0 0 40px 0; }
.contact-form .rgpd p { font-size: 16px;line-height: 21px; }
.contact-form .send { min-height: 40px;font-size: 11px;text-transform: uppercase;padding: 5px 20px;background: #cc0023;color: #fff;border: 0px;border-radius: 5px; }
.contact-form .required { width: 100%;margin: 0 0 40px 0;display: block;font-style: italic;font-size: 12px; }

/* similar */
.similar { width: 100%;float: left;margin: 0 0 35px 0; }
.similar .listing { margin: 0px;height: 220px;padding: 10px; }
.similar .listing .container-info { background: transparent; }


/* gradient */
.white-gradient { position: fixed;left: 0px;width: 100%;z-index: 3;height: 145px;display: none;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ }


/* slider */
.slider-bien-container { height: 100%;position: relative;z-index: 2; }
.main-media .item { display: inline-block;float: left;height: 100%; }
.main-media .item img { width: 100%;height: 100%;object-fit: cover;object-position: 50%; }
.main-media .navs { height: 100%;position: absolute;top: 0;width: 150px;text-align: center;z-index: 3; }
.main-media .navs.left { left: 0; }
.main-media .navs.right { right: 0; }
.main-media .navs .fa { font-size: 80px;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; }

/* ##################################################################################################### */
/* ##################################  R E S P O N S I V E  ############################################ */
/* ##################################################################################################### */
@media (max-width: 1400px) {
	
}
@media (max-width: 1199px) {
	.header-detail { min-height: 175px; }
	.main-media .navs { width: 100px; }
	.basic .pd-right { padding-right: 0; }
	.pictos { padding: 8px 10px 8px 10px; }
	.description { padding: 0; }
}
@media (max-width: 991px) {
	.pictos .print img{ width: 33px;top: -17px; }
	.split-2 { width: 100%; }
	.basic .pd-right { padding-right: 0px; }
	.basic .pd-left { padding-left: 0px; }
	.main-price-detail { margin: 0 0 20px 0 !important; }
	.main-title-detail .situation { text-align: center; }
	.main-title-detail .titre { text-align: center; }
	.main-price-detail span.tarif { float: none; }
	.main-price-detail { text-align: center !important; }
	.valeur-perf { margin: 15px 0 60px 0; }
	.contact ul li.main { text-align: center; }
	.detail-section .zone-content ul { text-align: center; }
	.contact-zone.detail-bien .tel { display: none; }
	.contact-zone.detail-bien .lg-container.fixed { padding: 0;right: 30px; }
	.pictos .picto { margin: 5px 10px;width: 30px;height: 30px; }
	.backtolisting { left: 0px; }
	.nav-detail.fixed .backtolisting { top: 15px;left: 20px; }
	.backtolisting span.first { display: none; }
	.backtolisting i { background: #333;color: #fff;width: 20px;border-radius: 50%;height: 20px;line-height: 21px; }
	.nav-detail.fixed .backtolisting i { background: #333;color: #fff;width: 20px;border-radius: 50%;height: 20px;line-height: 21px; }
}
@media (max-width: 767px) {
	.header-detail { min-height: 240px; }
	.nego-detail { top: 150px; }
	.localisation .alentours { padding: 0 10%; }
	.nego-detail .service, .nego-detail .name { width: 150px; }
	.pictos .picto { margin: 5px 15px; }
	.pictos .picto.environs { display: none; }
	.main-media .navs { width: 50px; }
	.main-media .navs .fa { font-size: 40px; }
	.main-media .item { height: 100%; }
	.main-title-detail .titre { font-size: 17px; }
	
	.main-media { height: 400px !important; }
	.description  { column-count: 1;column-gap: 0; }
}
@media (max-width: 680px) {
	.page-layout { padding: 12px 30px 50px 30px }
}
@media (max-width: 550px) {
	.nego-detail .pic img { display: none; }
	.nego-detail .name, .nego-detail .service { display: none; }
	.agence-service { display: block;text-transform: uppercase;font-size: 11px;line-height: 11px;text-align: center;width: 100%; }
	.detail-bien { margin: 0; }
	.detail-bien .main-media { margin: 0 0 25px 0; }
	.detail-bien .nav-detail { margin-top: 0px; }
	.header-detail { min-height: 172px; }
	.nego-detail { width: 100%;left: inherit !important;height: 20px; }
	.nego-detail .pic { display: none; }
	.main-price-detail span.tarif { font-size:45px; }
}
@media (max-width: 480px) {
	.pictos .print img{ width: 26px;top: -15px; }
	.nav-detail.fixed .backtolisting {
	    top: 20px;
	}
	.pictos, .nav-detail.fixed .pictos{
	    padding: 13px 0px 8px 31px;
	}
	.pictos .picto, .nav-detail.fixed .pictos .picto{ width: 23px;height: 23px;margin: 5px 12px; }
}
@media (max-width: 400px) {
	.localisation .split-2 { height: 600px; }
	.pictos, .nav-detail.fixed .pictos {
	    padding: 13px 0px 8px 31px;
	}
	.pictos .picto, .nav-detail.fixed .pictos .picto { width: 23px;height: 23px;margin: 5px 6px; }
}