@charset "utf-8";
/* CSS Document */

/*----------------contenu milieu-----------*/


/*-------centre milieu------------*/

/*-------caracteristiques du bien//////Vos coordonnées--------*/
#centre{
	width : 795px;
}

#centre-milieu{
	font-size : 12px;
	margin-left : 10px;
}

.liste {
	margin-left : 10px;
	margin-top : 20px;
}

#trier{
	float : right;
	margin-top : 10px;
}

#trier_par{
	font-size : 14px;
}

#trier select{
	width : 120px;
}

.liste ul {
	list-style-image : none;
	list-style-position : outside;
	list-style-type : none;
	margin-top : 10px;
	
}

.liste ul li {
	
	font-size : 12px;
	float : left;
	padding-top : 1px;
	width : 217px;
	margin-left : 58px;
	margin-bottom : 50px;
	height : 322px;
	padding-top : 19px;
	background : url(../images/liste-offre.gif);
}

.liste ul li.vendu {
	
	font-size : 12px;
	float : left;
	padding-top : 1px;
	width : 217px;
	margin-left : 58px;
	margin-bottom : 50px;
	height : 322px;
	padding-top : 19px;
	background : url(../images/liste-vendu.gif);
}

#img1{
	margin-left : 0px;
}

#img3{
	width : 217px;
}

.liste ul li h2{
	font-size : 10px;
	text-align : right;
	padding-top:3px;
	width:148px;
	font-weight:normal;
	margin-left:10px;
	margin-bottom:-20px;
}

.liste ul li #ville{
	font-size : 9px;
}


.liste p.text{
	text-align : left;
	font-size:11px;
	text-align : justify;
	padding-top : 5px;
	width:190px;
	margin-left:14px;
}
h3#nom_agence-annonces{
font-size:12px;

}
.liste ul li div.trait{
	background:transparent url(../images/trait.gif) no-repeat scroll 0 0;
	height:1px;
	margin-top:5px;
	margin-left : 12px;
	width:186px;
}

#haut_annonce{
	height : 242px;
}

#logo-text h3.agence-text{
	float : left;
	font-size:12px;
	display : block;
	width : 170px;
	text-align : left;
	margin-left : 5px;
	margin-top : -1px !important;
	margin-top:-10px;
}

#logo-text div.logo-yves{
	float : left;
	background:transparent url(../images/liste-offre-logo-yves.gif) no-repeat scroll 0 0;
	height:30px;
	margin-left:11px;
	margin-top: 2px !important;
	margin-top: -12px;
	width:30px;
	display : inline;
}

#blanc{
	color : white;
}
#gras{
	font-weight : bold;
}

.liste ul li a{
	color:white;
	text-decoration:none;
	overflow : hidden;
}

.liste ul li a:hover{
	color : #656464;
}

#savoir-plus{
	margin-top : 40px !important;
	margin-top : 11px;
	margin-left : 23px;
	font-size : 16px;
}

#img_annonce{
	width : 175px;
	text-align : center;
}

#photo {
	border:1px solid #FFFFFF;
	height:137px;
	text-align : center;
	margin-left : 14px;
}


.liste ul li span.prix{
	margin-top:50px;
	display:inline;
	font-size : 13px;
	font-weight : bold;	
	margin-left:70px;

}

span.img-coeur {
	border:1px solid #FFFFFF;
	height:127px;
	width:169px;
}

.liste ul li img.img-fleche {
	margin-left : 153px;
	margin-top : -20px;
	float : left;
}

#pages-haut, #pages-bas{
	float : left;
	width : 770px;
	height : 15px;
	margin-top : -30px;
	margin-bottom : 10px;
	background-color : #202020;
	font-size : 11px;
}

#pages-haut{
	margin-top : 20px;
}

#pages-bas{
	margin-left : 10px !important;
	margin-left : 5px;
}

#pages-haut div, #pages-bas div{
	line-height : 9px;
}

#pages-haut div a, #pages-bas div a{
	color : #656464;
	text-decoration : none;
}

#pages-haut div a:hover, #pages-bas div a:hover{
	color : white;
}

#pages-haut div.precedente, #pages-bas div.precedente{
	margin-top : 3px;
	float : left;
	padding-right : 5px;
	margin-left : 5px;
}

#pages-haut div.separation, #pages-bas div.separation{
	float : left;
	margin-top : 2px !important;
	margin-top : 3px;
	padding-right : 5px;
	margin-left : 5px;
	color : #494949;
}

#pages-haut div.suivante, #pages-bas div.suivante{
	margin-top : 3px;
	float : left;
	padding-left : 5px;
}

#pages-haut div.liste-pages, #pages-bas div.liste-pages{
	float : right;
	margin-top : 0px;
	background-color : #2F2F2F;
}

#pages-haut div.liste-pages a, #pages-bas div.liste-pages a{
	padding-top :3px;
	margin-left : 2px;
	margin-right : 2px;
	padding-left : 3px;
	padding-right : 2px;
	background : #0f0f0f;
	color : white;
	width : 12px;
	height : 12px;
	display : block;
	float : left;
	text-align : center;
}
#pages-haut div.liste-pages span, #pages-bas div.liste-pages span{
	background-color : back;
	color : white;
	display : block;
	float : left;
}

#pages-haut div.liste-pages a.active, #pages-bas div.liste-pages a.active{
	
	background-color : #b00000;
}

#pages-haut div.liste-pages a:hover, #pages-bas div.liste-pages a:hover{
	background-color : #b00000;
}



/*-------caracteristiques du bien//////Vos coordonnées--------*/