body {
  background-position: right;
  background-size: auto;
  font-family: Comfortaa, PermanentMarker, Impact, "Arial Black", Arial, Verdana, sans-serif;
  overflow-x: hidden;
  margin-right: -10px;
  margin-left: -10px;
}
#page {
  display: flex;
  flex-direction: column;
  font-weight: normal;
}
#main {
  display: flex;
  flex-direction: row;
}
#contents {
  width: 100%;
  min-height: 80vh;
  padding: 20px;
  overflow: hidden;
  padding-top: 22vmin;
  /*	@media screen and (min-height: 1200px)
    {
        padding-top:22vw;
    }*/
}
#pagecontents {
  position: absolute;
  z-index: 20;
}
#sidebar-l,
#sidebar-r {
  width: 20%;
  padding: 20px;
  background-color: rgba(20, 80, 80, 0.4);
}
@media screen and (max-width: 1200px) {
  #sidebar-l,
  #sidebar-r {
    display: none;
  }
}
p {
  font-family: Raleway, Impact, "Arial Black", Arial, Verdana, sans-serif;
  text-align: justify;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 2vmin;
}
.maintitle {
  font-family: PermanentMarker, Impact, "Arial Black", Arial, Verdana, sans-serif;
  color: green;
  font-size: x-large;
  font-weight: bold;
  text-align: left;
}
h2 {
  background-color: rgba(20, 80, 80, 0.4);
  border: 3px 20, 80, 80 solid;
}
.Encadre {
  border: 3px blue solid;
  overflow: auto;
  width: 100%;
  height: 80%;
}