{% load static %}
{% load custom_tag %}
<!DOCTYPE>
<html>
    <head>
        <title style="text-transform:uppercase;">DOC-{{document.type.libelle}}-{{etudiant.nce}}</title>
        <style type="text/css">

            .minist{
                text-align:center;
                vertical-align:top;
                line-height:15px;
            }
            .b{
                font-weight:bold;
            }
            .tit{
                color:#fff;
                background-color:green;
                font-size:14px;
                padding:10px 0px 5px 5px;
                text-align:center;
                font-weight:bold;
            }
            .thd{
                border:1px solid #1f96d7;
                padding:4px 0px 1px 15px;
                background-color:#1f96d7;
                color:#fff;
                font-weight:bold;
                height:30px;
            }
            .table{
                margin-top:10px;
                font-size:12px;
                border-collapse:collapse;
                border:1px solid #1f96d7;
            }
            .fst-td{
                padding-top:5px;
            }
            .table td{
                padding:1px 1px 1px 5px;

            }
            .bd-left-none{
                border-left:none;
            }
            .bd-right-none{
                border-right:none;
            }
            .bd-top-none{
                border-top:none;
            }
            .bd-bottom-none{
                border-bottom:none;
            }
            .upper{
                text-transform:uppercase;
            }


            @page{
                size: a4 portrait;
                margin: 40px 25px 90px 25px;
                @frame header_frame {           /* Static Frame */
                    -pdf-frame-content: header_content;
                    left: 20pt; width: 562pt; top: 20pt;
                }

                @frame footer_frame {           /* Another static Frame */
                    -pdf-frame-content: footer_content;
                    left: 50pt; width: 512pt; top: 800pt; height: 20pt;
                }
            }

        </style>
    </head>
    <body>
        <!-- Content for Static Frame 'header_frame' -->
        <div id="header_content">
            
        </div>
        <!-- Content for Static Frame 'footer_frame' -->
        <div id="footer_content">
            <pdf:pagenumber>/<pdf:pagecount>
        </div>
      <div class="pdf-content">
             <!-- <img src="static/assets/img/usp-pdf-header.png"> -->
              <div>
                  <br/>
                  <div class="tit" style="text-transform:uppercase;">DOCUMENT: {{document.typedoc.libelle}} -- ETUDIANT No. {{etudiant.nce}} </div>
                    <br/><br/>
                  <center><img src="media/{{document.document}}" alt="document" width="570" height="700" border="1"></center>
              </div>
      </div>
    </body>
</html>