@charset "utf-8";
/* -------------------------------- */
/*   CSS Configuration variables    */
/* -------------------------------- */

@media only screen and (orientation: landscape) {                      /* MODE PAYSAGE */
  :root { --main-screen-hfont:   1vw;}                                 /* hauteur de font */
}
@media only screen and (orientation: portrait) {                       /* MODE PORTRAIT */
  :root { --main-screen-hfont:   1vh;}                                 /* hauteur de font */
}
:root {
          --main-color-text:      whitesmoke;                          /* blanc */
          --main-color-page:      slategray;                           /* Gris clair bleu-violet */
          --main-color-bloc:      #2b2e4a;                             /* Gris foncé bleu-violet */
          --main-color-dark:      #1d2030;                             /* Gris foncé++ bleu-violet */
          --main-font-size:       calc(var(--main-screen-hfont) * 0.9);  /* hauteur de font */
          --main-line-input:      calc(var(--main-font-size) * 1.4);   /* hauteur input */
          --main-line-height:     calc(var(--main-font-size) * 1.8);   /* hauteur filtre */  
          --main-controls-height: calc(var(--main-line-height) * 1.5); /* hauteur contrôles vidéo */  
          --main-border-radius:   calc(var(--main-font-size) / 2);     /* arrondi */

          --main-screen-ratio:    calc(1vmax / 1vmin);                 /* ratio écran */
          --main-gap:             0.5em;                               /* marge grille */
          --main-gapX2:           calc(2 * var(--main-gap));           /* marge grille haut+bas ou gauche+droite */
          --main-filtre-height:   calc(5 * var(--main-line-height)
                                     + 2 * var(--main-gap));           /* 5 lignes de filtre incluant le gap */
}

@media only screen and (orientation: landscape) {                      /* MODE PAYSAGE */
  :root {  --main-filtre-width:   calc(63vw - 2 * var(--main-gap));}   /* Filtres - marge G+D */
}
@media only screen and (orientation: portrait) {                       /* MODE PORTRAIT */
  :root {  --main-filtre-width:   calc(100vw - 2 * var(--main-gap));}  /* Filtres - marge G+D*/
}