/* SMARTPHONES */
@media only screen and (min-width: 320px) {
	#annonces{
		float: left;
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		width:100%
	}
	#annonces li{
		margin:0 0 60px 0;
		padding: 12.5% 2%;
		font-size: 14px;
		width: 96%;
		background-color: transparent;
		height:440px;
		border-radius: 0px;
		float:left;
		text-align:center;
		font:500;
		text-transform:none
	}
	#annonces li .title{
    margin: 10px 15%;
    padding: 0;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	min-height:100px
	}
	#annonces li .title a{
		color: #656565;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    text-transform: capitalize;
	line-height:13px
	}
	#annonces li .price{
		color: #000;
    font-size: 15px;
    font-weight: 700;
	}
	.annonces_left{
		clear: both;
		width:100%;
		float: left;
		margin: 0;
		position:relative
	}
	
	#img_promo {
    top:                        0px;
    float:                      left;
    position:                   absolute;
    right:                      0px;
    height:                     100px;
    width:                      100px;
}
#img_promo img {
    top:                        0px;
    left:                       0px;
    border:                     0px none;
    height:                     100px;
    width:                      100px;
    margin:                     0px;
    padding:                    0px;
}

	.annonces_left img{
		display: block;
		border: 0;
		width:100%;
		max-height: 240px;
	}
	.annonces_right{
		float: left;
		width: 100%;
	}
	.annonces_right_content{
		color: #333;
		padding: 0px 5px 0 0;
	}
	.annonces_right_content .price{ color: red; }
	.annonces_right_content p{ margin:10px auto 0; }
	#pagination{
		float: left;
		width: 90%;
		list-style-type: none;
		padding: 0px;
		margin: 0 5%;
		text-align: center;
	}
	#pagination li{
		background-color: #df7b06;
		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 #df7b06;
		border-radius: 3px;
	}
	#pagination li.selected{
		background-color: #a60329;
    border: 1px solid #df7b06;
    color: #fff;
	}
	#pagination li a{ color: #ccc; text-decoration: none; padding: 0 1%; }
	#pagination li a:hover{ text-decoration: none; color: #000 }
	.no-items { float: right; width: 712px; }
	.annonces_right_ref{ color:#333}
	p.annonces_right_ref{ color: #333; font-size: 11px;}
	p.annonces_right_plus a{
		color: #fff;
		font-size: 18px;
		text-decoration: none;
		background-color: #df7b06;
		border-radius: 0px;
		padding:0;
		width:190px;
		height:36px;
		margin:0 auto;
		display:block;
		line-height:36px
	}
	p.annonces_right_plus a:hover{
		background-color: #a60329;
	}
	p.annonces_right_asterix{
		font-style: italic;
		margin: 0 !important;
		text-align: right;
		display: none;
	}
}

/* TABLETTES */
@media only screen and (min-width: 768px) {
	
	#annonces li{
		padding: 1%;		
		width: 30%;
		margin-right:1%;
		/**/
		
	}
	
	.annonces_right{
	}
	#annonces li .title{
	}
}
/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	
	#annonces{
		float: none;
		margin: 0 auto;
		width:94%
	}
	
	#annonces li {
	   width: 316px;
	   padding:0;
	   margin-right:35px;
	   height:350px
	  	   
	}
	.annonces_left{
	}
	.annonces_right{
	}
	#annonces li .title{
   	min-height:50px
	}
	#pagination li{
		font-size: 1.2em;
		width: 1.2em;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	#annonces li .title a{
	}
}