@font-face {
  font-family: "Big John PRO";
  src: url('../fonts/big-john-pro-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Big John PRO";
  src: url('../fonts/big-john-pro-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Big John PRO";
  src: url('../fonts/big-john-pro-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway-light-regular.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway-light-italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway-medium-regular.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway-semibold-regular.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway-extrabold-regular.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: url('../fonts/raleway-black-regular.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root{ --font-display:"Big John PRO", sans-serif; --font-text:"Raleway", sans-serif; }

/* Font Awesome 6 (familles utilisées par le CSS de la maquette) -> nos webfonts locales FA */
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url("../vendor/fontawesome/webfonts/fa-solid-900.woff2") format("woff2");}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url("../vendor/fontawesome/webfonts/fa-regular-400.woff2") format("woff2");}
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url("../vendor/fontawesome/webfonts/fa-brands-400.woff2") format("woff2");}