@media screen and (min-width: 393px) {
  
body {
  background-color: lightgrey;	
}

a:link, a:visited {
  background-color: white;
  color: black;
  border: none;
  padding: 2px 2px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
}

/* mouse over link */
a:hover {
  color: blue;
  text-decoration: none;
}

/* selected link */
a:active {
  color: darkblue;
  text-decoration: none;
}

/* espacement */

.table-wrapper {
  width: 25%;
  margin-left: 20px;
}

table {
  width: 100%;
  border-collapse: collapse;	
  font-size: 14px;
  border: 3px solid purple;
  background-color: lightgrey;
}
th {
   color : white;
}
th,td {
  padding: 8px;
  text-align: left;
}

@media (max-width: 600px) {
  .table-wrapper {width: 100%;}
  table {font-size: 20px;}
  th,td {padding: 8px;}
}

@media (max-width:1200px) {
  .table-wrapper {width: 50%;}
  table {font-size: 18px;}
}

/* Alternance de couleur */

tbody tr:nth-child(odd) {
  background-color: lightblue;
}

tbody tr:nth-child(even) {
  background-color: lightcyan;
}
tr.finished-row {
  font-style : italic;
  color : lightgrey;
}
tr.normal-row {
  font-style : normal;
  font-weight: bold;
  color : black;
}