<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <title> Facture de ta commande random_marketplace_order_id</title>
        <style>
        .clearfix:after {
    content: "";
    display: table;
    clear: both;
}

body {
    font-family: arial;
}

body > div > table {
    width: 100%;
}

header td {
    white-space: nowrap;
}

td {
    vertical-align: top;
    padding: 0;
}

#logo {
    height: 55px;
    padding-bottom: 5em;
}

#logo > img {
    height: 55px;
}

th{
    border-bottom: 1px solid black;
    font-weight: bold;
    padding-top: 0.1em;
    padding-right: 0.4em;
    padding-bottom: 0;
}

.quantity {
    width: 10%;
    vertical-align: top;
}

.title {
    text-align: left;
    vertical-align: bottom;
    width: 74%;
}

.price {
    width: 12%;
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
}

.tax {
    width: 12%;
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
}

.invoice_total_line td {
    font-weight: bold;
    border-bottom: 3px solid black;
    padding-top: 1em;
}

.right_align {
    text-align: right;
}

.col1 {
    width: 65%;
}

.col2 {
    width: 22%;
}

.col3 {
    width: 13%;
}

body > div {
    width: 100%;
}

h3 {
    margin: 2em 0 2em 0;
}

#subject {
    clear: both;
    margin-top: 4em;
    margin-bottom: 1em;
}

#gf {
    padding-left: 2em;
}

#bonus-code {
    font-weight: bold;
    text-align: right;
    padding-top: 0.5em
}

#bonus-amount {
    font-weight: bold;
    padding-top: 0.5em;
}

#bonus-header {
    font-weight: bold;
    white-space: nowrap;
}

.entry-td-first {
    width: 4%;
    vertical-align: top;
}

.entry-td-last {
    width: 15%;
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
}

#header_slip {
    margin-top: 1em;
}

.footer {
    padding-top: 1.5em;
    text-align: left;
}

header {
    page-break-before: always;
}

#main_content {
    font-size: 0.8em;
}

#items_table th:last-child, #items_table td:last-child {
    width: 47px;
    white-space: nowrap;
}

#main_content table td {
    font-size: 1em;
}

.footer {
    bottom: 0;
    right: 0;
    position: fixed;
    clear: both;
    padding-top: 5em;
}

.footer table {
    border-collapse: collapse;
}

.footer table td {
    font-size: .6em;
    vertical-align: top;
    width: 25%;
}

.footer table td:not(:last-child) {
    padding-right: 30px;
}

@page {
    size: A4;
    margin: 15mm 15mm 50mm 15mm;
}
        @page {
            @bottom-right {
                content: "Page " counter(page) " / " counter(pages);
                font-size: .5em;
                margin-bottom: -17mm;
            }
        }
        </style>
    </head>
    <body>
        <div id="main_content">
            <header class="clearfix">
    <div id="logo">
        <img src="https://storage.googleapis.com/dummy-bucket/static/images/outbound_invoice_logos/momoxfashion_logo_no_border.svg" alt="logo">
    </div>
    <table>
        <tbody>
            <tr>
                <td class="col1" rowspan="5"><p>John Doe<br />test str. 100<br />10781 Berlin</p></td>
                <td class="col2"> Date de commande:  :</td>
                <td class="col3">02.02.2022</td>
            </tr>
            <tr>
                <td class="col2"> Date de facturation: :</td>
                <td class="col3">19.12.2024</td>
            </tr>
            <tr>
                <td class="col2">N° de facture:</td>
                <td class="col3">2024-000000001-DE-73</td>
            </tr>
            <tr>
                <!-- For payone. At the moment we don't use payone for fashion           -->
                <td class="col2"></td>
                <td class="col3"></td>
            </tr>
            <tr>
                <td class="col2"> Date d'expédition :</td>
                <td class="col3">19.12.2024</td>
            </tr>
        </tbody>
    </table>
