:root {
  --GC-COLOR1:#545454
    /*Palette|color|Couleur principale|Code couleur hexa, rgb, ysl, ...*/;
  --GC-COLOR2:#b1001d
    /*Palette|color|Couleur opposée 1|hsl(210, 55%, 90%)*/;
  --GC-COLOR3:#fafafa
    /*Palette|color|Couleur similaire 1| #E8A9B4*/;
  --GC-COLOR4:transparent
    /*Palette|color|Couleur opposée 1|*/;
  --GC-COLOR5:transparent
    /*Palette|color|Couleur opposée 2|*/;

  --GC-COLOR-BACKGROUND:var(--GC-COLOR3)
    /*Autres couleurs|color|Couleur du fond|*/;
  --GC-COLOR-TEXT:#545454
    /*Autres couleurs|color|Couleur du texte|*/;

  --GC-FONT1:serif 
    /*Typographie|text|Police 1|*/;
  --GC-FONT2:sans-serif
    /*Typographie|text|Police 2|*/;
  --GC-FONT3:cursive
    /*Typographie|text|Police 3|*/;

  --GC-COLOR-TITLE:var(--GC-COLOR1)
    /*Autres couleurs|color|Couleur des titres|*/;
  --GC-COLOR-LINK:var(--GC-COLOR2)
    /*Autres couleurs|color|Couleur des liens|*/;
  --GC-COLOR-LINK-HOVER:var(--GC-COLOR1)
    /*Autres couleurs|color|Couleur des liens survolés|*/;
  --GC-COLOR-BUTTON:var(--GC-COLOR-BACKGROUND)
    /*Autres couleurs|color|Couleur des boutons|*/;
  --GC-COLOR-BUTTON-LABEL:var(--GC-COLOR1)
    /*Autres couleurs|color|Couleur des boutons (libellé)|*/;
  --GC-COLOR-SHADOW:var(--GC-COLOR3)
    /*Autres couleurs|color|Couleur des ombres|*/;

  --GC-FRAME-BORDER-RADIUS:1em
    /*|text|Arrondi des angles des cadres|*/;
  --GC-FRAME-SHADOW:5px 5px 10px #00000040
    /*|text|Ombre des cadres|*/;
  --GC-FRAME-BORDER:none
    /*|text|Bordure des cadres|*/;

  --GC-LOGO:url(../img/logo0.png)
    /*Logo|image|Logo principal|*/;

  --HEADER-HEIGHT:100px
    /*|text|Hauteur de l'entête|*/;
  --HEADER-PADDING:10px
    /*|text|Marge interne de l'entête|*/;
  --HEADER-BACKGROUND-COLOR:var(--GC-COLOR-BACKGROUND)
    /*|color|Couleur de fond de l'entête|*/;
  --HEADER-BORDER-COLOR:var(--GC-COLOR1)
    /*|color|Couleur des bords de l'entête|*/;
  --HEADER-BORDER-WIDTH:0px
    /*|text|Epaisseur des bords de l'entête|*/;
  --HEADER-SHADOW:0px 1px 3px var(--GC-COLOR-SHADOW)
    /*|text|Ombre de l'entête|*/;
  --HEADER-TITLE-COLOR:var(--GC-COLOR1)
    /*|color|Couleur du titre|*/;
  --HEADER-TITLE-SIZE:175%
    /*|text|Taille du titre|*/;
  --HEADER-TITLE-WEIGHT:300
    /*|text|Taille du titre|*/;
  --HEADER-TITLE-FONT:var(--GC-FONT1)
    /*|text|Police du titre|*/;
  --HEADER-SLOGAN-FONT:var(--GC-FONT2)
    /*|text|Police du slogan|*/;
  --HEADER-SLOGAN-COLOR:var(--GC-COLOR1)
    /*|color|Couleur du slogan|*/;
  --HEADER-SLOGAN-BACKCOLOR:none
    /*|color|Couleur du slogan|*/;
  --HEADER-SLOGAN-SIZE:100%
    /*|text|Taille du slogan|*/;
  --HEADER-MENU-COLOR:var(--GC-COLOR1)
    /*|color|Couleur du menu principal|*/;
  --HEADER-MENU-HOVER-COLOR:var(--HEADER-MENU-COLOR)
    /*|color|Couleur du menu principal survolé|*/;
  --HEADER-MENU-BACKCOLOR:transparent
    /*|color|Couleur de fond du menu principal|*/;
  --HEADER-MENU-FONT-SIZE:18px
    /*|text|Taille du menu principal|*/;
  --HEADER-MENU-UNDERLINE-SIZE:3px
    /*|text|Epaisseur de soulignement du menu sélectionné|*/;
  --HEADER-BURGER-SIZE:25px
    /*|text|Taille du menu burger|*/;

  --PAGE-MARGIN-TOP:30px
    /*|text|Marge haute des pages|*/;
  --PAGE-MARGIN-BOTTOM:var(--PAGE-MARGIN-TOP)
    /*|text|Marge du bas des pages|*/;
  --PAGE-MARGIN-LEFT:12.5%
    /*|text|Marge gauche des pages|*/;
  --PAGE-MARGIN-RIGHT:var(--PAGE-MARGIN-LEFT)
    /*|text|Marge droite des pages|*/;
  --PAGE-TITLE-COLOR:var(--GC-COLOR-TITLE)
    /*|color|Couleur de titre d'une page|*/;
  --PAGE-TITLE-BACKGROUND-COLOR:var(--GC-COLOR-BACKGROUND)
    /*|color|Couleur du fond du titre d'une page|*/;
  --PAGE-TITLE-FONT:var(--GC-FONT2)
    /*|text|Couleur du titre|*/;
  --PAGE-META-COLOR:var(--GC-COLOR-BACKGROUND)
    /*|color|Couleur des données méta|*/;
  --PAGE-META-BACKGROUND:var(--GC-COLOR1)
    /*|color|Couleur du fond des données méta|*/;

  --FOOTER-BACKGROUND-COLOR:var(--GC-COLOR3)
    /*|color|Couleur du fond du pied|*/;
  --FOOTER-MENU-COLOR:var(--GC-COLOR1)
    /*|color|Couleur du texte du pied|*/;
  --FOOTER-MENU-HOVER-COLOR:var(--GC-COLOR-BACKGROUND)
    /*|color|Couleur du texte du pied survolé|*/;
  --FOOTER-HEIGHT:150px
    /*|text|Hauteur du pied|*/;
  --FOOTER-FONT:var(--GC-FONT1)
    /*|text|Hauteur du pied|*/;
  --FOOTER-FONT-SIZE:120%
    /*|text|Hauteur du pied|*/;
}


/* 
//// SANS-SERIF
// font-family:"roboto",sans-serif;
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
// font-family:"anton",sans-serif;
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

//// SERIF
// font-family:"roboto slab",serif;
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
// font-family:"cormorant",serif;
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

//// MONOSPACE
// font-family:"roboto mono",monospace;
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
// font-family:"syne mono",monospace;
@import url('https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap');

//// CURSIVE
// font-family:"dancing script",cursive;
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
// font-family:"cookie",cursive;
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
// font-family:"caveat",cursive;
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');

//// DISPLAY
// font-family:"bangers",cursive;
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');
// font-family:"black ops one",cursive;
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
// font-family:"fredericka the great",cursive;
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
// font-family:"big shoulders inline display",cursive;
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Inline+Display:wght@100;200;300;400;500;600;700;800;900&display=swap');

//// DISPLAY CURSIVE
// font-family: "Sansita Swashed",cursive;
@import url('https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@300;400;500;600;700;800;900&display=swap');
// font-family: "Merienda",cursive;
@import url('https://fonts.googleapis.com/css2?family=Merienda&family=Roboto&display=swap');

*/