/* ##################################################################################################### */
/* ########################################  L I S T I N G  ############################################ */
/* ##################################################################################################### */

#frmPages { display: block;width: 100%;position: relative;padding: 110px 0 50px 0;background: var(--third);border-bottom: 2px solid rgba(var(--secondDecimal), 0.1);position: relative;z-index: 2; }
#frmPages button { color: #fff !important;font-weight: 600;background: var(--main);font-size: 22px;line-height: 20px;padding: 20px 0px;border-radius: 40px;position: absolute;bottom: -33px;border: 0px;left: calc(50% - 100px);width: 200px;outline: 0;display: inline-block;margin: 0;z-index: 10;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
#frmPages button:hover { background: var(--second); }
#frmPages #submitRecherche2 { right: 20px;padding: 11px 20px;font-size: 16px;display: none;bottom: inherit;width: auto;left: inherit;right: 20px;top: 100px; }
#frmPages #submitRecherche2.miniOpen { top: inherit;bottom: 27px; }


.criteres { width: 100%;padding: 0 20px;text-align: left;position: relative; }
.criteres-container { width: 70%;float: left; }
.criteres-container.miniOpen { width: 100%;padding: 0 0 70px 0; }
.criteres .inputGroup, .criteres .etendre { display: inline-block;margin: 5px 2px;position: relative; }
.criteres a.choix, .criteres input, .criteres select { display: inline-block;margin: 5px 2px;color: #757575;font-weight: 600;background: transparent;border-radius: 40px;border: 2px solid #757575;padding: 8px 20px;outline: none;text-decoration: none;position: relative;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
.criteres input, .criteres select { margin: 0;width: 220px; }
.criteres select option { zoom: 1.2; }
.criteres a.choix:hover, .criteres a.choix.selected, .criteres input:hover, .criteres input.checked, .criteres select:hover, .criteres select.selected { box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);border-color: #d20c1d;background-color: #fff;text-decoration: none;color: #d20c1d; }
#_plusFake.off { display: none; }
#_plusFake.on { display: inline-block; }
#_plusFake span { display: none; }
#frmPages .actions { position: absolute;top: 120px;right: 0;width: 30%;text-align: right;margin: 0; }
#frmPages .actions a { display: inline-block;margin: 0 20px; }
#frmPages .actions a span { display: inline-block;color: rgba(var(--secondDecimal), 0.7);border-bottom: 2px solid var(--second);padding: 0 0 4px 0;font-weight: 600;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
#frmPages .actions a span:hover { color: var(--second);border-bottom: 2px solid rgba(var(--secondDecimal), 0.2); }
#frmPages .actions a i { font-size: 36px;left: -5px;top: 10px;position: relative;color: var(--second); }
#frmPages .actions a.toggleMoteur { display: none; }
#frmPages .actions a.saveMyRecherche.on { display: inline-block; }
#frmPages .actions a.saveMyRecherche.off { display: none; }
.delCommune { position: absolute;width: 22px;height: 22px;border-radius: 50%;right: 6px;text-align: center;line-height: 21px;top: 14px;font-size: 15px;background: #ddd;color: #fff;font-weight: 600;cursor: pointer;display: none; }
.delCommune:hover { background: red; }
/* fixed */
#frmPages.fixed { padding: 95px 0 15px 0;position: fixed; }
#frmPages.fixed .criteres a.choix, #frmPages.fixed .criteres input, #frmPages.fixed .criteres select { padding: 8px 20px; }
.criteres.fixed .criteres-container { width: 100%;padding-right: 200px; }
#frmPages.fixed .actions { width: auto;text-align: left;position: absolute;top: inherit;bottom: -30px;padding: 0px 5px 10px 40px;background: #ffe5e4;right: 0px;border-radius: 0 0 0 35px;box-shadow: 5px 2px 2px rgb(234 211 211); }
#frmPages.fixed .actions a { margin: 0 10px; }
#frmPages.fixed .actions a span { border-color: transparent;font-size: 14px; }
#frmPages.fixed .actions a i { font-size: 24px;top: 5px; }
.criteres.fixed .delCommune { width: 19px;height: 19px;right: 4px;line-height: 18px;top: 12px;font-size: 15px; }


/* panel choix criteres */
.panel-choix-criteres { width: 450px;padding: 0px;position: absolute;display: none;z-index: 11; }
.options-choix { width: 100%;position: absolute;top: 0;left: 0;display: none;text-align: left;padding: 20px;box-shadow: 0 -1px 4px 0 rgb(26 26 26 / 8%), 0 4px 8px 0 rgb(26 26 26 / 12%);background: #fff; }
.options-choix .opt { display: inline-block;width: calc(50% - 20px);float: left;cursor: pointer;margin: 0 20px 10px 0; }
.options-choix .opt.mini { width: calc(20% - 20px); }
.options-choix .opt span { display: inline-block;position: relative; }
.options-choix .opt span._check { width: 25px;height: 25px;border-radius: 4px;top: 5px;background-position: center;background-repeat: no-repeat;background-size: 60%; }
.options-choix .opt span._label { font-size: 17px;margin-left: 5px; }
.options-choix .opt.off span._check { border: 2px solid var(--main); }
.options-choix .opt.on span._check { background-color: var(--main);background-image: url('../images/svg/white_check.svg'); }
.options-choix .opt.off span._label { font-weight: 500;color: rgba(var(--secondDecimal), 0.6); }
.options-choix .opt.on span._label { font-weight: 600;color: rgba(var(--secondDecimal), 1); }
.options-choix .section { display: inline-block;width: 50%;padding: 0;float: left; }
.options-choix .section .optionInput { width: 90%;padding: 12px 15px 12px 15px; }
.options-choix .section .optionInput.euro { padding: 12px 30px 12px 15px;background-position: right;background-repeat: no-repeat;background-size: 20px;background-image: url('../images/svg/euro.svg'); }
.options-choix .section .optionInput.surf { padding: 12px 30px 12px 15px;background-position: right;background-repeat: no-repeat;background-size: 25px;background-image: url('../images/svg/surf.svg'); }
.options-choix .valid { width: 100%;float: left;width: 100%;text-align: right;padding-top: 14px; }
.options-choix .valid a { display: inline-block;font-weight: 700;padding: 7px 15px;border-radius: 25px;background-color: var(--main);color: #fff;text-decoration: none;margin-bottom: -5px; }



.results { width: 100%;position: relative;padding: 50px 0;margin: 0;float: left;z-index: 1; }
.results.topPd {  }
.results-container { width: 100%;max-width: 80%;margin: 0 auto; }
.results .tools { width: 100%;margin: 0;padding: 0;float: left;position: relative; }
.results .tools .favorites-container { width: 100%;float: left;text-align: center;padding: 45px 0 20px 0; }
.results .tools .favorites-container a { display: inline-block;font-size: 28px;text-decoration: none; }
.results .tools .favorites-container a span { font-weight: 600;color: rgba(var(--secondDecimal), 0.5); }
.results .tools .favorites-container a i { font-size: 50px;left: -5px;top: 7px;position: relative;color: rgba(var(--secondDecimal), 0.5); }
.results .tools .favorites-container a:hover { text-decoration: none; }
.results .tools .favorites-container a:hover > i { color: var(--main); }
.results .tools .favorites-container a:hover > span { color: rgba(var(--secondDecimal), 0.8); }
.results .tools.bottom { margin-bottom: 50px; }
.results .tools .pager_biens { text-align: left;padding: 12px 0;font-family: 'Montserrat', sans-serif;font-size: 12px;float: left;width: 50%; }
.results .tools .blockTri { text-align: right;padding: 12px 0;font-family: 'Montserrat', sans-serif;font-size: 12px;float: right;width: 50%; }
.results .tools .blockTri #frmTri { padding: 20px 35px;outline: none;background: #fff;color: rgba(var(--secondDecimal), 0.5);font-weight: 600;border: 0;font-size: 16px;box-shadow: 0 0 15px rgb(0 0 0 / 20%);border-radius: 30px; }
.results .tools .blockTri #frmTri option { zoom: 1.2; }
.results .tools .nb-results { width: 50%;float: left;text-align: left;margin: 0;font-family: 'Montserrat', sans-serif;padding: 20px 0 0 0;color: rgba(var(--secondDecimal), 0.5); }
.results .tools .nb-results a.vendu, .results .tools .nb-results a.achat { display: block;margin: 7px 0 0 0;font-weight: 600;text-decoration: underline;color: var(--main); }
.results .tools .nb-results a.vendu:hover, .results .tools .nb-results a.achat:hover { text-decoration: none; }
.results .tools .rien { width: 100%;float: left;padding: 90px 0 0 0; }
.results .tools .nb-results #nb { display: inline-block;color: rgba(var(--secondDecimal), 0.5);font-size: 2.5em;line-height: 1em;font-weight: 700; }
.results .tools .nb-results .res { font-weight: bold;font-size: 25px;text-align: center;line-height: 14px;margin: 0 0 0 5px; }
.results .tools .present { position: absolute;width: 250px;top: 0;left: calc(50% - 125px);text-align: center;padding: 12px 0; }
.results .tools .present a { display: inline-block;margin: 0 10px;width: 100px;text-decoration: none; }
.results .tools .present a i { display: inline-block;width: 60px;height: 60px;border-radius: 50%;text-align: center;line-height: 63px;font-size: 30px;color: rgba(var(--secondDecimal), 0.5);box-shadow: 0 0 15px rgb(0 0 0 / 20%); }
.results .tools .present a.selected > i { background: rgba(var(--secondDecimal), 0.7);color: #fff; }
.results .tools .present a span { display: block;text-align: center;margin: 8px 0 0 0;color: rgba(var(--secondDecimal), 0.7);font-weight: 500;font-size: 12px;line-height: -0.02em; }
.results .tools .present a:hover, .results .tools .present a:focus { text-decoration: none; }
/* fixed */
.results.fixed { padding: 35vh 0 30px 0; }


/* recherche par ref */
.search-ref-container { width: 30%;margin: 34px 0 0 0;text-align: right;float: right; }
.search-ref-container a { display: inline-block;text-decoration: none; }
.search-ref-container a span { display: inline-block;color: rgba(var(--secondDecimal), 0.7);border-bottom: 2px solid var(--second);padding: 0 0 4px 0;font-weight: 600;-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
.search-ref-container a i { font-size: 25px;position: relative;top: 3px;margin-right: 5px; }
.search-ref-container a:hover { text-decoration: none; }
.search-ref-container a:hover > span { color: var(--second);border-bottom: 2px solid rgba(var(--secondDecimal), 0.2); }
.search-ref-container a:hover > i, .search-ref-container a:focus > i { color: var(--main); }
.search-ref-container .field-zone { display: none;width: 100%;max-width: 80%;text-align: center;margin: 15px auto 0 auto;padding: 15px;border-radius: 10px;background: var(--third); }
.search-ref-container .field-zone input { margin: 5px 2px;color: #757575;font-weight: 600;background: #fff;border-radius: 40px;border: 2px solid #757575;padding: 12px 30px;outline: none;text-decoration: none;position: relative; }
.search-ref-container .field-zone #validRef { background: var(--main);color: #fff;border-color: var(--main);-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; }
.search-ref-container .field-zone #validRef:hover { background: var(--second);border-color: var(--second); }


/* entete */
.pge h1 { font-size: 2.1em;line-height: 1em;letter-spacing: -0.04em;float: left;width: 70%;padding: 0 0 5px 0;position: relative;text-align: left;font-family: 'Montserrat', sans-serif;font-weight: 800;color: #333;margin: 30px 0 0 0; }
.pge h2 { font-size: 1.1em;line-height: 1.2em;margin: 0 0 20px 0;width: 70%;text-align: left;float: left;letter-spacing: -0.04em;padding: 0;position: relative;font-family: 'Montserrat', sans-serif;font-weight: 600;color: #555; }
.pge h2 span { max-width: 100%;text-align: left; }



/* favoris */
a.favorite {position: absolute;display: block;width: 50px;height: 50px;z-index: 1;cursor: pointer;}
a.favorite i {font-size: 25px;margin: 10px 10px;}
a.favorite.foff { opacity: 0.8; }
a.favorite.foff i { color: #fff; }
a.favorite.fon { opacity: 1; }
a.favorite.fon i { color: red; }
a.favorite:hover { opacity: 1; }



/* Listing */
.listing { width: calc(100% + 40px);margin: 40px -20px 40px -20px;float: left;padding: 0; }
.listing .tuile { padding: 15px;float: left;overflow: hidden;margin: 0;width: 33.3333%; }
.tuile .tuile-container { float: left;width: 100%;height: calc(100% - 5px);background: #fff;border-radius: 15px;box-shadow: 0 0 10px rgb(0 0 0 / 20%);overflow: hidden; }
.tuile .tuile-container .pic-zone { height: 250px;position: relative;overflow: hidden;background-color: #eee;background-position: center;background-repeat: no-repeat;background-size: 50%;background-image: url('../images/logo_inline.png'); }
.tuile .tuile-container .pic-zone a.firstLoad { display: block;position: relative;height: 100%;width: 100%;background-color: #eee;background-position: center;background-repeat: no-repeat;background-size: 50%;background-image: url('../images/logo_inline.png'); }
.tuile .tuile-container .pic-zone .vv { position: absolute;top: -20px;left: -10px;width: 100px;height: 100px;background: #fff;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;align-content: center;border-radius: 50%;box-shadow: 0 0 20px rgb(0 0 0 / 50%); }
.tuile .tuile-container .pic-zone .vv img { width: 70%;height: 70%;opacity: 70%; }
.tuile .tuile-container .pic-zone img { width: 100%;height: 100%;object-fit: cover; }
.tuile .tuile-container .pic-zone .bdo { position: absolute;top: 0;left: 0;width: 100%;padding: 10px 0;background-color: rgba(var(--secondDecimal), 0.4);text-transform: uppercase;color: #fff;font-weight: 700; }
.tuile .tuile-container .overview { height: 380px;padding: 30px 15px;text-align: center;color: var(--second);position: relative; }
.tuile .tuile-container .overview .titre { font-size: 29px;line-height: 30px;font-weight: 800;margin: 0 0 10px 0; }
.tuile .tuile-container .overview .ref { display: block;font-weight: 600; }
.tuile .tuile-container .overview .prix { color: var(--main);font-weight: 800;font-size: 35px;margin: 0 0 10px 0; }
.tuile .tuile-container .overview .desc { margin: 0 0 10px 0; }
.tuile .tuile-container .overview .kpi { position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 20px 20px 20px;height: 105px;overflow: hidden; }
.tuile .tuile-container .overview .kpi .item { display: block;width: 33.3333%;float: left;height: 100px; }
.tuile .tuile-container .overview .kpi .item .pic { width: 100%; }
.tuile .tuile-container .overview .kpi .item .valeur { width: 100%;font-size: 14px; }
.tuile .tuile-container .overview .kpi .item .valeur .fig { display: block;font-weight: 700; }
.tuile .tuile-container .overview .kpi .item .valeur .unite { display: block; }
/* affichage liste */
.listing .tuile.liste { width: 100%; }
.listing .tuile.liste .tuile-container { height: auto; }
.listing .tuile.liste .pic-zone { width: 30%;float: left;height: 290px;background: #eee; }
.listing .tuile.liste .overview { width: 70%;float: right;height: 290px;padding: 20px 30px;position: relative; }
.listing .tuile.liste .overview .titre { text-align: left; }
.listing .tuile.liste .overview .ref { text-align: left; }
.listing .tuile.liste .overview .prix { text-align: left;font-size: 31px; }
.listing .tuile.liste .overview .desc { text-align: left; }
.listing .tuile.liste .overview .kpi .item { width: 15%; }

/* bandeau */
.bandeau { width: 300px;padding: 8px 0;font-size: 11px;color: #fff;text-transform: uppercase;transform: rotate(31deg);position: absolute;right: -82px;text-align: center; }
.tuile.grille .bandeau { top: -220px; }
.tuile.liste .bandeau { top: 28px; }


/* pager */
.pager_biens a { font-weight: 600;font-size: 14px;color: #333;background: #cdcdcd;margin-right: 0px;border-radius: 2px;display: inline-block;font-family: 'Montserrat', sans-serif;border-radius: 50%;height: 35px;width: 35px;line-height: 35px;text-align: center; }
.pager_biens a:focus, .pager_biens a:hover{ background: var(--second);color: #fff;text-decoration: none;outline: 0;border-radius: 50%; }
.pager_biens a.pagesSelected, .pager_biens a.pagesSelected:hover{ background: var(--main);color: #fff; }


/* ##################################################################################################### */
/* ##################################  R E S P O N S I V E  ############################################ */
/* ##################################################################################################### */
@media (max-width: 1199px) {
	.results .tools { padding: 0 20px; }
	.listing { padding: 0 50px; }
	#frmPages .actions a { font-size: 14px; }
	#frmPages .actions a i { font-size: 28px; }
	.results .tools .nb-results { width: 30%; }
	.results-container { max-width: 90%; }
	.listing { padding: 0 20px; }
}
@media (max-width: 991px) {
	.pge  h1 { width: 100% !important; }
	#frmPages.fixed { padding: 85px 0 15px 0; }
	#frmPages #submitRecherche2 { top: 90px; }
	#frmPages .actions { width: 100%;position: relative;top: inherit;right: inherit;padding: 15px 0;text-align: center; }
	.criteres-container { width: 100%; }
	.present { display: none; }
	.tuile .tuile-container .overview .kpi { height: 80px;padding: 0 20px 0px 20px; }
	.tuile .tuile-container .overview .kpi .item .pic img { height: 30px; }
	.tuile .tuile-container .overview .kpi .item .valeur { font-size: 12px; }
	.search-ref-container { width: 100%;text-align: center; }
	.results .tools .nb-results { width: 50%; }
}
@media (max-width: 767px) {
	.results { padding: 150px 0 30px 0;margin: 60px 0 0 0; }
	.results.fixed { padding: 150px 0 30px 0;margin: 60px 0 0 0; }
	.results .tools .pager_biens { width: 100%;text-align: center; }
	.results .tools .blockTri { width: 100%;text-align: center; }
	.results .tools .nb-results #nb { font-size: 3em; }
	.results .tools .period form input, .results .tools .period form select { width: 100%; }
	.criteres-container { width: 70%; }
	.criteres a.choix.maskSm, .criteres input.maskSm, .criteres select.maskSm, .criteres .etendre.maskSm { display: none; }
	#frmPages .actions a.moreCriteria { display: none; }
	#_plusFake { display: inline-block; }
	#frmPages { position: fixed;padding: 85px 0 15px 0; }
	#frmPages .criteres a.choix, #frmPages .criteres input, #frmPages .criteres select { padding: 8px 20px; }
	#submitRecherche { display: none !important; }
	#submitRecherche2 { display: inline-block !important; }
	#frmPages .actions a.toggleMoteur { display: inline-block; }
	#frmPages .actions { width: auto;text-align: left;position: absolute;top: inherit;bottom: -30px;padding: 0px 5px 10px 40px;background: #ffe5e4;right: 0px;border-radius: 0 0 0 35px;box-shadow: 5px 2px 2px rgb(234 211 211); }
	#frmPages .actions a { margin: 0 10px; }
	#frmPages .actions a span { border-color: transparent;font-size: 14px; }
	#frmPages .actions a i { font-size: 24px;top: 5px; }
	.results .tools .nb-results { width: 100%;text-align: center;padding: 20px 0; }
	.results .tools .nb-results #nb { font-size: 2em; }
	.results .tools .nb-results .res { font-size: 20px; }
	.listing .tuile { width: 100%; }
	.listing .tuile .tuile-container .overview { height: auto;padding: 30px 15px 80px 15px; }
	.listing .tuile.liste .overview { padding: 15px 20px; }
	.tuile .tuile-container .overview .titre { font-size: 24px; }
	.listing { width: calc(100% + 20px); }
	.listing .tuile.liste .overview .prix { font-size: 26px; }
	.panel-choix-criteres { width: calc(100% - 40px); }
	.search-ref-container .field-zone { max-width: 100%; }
	.delCommune { top: 11px;width: 19px;height: 19px;line-height: 17px; }
	.pge h1 { text-align: center;width: 100% !important; }
	.pge h2 { width: 100% !important; }
	.pge h2 span { text-align: center; }
}
@media (max-width: 680px) {
	.results .tools { flex-wrap: wrap;padding: 0 30px; }
	.listing { padding: 0 15px; }
	.results { float: left; }
	.results .tools .pager_biens { width: 100%; }
	.results .tools .nb-results { margin: 0; }
	#frmPages #submitRecherche2 span { display: none; }
	.criteres .inputGroup, .criteres .etendre { width: 100%; }
	#frmPages .criteres a.choix, #frmPages .criteres input, #frmPages .criteres select { width: 100%; }
	#_plusFake span { display: inline-block; }
	.criteres.fixed .criteres-container { padding-right: 0;width: 70%; }
}
@media (max-width: 600px) {
	.listing { width: 100%;margin: 40px 0px 40px 0px;padding: 0; }
}
@media (max-width: 400px) {
	.search-ref-container .field-zone #fakeRef { width: 90%; }
}