.THClassmnt1  {background: #83AAD7; font-family: Arial; font-size: 16px;}
  .TDClassmnt1  {background: #A3CAF7; font-family: Arial; font-size: 14px;}
  .THIndex1  {background: #83AAD7; font-family: Arial; font-size: 12px;}
  ul.inTab { background: #A3CAF7; font-family: Arial; font-size: 10px;}

  .TDHidden  {color:#DAEAEA; font-family: Arial; font-size: 14px;}
  .TDVisible  {color:black; font-family:  "Courrier new", Courier, mono; font-size: 16px; text-align: center}
  .TDBad  {color:red; font-family: "Courrier new", Courier, italic, mono; font-size: 14px;; text-decoration:line-through; text-align: center}
  .TDVisibleDef  {color:black; font-family: "Courrier new", Courier, mono; font-size: 16px}

  .TDForm {background: #008000; font-family: Arial, helvetica; font-size: 14px; }

  .courrier option {font-family: "Courrier new", Courier, mono; }

.courrierUL {
  display: inline-block;
  margin: 0;
  padding: 0;
  padding-right: 18px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #a9a9a9;

  overflow-y: auto;
  /* permet d'activer la scrollbar si hauteur liste > max-height de l'élément, tu peux mettre scroll comme valeur pour que la scrollbar soit toujours présente */
  max-height: 300px;
  /* max-height mobile, la max-height desktop se trouve plus bas */
}

.courrierUL li.selected {
  background-color: #1e90ff;
  color: #fff;
}

#courrierULOp button {
        background-color: white;
        border: none;
        text-align: left;
}
#courrierULOp button.selectedButton {
  background-color: #1e90ff;
  text-align: center;
  color: #fff;
}