.colonne-numero,
#table-clients tbody tr:not([data-no-element]) td:nth-child(1) {
  width: calc(125 / var(--base-width) * 100vw);
  text-align: center;
}

.colonne-nom,
.colonne-ville,
.colonne-interlocuteur,
#table-clients tbody tr:not([data-no-element]) td:nth-child(2),
#table-clients tbody tr:not([data-no-element]) td:nth-child(3),
#table-clients tbody tr:not([data-no-element]) td:nth-child(4) {
  width: calc(245 / var(--base-width) * 100vw);
}

.colonne-telephone,
#table-clients tbody tr:not([data-no-element]) td:nth-child(5) {
  width: calc(150 / var(--base-width) * 100vw);
  text-align: center;
}

.colonne-telephone a {
  text-decoration: none;
  /* supprime le soulignement */
  color: inherit;
  /* hérite de la couleur du texte du <td> */
}

.colonne-mail,
#table-clients tbody tr:not([data-no-element]) td:nth-child(6) {
  width: calc(225 / var(--base-width) * 100vw);
  overflow-wrap: break-word;
  /* Permet la césure des mots longs */
  white-space: normal;
  /* Autorise le retour à la ligne */
}