{{#features}}
  <li id="{{feature_ol_uid}}" class="item">
    <div class="alert niveau{{niveau}}" >
        <strong>Zone {{code_zone}}: {{niveau_txt}}</strong>
    </div> 
    <div class="panel panel-default">
        {{#mesures}}
            <div class="panel-heading" style="padding: 0px;">
                <span class="badge">{{ligne}}</span> {{usage}}
            </div>
            <div class="panel-body " style="padding: 5px;"><strong>{{mesure}}</strong></div>            
        {{/mesures}}
    </div>
    <div style=" margin-bottom:0;">
        {{#renvoi}}
            <div style="padding: 0px;">{{ligne}}</div>            
        {{/renvoi}}
    </div>  </li>
  
{{/features}}
<style>

.alert.niveau0 {background-color:rgba(127, 255, 212,0.4) !important;}
.alert.niveau1 {background-color:#ffffbf66 !important;}
.alert.niveau2 {background-color:rgba(255, 228, 196,0.65) !important;}
.alert.niveau3 {background-color:rgba(255, 120, 0,0.4) !important;}
.alert.niveau4 {background-color:rgba(255, 0, 0, 0.65) !important;}
</style>