/* ##################################################################################################### */
/* ########################################  H O M E  ################################################## */
/* ##################################################################################################### */

.layout-bien { float: left;width: 100%;height: auto;padding: 20vh 0 0 0;margin: 0 0 10vh 0; }
.layout-bien-container { width: 100%;max-width: 85%;margin: 0 auto;position: relative;padding: 0 30px; }
.entete-bien { width: 100%;float: left; }
.entete-bien h1 { margin: 0 0 60px 0; }
.entete-bien h1 span { display: block; }
.entete-bien h1 span.titre { font-weight: 800;font-size: 1em;margin-bottom: 5px; }
.entete-bien h1 span.sub { font-size: 0.7em; }

.medias { width: 100%;margin: 0 0 50px 0;height: 40vh;float: left; }
.medias .split-2 { width: 50%;float: left; }
.medias .main { height: 100%;padding-right: 20px;position: relative;overflow: hidden; }
.medias .main a { display: block;height: 100%;width: 100%;border-radius: 20px;background: #eee;overflow: hidden; }
.medias .main a img { width: 100%;height: 100%;object-fit: cover; }
.medias .main .bandeau { width: 300px;padding: 8px 0;font-size: 11px;color: #fff;text-transform: uppercase;transform: rotate(-31deg);position: absolute;top: 28px;left: -82px;text-align: center; }

.medias .other { height: 100%; }
.medias .other .pic { display: block;float: left;width: 50%;height: 50%; }
.medias .other .pic.left { padding-right: 10px; }
.medias .other .pic.right { padding-left: 10px; }
.medias .other .pic:nth-child(1), .medias .other .pic:nth-child(2) { padding-bottom: 10px; }
.medias .other .pic:nth-child(3), .medias .other .pic:nth-child(4) { padding-top: 10px; }
.medias .other .pic .box { width: 100%;height: 100%;border-radius: 20px;background: #eee;overflow: hidden;position: relative; }
.medias .other .pic .box img { width: 100%;height: 100%;object-fit: cover; }
.medias .other .pic .box .sticker { position: absolute;background: #fff;padding: 8px 15px;display: inline-block;color: #000;border-radius: 10px;right: 10px;bottom: 10px;font-weight: 500; }
.medias .other .sticker-container { display: none;float: left;width: 100%;text-align: center;margin: 20px 0 0 0; }
.medias .other .sticker2 { background: var(--main);padding: 8px 15px;display: inline-block;color: #fff;border-radius: 10px;font-weight: 500; }


/* description */
.description { width: calc(100% - 320px);float: left; }
.description p { font-size: 19px;padding-right: 50px;line-height: 32px; }


/* detail */
.details { width: calc(100% - 320px);float: left;margin: 40px 0 0 0; }
.details h2 { width: 100%;margin: 0 0 30px 0;font-weight: 700; }
.details .kpi { width: 100%;float: left; }
.details .kpi .item { display: block;width: 25%;float: left;height: 150px;text-align: center; }
.details .kpi .item .pic { width: 100%;margin: 0 0 7px 0; }
.details .kpi .item .valeur { width: 100%;font-size: 19px; }
.details .kpi .item .valeur .fig { display: block;font-weight: 700; }
.details .kpi .item .valeur .unite { display: block; }


/* performance */
.vv-block { width: calc(100% - 320px);float: left;margin: 40px 0 30px 0;padding-right: 50px; }
.vv-block h2 { width: 100%;margin: 0 0 30px 0;font-weight: 700; }
.visite-container { width: 100%;float: left; }


/* performance */
.performance { width: calc(100% - 320px);float: left;margin: 40px 0 60px 0;padding-right: 50px; }
.performance h2 { width: 100%;margin: 0 0 30px 0;font-weight: 700; }
/* css spe dans dpe.css */


/* Carte de visite */
.carte-visite { width: 320px;float: right;background: #fff;border-radius: 15px;box-shadow: 0 0 15px rgba(0,0,0,0.2);text-align: center;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;z-index: 3;position: relative; }
.carte-visite-container { padding: 30px;float: left; }
.carte-visite .prix { width: 100%;color: var(--main);font-weight: 800;font-size: 2em;line-height: 1em;margin: 0 0 20px 0; }
.carte-visite .ref { width: 100%;font-weight: 600;text-transform: uppercase; }
.carte-visite .more-container { margin: 10px 0 30px 0; }
.carte-visite .contact { width: 100%; }
.carte-visite .contact span { font-weight: 600;font-size: 18px; }
.carte-visite .contact .pic-container { padding: 20px 0 5px 0; }
.carte-visite .contact .pic-container .nego { width: 100px;height: 100px;border-radius: 50%;overflow: hidden;display: inline-block; }
.carte-visite .contact .pic-container .nego img { width: 100%;height: 100%;object-fit: cover; }
.carte-visite .contact .name { font-size: 25px;font-weight: 700; }
.carte-visite .contact .name span.family { font-weight: 700;font-size: 25px;text-transform: uppercase; }
.carte-visite .contact a.mobile { color: #ababab;font-weight: 600;font-size: 25px;padding: 10px;display: block;margin: 10px 0; }
.carte-visite .contact a.mobile i { font-size: 35px;margin-right: 10px;position: relative;top: 3px; }
.carte-visite .share { text-align: center;float: left;width: 100%; }
.carte-visite .share a { display: inline-block;width: 70px;height: 70px;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,0.2);margin: 5px; }
.carte-visite .share a svg { width: 35px;height: 35px;top: 19px;position: relative; }
.carte-visite .share a.favorite-detail.on svg { fill: red; }
.carte-visite .share a.favorite-detail.off svg { fill: #cecece; }
.carte-visite .share a:hover { box-shadow: 0 0 15px rgba(0,0,0,0.5); }
.carte-visite .share a:hover > svg { fill: #000; }
.carte-visite .share .reseaux { width: 100%;float: left;margin: 15px 0 0 0;text-align: center; }
.carte-visite .share .reseaux a { display: inline-block;margin: 0 4px;width: 40px;height: 40px;line-height: 43px;font-size: 17px; }
/* sticky */
.carte-visite.sticky { position: fixed;top: 100px; }
.carte-visite.abs { position: absolute;top: inherit;right: 30px;bottom: 0; }


/* emplacement */
.emplacement { width: calc(100% - 320px);float: left;position: relative;z-index: 1;padding-right: 50px; }
.emplacement h2 { width: 100%;margin: 0 0 30px;font-weight: 700; }
.emplacement .map-container { height: 55vh;overflow: hidden;border-radius: 20px;background: #eee; }
.emplacement #mapid { width: 100%;height: 100%; }


/* detail footer */
.detail-footer { display: none;position: fixed;bottom: 0;border-top: 1px solid #fff;left: 0;width: 100%;text-align: center;background: rgb(141 46 54 / 95%);height: 70px;z-index: 1000;border-radius: 0; }
.detail-footer a { width: 70px;height: 70px;line-height: 70px;margin: 0 5px;display: inline-block;color: #fff;font-size: 25px; }



/* ##################################################################################################### */
/* ##################################  R E S P O N S I V E  ############################################ */
/* ##################################################################################################### */
@media (max-height: 780px) {
	.carte-visite { padding: 15px; }
	.carte-visite .contact .pic-container .nego { width: 70px;height: 70px; }
}

@media (max-width: 1250px) {
	.description { width: calc(100% - 290px); }
	.carte-visite { width: 290px; }
	.performance { width: calc(100% - 290px); }
	.emplacement { width: calc(100% - 290px); }
}
@media (max-width: 1199px) {
	
}
@media (max-width: 991px) {
	.layout-bien { padding: 15vh 0 0 0; }
	.layout-bien-container { max-width: inherit; }
	.entete-bien h1 { text-align: center; }
	.medias { height: auto; }
	.medias .split-2 { width: 100%;padding: 0;margin: 0 0 10px 0; }
	.medias .split-2.main { height: 50vh; }
	.medias .split-2.other { height: auto; }
	.medias .other .pic { width: 25%;padding: 10px; }
	.medias .other .pic .box .sticker { display: none; }
	.medias .other .sticker-container { display: block;float: left; }
	.description { width: 100%;margin: 0 0 50px 0; }
	.description p { padding: 0; }
	.carte-visite { width: 100%; }
	.carte-visite.sticky { position: relative !important;left: inherit !important;right: inherit !important;top: inherit !important; }
	.details { width: 100%;margin: 80px 0 0 0; }
	.details .kpi { text-align: center; }
	.details .kpi .item { display: inline-block;float: none; }
	.details h2 span { display: block; }
	.details h2:after { height: 1px;display: inline-block;width: 100px;background: var(--main);border-right: 1px white;content: ''; }
	.vv-block { width: 100%;padding: 0; }
	.performance { width: 100%;padding: 0; }
	.performance h2 span { display: block; }
	.performance h2:after { height: 1px;display: inline-block;width: 100px;background: var(--main);border-right: 1px white;content: ''; }
	.emplacement { width: 100%;padding: 0; }
	.emplacement h2 span { display: block; }
	.emplacement h2:after { height: 1px;display: inline-block;width: 100px;background: var(--main);border-right: 1px white;content: ''; }
	.details h2 { text-align: center; }
	.performance h2 { text-align: center; }
	.emplacement h2 { text-align: center; }
}
@media (max-width: 767px) {
	
}
@media (max-width: 680px) {
	
}
@media (max-width: 640px) {
	
}
@media (max-width: 600px) {
	.entete-bien h1 span.titre { font-size: 0.8em;line-height: 1em; }
	.entete-bien h1 span.sub { font-size: 0.6em; }
	.medias .main a { border-radius: 10px; }
	.medias .split-2 { margin: 0 0 5px 0; }
	.medias .other .pic { padding: 5px !important; }
	.medias .other .pic .box { border-radius: 10px; }
	.details .kpi .item { width: 45%; }
	.details .kpi .item .valeur { font-size: 16px; }
	.performance { margin-bottom: 0; }
	.detail-footer { display: block; }
}
@media (max-width: 480px) {
	
}