.PaiementPage{
        display:grid;
        grid-template-columns:auto 1fr auto;
        grid-template-rows:auto auto 1fr auto auto auto;
        width:100%;
      }
      .client{
        display:grid;
        grid-template-columns:1fr auto 1fr
      }
      .PaiementPage .HeaderPaiement{
        grid-column:1/4;
      }
      .PaiementPage .screen{
        grid-column:2/3;
        grid-row:2/4;
        background:black;
        color:lightgrey;
        height:100%
      }
      .PaiementPage .screen > span{
        display: grid;
        grid-template-columns:auto 1fr auto;
        padding-left:10px;
        padding-right:10px;
        font-size: 23px;
        padding-top: 2px;
        padding-bottom: 5px;
      }
      .PaiementPage .ListPaiement{
        grid-column:2/3;
        grid-row:5/8;
        font-weight:bold;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
      }
      .PaiementPage .calculatrice{
        display:grid;
        grid-template-columns:repeat(5,auto);
        grid-gap:5px;
      }
      .calculatrice button{
        width:60px;
        height:60px;
        font-size: 28px;
        background: white;
        border:solid black 1px;
        border-radius:5px;
        cursor:pointer;
      }
      .calculatrice button:hover{
        box-shadow:0 0 5px black;
      }
      .calculatrice button:active{
        box-shadow:0 0 0 black;
      }
      .TranchesVide{
        border:solid green 2px;
        font-size:20px;
        font-weight: bold;
        color:green;
        background:lightgreen;
        padding:10px;
      }
      .bottomLeft,.bottomRight{
        display: grid;
        grid-template-columns:1fr;
        padding-left:10px;
      }
      .bottomRight button,.bottomLeft button{
        height:50px;
        font-size:18px;
      }
      .bottomRight{
        grid-template-rows:auto auto auto 1fr;
        padding:40px;
        padding-top: 0;
        padding-bottom:0;
      }
      .details{
        display:grid;
        grid-template-columns:1fr;
      }
      .details > div{
        display:grid;
        grid-template-columns:auto 1fr auto;
        background:lightgrey;
        color:#666565;
        padding-top:5px;
      }
      .details > div > span:nth-child(1){
        margin-left:10px;
      }
      .accordeant{
         width:calc(100% - 30px);
         height:0px;
         box-shadow:0 0 5px black;
         transition:height .5s;
         display:grid;grid-gap:5px;
         padding-left:25px;
         padding-top:5px;
         padding-bottom:5px;
         padding-right:5px;
         overflow-y:hidden
      }
      .EStockTable{
        width:100%;
      }
      .EStockTable td,.EStockTable th{
        text-align:center;
      }
      .EStockTable label{
        font-size:12px;
        color:grey;
      }
      .EStockTable tr td:nth-child(1),.EStockTable th:nth-child(1){
        text-align:left;
      }
      .clickedSpan{
        display:table-row;
        height:100%;
      }
      .clickedSpan *{
        display:table-cell;
        vertical-align: middle;
      }
      #PaiementPage button[name="selectedButton"]{
        display: table;
        background: #2ecc71;
        color: #ecf0f1;
        border: solid #2ecc71 1px;
        box-shadow: 0 0 5px darkgrey;
        border-radius: 5px;
        font-weight:bold;
      }