<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
    /* Fonts */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      src: local('Montserrat Regular'), local('Montserrat-Regular'), url('http://wiki.esia-sa.com/alert_mail/fonts/Montserrat-Regular.otf') format('opentype');
    }
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('http://wiki.esia-sa.com/alert_mail/fonts/Montserrat-SemiBold.otf') format('opentype');
    }
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      src: local('Montserrat Bold'), local('Montserrat-Bold'), url('http://wiki.esia-sa.com/alert_mail/fonts/Montserrat-Bold.otf') format('opentype');
    }
    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
      src: local('Roboto'), local('Roboto-Regular'), url('http://wiki.esia-sa.com/alert_mail/fonts/Roboto-Regular.ttf') format('truetype');
    }
    @font-face {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 700;
      src: local('Roboto Bold'), local('Roboto-Bold'), url('http://wiki.esia-sa.com/alert_mail/fonts/Roboto-Bold.ttf') format('truetype');
    }
    /* Reset */
    body, div, span, h1, h2, h3, h4, h5, h6, p, a, img {
        margin:0;
        padding:0;
        -webkit-text-size-adjust:none;
        -ms-text-size-adjust:none;
    }
    br {
        display: block;
        height: 0:
    }
    /* Responsive */
        @media only screen and (max-width: 900px) {
            table[class="content"] {
                padding-left: 20px !important;
                padding-right: 20px !important;
            }
            td[class="title"] {
                width: 800px !important;
            }
            td[class="node-info"], td[class="alert-info"] {
                width: 400px !important;
            }
            td[class="node-info"] table {
                margin-right: 40px !important;
            }
            tr[class="info"] h5 {
                margin-top: 14px !important;
            }
            tr[class="info"] img[class="icon-left"], td[class="info-padd"] {
                display: none !important;
                width: 0 !important;
                height: 0 !important;
            }
            tr[class="info"] img[class="icon-top"] {
                display: block !important;
                width: auto !important;
                height: auto !important;
            }
        }
        @media only screen and (max-width: 700px) {
            td[class="node-info"], td[class="alert-info"] {
                display: block !important;
                width: auto !important;
            }
            td[class="node-info"] table, td[class="alert-info"] table {
                margin: 0 auto !important;
                text-align: center !important;
            }
            td[class="title"] table {
                text-align: center !important;
            }
            td[class="title-group"], td[class="title-node"] {
                display: block !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }
            td[class="title-group"] span, td[class="title-node"] span {
                display: block !important;
                margin-top: 22px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                border-top-color: #85b93d !important;
                border-left-color: rgba(255,255,255,0) !important;
            }
            tr[class="info-tab-gap"] {
                height: 38px !important;
            }
    }
</style>
<!-- Font support for Outlook 2007/10/13 -->
<!--[if mso]>
    <style type=”text/css”>
        .fallback-text, .body, h1, h2, h3, h4, h5, h6 {
            font-family:Helvetica,Arial,sans-serif;
        }
    </style>
