<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* DÃ©finir les variables dans :root pour qu'elles soient globales */
@font-face {
  font-family: Briofont;
  src: url(../api/font/BRIOFONT.otf);
}

@font-face {
  font-family: Sohne;
  src: url(../api/font/Sohnefont.ttf);
}

@font-face {
  font-family: Helevetica Neue;
  src: url(../api/font/HelveticaNeueRoman.otf);
}

@font-face {
  font-family: Roboto Bold;
  src: url(../api/font/Roboto/Roboto-Bold.ttf);
}

@font-face {
  font-family: Roboto;
  src: url(../api/font/Roboto/Roboto-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: Roboto Medium;
  src: url(../api/font/Roboto/Roboto-Medium.ttf);
  font-display: swap;
}
@font-face {
  font-family: Roboto Light;
  src: url(../api/font/Roboto-Light.ttf);
  font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&amp;family=Montserrat&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&amp;family=Noto+Sans:ital,wght@0,100..900;1,100..900&amp;display=swap');

@font-face {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v38/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7du3mhPy0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.font-title {
  font-family: "Merriweather Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700; /* Gras */
  font-style: normal;
  font-size: 24px;
}
.font-subtitle {
  font-family: "Noto Sans", "Helevetica Neue";
  font-optical-sizing: auto;
  font-weight: 500; /* Gras */
  font-style: normal;
  font-size: 17px;
}
.font-body-medium {
  font-family: "Noto Sans", "Helevetica Neue";
  font-optical-sizing: auto;
  font-weight: 600; /* Gras */
  font-style: normal;
}
.font-body-regular {
  font-family: "Noto Sans", "Helevetica Neue";
  font-optical-sizing: auto;
  font-weight: 400; /* Gras */
  font-style: normal;
}

#tarteaucitronRoot{
  z-index: 1000;
}
.tarteaucitronIconBottomRight{
  display: none;
}


:root {
  /* Variables pour les titres */
  --font-size-largest: 34px;
  --font-size-h1: 28px;
  --font-size-h2: 24px;
  --font-size-h3: 20px;
  --font-size-h4: 18px;
  --font-size-h5: 16px;

  /* Variables pour le texte */
  --font-size-larg: 15px;
  --font-size-body: 14px;
  --font-size-small: 13px;
  --font-size-tiny: 12px;
  /* Line height */
  --font-line-body: 18px;
  --font-line-title: 28px;
  /* Color */
  --font-color-title: #201036;
  --font-color-subtitle: #9F78FE;
  --font-color-body: #666567;
  --font-color-orange: #C55A36;
  --font-color-darkgrey: #212121;

  /* letter spacing */
   --font-spacing-body: 2%;

  /* Autres propriÃ©tÃ©s utiles */
  --line-height-title: 1.2;
  --line-height-body: 1.6;
  --font-family-logo: 'Briofont', sans-serif;
  --font-family-title: 'Roboto Bold', "Helevetica Neue", sans-serif;
  --font-family-all: 'Roboto', "Helevetica Neue", sans-serif;
  --font-family-btn: 'Noto+Sans',"Roboto Medium", "Helevetica Neue", sans-serif;
  --font-family-secours: "Helevetica Neue", sans-serif;


  /* Background color */
  --background-grey-clair: #F8F8F9;
  --background-grey-moyenbtn : #F2F2F2;
  --background-orange: #C55A36;
  --background-violet: #9F78FE;


  
}
</pre></body></html>