{{#features}}
<li class="item">
	<div class="col-xs-3 col-sm-4 position-left">
		<i class="fa fa-5x fa-fw {{dispo}}"></i>
	</div>
	<div class="col-xs-9 col-sm-8 position-right">
		<div class="text-feature">{{texte1}}</br>{{texte2}}</div>
	</div>
</li>
{{/features}}
<style>
    @font-face {
        font-family: 'roboto_black';
        src: url('https://geobretagne.fr/mviewer/css/font/Roboto/Roboto-Black.ttf');
    }
    @font-face {
        font-family: 'roboto_bold';
        src: url('https://geobretagne.fr/mviewer/css/font/Roboto/Roboto-Bold.ttf');
    }
    @font-face {
        font-family: 'roboto_regular';
        src: url('https://geobretagne.fr/mviewer/css/font/Roboto/Roboto-Regular.ttf');
    }
	.text-feature{
		font-family:"roboto_bold";
		color:#555;
		font-size:13px;
		margin-top:3%;
	}
	.position-left{
		text-align: center;
		padding:5px 0px;
	}  
	.position-right{
		text-align: left;
		padding: 5px;
	}	
.oui:before {content: "\f058";}
.oui {color:#9FB935;}
.non:before {content: "\f073";}
.non {color:#e3c213;}
.AMII:before {content: "\f095";}
.AMII {color:#c4c4c4;}
</style>