/* ##################################################################################################### */
/* ########################################  L I S T I N G  ############################################ */
/* ##################################################################################################### */
.results { width: 100%;position: relative;padding: 0; }

.results h2 { margin: 0;width: auto;padding: 0 15px 25px 15px;position: relative;color: #1b1b1b;font-size: 25px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;text-align: center;font-family: 'Montserrat', sans-serif; }
.results h2 span {font-size: 42px;font-weight: 500;letter-spacing: 0px;text-transform: initial;font-family: 'Savoye LET', sans-serif; }
.results h2 span.lastminute { font-weight: 400;color: red; }
.results h2 .decoLine { display: block;width: 100%;text-align: center; }
.results h2 .decoLine hr { height: 1px;background: #464646;display: inline-block;width: 80px; }

.results .tools { width: 90.5%;display: flex;flex-wrap: nowrap;justify-content: space-between;margin: 0;padding: 0 100px;margin: auto; }
.results .tools .pager_biens { text-align: left;padding: 12px 0; }
.results .tools .nb-results { text-align: center;margin: 0 50px; }
.results .tools .nb-results #nb { display: inline-block;color: #af9e6c;font-size: 37px;font-family: 'PT Serif';font-style: italic; }
.results .tools .nb-results .res { display: inline-block;font-style: italic;font-weight: bold;font-size: 16px;text-align: left;line-height: 14px;margin: 0 0 0 5px;font-family: 'PT Serif'; }
.results .tools .affine { text-align: right;position: relative;left: -20px;top: 15px; }
.results .tools .affine a { display: inline-block;color: #b3b3b3;font-size: 12px;line-height: 14px;text-transform: uppercase;position: relative;text-decoration: none;font-weight: 400; }
.results .tools .affine a span { font-family: 'PT Serif';font-style: italic;font-size: 42px;position: absolute;top: 0; }
.results .tools .affine a span.bracketL { left: -20px; }
.results .tools .affine a span.bracketR { right: -20px; }
.results .tools .affine a:hover { color: #af9e6c; }

.listing { width: 90%;margin: 10px auto 0 auto;padding: 0 100px; }
.listing .produit { width: 100%;height: 450px;margin: 0 0 50px 0; }
.listing .produit .picList { width: 60%;float: left;height: 450px;position: relative;overflow: hidden; }
.listing .produit .picList .slider-list-container { overflow: hidden;height: 450px; }
.listing .produit .picList .itemList {
    display: inline-block;
    float: left;
    height: 100%;
}
.listing .produit .navsList {
    position: absolute;
    top: calc(50% - 30px);
    width: 60px;
    height: 60px;
    text-align: center;
    z-index: 3;
    background: rgba(255,255,255,.3);
}

.listing .produit .navsList .fa {
    font-size: 40px;
    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;
}

.listing .produit .navsList.left {
    left: 0;
}

.listing .produit .navsList.right {
    right: 0%;
}
/*.listing .produit .picList .slider-list-container{   }*/
.listing .produit .picList img { width: 100%;height: 100%;object-fit: cover;object-position: 50%; }
.listing .produit .picList .bdo { position: absolute;top: -10px;left: 13px;width: auto;font-size: 80px;line-height: 31px;color: #fff;text-shadow: 0 0 25px rgba(0,0,0,0.8); }
.listing .produit .picList .bdo span { font-size: 60px;display: block;text-align: right; }
.listing .produit .overview { width: 40%;height: 100%;float: left;padding: 0 0 0 50px;position: relative; }
.listing .produit .overview .lkOver{ display: block;height: 100%;text-decoration: none; }
.listing .produit .overview .lkOver:hover,
.listing .produit .overview .lkOver:focus{ text-decoration: none; }
.listing .produit .overview .content { position: relative;top: 40%;-webkit-transform: translateY(-40%);-moz-transform: translateY(-40%);-ms-transform: translateY(-40%);transform: translateY(-40%); }
.listing .produit .overview .content h3 { display: block;font-size: 22px;line-height: 22px;color: #000;text-transform: uppercase;margin: 0 0 15px 0;font-weight: 700; }
.listing .produit .overview .content h4 { display: block;margin: 0 0 15px 0;font-size: 13px;color: #464646;text-transform: uppercase;font-weight: 600; }
.listing .produit .overview .content .desc { padding: 0;font-size: 15px;color: #6a6b6d;text-align: justify;line-height: 21px;font-family: 'PT Serif', sans-serif;font-weight: 400;margin: 0 0 15px 0; }
.listing .produit .overview .content .tags { text-align: left; }
.listing .produit .overview .content .tags .item { display: inline-block;padding: 4px 8px;border-radius: 3px;text-transform: uppercase;background: #d7d7d7;font-size: 11px;text-transform: uppercase;font-weight: 600;color: #464646;margin: 0 5px;line-height: 13px; }
.listing .produit .overview .content .tags .item:first-child { margin-left: 0px; }
.listing .produit .overview .content .tags .item:hover { background: #af9e6c;color: #fff; }
.listing .produit .overview .content .tags .more { display: inline-block;margin-left: 5px;font-size: 14px;color: #adadad; }
.listing .produit .overview .price { position: absolute;bottom: 0;left: 50px;text-align: left;font-style: italic;font-size: 30px;color: #af9e6c;font-weight: 400;font-family: 'PT Serif', sans-serif; }
.listing .produit .overview .actions { position: absolute;bottom: 0;right: 0;text-align: right; }
.listing .produit .overview .actions a { display: inline-block;margin: 0 7px;opacity: 0.6; }
.listing .produit .overview .actions a:hover { display: inline-block;margin: 0 7px;opacity: 1; }
.listing .produit .overview .actions a:last-child { margin-right: 0px; }
.listing .produit .overview .actions a img.xl { height: 40px; }
.listing .produit .overview .actions a img.sm { height: 33px; }
.listing .produit .overview .ref { position: absolute;bottom: 50px;right: 0px;font-size: 16px;color: #464646;text-transform: uppercase;font-weight: 400; }
.listing .produit .overview .ref span { font-weight: bold;color: #af9e6c;font-family: 'PT Serif', sans-serif;font-size: 18px;letter-spacing: 1px; }

/* pager */
.pager_biens a { font-weight: 600;font-size: 12px;color: #333;background: #cdcdcd;padding: 7px 14px;margin-right: 0px;border-radius: 0px;display: inline-block; }
.pager_biens a:focus, .pager_biens a:hover{ background: #1b1b1b;color: #fff;text-decoration: none;outline: 0; }
.pager_biens a.pagesSelected, .pager_biens a.pagesSelected:hover{ background: #af9e6c;color: #fff; }


/* ##################################################################################################### */
/* ##################################  R E S P O N S I V E  ############################################ */
/* ##################################################################################################### */
@media (max-width: 1199px) {
	.results .tools { padding: 0 50px; }
	.listing { padding: 0 50px; }
	.listing .produit .picList, .listing .produit .overview { width: 50%;height: 400px; }
	.listing .produit .overview .price { font-size: 25px; }
}
@media (max-width: 991px) {
	.listing .produit .picList, .listing .produit .overview { width: 100%; }
	.listing .produit .overview { padding: 40px 0;height: auto;margin: 0 0 50px 0; }
	.listing .produit .overview .content { top: inherit;transform: inherit;margin: 0 0 60px 0; }
	.listing .produit .overview .price { left: 0; }
}
@media (max-width: 767px) {
	.results .tools .affine a { font-size: 11px;line-height: 10px; }
	.results .tools .pager_biens span { display: none; }
	.pager_biens a { padding: 7px 14px; }
	.listing .produit .picList { height: auto; }
}
@media (max-width: 680px) {
	.results .tools { flex-wrap: wrap;padding: 0 30px; }
	.listing { padding: 0 30px; }
	.results .tools .pager_biens { width: 100%; }
	.results .tools .nb-results { margin: 0; }
}
@media (max-width: 500px) {
	.listing {
	    padding: 0;
	}
	.results .tools { padding: 0; }
}
@media (max-width: 400px) {
	.listing .produit .overview .content {
	    margin: 0 0 30px 0;
	}
	.listing .produit .overview .price {
	    display: block;
	    width: 100%;
	    text-align: center;
	}
	.listing .produit .overview .actions {
	    position: static;
	    width: 100%;
	    text-align: center;
	}
	.listing .produit .overview .ref {
		display: block;
	    position: static;
	    width: 100%;
	    text-align: center;
	}
}