:root {
  --days-background: url(images/terrasse.jpg);
  --c-booked: #FF8888;
  --c-not-booked: #88FF88;
  --c-black: rgb(34, 34, 34);
  --background-opacity: .80;

  --c-bleu-clair: rgba(0, 167, 255, 0.05);
  --c-bleu-clair2: rgba(0, 167, 255, 0.18);
  --c-bleu: rgb(23, 170, 232);
  --c-orange-clair: rgba(247, 213, 119, 0.94);
  --c-orange-clair2: rgba(244, 237, 45, 0.95);
  --c-orange: #f37201;
  --c-rose-clair: rgba(233, 20, 125, .1);
  --c-rose-clair2: rgba(161, 32, 180, 0.95);
  --c-rose: rgb(233, 20, 125);
  --c-vert-clair: rgb(208, 246, 152);
  --c-vert-clair2: rgb(110, 235, 53);
  --c-vert: rgb(22, 140, 5);

  /* THEMES */
  --thm1-c-clair: var(--c-bleu-clair);
  --thm1-c-clair2: var(--c-bleu-clair2);
  --thm1-c-mi-clair: var(--c-bleu);
  --thm1-c-titre: var(--c-bleu);

  --thm2-c-clair: var(--c-orange-clair);
  --thm2-c-clair2: var(--c-orange-clair2);
  --thm2-c-mi-clair: var(--c-orange);
  --thm2-c-titre: var(--c-orange);

  --thm3-c-clair: var(--c-rose-clair);
  --thm3-c-clair2: var(--c-rose-clair2);
  --thm3-c-mi-clair: var(--c-rose);
  --thm3-c-titre: var(--c-rose);

  --thm4-c-clair: var(--c-vert-clair);
  --thm4-c-clair2: var(--c-vert-clair2);
  --thm4-c-mi-clair: var(--c-vert);
  --thm4-c-titre: var(--c-vert);

  /* --thm-c-clair: var(--thm3-c-clair);
  --thm-c-clair2: var(--thm3-c-clair2);
  --thm-c-mi-clair: var(--thm3-c-mi-clair);
  --thm-c-titre: var(--thm3-c-titre); */
}

html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}