body {font-size: 14px;margin:auto;padding: 20px;}
a:link{color:black;}

.table-container{
			margin: auto;
            max-height: 875px;
            overflow-y: auto;
            border: 1px solid #ccc;
            width: 100%;
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        thead th {
            position: sticky;
            top: 0;
            background-color: #f1f1f1;
            z-index: 1;
        }
        th, td {
            padding: 5px;
            text-align: right;
            border: 1px solid #ddd;
        }
		th{text-align: center;}
.container{width: 100%;margin: auto; border:1px solid #000;
    /*background-color: black;*/
    display:flex;
  justify-content:space-evenly;
  height: 70px;
  flex-wrap: wrap;
  align-items:flex-start;
}		

.obj1{flex-grow: .5;align-self:center;text-align: center;}
.obj2{flex-grow: 6;align-self:center;text-align: center; border:1px solid #000;}
.obj3{flex-grow: .5;align-self:center;text-align: center;}		

.avant_recharge {background-color: rgba(121, 235, 250, 1) ;}
.apres_recharge {background-color: rgba(179, 250, 121, 1) ;}

  kbd {
    background-color: #fefefe;
    border-radius: 3px;
    border: 1px solid #b4b4b4;
    box-shadow:
      0 1px 1px rgba(0, 0, 0, 0.2),
      0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
    color: #111;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    padding: 2px 4px;
    white-space: nowrap;
  }
  .th_info{background-color: #f1f1f1;color: #333;}