{{#features}}
	<li class="item" id="{{feature_ol_uid}}">
		<h3>{{nom}}</h3>
        {{#photo}}
			<img src="{{photo}}" class="img-responsive" />
        {{/photo}}
		<p>
			<span style="font-weight:bold"> Identifiant :</span> {{id_ecluse}}<br/>
			<span style="font-weight:bold"> Numéro d'écluse :</span> {{num_ecluse}}<br/>
			<span style="font-weight:bold"> Voie navigable :</span> {{voie_navigable}}<br/>
			<span style="font-weight:bold"> Propriétaire :</span> {{proprietaire}}<br/>
			<span style="font-weight:bold"> Gestionnaire :</span> {{gestionnaire}}<br/>
			<a href="https://kartenn.region-bretagne.fr/mreport/eclusetrafic/{{id_ecluse}}" target="_blank" title="Stats" class="site-web"><span class="fa fa-globe" aria-hidden="true"></span> Site web</a>    
       </p>

	</li>
{{/features}}

<style>
/*Style pour le bouton cliquable pour le lien web */
a.site-web{
    display:inline-block;
    padding:0.5em 1em;
    margin:0 0.3em 0.3em 0;
    border-radius:0.3em;
    box-sizing: border-box;
    text-decoration:none;
    font-family:'roboto_regular',sans-serif;
    font-weight:300;
    color:#FFFFFF;
    background-color:#2e5367;
    text-align:center;
    transition: all 0.2s;
  }
  a.site-web:hover{
    background-color:#2A273F;
    color: #ffffffc7!important;
  }
</style>