 #datagrid {
  min-height: 60vh;
  width: 100%;
}

#datagrid>table {
  border-spacing: 0;
  min-width:100%;
  color: var(--couleur-texte);
}

#atagrid>table>thead {
  z-index: 30;
}

#datagrid>table>*>tr>th {
  background: var(--couleur-texte);
  color: var(--nuance-sombre-02);
  border-color: var(--couleur-clair);
  text-align: left;
  vertical-align: middle;
}

#datagrid>table>tbody>tr>td {
  text-align: left;
  vertical-align: middle;
}

#datagrid>table>tbody>tr:nth-child(odd)>td {
  background: var(--nuance-sombre-01);
}

#datagrid>table>tbody>tr:nth-child(even)>td {
  background: var(--nuance-sombre-03);
}

#datagrid>table>tbody>tr>td:first-child {
  position: sticky;
  left: 0px;
}

#datagrid>table>tbody>tr:hover>td {
  background-color: var(--nuance-sombre-07);
  color: var(--nuance-sombre-02);
}

.calendrier {
  border-width:2px;
  border-color: #ffffff;
}

/* Pour mémo : faire des backgrounds en diagonales pour les 1/2 journées */
#pourmemo_am>table>tbody>tr>td {
  background: linear-gradient(to bottom right, var(--nuance-sombre-01) 0%, var(--nuance-sombre-01) 50%, var(--nuance-sombre-03) 50%, var(--nuance-sombre-03) 100%);
}

#pourmemo_pm>table>tbody>tr>td {
  background: linear-gradient(to bottom right, var(--nuance-sombre-03) 0%, var(--nuance-sombre-03) 50%, var(--nuance-sombre-01) 50%, var(--nuance-sombre-01) 100%);
}
