{{#features}}
	<li class="item">
		<h3 class="title-feature">{{LIB_SITE}}</h3>
		<p class="text-feature">Surface : {{SURF_HA}}<br/>
		<b>{{LIB_BP}}<br/></b></p>
		{{#URL}}
			<a href="{{URL}}" target="_blank" title="Document" class="but-link"><span class="fa fa-file" aria-hidden="true"></span> Fiche détaillée</a>    
		{{/URL}}</br>
	<img src="https://geobretagne.fr/pub/logo/163_investirenFinistere.png" width="100" height="100"> </p>
	</li>
{{/features}}

<style>
    .title-feature {
      color: #38344D;
      font-size:23px;
      margin-bottom:3%;
      line-height:1;
    }
	.text-feature{
	color:#555;
	font-size:15px;
	margin-top:2%;
	margin-bottom:2%;
	}	
    .couleur {
      color: #D30707;
      font-size:20px;
    }
	.center {
	  text-align: center;
	}
	
.but-link, .rb-but-link:focus, .rb-but-link:hover{
	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:'OpenSans-Bold',sans-serif;
	font-weight:300;
	color:#FFFFFF;
	background-color:#5A9EAA;
	text-align:center;
	transition: all 0.2s;
}
.but-link:hover{
	background-color:#49828D;
}	

</style>