<![endif]-->
</head>
<body style="margin:0px; padding:0px; -webkit-text-size-adjust:none;">
<table class="body" width="100%" height="auto" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" style="font-family:'Roboto',Helvetica,Arial,sans-serif; font-size:16px; line-height:1.4; color:#333333;">
    <!-- Header -->
    <tr>
        <td>
            <table class="header" width="100%" height="auto" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px;">
                <tr>
                    <td></td>
                    <td width="800">
                        <h1 style="height:38px; margin:0; font-family:'Montserrat',Helvetica,Arial,sans-serif; font-size:38px; font-weight:600; line-height:16px;">
                            <img alt="Esia alert" width="216" height="38" align="absbottom" style="display:block; color:#333333;" src="http://wiki.esia-sa.com/alert_mail/logo.jpg"/>
                        </h1>
                    </td>
                    <td></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td height="1" bgcolor="#d0d0d0"></td>
    </tr>
    <!-- Content -->
    <tr>
        <td>
            <table class="content" width="100%" height="auto" cellpadding="0" cellspacing="0" border="0" style="background-image:url('http://wiki.esia-sa.com/alert_mail/background.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;">
                <tr>
                    <td height="44" colspan="4"></td>
                </tr>
                <tr>
                    <td></td>
                    <td class="title" colspan="2" width="892">
                        <table width="100%" height="auto" cellpadding="0" cellspacing="0" border="0">
                            <tr style="font-size:23px; font-weight:700; line-height:28px;">
                                <td class="info-padd" width="46"></td>
                                <td class="title-group" valign="top" style="display:inline-block; max-width:396px; margin-top:28px; margin-right:0; margin-bottom:12px; margin-left:0;">
                                    <h2 style="display:inline-block; max-width:336px; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; font-family:'Montserrat',Helvetica,Arial,sans-serif; font-size:23px;">%node.group</h2>
                                    <span style="display:inline-block; width:0; margin-top:4px; margin-right:12px; margin-bottom:0; margin-left:22px; vertical-align:top; color:rgba(255,255,255,0); border-width:10px; border-style:solid; border-color:#ffffff; border-top-color:rgba(255,255,255,0); border-right-color:rgba(255,255,255,0); border-bottom-color:rgba(255,255,255,0); border-left-color:#85b93d;"></span>
                                </td>
                                <td class="title-node" valign="top" style="display:inline-block; max-width:396px; margin-top:28px; margin-right:0; margin-bottom:28px; margin-left:0;">
                                    <h3 style="display:inline-block; max-width:336px; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; font-family:'Montserrat',Helvetica,Arial,sans-serif; font-size:23px;">%node.name</h3>
                                    <span style="display:inline-block; width:0; margin-top:4px; margin-right:12px; margin-bottom:0; margin-left:22px; vertical-align:top; color:rgba(255,255,255,0); border-width:10px; border-style:solid; border-color:#ffffff; border-top-color:rgba(255,255,255,0); border-right-color:rgba(255,255,255,0); border-bottom-color:rgba(255,255,255,0); border-left-color:#85b93d;"></span>
                                </td>
                                <td class="title-service" valign="top" bgcolor="%color" style="display:inline-block; margin-top:12px; margin-right:0; margin-bottom:12px; margin-left:0; color:#ffffff; border-radius:10px;">
                                    <h4 style="display:inline-block; max-width:396px; margin:0; padding:16px; color:#ffffff; font-family:'Montserrat',Helvetica,Arial,sans-serif; font-size:23px; text-transform:uppercase; word-break:break-all">%service.name</h4>
                                </td>
                                <td class="info-padd" width="46"></td>
                            </tr>
                        </table>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td height="78" colspan="4"></td>
                </tr>
                <tr class="info" valign="top">
                    <td></td>
                    <td class="node-info" width="446">
                        <table width="auto" height="auto" cellpadding="0" cellspacing="0" border="0" style="margin-right:20px; line-height:22px;">
                            <tr>
                                <td></td>
                                <td valign="top" colspan="3">
                                    <img class="icon-top" alt="" width="36px" height="36px" align="absbottom" style="display:none; width:0; height:0; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto;" src="http://wiki.esia-sa.com/alert_mail/menuNode.png">
                                </td>
                            </tr>
                            <tr>
                                <td valign="top">
                                    <img class="icon-left" alt="" width="36px" height="36px" align="absbottom" style="display:block; margin-top:0; margin-right:10px; margin-bottom:0; margin-left:0;" src="http://wiki.esia-sa.com/alert_mail/menuNode.png">
                                </td>
                                <td colspan="2">
                                    <h5 style="margin-top:16px; margin-right:0; margin-bottom:22px; margin-left:0; font-family:'Montserrat',Helvetica,Arial,sans-serif; font-size:23px; font-weight:600; line-height:22px;">Informations sur le n&oelig;ud</h5>
                                </td>
                            </tr>
                            <tr valign="top">
                                <td></td>
                                <td style="width:120px; padding-right:10px; padding-right:10px; padding-bottom:22px;">
                                    <p style="margin:0;">Nom&nbsp;:</p>
                                </td>
                                <td style="padding-bottom:22px;">
                                    <p style="margin:0;">%node.name</p>
                                </td>
                            </tr>
                            <tr valign="top">
                                <td></td>
                                <td style="width:120px; pzadding-right:10px; padding-bottom:22px;">
                                    <p style="margin:0;">IP&nbsp;:</p>
                                </td>
                                <td style="padding-bottom:22px;">
                                    <p style="margin:0;">%node.ip</p>
                                </td>
                            </tr>
                            <tr valign="top">
                                <td></td>
                                <td style="width:120px; padding-right:10px; padding-bottom:22px;">
                                    <p style="margin:0;">Description&nbsp;:</p>
                                </td>
                                <td style="padding-bottom:22px;">
                                    <p style="margin:0;">%node.description</p>
                                </td>
                            </tr>
                            <tr valign="top">
                                <td></td>
                                <td style="width:120px; padding-right:10px; padding-bottom:22px;">
                                    <p style="margin:0;">Groupe&nbsp;:</p>
                                </td>
                                <td style="padding-bottom:22px;">
                                    <p style="margin:0;">%node.group</p>
                                </td>
                            </tr>
                            <tr class="info-tab-gap">
                                <td height="0" colspan="3"></td>
                            </tr>
                        </table>
                    </td>
                    <td class="alert-info" width="446">
                        <table width="auto" height="auto" cellpadding="0" cellspacing="0" border="0" style="margin-left:auto; line-height:22px;">
                            <tr>
                                <td></td>
                                <td valign="top" colspan="3">
                                    <img class="icon-top" alt="" width="39px" height="32px" align="absbottom" style="display:none; width:0; height:0; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto;" src="http://wiki.esia-sa.com/alert_mail/menuAlerte.png">
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td valign="top">
                                    <img class="icon-left" alt="" width="39px" height="32px" align="absbottom" style="display:block; margin-top:4px; margin-right:10px; margin-bottom:0; margin-left:0;" src="http://wiki.esia-sa.com/alert_mail/menuAlerte.png">
                                </td>
                                <td colspan="2">
                                    <h5 style="margin-top:16px; margin-right:0; margin-bottom:22px; margin-left:0; font-family:'Montserrat',Helvetica,Arial,sans-serif; font-size:23px; font-weight:600; line-height:22px;">Informations sur l'alerte</h5>
                                </td>
                                <td class="info-padd" width="46"></td>
                            </tr>
                            <tr valign="top">
                                <td></td>
                                <td style="width:120px; padding-right:10px; padding-bottom:22px;">
                                    <p style="margin:0;">Service en alerte&nbsp;:</p>
                                </td>
                                <td style="padding-bottom:22px;">
                                    <p style="margin:0; word-break:break-all;">%service.name</p>
                                </td>
                                <td></td>
                            </tr>
                            <tr valign="top">
                                <td></td>
                                <td style="width:120px; padding-right:10px; padding-bottom:22px;">
                                    <p style="margin:0;">Type d'alerte&nbsp;:</p>
                                </td>
                                <td style="padding-bottom:22px;">
                                    <p style="margin:0;">%error.type</p>
                                </td>
                                <td></td>
                            </tr>
                            <tr valign="top">
                                <td></td>
                                <td style="width:120px; padding-right:10px; padding-bottom:22px;">
                                    <p style="margin:0;">Date de l'alerte&nbsp;:</p>
                                </td>
                                <td style="padding-bottom:22px;">
                                    <p style="margin:0;">%error.time</p>
                                </td>
                                <td></td>
                            </tr>
                            <tr valign="top">
                                <td></td>
                                <td style="width:120px; padding-right:10px; padding-bottom:22px;">
                                    <p style="margin:0;">Message d'alerte&nbsp;:</p>
                                </td>
                                <td style="padding-bottom:22px;">
                                    <p style="margin:0;">%error.message</p>
                                </td>
                                <td></td>
                            </tr>
                        </table>
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td height="58" colspan="4"></td>
                </tr>
            </table>
        </td>
    </tr>
    <!-- Footer -->
    <tr>
        <td>
            <table class="footer" width="100%" height="auto" cellpadding="0" cellspacing="0" border="0" bgcolor="#575759" style="color:#ffffff; padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px; line-height:19px;">
                <tr>
                    <td></td>
                    <td width="800" height="22" align="right" style="color:#ffffff; font-size:14px;">
                        <a height="22" style="display:inline-block; color:#ffffff; text-decoration:none;" href="https://www.esia-sa.pro">
                            <img alt="" width="29" height="22" align="absbottom" style="display:inline-block; vertical-align:text-bottom;" src="http://wiki.esia-sa.com/alert_mail/logo_footer.jpg"/>
                            <span style="color:#ffffff;">Esia S.A.</span>
                        </a>
                        <span>&copy; 2&zwnj;011 - 2019</span>
                    </td>
                    <td></td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
