/* Print-only styles */

  @media print {

    @page {
      size: A4 portrait;
      margin: 1.5cm;
      padding: 0;
    }


/* Header */

    #printHeader, #printHeader * {
        visibility: visible;
    }

    #printHeader{
      left: 0;
      top: 0;
      position: absolute;

      width: 100%;

      display: flex;
      justify-content: space-between;

      background-color: rgb(255, 255, 255);
      height: 4cm;
    }
    
      #printHeader img {
        width: 40px;
        padding: 20px 100px 20px 20px;
      }
    
      #printHeader p {
        font-size: 10px;
        font-family: 'Courier New', Courier, monospace;
        color: #000;
      }

/* Text Area */

  .output{
  min-height: auto;
  }

    #printArea, #printArea * {
        visibility: visible;

      }

  
    #printArea {
        left: 0;
        margin-top: 150px;
        position: absolute;

       
        

       
        /*height: 5000px;*/ /* ok pour print plusieurs pages jai besoin que cette height soit suffisemment grande, mais comment la calculer...??*/
      
 
    }

 
  
  






  
    /* Optionally hide the logo or other elements */
    .options {
      display: none;
    }

    /*page counter - does not work yet*/
    /*
    #printHeader::after {
        content: "Page " counter(page);
        display: block;
        margin-top: 10px;
        font-size: 12px;
        font-style: italic;
        color: #555;
        text-align: right; 
        font-weight: bold;
        font-size: 10px;
        padding-right: 20px;
      }
    */





  }