@section('header')
    <div class="u-row-container" style="padding: 0px;background-color: transparent">
        <div class="u-row"
             style="margin: 0 auto;min-width: 320px;max-width: 550px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: #ffffff;border-top-right-radius: 12px;border-top-left-radius: 12px;border: solid 1px #F2F2F2;">
            <div
                style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">
                <!--[if (mso)|(IE)]>
                <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td style="padding: 0px;background-color: transparent;" align="center">
                            <table cellpadding="0" cellspacing="0" border="0" style="width:550px;">
                                <tr style="background-color: #ffffff;"><![endif]-->

                <!--[if (mso)|(IE)]>
                <td align="center" width="550"
                    style="width: 550px;padding: 0px;"
                    valign="top"><![endif]-->
                <div class="u-col u-col-100"
                     style="max-width: 320px;min-width: 550px;display: table-cell;vertical-align: top;">
                    <div style="height: 100%;width: 100% !important;">
                        <!--[if (!mso)&(!IE)]><!-->
                        <div
                            style="box-sizing: border-box; height: 100%; padding: 0px;">
                            <!--<![endif]-->

                            <table id="u_content_image_1" style="font-family:'Lato',sans-serif;"
                                   role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
                                <tbody>
                                <tr>
                                    <td class="v-container-padding-padding"
                                        style="overflow-wrap:break-word;word-break:break-word;padding:30px 10px;font-family:'Lato',sans-serif;"
                                        align="left">

                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                                <td style="padding-right: 0px;padding-left: 0px;"
                                                    align="center">
                                                    <img align="center" border="0"
                                                         src="{{ asset('images/logourbancanopee.png') }}"
                                                         alt="urbancanopee_logo"
                                                         title="urbancanopee_logo"
                                                         style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: inline-block !important;border: none;height: auto;float: none"
                                                         width="120"/>
                                                </td>
                                            </tr>
                                        </table>

                                    </td>
                                </tr>
                                </tbody>
                            </table>

                            <!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
                    </div>
                </div>
                <!--[if (mso)|(IE)]></td><![endif]-->
                <!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
            </div>
        </div>
    </div>
@show