:root{
    /* --unite-base: 32px; */
    /* --largeur-menubulles: 10vw; */
    --unite-base: calc(100vh/18);

    --menubulles-border-color: white;
    --menubulles-on-background-color: white;
    /* --menubulles-off-color: rgba(255, 255, 255, 0.5); */
    --menubulles-off-color: transparent;
    --menubulles-text-on-color: #826e50;
    --menubulles-text-off-color: white;
    --menubulles-text-on-select-color: black;

    --menuplus-color: white;
    --largeur-menuplus: 5vw;

    --vitesse-transitions-rapide: 0.3s;
    --vitesse-transitions-moyenne: 0.6s;
    --vitesse-transitions: 0.7s;
    
    --couleur-defaut-typo: #1d1d1d;
    --couleur-on: white;
    --couleur-page1: #e78b43;
    --couleur-page2: #7c72dc;
   
    /* --couleur-page3: #84a0aa; */
    --couleur-page3: #ac3849;
    /* --couleur-page3: #8e8cb1; */
    --couleur-page4: #6d7590;

  }
  

/* RESPONSIVE */
/* ------------------------------------ */

/* IPAD PAYSAGE */
@media screen and (max-width: 1024px) and (orientation: landscape)
{
  :root{
    --unite-base: calc(100vh/25);
  }
    
}

/* IPAD Portrait */
@media screen and (max-width: 768px) and (orientation: Portrait)
{

  :root{
    --unite-base: calc(100vh/28);
  }

}