lizMap.events.on({

  layersadded: function(e) {
    var html = '';
    // Header
    html+= '<div class="modal-header" style="background-color:rgba(0, 0, 0, 0.7);"><a class="close" data-dismiss="modal">X</a><h3 style="color:white;">Bienvenue sur l&#39inventaire des mares du bassin versant Loire Affluents Vellaves</h3></div>';

    // Main content : body
    html+= '<div class="modal-body">';
 
    // Logo LIFE GypHelp
    var appName = $('div#title h1').text().trim();
    html+= '<div>';
    html+= '<div style="float:left;"><img style="display:block;height:140px;" src="http://94.23.100.199:8085/websig/lizmap/www/index.php/view/media/illustration?repository=inventaires&project=inventaire_mares_ct_lav" gtitle="appName" /></div>';
    html+='<div style="margin-left:300px;padding-top:20px;color:#003596;font-weight:bold;font-size:90%;"> L&#39outil de saisie a été mis en place par le <i><a href=" http://www.cen-auvergne.fr/" target="_blank" style="color:#000000"> Cen Auvergne </a> </i>, il utilise le logiciel Lizmap, développé par <i><a href=" https://www.3liz.com/lizmap.html" target="_blank" style="color:#000000"> 3Liz </a></i> </div>';
    html+='</div>';
    html+='<div style="clear:both;"></div>';
	
    // Project Metadata
    html+= $('#metadata').html();
    html+= '</div>';

    // Footer
    html+= '<div class="modal-footer" style="background-color:rgba(0, 0, 0, 0.7);"><button type="button" class="btn btn-default" data-dismiss="modal">Ok</button></div>';

    $('#lizmap-modal').html(html);
    // Hide project image
    $('#lizmap-modal p:first,#lizmap-modal img.liz-project-img').hide();
    // Hide title label+content & description label
    $('#lizmap-modal dl.dl-vertical dt:first,#lizmap-modal dl.dl-vertical dd:first,#lizmap-modal dl.dl-vertical dt:nth-child(2)').hide();
    // Show modal
    $('#lizmap-modal').modal('show');

  }

});