.flex-container-horiz {
    display: flex;
    flex-direction: row;
    }
  
  
    .side_box {
      width: 50%;
    }
  
    th, td {
    padding-left: 5px;
  
    }
    td.center{
      text-align: center;
    }
  
    .CellWithComment{
      position:relative;
    }
  
    .CellComment{
      display:none;
      position:absolute; 
      z-index:100;
      border:1px;
      background-color:white;
      border-style:solid;
      border-width:1px;
      border-color:#64998b;
      padding:3px;
      color:#5b8b80; 
      top:20px; 
      left:20px;
    }
  
    .CellWithComment:hover span.CellComment{
      display:block;
    }
  
    .train {
      border-collapse:collapse;
      border-spacing:0;
      border-style:solid;
      border-width:1px;
      border-color:#64998b;
      
    }
  
    .heure
    {
      color: #FFED02;
    }
  
    .barre
    {
      text-decoration: line-through red;
    }
    .retard {
      color : #ff8a3d;
  
    }
  
    .supprime {
      color : #CD0037;
  
    }
  
    .autre{
      color : #FFED02;
  
    }
  
    tr {
      outline: thin solid ;
      border-color:#89ccba;
    }