/* line 1, app_site/static/scss/app_site/global/init.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-2); }

/* line 8, app_site/static/scss/app_site/global/init.scss */
html {
  font-size: 62.5%;
  touch-action: manipulation;
  overscroll-behavior-y: none;
  scroll-behavior: smooth; }

/* line 15, app_site/static/scss/app_site/global/init.scss */
body {
  overscroll-behavior-y: none;
  font-size: var(--site-p1); }

/* line 20, app_site/static/scss/app_site/global/init.scss */
#main-container {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

/* line 28, app_site/static/scss/app_site/global/init.scss */
#main {
  margin-top: 0;
  flex: 1;
  background-color: var(--bg); }

/* line 34, app_site/static/scss/app_site/global/init.scss */
a {
  text-decoration: none;
  color: var(--fg-light);
  font-family: var(--font-3); }

/* Titres */
/* line 43, app_site/static/scss/app_site/global/init.scss */
h1 b {
  color: var(--red-400); }

/* line 48, app_site/static/scss/app_site/global/init.scss */
h2 {
  color: var(--fg); }
  /* line 51, app_site/static/scss/app_site/global/init.scss */
  h2, h2 span {
    text-align: center;
    font-family: var(--font-2);
    font-size: var(--site-h2);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 2.4px;
    text-transform: capitalize; }
  /* line 62, app_site/static/scss/app_site/global/init.scss */
  h2 span {
    color: var(--red-300); }
  @media screen and (max-width: 400px) {
    /* line 48, app_site/static/scss/app_site/global/init.scss */
    h2 {
      max-width: 30rem;
      margin: auto; } }
/* line 72, app_site/static/scss/app_site/global/init.scss */
h3 {
  padding: 0 2rem; }
  /* line 75, app_site/static/scss/app_site/global/init.scss */
  h3, h3 * {
    color: var(--fg, #000);
    font-family: var(--font-3);
    font-size: var(--site-h3);
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    text-transform: uppercase; }
  /* line 85, app_site/static/scss/app_site/global/init.scss */
  h3.center {
    text-align: center; }

/* line 90, app_site/static/scss/app_site/global/init.scss */
h4 {
  color: var(--fg, #000);
  text-align: center;
  font-family: var(--font-3), sans-serif;
  font-size: var(--site-h4);
  font-style: normal;
  font-weight: normal;
  line-height: normal; }

/* Textes */
/* line 102, app_site/static/scss/app_site/global/init.scss */
p, li, span {
  color: var(--fg-400, #000);
  font-family: var(--font-2);
  font-size: var(--site-p1);
  font-style: normal;
  font-weight: 400;
  line-height: 140%; }

/* line 112, app_site/static/scss/app_site/global/init.scss */
p.p0, span.p0 {
  font-size: var(--site-p0); }

/* line 116, app_site/static/scss/app_site/global/init.scss */
p.p--v-center, span.p--v-center {
  display: inline-flex;
  align-items: center; }

/* Sections */
/* line 125, app_site/static/scss/app_site/global/init.scss */
main section {
  --p: 9rem;
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--p-top, var(--p));
  padding-bottom: var(--p-bottom, var(--p)); }
  @media screen and (max-width: 768px) {
    /* line 125, app_site/static/scss/app_site/global/init.scss */
    main section {
      --p: 4rem; } }
  /* line 137, app_site/static/scss/app_site/global/init.scss */
  main section.section-h3 {
    padding: 3rem 0; }
  /* line 141, app_site/static/scss/app_site/global/init.scss */
  main section b {
    color: var(--red-400); }

/* line 146, app_site/static/scss/app_site/global/init.scss */
main .bg-2 {
  --m: 1rem;
  background: var(--bg-2, #EBEBEB);
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.25), 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  margin-top: var(--m-top, var(--m));
  margin-bottom: var(--m-bottom, var(--m)); }