#tri_liste {
    display: flex;
    align-items:center;
}
#tri_liste div {
    margin-right:7px;
}

.annonce_liste {
    position: relative; top: 0; left: 0;
    background-color: #fff;
    border-radius: 3px;
    border:1px solid #ebebeb;

    margin:15px 0;
    padding:15px;
}
.annonce_liste.mise_en_avant {
    background-color: #f4fcde;
    border:1px solid #8bae30;
}

.annonce_liste .photo_annonce {
	max-width: 244px; height:183px;
    background-color: #EEE;
    /*font-size: 100px; */
	/*color : #8bae30;*/
	font-size: 15px;
    display: flex;
    justify-content:center;
    align-items:center;
}
.annonce_liste .photo_annonce a {
	width:100%;
	height:183px;
    color:#8bae30;
	display: flex;
	align-items: center;
	justify-content: center;
}

.annonce_liste .photo_annonce a i {
    font-size: 100px;
    color:#FFF;
}

.annonce_liste .titre_annonce {
    font-size: 17px;
    font-weight: 600;
}
.annonce_liste .titre_annonce a {
    color:#161616;
}

.annonce_liste .prix {
    font-size: 20px;
    font-weight: 900;
    color:#a5c92e;
    margin-bottom:5px;
}

.annonce_liste .description {
    color:#9e9797;
    font-size: 14px;
}

.annonce_liste .date_depot, .annonce_liste .vendeur {
    font-size: 13px;
    margin-bottom:0;
}
.annonce_liste .vendeur a {
    font-weight: bold;
}

.annonce_liste .icones_annonces {
    position: relative; right:-1px;
    margin-top:-15px; margin-bottom: -16px;
    width: 100%;
    text-align: center;
    background-color: #8bae30;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.annonce_liste .icones_annonces a {
    color:#FFF;
    font-size: 20px;
    border-bottom:1px solid #FFF;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.annonce_liste.mise_en_avant .icones_annonces a:last-child {
    border-bottom-color: #8bae30;
}

.annonce_liste .annonce_pro {
    padding:4px 7px;
    width:100%;
    text-align: center;
    color:#FFF;
    background-color: #d37112;
    border-radius:3px;
    font-weight: bold;
    font-size: 14px;
}

/* --------------------------------------------------------------- */
/*
/* RESPONSIVE
/*
/* --------------------------------------------------------------- */

@media screen and (max-width : 767px) {
	.annonce_liste .photo_annonce {
		max-width: inherit;
		width: 100%;
		height:100%;
	}
	
	.annonce_liste .photo_annonce img{
		width: 100%;
		height:100%;
		max-height: 200px;
		object-fit: cover;
	}
	
	.annonce_liste .icones_annonces a{
		width:33.33%;
		padding: 10px 0px;
		border-bottom: 0px;
		border-right:1px solid #fff;
	}
	
	.annonce_liste .icones_annonces a:last-of-type{
		border-right:0px solid #fff;
	}
	
	.annonce_liste .icones_annonces {
		right:0px;
		margin-top:0;
		margin-bottom:0;
		background-color: #8bae30;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	
	
}