html {
  font-size: 16px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:root {
  --main-bg-color: #f3f3f4;
  --bg-header-footer: #e5e5e5;
  --bg-color: #fff;
  --font-color: #000;
  --underline-color: #e1e1e1;
}

.menu a {
  color: silver;
}

.menu a.linkActive {
  color: white;
  font-weight: 600;
}

#sideMenu {
  width: 21%;
}

span.chevron:after {
  float: right;
}

/* En-tête tableau */
.table.ui.celled thead{
 font-size: 1.1em;
}

/* Ligne tableau */
.table.ui.celled tr {
 font-size: 0.8em;
}

.table.ui.celled tbody tr td .ui.button{
  font-size: 1em;
  padding: 0.6em 0.6em;
}

/* Spécial pour semantic dropdown */
.table.ui.celled tbody tr td .ui.dropdown
{
  font-size: 12px;
  font-weight: 400;
  padding: 0.4em 0.2em;
}

@media screen and (max-width: 1800px) {
  html {
    font-size: 98%;
  }
  #sideMenu {
    font-size: 1.3rem;
  }
  #sideMenu .sousMenu {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 1500px) {
  html {
    font-size: 96%;
  }
  #sideMenu {
    font-size: 1.1rem;
  }
  #sideMenu .sousMenu {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 1300px) {
  html {
    font-size: 94%;
  }
  #sideMenu {
    font-size: 1rem;
  }
  #sideMenu .sousMenu {
    font-size: 0.7rem;
  }
}

@media screen and (max-width: 1100px) {
  html {
    font-size: 92%;
  }
  #sideMenu {
    font-size: 1rem;
  }
  #sideMenu .sousMenu {
    font-size: 0.6rem;
  }
}

@media screen and (max-width: 1000px) {
  html {
    font-size: 90%;
  }
  #sideMenu {
    font-size: 0.9rem;
  }
  #sideMenu .sousMenu {
    font-size: 0.6rem;
  }
}

@media screen and (min-width: 0px) and (max-width: 900px) {
  html {
    font-size: 85%;
  }
  #sideMenu {
    width: 0%;
  }
  #sideMenu.visible {
    width: 100%;
  }
  #sideMenu {
    font-size: 1.5rem;
  }
  #sideMenu .sousMenu {
    font-size: 1.5rem;
  }
}