</header>
            <br>
            <h3> Facture de ta commande &nbsp;random_marketplace_order_id</h3>
            <p>
                Nous vous remercions pour votre achat sur notre boutique en ligne. Vous trouverez ci-joint votre facture:
            </p>
            <table cellspacing="0" width="100%" id="items_table">
                <thead>
                    <tr>
                        <th align="left">Nombre</th>
                        <th align="left"> Titre </th>
                        <th align="right"> Prix </th>
                        <th align="right"> TVA </th>
                    </tr>
                </thead>
                <tbody>
                    
    <tr class="entry">
    <td class="quantity">1</td>
    <td class="title">H&amp;M grun female jeans large</td>
    <td class="price">24.60 EUR</td>
    <td class="tax">
        
            *
        
    </td>
</tr>

    <tr class="entry">
    <td class="quantity">1</td>
    <td class="title">H&amp;M grun female jeans large</td>
    <td class="price">2.60 EUR</td>
    <td class="tax">
        
            *
        
    </td>
</tr>

                    
    <tr>
        <td colspan="4">&nbsp;</td>
    </tr>
    
        <tr class="entry">
            <td class="quantity">1</td>
            <td class="title"> Bon d'achat utilisé : test-coupon-code</td>
            <td class="price">-0.10 EUR</td>
            <td class="tax">*</td>
        </tr>
    
        <tr class="entry">
            <td class="quantity">1</td>
            <td class="title"> Bon d'achat utilisé : test-coupon-code</td>
            <td class="price">-0.10 EUR</td>
            <td class="tax">*</td>
        </tr>
    

                    
    <tr class="entry">
        <td></td>
        <td class="title"> Frais d'expédition forfaitaires </td>
        <td class="price">2.50&nbsp;EUR</td>
        <td class="tax">
            *
        </td>
    </tr>

                    <tr class="invoice_total_line">
    <td colspan="2"> Montant total :</td>
    <td class="right_align">29.50&nbsp;EUR</td>
    <td>&nbsp;</td>
</tr>
                </tbody>
            </table>
            <table cellspacing="0" width="100%">
                <tbody>
                    <tr style="padding-top: 0.4em">
                        <td colspan="3">
                            <p style="font-weight: bold">
                                Kostenlos retournieren:
                                https://www.momoxfashion.com/de/retouren
                            </p>
                            <p style="font-weight: bold">
                                La facture est destinée à votre comptabilité et ne constitue PAS une demande de paiement.
                            </p>
                        </td>
                    </tr>
                    <tr style="padding-top: 0.4em">
                        <td colspan="3">
                            <p>See you soon at momox fashion</p>
                        </td>
                    </tr>
                    <tr style="padding-top: 0.4em">
                        <td style="font-size: 0.8em" colspan="3"><p style="font-size: 0.8em;">
    
        *Cet article est soumis à la TVA sur la marge brute conformément au par. 25a du code allemand de la TVA, une facturation de la TVA n'est donc pas possible.
        <br>
    
</p></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div id="footer" class="footer">
    <table>
        <tr>
            <td width="23%">
                momox fashion ist eine Unternehmung der momox SE
                <br>
                Schreiberhauer Straße 30
                <br>
                10317 Berlin, Germany
                <br>
            </td>
            <td width="25%">
                Email: support@momoxfashion.com
                <br>
                Tel: +49 (0)30 488 288 289
                <br>
                Fax: +49 (0)30 488 288 / 300
            </td>
            <td width="25%">
                <div id="tax">
                    
    Inscrit au registre du commerce sous le n° HRB 248162 B, Berlin Charlottenburg<br>
                    <br>
                     N° TVA  DE266608643
                    <br>
                </div>
            </td>
            <td width="25%">
                <div id="gf">
                    
Représentée par ses dirigeants : Christian von Hohnhorst et Heiner Kroke (porte-parole)
                    <br>
                </div>
            </td>
        </tr>
    </table>
</div>
    </body>
</html>