<div class="container"><div class="header"><p class="headertextBox"> Fiche Client Fournisseur</p></div><div class="item1"><label class="label">Project</label><p class="textBox"> TMB_Form</p></div><div class="item2"><label class="label">Rep. Client</label><p class="textBox"> SORO</p></div><div class="item3"><label class="label">Ligne Budget</label><p class="textBox"> XXXX</p></div><div class="item4" style="
    /* display: grid; */
"><label class="label">Dépt.Pilote</label><p class="textBox"> DAF</p></div><div class="item5"><label class="label">Dépt. Client</label><p class="textBox"> DAF</p></div><div class="item6"><label class="label">Chef de Project</label><p class="textBox"> </p></div><div class="item7"><label class="label">1. Contexte et Objectifs du Projet (Pour quoi)</label><p class="textBoxNotInline"> multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n  </p></div><div class="item8"><label class="label">2. Périmètre (Quoi)</label><p class="textBoxNotInline"> multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n  </p></div><div class="item9"><label class="label">2. Périmètre (Quoi)</label><p class="textBoxNotInline"> multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n  </p></div><div class="item10" style="
    /* display: table; */
"><label class="label" style="
    /* display: table-caption; */
    display: -webkit-inline-box;
">4. Ressources (Qui)</label><p class="textBoxNotInline"> multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n  </p></div><div class="item11"><label class="label">4. Ressources (Qui)</label><p class="textBoxNotInline"> multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n  </p></div><div class="item12"><label class="label">3. Procédures et Critères de sélection (Comment)</label><p class="textBoxNotInline"> multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n  </p></div><div class="item13"><label class="label"> 5. Approbations</label><p class="textBoxNotInline"> multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n multitestline text /n  </p></div><div class="item14"><label class="label">Ligne Budget</label><p class="textBox"> XXXX</p></div><div class="item15"><label class="label">Ligne Budget</label><p class="textBox"> XXXX</p></div><div class="item16"><label class="label">Ligne Budget</label><p class="textBox"> XXXX</p></div><div class="item17"><label class="label">Ligne Budget</label><p class="textBox"> XXXX</p></div><div class="item18"><label class="label">Ligne Budget</label><p class="textBox"> XXXX</p></div><div class="item19"><label class="label">Ligne Budget</label><p class="textBox"> XXXX</p></div><div class="item20"><label class="label">Ligne Budget</label><p class="textBox"> XXXX</p></div><div class="item21"><label class="label">Chef de Project</label><p class="textBox"> abc</p></div><div class="item22"><label class="label">Chef de Project</label><p class="textBox"> abc</p></div><div class="item23"><label class="label">Chef de Project</label><p class="textBox"> abc</p></div><div class="item24"><label class="label">Chef de Project</label><p class="textBox"> abc</p></div><div class="item25"><label class="label">Chef de Project</label><p class="textBox"> abc</p></div><div class="item26"><label class="label">Chef de Project</label><p class="textBox"> abc</p></div><div class="item27"><label class="label">Chef de Project</label><p class="textBox"> abc</p></div></div>



  .container {
    border: 1px solid black;
    display: grid;
    grid-template-columns: [firstcol] auto [col2] auto [col3] auto [col4] auto [col5] auto [col6] auto [col7] auto [lastcol];
    grid-template-rows: [firstrow] auto [row2] auto [row3] auto [row4] auto [row5] auto [row6] auto [row7] auto [row8] auto [lastrow];
    //grid-column-gap: 10px;
    //grid-row-gap: 15px;
  }

  .label{
    border: 1px solid black;
    background-color: steelblue;
    color: white;
    //padding: 10px;
  }

  .textBox{
    display: inline-block;
  }

  .textBoxNotInline{
    display: block;
  }

  .logo{
    border: 1px solid black;
    grid-column-start: firstcol;
    grid-column-end: span col2;
    grid-row-start: firstrow;
    grid-row-end: span row3;
  }

  .image{
    transform: rotate(90deg);
  }

  .header{
    display: inline-block;
    border: 1px solid black;
    grid-column-start: 2;
    grid-column-end: span lastcol;
    grid-row-start: firstrow;
    grid-row-end: span row2;

  }

  .headertextBox{
    display: inline-block;
    place-self: center-stretch;
  }

  .item1{
    border: 1px solid black;
    grid-column-start: col2;
    grid-column-end: span col6;
    grid-row-start: row2;
    grid-row-end: span row3;
  }

  .item2{
    border: 1px solid black;
    grid-column-start: col6;
    grid-column-end: span lastcol;
    grid-row-start: row2;
    grid-row-end: span row3;
  }

  .item3{
    border: 1px solid black;
    grid-column-start: col2;
    grid-column-end: span col4;
    grid-row-start: row3;
    grid-row-end: span row4;
  }

  .item4{
    border: 1px solid black;
    grid-column-start: col4;
    grid-column-end: span col5;
    grid-row-start: row3;
    grid-row-end: span row4;
  }

  .item5{
    border: 1px solid black;
    grid-column-start: col5;
    grid-column-end: span col6;
    grid-row-start: row3;
    grid-row-end: span row4;
  }
  .item6{
    border: 1px solid black;
    grid-column-start: col6;
    grid-column-end: span lastcol;
    grid-row-start: row3;
    grid-row-end: span row4;
  }
  .item7{
    border: 1px solid black;
    grid-column-start: 1;
    grid-column-end: span col4;
    grid-row-start: row4;
    grid-row-end: span row6;
  }
  .item8{
    border: 1px solid black;
    grid-column-start: col4;
    grid-column-end: span col6;
    grid-row-start: row4;
    grid-row-end: span row5;
  }
  .item9{
    border: 1px solid black;
    grid-column-start: col6;
    grid-column-end: span lastcol;
    grid-row-start: row4;
    grid-row-end: span row5;
  }
  .item10{
    border: 1px solid black;
    grid-column-start: col4;
    grid-column-end: span col6;
    grid-row-start: row5;
    grid-row-end: span row6;
  }
  .item11{
    border: 1px solid black;
    grid-column-start: col6;
    grid-column-end: span lastcol;
    grid-row-start: row5;
    grid-row-end: span row6;
  }
  .item12{
    border: 1px solid black;
    grid-column-start: firstcol;
    grid-column-end: span col4;
    grid-row-start: row6;
    grid-row-end: span row7;
  }
  .item13{
    border: 1px solid black;
    grid-column-start: col4;
    grid-column-end: span lastcol;
    grid-row-start: row6;
    grid-row-end: span row7;
  }
  .item14{
    border: 1px solid black;
    grid-column-start: firstcol;
    grid-column-end: span col2;
    grid-row-start: row7;
    grid-row-end: span row8;
  }
  .item15{
    border: 1px solid black;
    grid-column-start: col2;
    grid-column-end: span col3;
    grid-row-start: row7;
    grid-row-end: span row8;
  }
  .item16{
    border: 1px solid black;
    grid-column-start: col3;
    grid-column-end: span col4;
    grid-row-start: row7;
    grid-row-end: span row8;
  }
  .item17{
    border: 1px solid black;
    grid-column-start: col4;
    grid-column-end: span col5;
    grid-row-start: row7;
    grid-row-end: span row8;
  }
  .item18{
    border: 1px solid black;
    grid-column-start: col5;
    grid-column-end: span col6;
    grid-row-start: row7;
    grid-row-end: span row8;
  }
  .item19{
    border: 1px solid black;
    grid-column-start: col6;
    grid-column-end: span col7;
    grid-row-start: row7;
    grid-row-end: span row8;
  }
  .item20{
    border: 1px solid black;
    grid-column-start: col7;
    grid-column-end: span lastcol;
    grid-row-start: row7;
    grid-row-end: span row8;
  }
  .item21{
    border: 1px solid black;
    grid-column-start: firstcol;
    grid-column-end: span col2;
    grid-row-start: row8;
    grid-row-end: span lastrow;
  }
  .item22{
    border: 1px solid black;
    grid-column-start: col2;
    grid-column-end: span col3;
    grid-row-start: row8;
    grid-row-end: span lastrow;
  }
  .item23{
    border: 1px solid black;
    grid-column-start: col3;
    grid-column-end: span col4;
    grid-row-start: row8;
    grid-row-end: span lastrow;
  }
  .item24{
    border: 1px solid black;
    grid-column-start: col4;
    grid-column-end: span col5;
    grid-row-start: row8;
    grid-row-end: span lastrow;
  }
  .item25{
    border: 1px solid black;
    grid-column-start: col5;
    grid-column-end: span col6;
    grid-row-start: row8;
    grid-row-end: span lastrow;
  }
  .item26{
    border: 1px solid black;
    grid-column-start: col6;
    grid-column-end: span col7;
    grid-row-start: row8;
    grid-row-end: span lastrow;
  }
  .item27{
    border: 1px solid black;
    grid-column-start: col7;
    grid-column-end: span lastcol;
    grid-row-start: row8;
    grid-row-end: span lastrow;
  }