
:root {

  /* COLORS */
  --blanc: white;
  --vert: #0B6;
  --vert-clair: #0B63;
  --vert_sombre: #063;
  --jaune: #FFC85F;
  --jaune-clair: #FFC85F6F;
  --bleu: #89F;
  --noir: #000000;

  --gris-sombre: #BBB; /* fil ariane */
  --gris-transparent: #DDDB; /* fond zoom container */
  --gris: #ddd; /* borders */
  --gris-clair: #dddddd5e; /* bg ul article biblio/doc/sitographie */
  --grisboule: #888; /* rub monographique */
  --grisboule-clair: #CCC; /* rub monographique */
  
  /* eej */
  --cumulus: #3558a2;
  --dark-cumulus: #152341;
  --medium-cumulus: #3558a2CF;
  --terre-battue: #ff732c;
  --red-marianne: #f95c5e;



  /* MARGINS/PADDINGS */
  --m1: 1rem;
  --m2: 2rem;
  --m3: 3rem;
  --p0: 0.5rem;
  --p1: 1rem;
  --p2: 2.5rem;



  /* HEIGHT/WIDTH */
  --liste_pages_img_width: 60px; /* taille logo des actus sur page acceuil */
  --menu_width: 16rem; /* taille menu principal */
  --gaufrier_height: 20rem; /* Liste d'articles sous forme de gaufrier d'images */
  --largeur_tranche_logo_vertical: 8rem; /* logo vertical sur rub et art */
  
  --header_mobile_height: 3.75rem; /* hauteur du haut de page sur mobile */
  --header_height: 4.2rem; /* hauteur du haut de page sur mobile */
  --footer_nav_li_height: 3rem; /* footer nav  */
  --sticky_el_height: 4.3rem; /* article aside */
  --largeur_boule: 1.4rem; /* RUBRIQUE MONO */

  /* FONT FACES */
  --lineal: "chivo";
  --serif: "alegreya";
  --mono: "chivo_mono";

  /* FONT SIZES */
  --lineal_fs0-5: .7rem;
  --lineal_lh0-5: .9rem;
  --lineal_fs0: .9rem;
  --lineal_lh0: 1.3rem;
  --lineal_fs1: .95rem;
  --lineal_lh1: 1.25rem;
  --lineal_fs2: 1.2rem;
  --lineal_lh2: 1.45rem;
  --lineal_fs3: 1.4rem;
  --lineal_lh3: 1.65rem;

  --serif_fs1: 1rem;
  --serif_lh1: 1.25rem;
  --serif_fs2: 1.25rem;
  --serif_lh2: 1.75rem;
  --serif_fs3: 3rem;
  --serif_lh3: 3.75rem;
}