html, body, .main {
  width: 100%; }

html body * {
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  html body .bo footer {
    display: none; }
  html body header {
    position: relative;
    height: 8.5vw; }
    html body header .head-foot-background, html body header .head-foot-foreground {
      position: absolute;
      width: 100%;
      height: 100%; }
    html body header .head-foot-background {
      backdrop-filter: blur(10px);
      background-color: #0f1e48; }
    html body header .head-foot-foreground {
      background-size: 200% 100%;
      background-position: right bottom;
      z-index: 25; }
      html body header .head-foot-foreground .header-logo {
        float: left;
        margin: 2.3vw 0 0 4.5vw;
        width: 12.1vw;
        height: 4vw; }
      html body header .head-foot-foreground .header-infos {
        height: 100%; }
      html body header .head-foot-foreground .outer-language {
        opacity: 1;
        background-color: #2b3b69; }
  html body .admin-interface {
    background-position: center; }
  html .clear {
    clear: both; }
  html .lister {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  html .flexer {
    display: flex; }
  html .floater-left {
    float: left; }
  html .floater-right {
    float: right; }
  html .none {
    display: none !important; }
  html .norep {
    background-repeat: no-repeat; }
  html .contain {
    background-size: contain; }
  html .cover {
    background-size: cover; }
  html .center {
    background-position: center; }
  html .bold {
    font-weight: bold; }
  html .nodeco {
    text-decoration: none; }
  html .reversed {
    transform: rotate(180deg); }
  html body.public-mode-p header {
    height: 11.5vw; }
    html body.public-mode-p header .head-foot-foreground .header-logo {
      margin: 3.6vw 0 0 4.5vw; }

::placeholder {
  color: #fff;
  /* Firefox */
  opacity: 1; }

:-ms-input-placeholder {
  color: #fff; }

::-ms-input-placeholder {
  color: #fff; }