/* FRM DE RECHERCHE */
div#search_frm {
	margin: 0 auto 20px auto;
}
div#search_frm_critere {
    box-shadow: none;
		-webkit-box-shadow:none;
}

.titre_page {
	position: relative;
	margin: 0 auto;
	border-top: 2px solid var(--cg_orange);
}

.texte_intro {
	position: relative;
	margin: 0 auto 25px auto;
	max-width:1000px;
	text-align: center;
}

/* CONTENU DE LA PAGE */
.contenu {position:relative;margin:30px auto 0 auto;}
.contenu .general_content {width:92%;max-width:1600px;}
	

/* LISTE DES BIENS */
div#resultats_liste {
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	max-width:1600px;
	margin:0 auto 40px auto;
}

.liste_item {position:relative;grid-column:span 1; margin:10px; border:1px solid #e5e7eb; border-bottom-left-radius: 1.2em; border-top-right-radius: 1.2em; color:#2b2b2b; overflow: hidden;}
.liste_item a {display:table; color:inherit; text-decoration:none; width:100%;}
.liste_item .liste_item_img {position:relative; z-index:1; width:100%; height:215px; overflow: hidden;}
.liste_item .liste_item_img img {
	width:100%;
	max-height: 100%;
	-webkit-transition: all 1.5s ease; /* Safari et Chrome */
	-moz-transition: all 1.5s ease; /* Firefox */
	-ms-transition: all 1.5s ease; /* Internet Explorer 9 */
	-o-transition: all 1.5s ease; /* Opera */
	transition: all 1.5s ease;
	height: 215px;
  object-fit: cover;
  object-position: center;
}

.liste_item a.bienselection {
		position:absolute;z-index:2;top:0; left:5px;width:42px; height:42px;margin: 0 15px 0 0; background:url(../img/public/icon_selection_bien.svg) center no-repeat,var(--cg_gris_clair); background-size:20px; border-bottom-left-radius:0.5em; border-bottom-right-radius:0.5em;}
.liste_item a.bienselection.favori_on { background:url(../img/public/icon_selection_bien_hover.svg) center no-repeat,var(--cg_orange); background-size:20px;
		box-shadow: 1px 1px 12px #555;}
.liste_item a.bienselection:hover { background:url(../img/public/icon_selection_bien_hover.svg) center no-repeat,var(--cg_gris_fonce); background-size:20px;}


.liste_item .exclusivite {
    position:absolute;
    display: flex;
    align-items: center; /* centrage vertical */
    gap: 8px;            /* espace entre l'icône et le texte */
    text-decoration: none;
    padding: 5px 8px;
    background: var(--cg_orange);
    border-radius: 0.5em;
    text-decoration:none;
    width:125px;
		height: 30px;
    bottom:6px;
    left:5px;
		box-shadow: 1px 1px 12px #555;
		z-index:2;
}
.liste_item .exclusivite img {width:20px;display: block;}
.liste_item .exclusivite span {margin-left: 4px; color:#FFF;}

.liste_item .prix_en_baisse {
    position:absolute;
    display: flex;
    align-items: center; /* centrage vertical */
    gap: 8px;            /* espace entre l'icône et le texte */
    text-decoration: none;
    padding: 5px 8px;
    background: var(--cg_gris_fonce);
    border-radius: 0.5em;
    text-decoration:none;
    width:145px;
		height: 30px;
    bottom:6px;
    right:5px;
		box-shadow: 1px 1px 12px #555;
		z-index:2;
}
.liste_item .prix_en_baisse img {width:20px;display: block;}
.liste_item .prix_en_baisse span {margin-left: 4px; color:#FFF;}



.liste_item .liste_item_info {padding:10px 20px;background:#FFF;font-family: "Lato", sans-serif;}
.liste_item .liste_item_title {font-size:1.4em; font-weight:bold; margin:0 auto 5px auto; text-align:center;}
.liste_item .liste_item_ville {position: relative; font-size:1.2em;font-weight:500; margin:0 auto 20px auto; text-align:center;}
.liste_item .liste_item_ville::after{
	content: "";
	position: absolute;
	width: 50px;
	left: calc(50% - 25px);
	height: 3px;
	bottom: -8px;
	border-bottom: 3px solid var(--cg_orange);
	transform: scaleX(1);
	transition: transform 150ms ease-in-out;
}
.liste_item .liste_item_prix {font-size:1.4em; color:var(--cg_orange); font-weight:bold;margin:0 auto 5px auto; text-align:center;}
.liste_item .liste_item_prix_mention {font-size:0.8em;margin:0 auto 5px auto; text-align:center; font-style:italic; min-height: 22px;}
.liste_item .liste_item_ref {font-size:0.8em; font-weight:500;margin:0 auto 5px auto; text-align:center; color:var(--cg_orange)}

.liste_item_plus {position:relative; width:100%; margin:10px auto 0 auto; background:var(--cg_gris_clair); padding:5px 0;}
.liste_item_plus_content {display:table; overflow:hidden; margin:0 auto;}
.liste_item_plus_item {float:left; padding:10px 0 10px 35px; font-size:1em; margin:0 10px;}
.liste_item_plus_item.plus_surface {background:url(../img/public/icon_surface.svg) center left no-repeat; background-size:30px;}
.liste_item_plus_item.plus_nb_piece {background:url(../img/public/icon_nbpiece.svg) center left no-repeat; background-size:30px;}
.liste_item_plus_item.plus_superficie {background:url(../img/public/icon_superficie.svg) center left no-repeat; background-size:30px;}


.liste_item:hover {border:1px solid var(--cg_orange);}
.liste_item:hover .liste_item_title {color:var(--cg_orange);}
.liste_item:hover .liste_item_img img {
	-webkit-transform:scale(1.10); /* Safari et Chrome */
	-moz-transform:scale(1.10); /* Firefox */
	-ms-transform:scale(1.10); /* Internet Explorer 9 */
	-o-transform:scale(1.10); /* Opera */
	transform:scale(1.10);
}

.result_filtre {position:relative; display:table; margin:0 auto 10px auto; padding:10px 20px 0 20px; width:auto; color:var(--cg_gris_moyen); text-align:center; font-weight:bold; font-size:1.1em;}

p.delete_filtre {position:relative; display:table; margin:0 auto 30px auto; padding:10px 20px; border-radius:8em; width:auto; background:var(--cg_gris_moyen); color:#FFF; text-align:center;}

.delete_search a {
	background:url(../img/public/delete_search.png) 3px center no-repeat;
	padding:5px 10px 5px 35px;
	color:#FFF;
	border-radius:8em;
	border:1px solid #FFF;
	text-decoration:none;
	margin:0 0 0 50px;
	transition: background 0.5s;
}
.delete_search a:hover {background:#CC0000 url(../img/public/delete_search.png) 95% center no-repeat;transition: background 0.5s;}

div#tri_frm {position:relative;overflow: hidden; margin:0 auto 10px auto;}
div#tri_frm_cadre {position:relative; float:right;padding: 8px 10px; border-radius: 0.8em; border: 1px solid #f0f0f0; right: 10px; display: table;}
div#tri_frm_cadre select { background:none;color: var(--cg_orange); text-align: center;}

@media screen and (max-width : 1350px) {	
	div#resultats_liste {grid-template-columns:repeat(3, 1fr);}	
}
@media screen and (max-width : 1000px) {	
	div#resultats_liste {grid-template-columns:repeat(2, 1fr);}	
}
@media screen and (max-width : 700px) {	

	div#tri_frm_cadre {float:none; margin:0 auto;}

	div#resultats_liste {grid-template-columns:repeat(1, 1fr);}	
}