{{#features}} 
<li class="item"> 
	<div class="dvf">
		<div class="detail">
			<div class="resume-row-container">
				<div class="resume-row-content">
					<h3 class="title"><div class="default fa fa-3x fa-fw {{type_local}}"></div>{{type_local}}</h3>
					<div class="resume-row collapse-row">
					<h3 class="valeur">
					<span>
						<span class="dvf prix">{{valeur_fonciere}}€</span>
					</span>
					</h3>
					<div class="piece-header">
					<h3 class="piece-container">
						<span class="separation piece">
						<span>{{nombre_pieces_principales}}</span>
						<span class="resume-row-label">pièce(s)</span>
						</span>
						<span class="separation piece">
						<span class="prixm2">{{surface_reelle_bati}}</span>
						<span class="resume-row-label ">m²</span>
						</span>
						<span class="piece">
						<span class="dvf prixm2" data-prix="{{valeur_fonciere}}" data-surface="{{surface_reelle_bati}}" ></span>
						</span>
					</h3>
					</div>		
					</div>
				</div>
			</div>
		<div class="address-row">
		<span>
		{{adresse_numero}}&nbsp;{{adresse_nom_voie}},</span>
		<span>
		&nbsp;{{code_postal}} {{nom_commune}}</span>
		</div>
		<div class="address-row">
		<span class="resume-row-label">Date de mutation :</span>
		<span class="dvf date">{{date_mutation}}</span>
		</div>
		</div>
	</div>
</li>
{{/features}}
<style>
.detail .separation {border-style: solid;border-width: 0 1px 0 0;border-color: #ccc;margin-right: 6px;padding-right: 6px;}
.detail .piece {font-size: 15px;line-height: 1.5;}
.detail .resume-row-label {font-weight: 400;}
.detail .resume-row{margin-bottom:4px;font-weight:700;}
.detail .resume-row .valeur{display:inline;font-size:26px;line-height:1.25;margin-right:6px;font-weight: 900;}
.detail .piece-header,.detail .piece-header .piece-container{display:inline}
.detail .piece{font-size:15px;line-height:1.5}
.detail .address-row{margin-bottom:4px;font-size:15px;line-height:1.53;font-weight:700}
.detail .address-row .address-container{display:inline;font-size:15px;line-height:1.53;font-weight:700;letter-spacing:normal}
/* Icônes */
.default.Maison:before { content: "\f015"; }
.default.Maison { color: #3498db; }
.default.Appartement:before { content: "\f1ad"; }
.default.Appartement { color: #636e72; }
.default:before { content: "\f275"; }
.default { color: #ffa500; }
</style>
<script>
$(".dvf.date").each(function(i,d) {d.textContent = new Date(d.textContent.split("Z")[0]).toLocaleDateString()});
$(".dvf.prix").each(function(i, p) { p.textContent = parseInt(p.textContent).toLocaleString()+" €"});
$(".dvf.prixm2").each(function(i, p) {
	a = parseInt($(this).attr("data-prix"));
	b = parseInt($(this).attr("data-surface"));	
	if (b){p.textContent = parseInt(a / b).toLocaleString() + " € / m²"
	}
});
</script>