html {
  /*height: 100%;*/
  font-size: 16px;

  /* couleurs de fond */
  /* Couleur de fond de page */
  --main-bg-color: black;
  --bottom-bg-color: white;
  --bottom-bg-opacity: 80%;
  --kanban-bg-color: white;
  --left-menu-bg-color: rgba(0,0,0,0.5);
  --left-menu-bghover-color: rgba(0,0,0,0.8);
  --navigationbar-bg-color: rgba(0,0,0,0.5);
  /* Couleurs de fond d'éléments */
  --firstline-bg-color: white;
  --oddline-bg-color: white;
  --evenline-bg-color: ghostwhite;
  --selectline-bg-color: lightgrey;
  --kanbancolumn-bg-color: white;
  --card-bg-color: white;
  --inactivecard-bg-color: lightgrey;
  --closedcard-bg-color: rgb(200, 250, 200);
  --cardstatus-bg-color: whitesmoke;
  --cardcontainer-bg-color: whitesmoke;
  --popupmenu-bg-color: whitesmoke;
  --titlesubmenu-bg-color: rgba(0,0,0,0.8);
  --folder-bg-color: darkgrey;
  --connection-bg-color: white;
  --connection-border-color: ghostwhite;

  /* Administration de la base */
  --databasecolumn-bg-color: rgb(202, 238, 147);
  --workflow-bg-color: silver;
  --tableline-bg-color: rgb(197, 215, 169);

  /* Couleurs de police */
  --main-fg-color: aliceblue;
  --connection-fg-color: black;
  --folder-fg-color: black;

  /* Boutons */
  --defaultbutton-bg-color: rgb(0 0 220 / 100%);
  --defaultbutton-bghover-color: rgb(0 0 255 / 100%);
  --cancelbutton-bg-color: rgb(220 0 0 / 100%);
  --cancelbutton-bghover-color: rgb(255 0 0 / 100%);
  --menubutton-bg-color: rgb(0 0 120 / 100%);
  --menubutton-bghover-color: rgb(167, 167, 211);
  --cancelmenubutton-bg-color: rgb(220 220 220 / 100%);
  --cancelmenubutton-bghover-color: rgb(120 120 120 / 100%);
  --inactivebutton-bg-color: rgb(120 120 120 / 100%);
  --latedatebutton-bg-color:rgb(220 0 0 / 100%);
  --button-bg-image: linear-gradient(
        to top left,
        rgb(0 0 0 / 20%),
        rgb(0 0 0 / 20%) 30%,
        rgb(0 0 0 / 0%));
  --button-shadow: inset 2px 2px 3px rgb(255 255 255 / 60%), inset -2px -2px 3px rgb(0 0 0 / 60%);
  --button-shadow-active: inset -2px -2px 3px rgb(255 255 255 / 60%), inset 2px 2px 3px rgb(0 0 0 / 60%);

  --cardbutton-bg-color: lightsteelblue;
  --cardbutton-bghover-color: lightblue;
  --cancelcardbutton-bg-color: whitesmoke;
  --cancelcardbutton-bghover-color: white;
  --listcardbutton-bg-color: white;
  --listcardbutton-bghover-color: #bfd2dd;
  --smallcardbutton-bghover-color: whitesmoke; /* Pas de --smallcardbutton-bg-color : inherit */
  --listbutton-bg-color:white;
  --listbutton-bghover-color: #bfd2dd;
  --selecteditem-bg-color: #72a7c5;
}
body {
    background: var(--main-bg-color);
    color: var(--main-fg-color);
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 1rem;
    
    /*min-height: 100%;*/
    padding : 0;
    border : none;
    margin: 0;
}