{{#features}}
	<li class="item" style="width:238px;">
		<h3 class="title-feature">{{site}}</h3>

		<img src="{{photo}}" class="img-responsive" style="margin-top:5%;" />

		<p class="text-feature">		
			<span style="font-family:'roboto_bold'"> Aire de covoiturage :</span> {{nom}}<br/>
		<iframe src="https://geobretagne.fr/pub/paysfouesnantais/apps/photo/{{photo}}.jpg" width="80%" height="350" frameborder="0"></iframe>
		</p>
	</li>
{{/features}}

<style>
	.title-feature {
		color: #032e46;
		font-family:"roboto_bold";
		font-size:23px;
		margin-bottom:1%;
		line-height:1;
	}
	.subtitle-feature {
		color: #032e46;
		font-family:"roboto_bold";
		font-size:18px;
		margin-top:7%;
		line-height:1;
	}
	.text-feature{
		font-family:"roboto_regular";
		color:#555;
		font-size:13px;
		margin-top:10%;
	}

</style>