/* ##################################################################################################### */
/* ########################################  L I S T I N G  ############################################ */
/* ##################################################################################################### */

/* header listing */
.main-wrapper.listing { position: relative;width: 100%;z-index: 2; }
.main-wrapper.listing .deco { position: absolute;top: -10vh;left: 0;width: 100%; }
.main-wrapper.listing .deco img { width: 100%; }
.main-wrapper-content { width: 100%;position: relative;float: left; }
.main-wrapper.listing h1 { position: relative;text-align: center;z-index: 2;margin: 0;padding: 12vh 0 0 0;float: left;width: 100%; }
.main-wrapper.listing h1 .main { display: block;color: #fff;font-size: 55px;font-family: 'Playfair Display', serif;letter-spacing: -0.05em;margin: 0 0 10px 0;line-height: 55px; }
.main-wrapper.listing h1 .second { display: inline-block;color: #363636;font-size: 19px;letter-spacing: 5px;margin: 0;line-height: 19px;text-transform: uppercase;font-weight: 600;position: relative; }
.main-wrapper.listing h1 .signature { position: absolute;width: 200px;bottom: -70px;right: -90px; }
.main-wrapper.listing h1 .signature img { width: 100%; }


/* intro listing */
.intro-listing { width: 100%;text-align: center;margin: 12vh 0 3vh 0;float: left; }
.intro-listing-container { width: 100%;max-width: 800px;margin: 0 auto;font-size: 16px;font-weight: 500; }
.intro-listing-container a { display: inline-block;color: #c69145;font-size: 16px;font-weight: 600;text-decoration: none;padding: 0 0 4px 0;border-bottom: 1px solid #c69145; }


/* liste biens */
.liste-biens { width: 100%;float: left;margin: 10vh 0 0 0; }
.liste-biens-container { width: 100%;max-width: 1100px;height: auto;margin: 0 auto; }
.liste-biens-container h3.listing-section { text-align: center;font-size: 90px;line-height: 80px;font-family: 'Connoisseurs', Sans serif;letter-spacing: 2px;margin: 0 0 40px 0; }
.liste-biens .other { width: 100%;float: left;margin: 0 0 40px 0; }
.liste-biens .other .bien { display: block;float: left;width: 50%;padding-right: 20px;margin: 0 0 40px 0; }
.liste-biens .other .bien.right { padding-left: 20px;padding-right: 0px; }
.liste-biens .other .bien .visuel { float: left;width: 100%;height: 100%;background: #eee;margin: 0 0 30px 0;height: 350px;position: relative; }
.liste-biens .other .bien .overview { width: 100%;float: left;height: 230px;position: relative; }
.liste-biens .other .bien .overview .ref { position: absolute;top: -23px;right: 0px;color: #8a8a8a;font-size: 13px;text-align: right;text-transform: uppercase;font-weight: 600; }
.no-results { width: 100%;padding: 18vh 0;text-align: center;font-size: 23px;font-family: 'Playfair Display', serif;letter-spacing: -0.02em;line-height: 30px;color: #000; }
.no-results span { display: block;font-family: 'Montserrat', sans-serif;font-size: 14px;font-weight: 300;color: #363636; }
.liste-biens .more-container { text-align: center; }


/* commun */
.liste-biens .bien .visuel { overflow: hidden;cursor: pointer; }
.liste-biens .bien .visuel img { width: 100%;height: 100%;object-fit: cover;transform: scale(1);-webkit-transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s; }
.liste-biens .bien .visuel:hover > img { transform: scale(1.10); }
.liste-biens .bien .overview h3 { width: 100%;text-align: left;margin: 0 0 10px 0; }
.liste-biens .bien .overview h3 a { display: block;text-decoration: none !important; }
.liste-biens .bien .overview h3 a .ville { display: block;width: 100%;font-size: 23px;font-family: 'Playfair Display', serif;letter-spacing: -0.02em;line-height: 30px;color: #000;margin: 0 0 4px 0;font-weight: 600; }
.liste-biens .bien .overview h3 a .titre { display: block;width: 100%;font-size: 15px;letter-spacing: 1px;font-weight: 600;line-height: 20px;color: #747474;margin: 0;text-transform: uppercase;min-height: 40px; }
.liste-biens .bien .overview .desc { font-size: 15px;line-height: 22px;margin: 0;min-height: 115px;text-align: left;font-weight: 400; }
.liste-biens .bien .overview .info { width: 100%;position: absolute;left: 0;bottom: 0px; }
.liste-biens .bien .overview .info .price { width: 60%;float: left;font-size: 35px;font-family: "Arapey",Georgia,"Times New Roman",Times,serif;letter-spacing: -0.03em;line-height: 35px;color: #c69145; }
.liste-biens .bien .overview .info .price span { display: inline-block; }
.liste-biens .bien .overview .info .actions { width: 40%;float: left;text-align: right; }
.liste-biens .bien .overview .info .actions a { display: inline-block;margin: 0 5px;opacity: 0.8; }
.liste-biens .bien .overview .info .actions a:last-child { margin-right: 0px; }
.liste-biens .bien .overview .info .actions a:hover { opacity: 1; }
.liste-biens .bien .overview .info .actions a img { height: 30px; }

/* Alerte mail */
.liste-biens .alerte-mail { width: 100%;text-align: center;margin: 0 0 40px 0; }
.liste-biens .alerte-mail a { font-weight: 700; }


/* first */
.liste-biens .bien.first { width: 100%;margin: 0 0 40px 0;height: 450px;float: left; }
.liste-biens .bien.first .visuel { width: 65%;float: left;height: 100%;background: #eee;position: relative; }
.liste-biens .bien.first .visuel .bdo,.other .visuel .bdo { position: absolute;top: 15px;left: 0px;line-height: 13px;color: #fff;font-weight: 600;padding: 8px 20px;   text-transform: uppercase;font-size: 13px;background: #c69145; }
.liste-biens .bien.first .overview { width: 35%;float: left;height: 100%;padding: 40px 0 40px 40px;position: relative; }
.liste-biens .bien.first .overview .desc { min-height: 160px; }
.liste-biens .bien.first .overview .ref { position: absolute;bottom: 0;right: 0;color: #8a8a8a;font-size: 13px;text-align: right;text-transform: uppercase;font-weight: 600; }
.liste-biens .bien.first .overview .info { bottom: inherit; }
.liste-biens .bien.first .overview .info .price { padding-left: 40px; }


/* bottom listing */
.bottom-listing { width: 100%;float: left;margin: -20vh 0 0 0;text-align: left;position: relative;z-index: 1;overflow: hidden; }
/*.bottom-listing .bg { position: absolute;background-image: url('../images/sunset.jpg');background-position: left 50%;background-size: cover;height: 100%;width: 100%;z-index: 1;transform: scale(1.1); }*/
/*.bottom-listing img { margin-left: 40px;margin-top: 20vh;position: relative;z-index: 2;width: 55%; }*/
.bottom-listing img { position: relative;z-index: 2;width: 100%; }


/* pager */
.pagerContainerTop, .pagerContainerBottom { float: left;width: 100%;padding: 0;margin: 0 0 20px 0; }
.pager-gauche { padding: 20px 0px !important; }
.pager-gauche .pager_biens a { display: block;padding: 8px 13px 8px 13px;float: left;line-height: 20px;margin-right: 10px;text-decoration: none;font-weight: bold; }
.pager-gauche .pager_biens .a_pages { background: #f0e8e2;color: #3c3c3c; }
.pager-gauche .pager_biens .a_pages_visited { background: #c69145;color: #fff; }
.pager-gauche .pager_biens .limiteur { display: inline-block;float: left;padding: 11px; }
.pager-droite { padding: 20px 0px !important;text-align: right;float: right; }
.pager-droite .combo-tri { padding: 8px 13px 8px 13px;color: #fff;margin: 0 8px 0 0;font-weight: 600;border: 1px solid #c69145;color: #c69145;text-transform: uppercase;background: rgba(255,255,255,0.4); }
.pager-droite .refine-search { display: inline-block;padding: 8px 13px 8px 13px;color: #fff;margin: 0 8px 0 0;font-weight: 600;border: 1px solid #c69145;color: #c69145;text-transform: uppercase;background: rgba(255,255,255,0.4); }




/* ##################################################################################################### */
/* ##################################  R E S P O N S I V E  ############################################ */
/* ##################################################################################################### */
@media (max-width: 1199px) {
	.liste-biens-container { padding: 0 30px; }
	.pager-droite .refine-search { margin: 0 8px 8px 0; }
}
@media (max-width: 1080px) {
	.main-wrapper.listing h1 .main { font-size: 45px;line-height: 40px;margin: 60px 0 15px 0;color: #000;padding: 0 20px; }
	.main-wrapper.listing h1 .second { font-size: 13px;letter-spacing: 3px;top: -18px; }
	.liste-biens .bien .overview .desc { line-height: 20px; }
	.liste-biens .bien.first .visuel { width: 55%; }
	.liste-biens .bien.first .overview { width: 45%; }
}
@media (max-width: 991px) {
	.main-wrapper.listing .deco { top: 0; }
	.liste-biens .bien.first { height: 400px; }
	.liste-biens .bien .overview h2 a .titre { line-height: 18px;font-size: 14px; }
	.liste-biens .other .bien .visuel { height: 300px; }
	.liste-biens .other .bien { margin: 0 0 60px 0; }
	.liste-biens .other .bien .overview { height: 280px; }
}
@media (max-width: 767px) {
	.main-wrapper.listing h1 .signature { right: -20px; }
	.liste-biens .bien.first { height: auto; }
	.liste-biens .bien.first .visuel { width: 100%; }
	.liste-biens .bien.first .overview { height: auto;width: 100%;padding: 30px 0 30px 0; }
	.liste-biens .bien.first .overview .desc { min-height: inherit; }
	.liste-biens .bien.first .overview .ref { top: 8px; }
	.liste-biens .bien .overview .info { position: relative;left: inherit;float: left; }
	.liste-biens .bien.first .overview .info .price { padding-left: 0; }
	.liste-biens .other .bien .visuel { height: auto; }
	.liste-biens .other .bien .overview { height: auto; }
	.liste-biens .other .bien, .liste-biens .other .bien.right { width: 100%;padding: 0; }
	.liste-biens .bien .overview .desc { min-height: auto;margin: 0 0 30px 0; }
	.liste-biens .bien .overview h2 a .titre { min-height: inherit;margin: 15px 0; }
	.liste-biens .more-container span { display: none; }
	.liste-biens-container h3.listing-section { font-size: 14px;line-height: 13px;text-transform: uppercase;font-family: inherit;letter-spacing: 2px;margin: 0 0 20px 0; }
}
@media (max-width: 480px) {
	.main-wrapper.listing h1 .main { font-size: 39px;line-height: 32px; }
	.main-wrapper.listing h1 .second { letter-spacing: 1px; }
}

@media (max-width: 420px) {
	.header.all.black .logo .franchise { display: none; }
}