html{
  margin: 0;
}
body{
  margin: 0;
  transition: 1s;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
/*___Structure___*/
#globaltable
{
  height: 20vh;
  width: 100vw;
  display: table;
}
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*Centrage*/
.centre {
  text-align: center;
}
.centre > div, .centre > table {
  margin-left: auto;
  margin-right: auto;
}
/*Rangées*/
.hrow
{
  display: table-row;
  width: 100%;
}
/*cellules*/
.hcell
{
  display: table-cell;
}
#theme
{
  height: inherit;
  top: 21vh;
  width: 10vw;
  vertical-align: middle;
}
#titre
{
  background-image: url("../design/titrefond.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  font-family: math;
  font-size: 6vh;
  font-weight: bolder;
  text-align: center;
  vertical-align: middle;
  width: 70vw;
}
#banniere
{
  height: 100%;
  width: 30vw;
  background-image: url("../design/banniere_mono_trans.png");
  background-repeat: no-repeat;
  background-size: cover;
}

/*Slide for theme*/
.img_theme
{
  height: 100%;
}
.switch {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 13vh;
  height: 5vh;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  font-size: 4vh;
  font-family: monospace;
  position: absolute;
  cursor: pointer;
  border-radius: 5vh;
  top: 0;
  left: 0;
  right: 0;
  transition: 1s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 4vh;
  width: 4vh;
  left: 0.6vh;
  bottom: 0.7vh;
  transition: 1s;
}

input:checked + .slider:before {
  transform: translateX(7.7vh);
}
.slider:before {
  border-radius: 50%;
}
/*Bureau*/
#bureau
{
  display: table;
  height: 10vh;
  width: -webkit-fill-available;
  overflow-x: scroll;
}
/*Articles*/
#articles_cadre
{
  display: table;
  max-height: 70vh;
  height: fit-content;
  width: -webkit-fill-available;
  overflow-y: scroll;
}
#articles
{
  display: inline-block;
  width: -webkit-fill-available;
}
.containart
{
  text-align: center;
  display: table;
  margin: auto;
  margin-top: 3vh;
  height: 5vh;
}
.containart > div
{
    vertical-align: middle;
    padding: 0.5vh;
}
.titre
{
  font-weight: bolder;
  height: 100%;
  font-size: 2vh;
}
.date
{
  height: 100%;
  width: 20%;
  font-size: 1.7vh;
}
.lien
{
  display: block;
  height: 100%;
  width: 100%;
}
.img_d
{
  display: inline-table;
  height: 5vh;
  width: 5vh;
  background-image: url("../design/download.png");
  background-repeat: no-repeat;
  background-size: contain;
}
/*menu scrollbar*/
#bureau::-webkit-scrollbar {
  width: 5px;
  height: 2px;
}
#bureau::-webkit-scrollbar-thumb {
   background-color: rgba(100, 100, 100, 1);
   border: 3px solid rgba(40, 40, 40, 1);
}
/*Adaptation à la taille de l'écran*/
@media screen and (max-width: 768px) 
{
    .containart
    {
      width: 100vw;
      border-radius: 0vh;
      padding: 0vh;
    }
    .containart > div
    {
      display: inline-block;
      width: -webkit-fill-available;
      text-align: center;
      margin-left: 0vh;
      border-radius: 0vh;
      margin-bottom: 1vh;
      margin-top: 1vh;
    }
    .lien
    {
        padding-bottom: 1vh;
        width: fit-content;
    }
}
@media screen and (min-width: 768px) 
{
    .containart
    {
      width: 90vw;
      border-radius: 2vh;
      padding: 1vh;
    }
    .containart > div
    {
      display: table-cell;
      width: 30vw;
      margin-left: 2vh;
    }
}