/* ░▒▓ TYPOGRAPHY.CSS - Détermine l'apparence des textes ▓▒░ */
/*
/* ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */
/* ▓▓ RÈGLES DE BASE (mobile first) ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */
/* ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */
/*
/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */
/* Déclarations de fontes */
/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */
@font-face {
  font-family: "blockletter";
  src: url("../ressources/fonts/Blockletter.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "asap";
  src: url("../ressources/fonts/Asap-Regular.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "asap";
  src: url("../ressources/fonts/Asap-Italic.woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "asap";
  src: url("../ressources/fonts/Asap-Bold.woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "asap";
  src: url("../ressources/fonts/Asap-BoldItalic.woff");
  font-weight: bold;
  font-style: italic;
}

/* ▒▒▒▒▒▒▒▒▒▒▒ */
/* Généralités */
/* ▒▒▒▒▒▒▒▒▒▒▒ */
html {
  font-size: calc(16px + (24 - 16) * ((100vmin - 320px) / (1920 - 300)));
  font-family: "asap", sans-serif;
}

h1,
h2,
.button,
.button-inverted {
  font-family: "blockletter", "asap", sans-serif;
  text-transform: uppercase;
	font-weight: normal;
}

h1 {
  font-size: var(--XXLFontSize);
}

h2 {
  font-size: var(--XLFontSize);
}

h3 {
  font-size: var(--LFontSize);
}

strong {
	font-family: "asap", sans-serif;
	font-weight: bold;
}

p a {
	font-weight: bold;
}

.imgWrapper {
	font-style: italic;
}

.imgWrapper figcaption {
  font-size: var(--SFontSize);
	font-style: italic;
}

.button,
.button-inverted {
  font-size: var(--MFontSize);
	font-weight: normal;
	text-decoration: none;
}

/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */
/* Menu de navigation */
/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */
#mainMenu li {
  font-family: "blockletter", "asap", sans-serif;
	text-transform: uppercase;
  text-decoration: none;
	font-size: var(--LFontSize);
}

/* ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */
/* ▓▓ RESPONSIVE ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */
/* ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ */
/*