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

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

		<p class="text-feature">
			<span style="font-family:'roboto_bold'"> Commune :</span> {{commune}}<br/>
			<span style="font-family:'roboto_bold'"> Code INSEE :</span> {{code_insee}}<br/>
			<span style="font-family:'roboto_bold'">Infos gare :</span><a target="_blank" href="https://www.ter.sncf.com/bretagne/se-deplacer/gares"> Accéder à la fiche gare</a><br/><br/>

       </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%;
	}
	.info.N {
   		background-image: url(http://kartenn.region-bretagne.fr/doc/transports/icons/non_1.png);
   		background-size: 16px;
    	background-repeat: no-repeat;
   	    background-position-x: 0px;
   	    margin-bottom:3px;
	}
	.info.O {
   		background-image: url(http://kartenn.region-bretagne.fr/doc/transports/icons/oui.png);
   		background-size: 16px;
    	background-repeat: no-repeat;
   	    background-position-x: 0px;
   	    margin-bottom:3px;
	}
</style>