@property --bg-main {
    syntax: "<color>";
    inherits: false;
    initial-value: #FFF;
  }
  
  @property --bg-fill {
    syntax: "<color>";
    inherits: false;
    initial-value: #EEEEEE;
  }
  
  @property --menu-fill {
    syntax: "<color>";
    inherits: false;
    initial-value: rgba(238, 238, 238, .9);
  }
  
  @property --font-color {
    syntax: "<color>";
    inherits: false;
    initial-value: #000000;
  }
  
  @property --font-size-body {
    inherits: false;
    initial-value: 1em;
  }
  
  @property --font-size-headlights {
    inherits: false;
    initial-value: 1.3em;
  }

@font-face {
    font-family: Playfair;
    src: url("fonts/Playfair/static/Playfair_9pt-Regular.ed2d5c7b1e95.ttf");
}
:root{
  --main-font:Helvetica, sans-serif;
  --bleuclair:#8FA8D9;
  --jauneclair:#F6F1E6;
  --header-height:7em;
  .tree-mocker{

    --position-top:var(--header-height);
    --position-left:0em;
    --bg-color-tree:#fff;
    --bg-color-lvl1:var(--bleuclair);
    --bg-color-lvl1-hover:#7192d3;
    --bg-color-lvl2:#F6F1E6;
    --bg-color-lvl2-hover:#fff0cf;
    --bg-color-lvl3-hover:#FAFAFA;
    --disabled-font-color:#aaa;
    
    --max-width:max-content;
    --width:23em;
    --height-ex-icon:1.5em;
    --padding-wrapper:0;
    --padding-lvl0:0;
    --line-height : 2.5rem;
    --padding-label:0 0.6em;
    --padding-lvl2: 0 0.6em 0 2em;
    --padding-lvl3: 0 0.6em 0 4em;
    --border-color:#DDD;

    --font-size-hovered:1.02em;

    --position-checkmark-top:-0.25em;
    --position-checkmark-left:0.85em;
    --font-size-checkmark:2em;


    
  }
  .cours{
      --font-h1 : bold 3em Arial, sans-serif;
      --font-h2 : 1.8em Arial, sans-serif;
      --font-h3 : bold 1.4em Arial, sans-serif;
      --font-body : 1.1em Playfair;
      --font-veryimportant : 1.3em Playfair;
      --font-color-body : #4E4E4E;
      --font-math: 1.3em PLayfair;
      --line-height-body : 1.3em;
      --margin-h1 : 0.8em 0;
      --margin-h2 : 0.8em 0;
      --margin-h3 : 2em 0;
      --margin-normal: 0.5em 0; 
      --margin-centered-div: 2em auto;
      --margin-flex-left-img:0 2em 0 0;
      --margin-flex-right-img:0 0 0 2em;
      --margin-hr:4em 3em;
      --color-hr : #c9c7c7;
      --bgcolor-important-entete : #D9D9D9;
      --padding-important-entete : 0.5em;
      --top-important-entete : -1em;
      --left-important-entete : 1em;
      --bgcolor-important : #8FA8D9;
      --padding-important : 2em 2em 1em 2em;
      --margin-important:3em auto;
      --color-important:#000;
      --bgcolor-veryimportant : #F2D8A7;
      --bgcolor-veryimportant-entete:#8FA8D9;
  }
  #site-footer{
    --bgcolor-footer:var(--bleuclair);
  }
}