@media only screen and (max-width: 991px) {
}

tr {
    width: 100%;
}



/* SMARTPHONES */
@media only screen and (min-width: 320px) {
	#annonces{
		display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
list-style-type: none;
width: 100%;
max-width: 1110px;
margin:0 auto
	}
	#annonces li.first{
		display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 340px;
		font: 400 16px/33px Montserrat;
	height:455px;
		background: #c1c1c1;
		color: #333333;
	border-radius: 0 0 6px 6px;
	margin: 13px 13px 35px;
	position: relative
		
	}
	#annonces li h2.title{
	font: 700 20px Merriweather;
		text-transform:none;
	color: #333333;
padding: 10px 25px 0;
}
#home {
    background:#e4e4e9 url(../../themes/default_3_columns/img/bg-hpro.jpg) no-repeat scroll center top;
    padding:55px 0;
}
#annonces li h2.title a{
	text-decoration: none;
	color: #333;
	padding: 0 ;
}
	#annonces li a.type{
	position: absolute;
width: 185px;
font: 700 13px/33px "Nunito Sans";
text-align: left;
text-transform: uppercase;
background: #4c56b2;
color: #fff;
right: 30px;
bottom: -16px;
border-radius: 5px;
padding: 10px;
}
#annonces li a.type:hover{
	
background: #222547;
color: #fff;

}
#annonces li a.type i{
font-size: 20px;
top: 2px;
position: relative;
margin: 0 5px 0 0;
color: #000;
border-right: 1px solid #000;
padding-right: 6px;
	
}	
	
	
	#annonces ul{list-style-type: none;}
#annonces ul li{font: 400 16px/33px Montserrat; padding: 0 5px;
	}

.voir{
   margin:40px auto 0;
position: relative;
width: 100%;
max-width: 148px;
display: block;
text-transform: uppercase;
font: 700 13px/33px "Nunito Sans";
text-align: center;
border-bottom:  5px solid transparent;

}
.voir:hover{
border-bottom:  5px solid #424cae;
color: #000

}


	#annonces ul li:before {
      content: '\2022';
display: block;
position: relative;
max-width: 0px;
max-height: 0px;
left: -15px;
top: -4px;
color:#a0a0a0;
font-size: 34px;
    }

	#annonces li a img{
	width: 100%;
	height: auto;
		margin-bottom: 10px;
	max-height: 200px;
}
	.annonces_right_content .price{ color: red; }
	.annonces_right_content p{ margin: 4px 0px 0px; }
	#pagination{
		list-style-type: none;
		padding: 0px;
		margin: 0;
		text-align: center;
		display: flex;
		justify-content: right;
		flex-wrap: wrap;
	}
	#pagination li{
		background-color: #ddd;
		color: white;
		font-weight: bold;
		font-size: 1.5em;
		width: 1.5em;
		float: left;
		text-align: center;
		margin-right: 2%;
		margin-bottom: 2%;
		border: 1px solid #aaa;
		border-radius: 3px;
	}
	#pagination li.selected{
		color: #888;
		background-color: #eee;
		border: 1px solid #ddd;
	}
	#pagination li a{ color: black; text-decoration: none; text-shadow: 0 1px 0 white; padding: 0 1%; }
	#pagination li a:hover{ text-decoration: none; color: #444 }
	
	
	
	
	
	
}


/* TABLETTES */
@media only screen and (min-width: 768px) {
#annonces{
		display: flex;
justify-content: space-around;
flex-wrap: wrap;
padding: 0;
list-style-type: none;
	}	
	
}




/* ORDINATEURS */
@media only screen and (min-width: 992px) {
	
	#pagination li{
		font-size: 1.2em;
		margin: 1px;
		padding: 0
	}
	#annonces li.first{
	margin: 13px 0 35px;
	}
	

	#annonces{
justify-content: flex-start;

	}
}

@media only screen and (min-width: 1170px) {
#annonces li.bien_2{
	margin: 13px 30px 35px;
	}
	
	}
@media only screen and (min-width: 1300px) {
#annonces li.bien_2{
	margin: 13px 44px 35px;
	}
	
	}
@media (min-width: 768px) and (max-width: 991px) {
#annonces li.first{
	max-width: 285px;
		
		
	}
}
@media (min-width:1170px) and (max-width:1300px) {
#annonces li.first{
	max-width: 302px;
		
	}
}
@media (min-width:992px) and (max-width:1169px) {
#annonces li.first{
	margin: 13px 30px 35px;
	}
	
}