/***** Commons *****/

/* Polices */

@font-face {
  font-family: "PP Formula Condensed";
  src: local("PP Formula Condensed"),
    url("/static/fonts/FormulaCondensed-Bold.woff2")
      format("woff2"),
    url("/static/fonts/FormulaCondensed-Bold.woff")
      format("woff");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "PP Formula Condensed";
  src: local("PP Formula Condensed"),
    url("/static/fonts/PPFormula-CondensedBoldItalic.woff2")
      format("woff2"),
    url("/static/fonts/PPFormula-CondensedBoldItalic.woff")
      format("woff");
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: "Roslindale";
  src: url("/static/fonts/RoslindaleText-Regular.woff2")
      format("woff2"),
    url("/static/fonts/RoslindaleText-Regular.woff")
      format("woff");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Roslindale";
  src: url("/static/fonts/RoslindaleText-Italic.woff2")
      format("woff2"),
    url("/static/fonts/RoslindaleText-Italic.woff")
      format("woff");
  font-style: italic;
  font-weight: 500;
}

@font-face {
  font-family: "Roslindale";
  src: url("/static/fonts/RoslindaleText-Bold.woff2")
      format("woff2"),
    url("/static/fonts/RoslindaleText-Bold.woff")
      format("woff");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Roslindale";
  src: url("/static/fonts/RoslindaleText-BoldItalic.woff2")
      format("woff2"),
    url("/static/fonts/RoslindaleText-BoldItalic.woff")
      format("woff");
  font-style: italic;
  font-weight: 700;
}

/* Variables */

:root {
  --pa-font-sans-serif: "PP Formula Condensed", sans-serif;
  --pa-font-serif: "Roslindale", serif;
  --pa-font-alternate: "Roboto", sans-serif;
  --pa-site-header-height: 4rem;
  --pa-form-border-width: 2px;
  --pa-form-border-radius: 4px;
  --pa-bounce-transition: cubic-bezier(0.27, 1.31, 0.5, 1);

  --pa-color-white: #ffffff;
  --pa-color-white-rgb: 255, 255, 255;
  --pa-color-dark: #1d1d1b;
  --pa-color-dark-rgb: 29, 29, 27;
  --pa-color-black: #000000;
  --pa-color-black-rgb: 0, 0, 0;

  --pa-color-lightgray: #d9d9d9;
  --pa-color-lightgray-rgb: 217, 217, 217;
  --pa-color-grey-200: #cbccc5;
  --pa-color-grey-200-rgb: 203, 204, 197;
  --pa-color-grey-300: #a4a5a0;
  --pa-color-grey-300-rgb: 164, 165, 160;
  --pa-color-grey-500: #5b5c59;
  --pa-color-grey-500-rgb: 91, 92, 89;
  --pa-color-dark-blue: #122840;
  --pa-color-dark-blue-rgb: 18, 40, 64;
  --pa-color-darker-blue: #1a202c;
  --pa-color-darker-blue-rgb: 26, 32, 44;
  --pa-color-orange: #fb4c0d;
  --pa-color-orange-rgb: 251, 76, 13;
  --pa-color-doly: #fdf98f;
  --pa-color-doly-rgb: 253, 249, 143;
  --pa-color-amber: #fffac5;
  --pa-color-amber-rgb: 255, 250, 197;
  --pa-color-neon-blue: #4131ff;
  --pa-color-neon-blue-rgb: 65, 49, 255;
  --pa-color-blue: #55d6ff;
  --pa-color-blue-rgb: 85, 214, 255;
  --pa-color-blue-2: #94f1ff;
  --pa-color-blue-2-rgb: 148, 241, 255;
  --pa-color-light-blue: #83e1ff;
  --pa-color-light-blue-rgb: 131, 225, 255;
  --pa-color-lighter-blue: #efeffc;
  --pa-color-lighter-blue-rgb: 239, 239, 252;
  --pa-color-green: #14ae5c;
  --pa-color-green-rgb: 0, 174, 92;
  --pa-color-pale-green: #94eea2;
  --pa-color-pale-green-rgb: 148, 238, 162;
  --pa-color-pale-green-15-100: #effcf1;
  --pa-color-pale-green-15-100-rgb: 239, 252, 241;
  --pa-color-green-light: #c7ffcb;
  --pa-color-green-light-rgb: 199, 255, 203;
  --pa-color-cerise: #fde6e9;
  --pa-color-cerise-rgb: 253, 230, 233;
  --pa-color-cerise-200: #fbd0d9;
  --pa-color-cerise-200-rgb: 251, 208, 217;
  --pa-color-pink: #fd8fe6;
  --pa-color-pink-rgb: 253, 143, 230;
  --pa-color-pink-2: #fec8fd;
  --pa-color-pink-2-rgb: 254, 200, 253;
  --pa-color-tickle-me-pink: #ff8cae;
  --pa-color-tickle-me-pink-rgb: 255, 140, 174;
  --pa-color-light-bg-orange: #fbbaa3;
  --pa-color-light-bg-orange-rgb: 251, 186, 163;
  --pa-color-light-bg-yellow: #fffba6;
  --pa-color-light-bg-yellow-rgb: 255, 251, 166;
  --pa-color-light-bg-blue: #a6e9ff;
  --pa-color-light-bg-blue-rgb: 166, 233, 255;
  --pa-color-light-bg-pink: #ffa6cb;
  --pa-color-light-bg-pink-rgb: 255, 166, 203;
  --pa-color-red: #dc3545;
  --pa-color-red-rgb: 220, 53, 69;
  --pa-color-light-violet: #f9f5ff;
  --pa-color-light-violet-rgb: 249, 245, 255;
}

@media (prefers-reduced-motion: prefers) {
  :root {
    --pa-bounce-transition: ease-out;
  }
}

@media (min-width: 768px) {
  :root {
    --pa-site-header-height: 6rem;
  }
}

/***** General *****/
.front #app {
  font-family: var(--pa-font-serif);
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  color: var(--pa-color-dark);
  scroll-behavior: smooth;
  letter-spacing: -0.16px;
  background: var(--pa-color-white);
}

.front.parcoursup #app {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
}

.front.parcoursup.overflow-clip {
  overflow: clip;
}

/* Headings */

.front.parcoursup #app h1,
.front.parcoursup #app .h1 {
  font-family: var(--pa-font-sans-serif);
  font-size: 3rem;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.48px;
}

.front.parcoursup #app h2,
.front.parcoursup #app .h2 {
  font-family: var(--pa-font-sans-serif);
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.96px;
}

.front.parcoursup #app h3,
.front.parcoursup #app .h3 {
  font-family: var(--pa-font-serif);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.44px;
}

.front.parcoursup #app h4,
.front.parcoursup #app .h4 {
  font-family: var(--pa-font-serif);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: normal;
}

.front.parcoursup #app h5,
.front.parcoursup #app .h5 {
  font-family: var(--pa-font-serif);
  font-size: 1rem;
  font-weight: 500;
  line-height: 148%;
  letter-spacing: normal;
}

@media (min-width: 992px) {
  .front.parcoursup #app h1,
  .front.parcoursup #app .h1 {
    font-size: 4rem;
    letter-spacing: 0.64px;
  }

  .front.parcoursup #app h2,
  .front.parcoursup #app .h2 {
    font-size: 2.5rem;
    letter-spacing: 1.2px;
  }

  .front.parcoursup #app h3,
  .front.parcoursup #app .h3 {
    font-size: 1.875rem;
    letter-spacing: -0.6px;
  }

  .front.parcoursup #app h4,
  .front.parcoursup #app .h4 {
    font-size: 1.375rem;
    letter-spacing: -0.44px;
  }

  .front.parcoursup #app h5,
  .front.parcoursup #app .h5 {
    font-size: 1.125rem;
  }
}

/* Sections */

.front.parcoursup #app .section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Chapters */

.front.parcoursup #app .chapter {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 615px;
}

.front.parcoursup #app .chapter > h1,
.front.parcoursup #app .chapter > h2,
.front.parcoursup #app .chapter > h3,
.front.parcoursup #app .chapter > h4,
.front.parcoursup #app .chapter > h5,
.front.parcoursup #app .chapter > h6 {
  margin-bottom: 0;
}

.front.parcoursup #app .chapter h1,
.front.parcoursup #app .chapter h2,
.front.parcoursup #app .chapter h3,
.front.parcoursup #app .chapter h4,
.front.parcoursup #app .chapter h5,
.front.parcoursup #app .chapter h6 {
  font-family: var(--pa-font-sans-serif);
}

.front.parcoursup #app .chapter > h3 {
  letter-spacing: 0.44px;
}

.front.parcoursup #app .chapter > h4 {
  letter-spacing: 0.36px;
}

.front.parcoursup #app .chapter > h5,
.front.parcoursup #app .chapter > h6 {
  letter-spacing: 0.32px;
}

@media (min-width: 768px) {
  .front.parcoursup #app .chapter {
    gap: 3rem;
  }
}

/* Cards */
.front.parcoursup #app .card {
  --pa-card-padding-x: 1.5rem;
  --pa-card-padding-y: 1.5rem;
  --pa-card-gap: 2rem;
  --pa-card-border-radius: 1.5rem;
  padding: var(--pa-card-padding-y) var(--pa-card-padding-x);
  border-radius: var(--pa-card-border-radius);
  display: flex;
  flex-direction: column;
  gap: var(--pa-card-gap);
  box-shadow: 0px 4px 0px 0px rgba(var(--pa-color-black-rgb), 0.07);
}

.front.parcoursup #app .card.border-sm {
  --pa-card-border-radius: 0.5rem;
}

.front.parcoursup #app .card > * {
  margin-bottom: 0;
}

.front.parcoursup #app .card .btn {
  align-self: flex-start;
}
.front.parcoursup #app .card-white {
  background-color: var(--pa-color-white);
}
.front.parcoursup #app .card-neon-blue {
  background-color: var(--pa-color-neon-blue);
  color: var(--pa-color-white);
}
.front.parcoursup #app .card-orange {
  background-color: var(--pa-color-orange);
  color: var(--pa-color-white);
}
.front.parcoursup #app .card-light-blue {
  background-color: var(--pa-color-light-bg-blue);
}
.front.parcoursup #app .card-green {
  background-color: var(--pa-color-green-light);
}
.front.parcoursup #app .card-doly {
  background-color: var(--pa-color-doly);
}

@media (min-width: 768px) {
  .front.parcoursup #app .card {
    --pa-card-padding-x: 3rem;
    --pa-card-padding-y: 3rem;
  }
}

/* Font sizes */

.front.parcoursup #app .fs-sm {
  font-size: 0.875rem;
}

/* Margins, paddings, Gaps */

.front.parcoursup #app .my-32,
.front.parcoursup #app .mt-32 {
  margin-top: 2rem;
}

.front.parcoursup #app .my-32,
.front.parcoursup #app .mb-32 {
  margin-bottom: 2rem;
}

.front.parcoursup #app .gap-0 {
  gap: 0 !important;
}

.front.parcoursup #app .gap-8 {
  gap: 0.5rem !important;
}

.front.parcoursup #app .gap-12 {
  gap: 0.75rem !important;
}

.front.parcoursup #app .gap-16 {
  gap: 1rem !important;
}

.front.parcoursup #app .gap-24 {
  gap: 1.5rem !important;
}

.front.parcoursup #app .gap-32 {
  gap: 2rem !important;
}

.front.parcoursup #app .gap-48 {
  gap: 3rem !important;
}

.front.parcoursup #app .gap-bs-24 {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}

.front.parcoursup #app .gap-bs-32 {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
}

.front.parcoursup #app .gap-bs-48 {
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .front.parcoursup #app .ms-sm-96 {
    margin-left: 6rem;
  }
}

@media (min-width: 768px) {
  .front.parcoursup #app .gap-md-24 {
    gap: 1.5rem !important;
  }
}

@media (min-width: 992px) {
  .front.parcoursup #app .mt-lg-40 {
    margin-top: 2.5rem !important;
  }

  .front.parcoursup #app .mb-lg-40 {
    margin-bottom: 2.5rem !important;
  }

  .front.parcoursup #app .gap-lg-36 {
    gap: 2.25rem !important;
  }

  .front.parcoursup #app .gap-lg-40 {
    gap: 2.5rem !important;
  }

  .front.parcoursup #app .gap-bs-lg-40 {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 2.5rem;
  }
}

/* Buttons */

.front.parcoursup #app .btn {
  --pa-btn-padding-x: 1.25rem;
  --pa-btn-padding-y: 0.875rem;
  --pa-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--pa-color-orange-rgb), 0.35);
  --pa-btn-border-radius: 4.5rem;
  --pa-btn-border-width: 2px;
  display: inline-block;
  padding: var(--pa-btn-padding-y) var(--pa-btn-padding-x);
  font-family: var(--pa-font-serif);
  font-size: var(--pa-btn-font-size);
  font-weight: 500;
  line-height: 150%;
  color: var(--pa-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--pa-btn-border-width) solid var(--pa-btn-border-color);
  border-radius: var(--pa-btn-border-radius);
  background-color: var(--pa-btn-bg);
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
  align-items: center;
  align-self: flex-start;
  letter-spacing: -0.16px;
}

.front.parcoursup #app .btn:not(.disabled, :disabled):hover {
  color: var(--pa-btn-hover-color);
  background-color: var(--pa-btn-hover-bg);
  border-color: var(--pa-btn-hover-border-color);
}

.front.parcoursup #app .btn:not(.disabled, :disabled):focus-visible {
  color: var(--pa-btn-hover-color);
  background-color: var(--pa-btn-hover-bg);
  border-color: var(--pa-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--pa-btn-focus-box-shadow);
}

.front.parcoursup #app .btn:disabled,
.front.parcoursup #app .btn.disabled {
  color: var(--pa-btn-disabled-color);
  pointer-events: none;
  background-color: var(--pa-btn-disabled-bg);
  border-color: var(--pa-btn-disabled-border-color);
  opacity: var(--pa-btn-disabled-opacity);
}

.front.parcoursup #app .btn-sm {
  --pa-btn-padding-x: 1.25rem;
  --pa-btn-padding-y: 0.5rem;
  --pa-btn-font-size: 1rem;
}

.front.parcoursup #app .btn-md {
  --pa-btn-padding-x: 1.25rem;
  --pa-btn-padding-y: 0.65rem;
  --pa-btn-font-size: 1rem;
}

.front.parcoursup #app .btn-lg {
  --pa-btn-padding-x: 1.5rem;
  --pa-btn-padding-y: 1.125rem;
  --pa-btn-font-size: 1rem;
}

.front.parcoursup #app .btn-xl {
  --pa-btn-padding-x: 1.5rem;
  --pa-btn-padding-y: 1.5rem;
  --pa-btn-font-size: 1rem;
}

.front.parcoursup #app .btn-primary {
  --pa-btn-color: var(--pa-color-white);
  --pa-btn-bg: var(--pa-color-dark);
  --pa-btn-border-color: var(--pa-color-dark);
  --pa-btn-hover-color: var(--pa-color-white);
  --pa-btn-hover-bg: var(--pa-color-orange);
  --pa-btn-hover-border-color: var(--pa-color-orange);
  --pa-btn-focus-shadow-rgb: var(--pa-color-orange-rgb);
  --pa-btn-active-color: var(--pa-color-white);
  --pa-btn-active-bg: var(--pa-color-orange);
  --pa-btn-active-border-color: var(--pa-color-orange);
  --pa-btn-disabled-color: var(--pa-color-white);
  --pa-btn-disabled-bg: var(--pa-color-dark);
  --pa-btn-disabled-border-color: var(--pa-color-dark);
  --pa-btn-disabled-opacity: 0.2;
}

.front.parcoursup #app .btn-secondary {
  --pa-btn-color: var(--pa-color-dark);
  --pa-btn-bg: var(--pa-color-white);
  --pa-btn-border-color: var(--pa-color-dark);
  --pa-btn-hover-color: var(--pa-color-white);
  --pa-btn-hover-bg: var(--pa-color-orange);
  --pa-btn-hover-border-color: var(--pa-color-orange);
  --pa-btn-focus-shadow-rgb: var(--pa-color-orange-rgb);
  --pa-btn-active-color: var(--pa-color-white);
  --pa-btn-active-bg: var(--pa-color-orange);
  --pa-btn-active-border-color: var(--pa-color-orange);
  --pa-btn-disabled-color: var(--pa-color-white);
  --pa-btn-disabled-bg: var(--pa-color-dark);
  --pa-btn-disabled-border-color: var(--pa-color-dark);
  --pa-btn-disabled-opacity: 0.2;
}

.front.parcoursup #app .congrats-exempt .btn-primary {
  --pa-btn-hover-color: var(--pa-color-dark);
  --pa-btn-hover-bg: var(--pa-color-white);
  --pa-btn-hover-border-color: var(--pa-color-dark);
  --pa-btn-focus-shadow-rgb: var(--pa-color-white-rgb);
  --pa-btn-active-color: var(--pa-color-dark);
  --pa-btn-active-bg: var(--pa-color-white);
  --pa-btn-active-border-color: var(--pa-color-dark);
}

.front.parcoursup #app .btn.btn-icon {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.front.parcoursup #app .btn.btn-icon::after,
.front.parcoursup #app .btn.btn-icon::before {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.front.parcoursup #app .btn.btn-icon-left::before,
.front.parcoursup #app .btn.btn-icon-right::after {
  content: "";
}

.front.parcoursup #app .btn-primary.btn-ext::after,
.front.parcoursup #app .btn-primary.btn-ext::before,
.front.parcoursup #app .btn-secondary:hover.btn-ext::after,
.front.parcoursup #app .btn-secondary:hover.btn-ext::before,
.front.parcoursup #app .btn-secondary:focus.btn-ext::after,
.front.parcoursup #app .btn-secondary:focus.btn-ext::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3687 12.7961V19.9607C18.3687 20.383 18.2009 20.788 17.9024 21.0865C17.6038 21.385 17.1988 21.5529 16.7766 21.5529H4.03941C3.61714 21.5529 3.21218 21.385 2.91359 21.0865C2.61501 20.788 2.44727 20.383 2.44727 19.9607V7.22357C2.44727 6.8013 2.61501 6.39634 2.91359 6.09775C3.21218 5.79918 3.61714 5.63143 4.03941 5.63143H11.2041M15.9805 2.44714H21.553M21.553 2.44714V8.01964M21.553 2.44714L12.7962 11.2039" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.front.parcoursup #app .btn-secondary.btn-ext::after,
.front.parcoursup #app .btn-secondary.btn-ext::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3687 12.7961V19.9607C18.3687 20.383 18.2009 20.788 17.9024 21.0865C17.6038 21.385 17.1988 21.5529 16.7766 21.5529H4.03941C3.61714 21.5529 3.21218 21.385 2.91359 21.0865C2.61501 20.788 2.44727 20.383 2.44727 19.9607V7.22357C2.44727 6.8013 2.61501 6.39634 2.91359 6.09775C3.21218 5.79918 3.61714 5.63143 4.03941 5.63143H11.2041M15.9805 2.44714H21.553M21.553 2.44714V8.01964M21.553 2.44714L12.7962 11.2039" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.front.parcoursup #app .btn-primary.btn-download::after,
.front.parcoursup #app .btn-primary.btn-download::before,
.front.parcoursup #app .btn-secondary:hover.btn-download::after,
.front.parcoursup #app .btn-secondary:hover.btn-download::before,
.front.parcoursup #app .btn-secondary:focus.btn-download::after,
.front.parcoursup #app .btn-secondary:focus.btn-download::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.81577 12.7961L12.0001 15.9804M12.0001 15.9804L15.1843 12.7961M12.0001 15.9804L12.0001 7.22364M20.7568 20.7569C20.7568 21.1791 20.589 21.5841 20.2905 21.8827C19.992 22.1812 19.5869 22.349 19.1647 22.349L4.83541 22.349C4.41314 22.349 4.00818 22.1812 3.70959 21.8827C3.41102 21.5841 3.24327 21.1791 3.24327 20.7569L3.24327 3.24328C3.24327 2.82102 3.41102 2.41605 3.70959 2.11747C4.00818 1.81888 4.41314 1.65114 4.83541 1.65114L15.1843 1.65114L20.7568 7.22364L20.7568 20.7569Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.front.parcoursup #app .btn-secondary.btn-download::after,
.front.parcoursup #app .btn-secondary.btn-download::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.81577 12.7961L12.0001 15.9804M12.0001 15.9804L15.1843 12.7961M12.0001 15.9804L12.0001 7.22364M20.7568 20.7569C20.7568 21.1791 20.589 21.5841 20.2905 21.8827C19.992 22.1812 19.5869 22.349 19.1647 22.349L4.83541 22.349C4.41314 22.349 4.00818 22.1812 3.70959 21.8827C3.41102 21.5841 3.24327 21.1791 3.24327 20.7569L3.24327 3.24328C3.24327 2.82102 3.41102 2.41605 3.70959 2.11747C4.00818 1.81888 4.41314 1.65114 4.83541 1.65114L15.1843 1.65114L20.7568 7.22364L20.7568 20.7569Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.front.parcoursup #app .btn-primary.btn-upload::after,
.front.parcoursup #app .btn-primary.btn-upload::before,
.front.parcoursup #app .btn-secondary:hover.btn-upload::after,
.front.parcoursup #app .btn-secondary:hover.btn-upload::before,
.front.parcoursup #app .btn-secondary:focus.btn-upload::after,
.front.parcoursup #app .btn-secondary:focus.btn-upload::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.1842 11.204L12 8.01969M12 8.01969L8.81566 11.204M12 8.01969V16.7765M20.7567 20.7568C20.7567 21.1791 20.5889 21.5841 20.2904 21.8826C19.9919 22.1812 19.5868 22.349 19.1646 22.349H4.83531C4.41304 22.349 4.00808 22.1812 3.70949 21.8826C3.41091 21.5841 3.24316 21.1791 3.24316 20.7568V3.24327C3.24316 2.821 3.41091 2.41604 3.70949 2.11745C4.00808 1.81887 4.41304 1.65112 4.83531 1.65112H15.1842L20.7567 7.22362V20.7568Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.1842 11.204L12 8.01969M12 8.01969L8.81566 11.204M12 8.01969V16.7765M20.7567 20.7568C20.7567 21.1791 20.5889 21.5841 20.2904 21.8826C19.9919 22.1812 19.5868 22.349 19.1646 22.349H4.83531C4.41304 22.349 4.00808 22.1812 3.70949 21.8826C3.41091 21.5841 3.24316 21.1791 3.24316 20.7568V3.24327C3.24316 2.821 3.41091 2.41604 3.70949 2.11745C4.00808 1.81887 4.41304 1.65112 4.83531 1.65112H15.1842L20.7567 7.22362V20.7568Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.front.parcoursup #app .btn-secondary.btn-upload::after,
.front.parcoursup #app .btn-secondary.btn-upload::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.1842 11.204L12 8.01969M12 8.01969L8.81566 11.204M12 8.01969V16.7765M20.7567 20.7568C20.7567 21.1791 20.5889 21.5841 20.2904 21.8826C19.9919 22.1812 19.5868 22.349 19.1646 22.349H4.83531C4.41304 22.349 4.00808 22.1812 3.70949 21.8826C3.41091 21.5841 3.24316 21.1791 3.24316 20.7568V3.24327C3.24316 2.821 3.41091 2.41604 3.70949 2.11745C4.00808 1.81887 4.41304 1.65112 4.83531 1.65112H15.1842L20.7567 7.22362V20.7568Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.1842 11.204L12 8.01969M12 8.01969L8.81566 11.204M12 8.01969V16.7765M20.7567 20.7568C20.7567 21.1791 20.5889 21.5841 20.2904 21.8826C19.9919 22.1812 19.5868 22.349 19.1646 22.349H4.83531C4.41304 22.349 4.00808 22.1812 3.70949 21.8826C3.41091 21.5841 3.24316 21.1791 3.24316 20.7568V3.24327C3.24316 2.821 3.41091 2.41604 3.70949 2.11745C4.00808 1.81887 4.41304 1.65112 4.83531 1.65112H15.1842L20.7567 7.22362V20.7568Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.front.parcoursup #app .btn-primary.btn-msg::after,
.front.parcoursup #app .btn-primary.btn-msg::before,
.front.parcoursup #app .btn-secondary:hover.btn-msg::after,
.front.parcoursup #app .btn-secondary:hover.btn-msg::before,
.front.parcoursup #app .btn-secondary:focus.btn-msg::after,
.front.parcoursup #app .btn-secondary:focus.btn-msg::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_929_1456)"><path d="M8.01945 7.5H14.5M8.01945 14.5H14.5M8.01945 11H17.5723M8.01945 20.7571L1.65088 22.3492L3.24302 17.5728V3.24351C3.24302 2.82124 3.41077 2.41628 3.70934 2.11769C4.00793 1.81911 4.4129 1.65137 4.83516 1.65137H20.7566C21.1788 1.65137 21.5839 1.81911 21.8824 2.11769C22.1809 2.41628 22.3487 2.82124 22.3487 3.24351V19.1649C22.3487 19.5872 22.1809 19.9922 21.8824 20.2907C21.5839 20.5893 21.1788 20.7571 20.7566 20.7571H8.01945Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_929_1456"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.front.parcoursup #app .btn-secondary.btn-msg::after,
.front.parcoursup #app .btn-secondary.btn-msg::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_929_1456)"><path d="M8.01945 7.5H14.5M8.01945 14.5H14.5M8.01945 11H17.5723M8.01945 20.7571L1.65088 22.3492L3.24302 17.5728V3.24351C3.24302 2.82124 3.41077 2.41628 3.70934 2.11769C4.00793 1.81911 4.4129 1.65137 4.83516 1.65137H20.7566C21.1788 1.65137 21.5839 1.81911 21.8824 2.11769C22.1809 2.41628 22.3487 2.82124 22.3487 3.24351V19.1649C22.3487 19.5872 22.1809 19.9922 21.8824 20.2907C21.5839 20.5893 21.1788 20.7571 20.7566 20.7571H8.01945Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_929_1456"><rect width="24" height="24" fill="black"/></clipPath></defs></svg>');
}

.front.parcoursup #app .btn-primary.btn-appstore::after,
.front.parcoursup #app .btn-primary.btn-appstore::before,
.front.parcoursup #app .btn-secondary:hover.btn-appstore::after,
.front.parcoursup #app .btn-secondary:hover.btn-appstore::before,
.front.parcoursup #app .btn-secondary:focus.btn-appstore::after,
.front.parcoursup #app .btn-secondary:focus.btn-appstore::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_905_488)"><path d="M3.85987 20.1276C3.77117 20.1269 3.68404 20.1531 3.60813 20.2032C3.53223 20.2533 3.47053 20.3253 3.42987 20.4112L2.83987 21.5021C2.64759 21.8653 2.59541 22.2969 2.6948 22.7019C2.7942 23.107 3.03703 23.4525 3.36987 23.6621C3.70272 23.8719 4.09832 23.9289 4.46964 23.8204C4.84096 23.712 5.15759 23.4471 5.34987 23.084L6.45987 20.9021C6.50376 20.8192 6.52686 20.7252 6.52686 20.6294C6.52686 20.5337 6.50376 20.4397 6.45987 20.3567C6.40878 20.2774 6.33923 20.2143 6.25838 20.1741C6.17752 20.1338 6.08829 20.1178 5.99987 20.1276H3.85987Z" fill="white"/><path d="M15.2 0.883811C15.0335 0.77597 14.8488 0.705875 14.6568 0.677715C14.4649 0.649557 14.2698 0.663913 14.0831 0.719927C13.8964 0.775939 13.7219 0.87246 13.5702 1.00371C13.4185 1.13496 13.2925 1.29826 13.2 1.48381L12 3.86199L10.77 1.48381C10.5817 1.1207 10.2689 0.854075 9.90037 0.742576C9.53186 0.631078 9.13785 0.683843 8.805 0.889265C8.47215 1.09468 8.22774 1.43594 8.12554 1.83795C8.02333 2.23996 8.0717 2.66979 8.26 3.0329L10.34 7.05836L6.05 15.3493H1.44C1.05809 15.3493 0.691819 15.5148 0.421766 15.8093C0.151714 16.104 0 16.5036 0 16.9202C0 17.3368 0.151714 17.7364 0.421766 18.031C0.691819 18.3256 1.05809 18.4911 1.44 18.4911H13.69C13.7777 18.4928 13.8641 18.4683 13.9399 18.4202C14.0157 18.3721 14.078 18.3023 14.12 18.2184C14.164 18.1374 14.1872 18.0452 14.1872 17.9511C14.1872 17.857 14.164 17.7647 14.12 17.6838L13.06 15.622C13.0155 15.5379 12.9513 15.4683 12.874 15.4204C12.7966 15.3724 12.7089 15.3479 12.62 15.3493H9.36L15.74 3.0329C15.8345 2.85327 15.8955 2.65503 15.9195 2.44959C15.9434 2.24414 15.9299 2.03556 15.8798 1.83583C15.8296 1.63609 15.7437 1.44915 15.627 1.28577C15.5104 1.12238 15.3652 0.98578 15.2 0.883811Z" fill="white"/><path d="M23.9999 16.9203C24.0012 16.7136 23.9648 16.5086 23.8929 16.3174C23.8211 16.1261 23.715 15.9524 23.5811 15.8063C23.4471 15.6601 23.2878 15.5445 23.1125 15.466C22.9372 15.3876 22.7493 15.3479 22.5599 15.3494H17.9999L14.9999 9.55664C14.957 9.47345 14.8945 9.40429 14.8189 9.35633C14.7433 9.30837 14.6573 9.28336 14.5699 9.28391C14.4813 9.28473 14.3944 9.31021 14.3174 9.35795C14.2404 9.40568 14.1758 9.47406 14.1299 9.55664L12.9999 11.6512C12.9558 11.7321 12.9326 11.8244 12.9326 11.9185C12.9326 12.0125 12.9558 12.1048 12.9999 12.1858L18.6499 23.0949C18.7431 23.2746 18.8679 23.4326 19.0171 23.5598C19.1663 23.687 19.337 23.7808 19.5195 23.836C19.7019 23.8912 19.8926 23.9067 20.0805 23.8815C20.2685 23.8564 20.45 23.7911 20.6149 23.6894C20.7797 23.5876 20.9245 23.4515 21.0411 23.2887C21.1577 23.126 21.2437 22.9397 21.2943 22.7406C21.3449 22.5417 21.3591 22.3336 21.336 22.1286C21.313 21.9236 21.2531 21.7256 21.1599 21.5458L19.5799 18.5021H22.5799C22.96 18.4964 23.3227 18.3268 23.5887 18.0304C23.8547 17.7341 24.0025 17.3351 23.9999 16.9203Z" fill="white"/></g><defs><clipPath id="clip0_905_488"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.front.parcoursup #app .btn-secondary.btn-appstore::after,
.front.parcoursup #app .btn-secondary.btn-appstore::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_905_488)"><path d="M3.85987 20.1276C3.77117 20.1269 3.68404 20.1531 3.60813 20.2032C3.53223 20.2533 3.47053 20.3253 3.42987 20.4112L2.83987 21.5021C2.64759 21.8653 2.59541 22.2969 2.6948 22.7019C2.7942 23.107 3.03703 23.4525 3.36987 23.6621C3.70272 23.8719 4.09832 23.9289 4.46964 23.8204C4.84096 23.712 5.15759 23.4471 5.34987 23.084L6.45987 20.9021C6.50376 20.8192 6.52686 20.7252 6.52686 20.6294C6.52686 20.5337 6.50376 20.4397 6.45987 20.3567C6.40878 20.2774 6.33923 20.2143 6.25838 20.1741C6.17752 20.1338 6.08829 20.1178 5.99987 20.1276H3.85987Z" fill="black"/><path d="M15.2 0.883811C15.0335 0.77597 14.8488 0.705875 14.6568 0.677715C14.4649 0.649557 14.2698 0.663913 14.0831 0.719927C13.8964 0.775939 13.7219 0.87246 13.5702 1.00371C13.4185 1.13496 13.2925 1.29826 13.2 1.48381L12 3.86199L10.77 1.48381C10.5817 1.1207 10.2689 0.854075 9.90037 0.742576C9.53186 0.631078 9.13785 0.683843 8.805 0.889265C8.47215 1.09468 8.22774 1.43594 8.12554 1.83795C8.02333 2.23996 8.0717 2.66979 8.26 3.0329L10.34 7.05836L6.05 15.3493H1.44C1.05809 15.3493 0.691819 15.5148 0.421766 15.8093C0.151714 16.104 0 16.5036 0 16.9202C0 17.3368 0.151714 17.7364 0.421766 18.031C0.691819 18.3256 1.05809 18.4911 1.44 18.4911H13.69C13.7777 18.4928 13.8641 18.4683 13.9399 18.4202C14.0157 18.3721 14.078 18.3023 14.12 18.2184C14.164 18.1374 14.1872 18.0452 14.1872 17.9511C14.1872 17.857 14.164 17.7647 14.12 17.6838L13.06 15.622C13.0155 15.5379 12.9513 15.4683 12.874 15.4204C12.7966 15.3724 12.7089 15.3479 12.62 15.3493H9.36L15.74 3.0329C15.8345 2.85327 15.8955 2.65503 15.9195 2.44959C15.9434 2.24414 15.9299 2.03556 15.8798 1.83583C15.8296 1.63609 15.7437 1.44915 15.627 1.28577C15.5104 1.12238 15.3652 0.98578 15.2 0.883811Z" fill="black"/><path d="M23.9999 16.9203C24.0012 16.7136 23.9648 16.5086 23.8929 16.3174C23.8211 16.1261 23.715 15.9524 23.5811 15.8063C23.4471 15.6601 23.2878 15.5445 23.1125 15.466C22.9372 15.3876 22.7493 15.3479 22.5599 15.3494H17.9999L14.9999 9.55664C14.957 9.47345 14.8945 9.40429 14.8189 9.35633C14.7433 9.30837 14.6573 9.28336 14.5699 9.28391C14.4813 9.28473 14.3944 9.31021 14.3174 9.35795C14.2404 9.40568 14.1758 9.47406 14.1299 9.55664L12.9999 11.6512C12.9558 11.7321 12.9326 11.8244 12.9326 11.9185C12.9326 12.0125 12.9558 12.1048 12.9999 12.1858L18.6499 23.0949C18.7431 23.2746 18.8679 23.4326 19.0171 23.5598C19.1663 23.687 19.337 23.7808 19.5195 23.836C19.7019 23.8912 19.8926 23.9067 20.0805 23.8815C20.2685 23.8564 20.45 23.7911 20.6149 23.6894C20.7797 23.5876 20.9245 23.4515 21.0411 23.2887C21.1577 23.126 21.2437 22.9397 21.2943 22.7406C21.3449 22.5417 21.3591 22.3336 21.336 22.1286C21.313 21.9236 21.2531 21.7256 21.1599 21.5458L19.5799 18.5021H22.5799C22.96 18.4964 23.3227 18.3268 23.5887 18.0304C23.8547 17.7341 24.0025 17.3351 23.9999 16.9203Z" fill="black"/></g><defs><clipPath id="clip0_905_488"><rect width="24" height="24" fill="black"/></clipPath></defs></svg>');
}

.front.parcoursup #app .btn-primary.btn-playstore::after,
.front.parcoursup #app .btn-primary.btn-playstore::before,
.front.parcoursup #app .btn-secondary:hover.btn-playstore::after,
.front.parcoursup #app .btn-secondary:hover.btn-playstore::before,
.front.parcoursup #app .btn-secondary:focus.btn-playstore::after,
.front.parcoursup #app .btn-secondary:focus.btn-playstore::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.0003 9.3811L20.1303 8.46284C20.0404 8.41833 19.9395 8.40347 19.8413 8.42025C19.743 8.43703 19.652 8.48464 19.5803 8.55675L16.7503 11.3219C16.7004 11.3719 16.6605 11.4319 16.633 11.4982C16.6055 11.5644 16.591 11.6358 16.5903 11.708C16.59 11.7789 16.6041 11.849 16.6317 11.9138C16.6593 11.9786 16.6997 12.0365 16.7503 12.0837L19.6203 14.8802C19.6924 14.952 19.784 14.9985 19.8826 15.0134C19.9811 15.0285 20.0817 15.011 20.1703 14.9637L22.0003 14.0976C22.4317 13.8894 22.797 13.5568 23.053 13.1388C23.3091 12.7209 23.4451 12.2353 23.4451 11.7393C23.4451 11.2434 23.3091 10.7577 23.053 10.3399C22.797 9.92198 22.4317 9.58929 22.0003 9.3811Z" fill="white"/><path d="M2.6101 22.988L13.7301 12.1045C13.7803 12.0549 13.8203 11.995 13.8477 11.9286C13.875 11.8622 13.8891 11.7908 13.8891 11.7185C13.8891 11.6462 13.875 11.5748 13.8477 11.5084C13.8203 11.442 13.7803 11.3821 13.7301 11.3324L2.5001 0.511536C2.23758 0.569225 1.987 0.675228 1.7601 0.824579C1.40475 1.06 1.11212 1.38524 0.909339 1.77012C0.706557 2.15501 0.600189 2.5871 0.600098 3.02631V20.4524C0.600189 20.8917 0.706557 21.3237 0.909339 21.7086C1.11212 22.0934 1.40475 22.4187 1.7601 22.6541C2.02171 22.8182 2.30972 22.9314 2.6101 22.988Z" fill="white"/><path d="M17.7901 8.12875C17.8483 8.06802 17.8922 7.99396 17.9182 7.91245C17.9443 7.83094 17.9518 7.74422 17.9401 7.65918C17.926 7.57631 17.8933 7.4981 17.8446 7.43098C17.7959 7.36387 17.7327 7.30975 17.6601 7.27309L5.6001 1.36701L14.8701 10.3096C14.9642 10.3998 15.0873 10.4499 15.2151 10.4499C15.3429 10.4499 15.466 10.3998 15.5601 10.3096L17.7901 8.12875Z" fill="white"/><path d="M15.5703 13.1169C15.4762 13.0268 15.3531 12.9767 15.2253 12.9767C15.0975 12.9767 14.9744 13.0268 14.8803 13.1169L5.80029 22.0178L17.7303 16.1743C17.8041 16.1366 17.8681 16.0809 17.9169 16.012C17.9657 15.9429 17.9977 15.8625 18.0103 15.7778C18.0225 15.6935 18.0142 15.6072 17.9862 15.527C17.9583 15.4468 17.9116 15.3752 17.8503 15.3187L15.5703 13.1169Z" fill="white"/></svg>');
}

.front.parcoursup #app .btn-secondary.btn-playstore::after,
.front.parcoursup #app .btn-secondary.btn-playstore::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.0003 9.3811L20.1303 8.46284C20.0404 8.41833 19.9395 8.40347 19.8413 8.42025C19.743 8.43703 19.652 8.48464 19.5803 8.55675L16.7503 11.3219C16.7004 11.3719 16.6605 11.4319 16.633 11.4982C16.6055 11.5644 16.591 11.6358 16.5903 11.708C16.59 11.7789 16.6041 11.849 16.6317 11.9138C16.6593 11.9786 16.6997 12.0365 16.7503 12.0837L19.6203 14.8802C19.6924 14.952 19.784 14.9985 19.8826 15.0134C19.9811 15.0285 20.0817 15.011 20.1703 14.9637L22.0003 14.0976C22.4317 13.8894 22.797 13.5568 23.053 13.1388C23.3091 12.7209 23.4451 12.2353 23.4451 11.7393C23.4451 11.2434 23.3091 10.7577 23.053 10.3399C22.797 9.92198 22.4317 9.58929 22.0003 9.3811Z" fill="black"/><path d="M2.6101 22.988L13.7301 12.1045C13.7803 12.0549 13.8203 11.995 13.8477 11.9286C13.875 11.8622 13.8891 11.7908 13.8891 11.7185C13.8891 11.6462 13.875 11.5748 13.8477 11.5084C13.8203 11.442 13.7803 11.3821 13.7301 11.3324L2.5001 0.511536C2.23758 0.569225 1.987 0.675228 1.7601 0.824579C1.40475 1.06 1.11212 1.38524 0.909339 1.77012C0.706557 2.15501 0.600189 2.5871 0.600098 3.02631V20.4524C0.600189 20.8917 0.706557 21.3237 0.909339 21.7086C1.11212 22.0934 1.40475 22.4187 1.7601 22.6541C2.02171 22.8182 2.30972 22.9314 2.6101 22.988Z" fill="black"/><path d="M17.7901 8.12875C17.8483 8.06802 17.8922 7.99396 17.9182 7.91245C17.9443 7.83094 17.9518 7.74422 17.9401 7.65918C17.926 7.57631 17.8933 7.4981 17.8446 7.43098C17.7959 7.36387 17.7327 7.30975 17.6601 7.27309L5.6001 1.36701L14.8701 10.3096C14.9642 10.3998 15.0873 10.4499 15.2151 10.4499C15.3429 10.4499 15.466 10.3998 15.5601 10.3096L17.7901 8.12875Z" fill="black"/><path d="M15.5703 13.1169C15.4762 13.0268 15.3531 12.9767 15.2253 12.9767C15.0975 12.9767 14.9744 13.0268 14.8803 13.1169L5.80029 22.0178L17.7303 16.1743C17.8041 16.1366 17.8681 16.0809 17.9169 16.012C17.9657 15.9429 17.9977 15.8625 18.0103 15.7778C18.0225 15.6935 18.0142 15.6072 17.9862 15.527C17.9583 15.4468 17.9116 15.3752 17.8503 15.3187L15.5703 13.1169Z" fill="black"/></svg>');
}

.front.parcoursup #app .btn-primary.btn-join::after,
.front.parcoursup #app .btn-primary.btn-join::before,
.front.parcoursup #app .btn-secondary:hover.btn-join::after,
.front.parcoursup #app .btn-secondary:hover.btn-join::before,
.front.parcoursup #app .btn-secondary:focus.btn-join::after,
.front.parcoursup #app .btn-secondary:focus.btn-join::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.369 10.1834L8.6752 13.8771C7.99929 14.553 7.99929 15.6489 8.6752 16.3248V16.3248C9.35111 17.0007 10.447 17.0007 11.1229 16.3248L17.5313 9.91635C18.748 8.69971 18.748 6.72716 17.5313 5.51053V5.51053C16.3147 4.29389 14.3422 4.29389 13.1255 5.51053L6.4896 12.1465C4.73224 13.9038 4.73224 16.7531 6.4896 18.5104V18.5104C8.24696 20.2678 11.0962 20.2678 12.8536 18.5104L16.7748 14.5892" stroke="white" stroke-width="1.5" stroke-linecap="round"/></svg>');
}

.front.parcoursup #app .btn-secondary.btn-join::after,
.front.parcoursup #app .btn-secondary.btn-join::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.369 10.1834L8.6752 13.8771C7.99929 14.553 7.99929 15.6489 8.6752 16.3248V16.3248C9.35111 17.0007 10.447 17.0007 11.1229 16.3248L17.5313 9.91635C18.748 8.69971 18.748 6.72716 17.5313 5.51053V5.51053C16.3147 4.29389 14.3422 4.29389 13.1255 5.51053L6.4896 12.1465C4.73224 13.9038 4.73224 16.7531 6.4896 18.5104V18.5104C8.24696 20.2678 11.0962 20.2678 12.8536 18.5104L16.7748 14.5892" stroke="black" stroke-width="1.5" stroke-linecap="round"/></svg>');
}

.front.parcoursup #app .btn-primary.btn-cross::after,
.front.parcoursup #app .btn-primary.btn-cross::before,
.front.parcoursup #app .btn-secondary:hover.btn-cross::after,
.front.parcoursup #app .btn-secondary:hover.btn-cross::before,
.front.parcoursup #app .btn-secondary:focus.btn-cross::after,
.front.parcoursup #app .btn-secondary:focus.btn-cross::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L12 12M6 18L12 12M12 12L6 6M12 12L18 18" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.front.parcoursup #app .btn-secondary.btn-cross::after,
.front.parcoursup #app .btn-secondary.btn-cross::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L12 12M6 18L12 12M12 12L6 6M12 12L18 18" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

@media (min-width: 576px) {
  .front.parcoursup #app .btn-lg,
  .front.parcoursup #app .btn-xl {
    --pa-btn-padding-x: 2rem;
  }
}

/* Alert messages */

.front.parcoursup #app .alert {
  --pa-alert-padding-x: 0.75rem;
  --pa-alert-padding-y: 0.625rem;
  --pa-alert-padding-icon: 2.625rem;
  --pa-alert-color: var(--pa-color-orange);
  --pa-alert-bg-color: rgba(var(--pa-color-orange-rgb), 0.1);
  --pa-alert-line-height: 165%;
  --pa-alert-min-height: 2.75rem;
  display: inline-block;
  font-family: var(--pa-font-alternate);
  font-weight: 400;
  border-radius: 0.25rem;
  padding: var(--pa-alert-padding-y) var(--pa-alert-padding-x);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: var(--pa-alert-line-height);
  letter-spacing: normal;
  color: var(--pa-alert-color);
  background: var(--pa-alert-bg-color);
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  break-inside: avoid;
}

.front.parcoursup #app .alert.warning,
.front.parcoursup #app .alert.locked {
  --pa-alert-color: var(--pa-color-orange);
  --pa-alert-bg-color: rgba(var(--pa-color-orange-rgb), 0.1);
}

.front.parcoursup #app .alert.success {
  --pa-alert-color: var(--pa-color-green);
  --pa-alert-bg-color: rgba(var(--pa-color-green-rgb), 0.1);
}

.front.parcoursup #app .alert-toggle.warning {
  --pa-alert-color: var(--pa-color-orange);
  --pa-alert-bg-color: rgba(var(--pa-color-orange-rgb), 0.1);
  border: 1px solid var(--pa-alert-color);
}

.front.parcoursup #app .alert-toggle.valid {
  --pa-alert-color: var(--pa-color-dark);
  --pa-alert-bg-color: var(--pa-color-pale-green);
}

.front.parcoursup #app .alert > *:last-child {
  margin-bottom: 0;
}

.front.parcoursup #app .alert.icon {
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: var(--pa-alert-padding-x) var(--pa-alert-padding-y);
  padding-left: var(--pa-alert-padding-icon);
  padding-top: var(--pa-alert-padding-y);
  min-height: var(--pa-alert-min-height);
  justify-content: center;
}

.front.parcoursup #app .alert.alert-lg.icon {
  padding-left: var(--pa-alert-padding-x);
  padding-top: var(--pa-alert-padding-icon);
}

.front.parcoursup #app .alert.warning.icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_757_1744)"><path d="M12.0003 7.22338V12.3978M12.0003 16.7762C11.7805 16.7762 11.6023 16.598 11.6023 16.3782C11.6023 16.1584 11.7805 15.9802 12.0003 15.9802M12.0003 16.7762C12.2201 16.7762 12.3983 16.598 12.3983 16.3782C12.3983 16.1584 12.2201 15.9802 12.0003 15.9802M12.0003 16.7762V15.9802M12.0003 22.3487C17.7159 22.3487 22.3492 17.7154 22.3492 11.9998C22.3492 6.28425 17.7159 1.65088 12.0003 1.65088C6.28474 1.65088 1.65137 6.28425 1.65137 11.9998C1.65137 17.7154 6.28474 22.3487 12.0003 22.3487Z" stroke="%23FB4C0D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_757_1744"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.front.parcoursup #app .alert.success.icon {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_834_2939)"><path d="M16.6436 8.41773L10.275 16.3784L7.09073 13.9902M11.9993 22.349C17.715 22.349 22.3482 17.7157 22.3482 12.0001C22.3482 6.2845 17.715 1.65112 11.9993 1.65112C6.28377 1.65112 1.65039 6.2845 1.65039 12.0001C1.65039 17.7157 6.28377 22.349 11.9993 22.349Z" stroke="%2314AE5C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_834_2939"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.front.parcoursup #app .alert.locked.icon {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5725 9.61159V7.22338C17.5725 5.74546 16.9854 4.32807 15.9403 3.28303C14.8953 2.23798 13.4779 1.65088 12 1.65088C10.522 1.65088 9.10464 2.23798 8.0596 3.28303C7.01455 4.32807 6.42745 5.74546 6.42745 7.22338V9.61159M19.1646 9.61159H4.83531C3.956 9.61159 3.24316 10.3244 3.24316 11.2037V20.7566C3.24316 21.6359 3.956 22.3487 4.83531 22.3487H19.1646C20.0439 22.3487 20.7567 21.6359 20.7567 20.7566V11.2037C20.7567 10.3244 20.0439 9.61159 19.1646 9.61159ZM12 16.7762C12.4396 16.7762 12.796 16.4198 12.796 15.9802C12.796 15.5405 12.4396 15.1841 12 15.1841C11.5603 15.1841 11.2039 15.5405 11.2039 15.9802C11.2039 16.4198 11.5603 16.7762 12 16.7762Z" stroke="%23FB4C0D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.front.parcoursup #app .alert.alert-sm {
  --pa-alert-padding-x: 0.75rem;
  --pa-alert-padding-y: 0.5rem;
  --pa-alert-padding-icon: 2.625rem;
  --pa-alert-min-height: 2.5rem;
  --pa-alert-line-height: 115%;
}

.front.parcoursup #app .alert.alert-lg {
  --pa-alert-padding-x: 1rem;
  --pa-alert-padding-y: 1rem;
  --pa-alert-padding-icon: 3.5rem;
}

.front.parcoursup #app .alert.alert-toggle {
  --pa-alert-padding-x: 1rem;
  --pa-alert-padding-y: 0.75rem;
  --pa-alert-padding-icon: 3.5rem;
  font-size: 1.125rem;
  font-family: var(--pa-font-serif);
}

.front.parcoursup #app .accordion-body:not(.entrainement) .alert:not(.alert-lg) {
  --pa-alert-line-height: 115%;
  align-self: flex-start;
}

.front.parcoursup #app .accordion-body.entrainement .alert.icon,
.front.parcoursup #app .block-parcoursup.amenagements .alert.icon {
  background-position: var(--pa-alert-padding-x) center;
}

.front.parcoursup #app .accordion-body .alert.alert-lg {
  --pa-alert-padding-x: 1rem;
  --pa-alert-padding-y: 1rem;
  --pa-alert-padding-icon: 3.5rem;
}

.front.parcoursup #app .block-videos-item .alert.locked.icon {
  text-align: left;
}

@media (min-width: 576px) {
  .front.parcoursup #app .alert.alert-lg.icon {
    padding-left: var(--pa-alert-padding-icon);
    padding-top: var(--pa-alert-padding-y);
  }

  .front.parcoursup #app .accordion-body .alert.icon {
    background-position: var(--pa-alert-padding-x) center;
  }
}

@media (min-width: 768px) {
  .front.parcoursup #app .accordion-body .alert:not(.alert-lg) {
    --pa-alert-line-height: 165%;
  }

  .front.parcoursup #app .alert.alert-lg {
    --pa-alert-padding-x: 1.5rem;
    --pa-alert-padding-y: 1.5rem;
    --pa-alert-padding-icon: 4rem;
  }

  .front.parcoursup #app .accordion-body .alert.alert-lg {
    --pa-alert-padding-x: 1rem;
    --pa-alert-padding-y: 2rem;
    --pa-alert-padding-icon: 3.5rem;
  }
}

/* Utils */

.front.parcoursup #app .visually-hidden {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.front.parcoursup #app .visually-hidden:not(caption) {
  position: absolute !important;
}

.front.parcoursup #app .bold {
  font-weight: 700;
}

.front.parcoursup #app .lead {
  font-size: 1.125rem;
}

.front.parcoursup #app .lead-2 {
  font-size: 1.375rem;
  line-height: 125%;
  letter-spacing: -0.44px;
}

.front.parcoursup #app .fade {
  transition: opacity 0.3s ease-out;
}

.front.parcoursup #app hr {
  opacity: 1;
  color: #f2e6ff;
}

.front.parcoursup #app .btn-close {
  align-self: flex-start;
  background-color: transparent;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="white"/><rect x="4.92871" y="6.34326" width="2" height="18" transform="rotate(-45 4.92871 6.34326)" fill="%23222222"/><rect x="17.6572" y="4.92896" width="2" height="18" transform="rotate(45 17.6572 4.92896)" fill="%23222222"/></svg>');
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 1.5rem 1.5rem;
  padding-left: 2rem;
  border: none;
}

.front.parcoursup #app .shadow {
  box-shadow: 0px 4px 0px 0px rgba(var(--pa-color-black-rgb), 0.07);
}

.front.parcoursup #app .w-100 {
  width: 100%;
}

.front.parcoursup #app .text-center {
  text-align: center;
}

/* Links */

.front.parcoursup #app a:not(.btn) {
  color: inherit;
  transition: color 0.3s ease-out, border-color 0.3s ease-out;
}

.front.parcoursup #app a:not(.btn):hover,
.front.parcoursup #app a:not(.btn):focus {
  color: var(--pa-color-orange);
}

.front.parcoursup #app .link {
  position: relative;
  text-decoration: none;
  gap: 8px;
  align-self: flex-start;
  font-size: 1rem;
  letter-spacing: -0.33px;
}

.front.parcoursup #app .link.has-icon {
  margin-right: 1.5rem;
}

.front.parcoursup #app .link-sm {
  font-size: 0.875rem;
  letter-spacing: -0.28px;
}

.front.parcoursup #app .link-lg {
  font-size: 1.125rem;
  letter-spacing: -0.36px;
}

.front.parcoursup #app .link > span {
  position: relative;
  display: inline;
  line-height: 180%;
  padding: 3px 0;
  border-bottom: 1px solid rgba(var(--pa-color-dark-rgb), 0.25);
  transition: 0.3s ease-out;
}

.front.parcoursup #app .link .icon {
  position: absolute;
  margin-left: 0.25rem;
}

.front.parcoursup #app .link .icon-ext {
  vertical-align: top;
}

.front.parcoursup #app .link > .icon path,
.front.parcoursup #app .link > .icon path {
  stroke: var(--pa-color-dark);
  transition: 0.3s ease-out;
}

.front.parcoursup #app .link:hover,
.front.parcoursup #app .link:focus-visible {
  color: var(--pa-color-orange);
}

.front.parcoursup #app .link:hover > span,
.front.parcoursup #app .link:focus-visible > span {
  border-bottom-color: var(--pa-color-orange);
}

.front.parcoursup #app .link:hover > .icon path,
.front.parcoursup #app .link:focus-visible > .icon path {
  stroke: var(--pa-color-orange);
}

.front.parcoursup #app .link.link-ext-2 span::before,
.front.parcoursup #app .link.link-ext-2 span::after {
  content: "";
  display: inline-block;
  width: 0.625rem;
  height: 1rem;
  background-position: center;
  background-repeat: no-repeat;
}

.front.parcoursup #app .link.link-ext-2 span::after {
  background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.48269 0.38628L9.61372 1.51731C8.6712 2.45983 8.86897 5.27812 10 6.40915L8.6712 7.73795C8.6712 7.73795 6.59765 5.28739 7.76793 3.36309L1.13103 10L0 8.86897L6.63691 2.23207C4.71261 3.40235 2.26205 1.3288 2.26205 1.3288L3.59085 0C4.72188 1.13103 7.54017 1.3288 8.48269 0.38628Z" fill="%231D1D1B"/></svg>');
  margin-left: 0.25rem;
}

.front.parcoursup #app .link.link-ext-2 span::before {
  position: absolute;
  right: 0;
  bottom: 7px;
  background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.48269 0.38628L9.61372 1.51731C8.6712 2.45983 8.86897 5.27812 10 6.40915L8.6712 7.73795C8.6712 7.73795 6.59765 5.28739 7.76793 3.36309L1.13103 10L0 8.86897L6.63691 2.23207C4.71261 3.40235 2.26205 1.3288 2.26205 1.3288L3.59085 0C4.72188 1.13103 7.54017 1.3288 8.48269 0.38628Z" fill="%23FB4C0D"/></svg>');
  opacity: 0;
  z-index: 1;
  transition: opacity 0.3s ease-out;
}

.front.parcoursup #app .link.link-ext-2:hover span::after,
.front.parcoursup #app .link.link-ext-2:focus span::after {
  opacity: 0;
  transition: opacity 0s normal 0.3s;
}

.front.parcoursup #app .link.link-ext-2:hover span::before,
.front.parcoursup #app .link.link-ext-2:focus span::before {
  opacity: 1;
}

/* Tooltips */

.front.parcoursup .tooltip {
  z-index: 999;
  display: block;
  font-family: var(--pa-font-serif);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  word-wrap: break-word;
  opacity: 0;
  border-radius: 0.5rem;
  border: 1px solid var(--pa-color-dark);
  color: var(--pa-color-dark);
  background-color: var(--pa-color-white);
  box-shadow: 0px 4px 4px 0px rgba(var(--pa-color-black-rgb), 0.25);
  max-width: 297px;
  width: auto;
  padding: 0.75rem 1rem;
  transition: opacity 0.3s ease-out;
}

.front.parcoursup .tooltip.show {
  opacity: 1;
}

/* Checked list */

.front.parcoursup #app .checked-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem;
  font-size: 0.875rem;
  line-height: 150%;
}

.front.parcoursup #app .checked-item {
  padding-left: 1.5rem;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7285 4.40273C15.2481 3.86576 16.0906 3.86576 16.6103 4.40273C17.1299 4.9397 17.1299 5.8103 16.6103 6.34727L8.62642 14.5973C8.10677 15.1342 7.26426 15.1342 6.74461 14.5973L3.38974 11.1306C2.87009 10.5936 2.87009 9.72298 3.38974 9.18601C3.90938 8.64904 4.7519 8.64904 5.27155 9.18601L7.68552 11.6805L14.7285 4.40273Z" fill="%2314AE5C"/></svg>');
  background-repeat: no-repeat;
  background-position: left center;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

/***** Forms *****/

.front.parcoursup #app .form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.front.parcoursup #app .form > * {
  margin-bottom: 0;
}

.front.parcoursup #app .form .alert {
  align-self: flex-start;
}

.front.parcoursup #app .form-section {
  max-width: 492px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.front.parcoursup #app .form-group {
  max-width: 492px;
  margin-bottom: 1.125rem;
  position: relative;
}

.front.parcoursup #app .form-label {
  margin-bottom: 0.5rem;
}

.front.parcoursup #app .form-control,
.front.parcoursup #app .form-select {
  --pa-text-color: var(--pa-color-dark);
  --pa-border-color: var(--pa-color-grey-300);
  display: block;
  width: 100%;
  padding: 1.125rem 1.5rem;
  font-family: var(--pa-font-serif);
  font-size: 1rem;
  font-weight: 500;
  line-height: 148%;
  color: var(--pa-text-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--pa-color-white);
  background-clip: padding-box;
  border: var(--pa-form-border-width) solid var(--pa-border-color);
  border-radius: var(--pa-form-border-radius);
  outline: 0;
  transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.form-select {
  --bs-form-select-bg-img: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0002 15.4999C11.7344 15.5015 11.4789 15.3971 11.2902 15.2099L7.29019 11.2099C6.89806 10.8178 6.89806 10.1821 7.29019 9.78994C7.68231 9.39782 8.31807 9.39782 8.71019 9.78994L12.0002 13.0999L15.3002 9.91994V9.91994C15.6695 9.50929 16.3018 9.47578 16.7124 9.84508C17.1231 10.2144 17.1566 10.8467 16.7873 11.2573C16.7542 11.2941 16.7184 11.3284 16.6802 11.3599L12.6802 15.2199C12.4973 15.3963 12.2542 15.4964 12.0002 15.4999L12.0002 15.4999Z" fill="%231D1D1B"/></svg>');
  padding: 1.25rem 2.5rem 0.75rem 1.25rem;
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 24px;
}

.front.parcoursup #app .form-control::placeholder {
  color: var(--pa-color-dark);
  opacity: 0.2;
}

.front.parcoursup #app .form-control:disabled,
.front.parcoursup #app .form-control.disabled,
.front.parcoursup #app .form-select:disabled,
.front.parcoursup #app .form-select.disabled {
  opacity: 0.5;
}

.front.parcoursup #app .form-control:disabled + .show-password,
.front.parcoursup #app .form-control.disabled + .show-password {
  opacity: 0.5;
  pointer-events: none;
}

.front.parcoursup #app .form-control:not(.invalid, .disabled, :disabled):hover,
.front.parcoursup #app .form-control:not(.invalid, .disabled, :disabled):focus,
.front.parcoursup #app .form-control:not(.invalid, .disabled, :disabled):valid,
.front.parcoursup #app .form-select:not(.invalid, .disabled, :disabled):hover,
.front.parcoursup #app .form-select:not(.invalid, .disabled, :disabled):focus {
  color: var(--pa-color-dark);
  background-color: var(--pa-color-white);
  border-color: var(--pa-color-dark);
}

.front.parcoursup #app .form-floating {
  position: relative;
  margin-top: 1.125rem;
}

.front.parcoursup #app .form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  padding: 1rem 1.25rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--pa-form-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.front.parcoursup #app .form-floating label:first-child,
.front.parcoursup #app .form-label {
  color: var(--pa-color-black);
  font-size: 1.5rem;
  letter-spacing: 0.48px;
  font-weight: 700;
  line-height: 120%;
  font-family: var(--pa-font-sans-serif);
}

.front.parcoursup #app .form-floating > label:first-child {
  transform: translateY(-2rem) translateX(0.15rem);
}

.front.parcoursup #app .form-floating > label:first-child::after {
  position: absolute;
  inset: 0.875rem 0.875rem;
  z-index: -1;
  height: 1.25em;
  content: "";
  background-color: var(--pa-color-white);
  border-radius: var(--pa-form-border-radius);
}

.front.parcoursup #app .block-cerise .form-floating > label:first-child::after {
  background-color: var(--pa-color-cerise);
}

.front.parcoursup #app .block-doly .form-floating > label:first-child::after {
  background-color: var(--pa-color-doly);
}

.front.parcoursup #app .block-pale-green .form-floating > label:first-child::after {
  background-color: var(--pa-color-pale-green-15-100);
}

.front.parcoursup #app .form-floating > .form-control,
.front.parcoursup #app .form-floating > .form-select {
  height: auto;
  min-height: calc(3rem + calc(var(--pa-form-border-width) * 2));
  line-height: 1.25;
}

.front.parcoursup #app .form-floating > .form-control {
  padding: 1.25rem 1.25rem 1rem;
}

.front.parcoursup #app .form-floating > .form-control:not(:first-child),
.front.parcoursup #app .form-floating > .form-select:not(:first-child) {
  padding-top: 1.25rem;
  padding-bottom: 1rem;
}

.front.parcoursup #app .form-help,
.front.parcoursup #app .form-text {
  font-family: var(--pa-font-alternate);
  font-size: 0.875rem;
  font-style: italic;
  font-weight: 400;
  line-height: 165%;
  color: rgba(var(--pa-color-black-rgb), 0.5);
  margin-bottom: 0;
}

.front.parcoursup #app .form-control.invalid {
  --pa-text-color: var(--pa-color-orange);
  --pa-border-color: var(--pa-color-orange);
}

.front #app .oscar_input_required {
  margin-bottom: 2.5rem;
}

.front #app .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.front #app .is-invalid~.invalid-feedback,
.front #app .is-invalid~.invalid-tooltip,
.front #app .was-validated :invalid~.invalid-feedback,
.front #app .was-validated :invalid~.invalid-tooltip {
  display: block;
}

.front #app .form-control.is-invalid,
.front #app .was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.front #app .form-select.is-invalid,
.front #app .was-validated .form-select:invalid {
  border-color: var(--bs-form-invalid-border-color);
}

.front #app .form-check-input.is-invalid,
.front #app .was-validated .form-check-input:invalid {
  border-color: var(--bs-form-invalid-border-color) !important;
}

.front #app .form-check-input.is-invalid ~ .form-check-label,
.front #app .was-validated .form-check-input:invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color) !important;
}

.front #app .form-mention {
  background: var(--pa-color-lighter-blue);
  padding: 1.25rem 1.5rem;
  border-radius: 0.375rem;
}

.front #app .form-mention > *:last-child {
  margin-bottom: 0;
}

/* Password input */

.front.parcoursup #app .form-group.password .form-control {
  padding-right: 3.75rem;
}

.front.parcoursup #app .show-password {
  position: absolute;
  right: 1.375rem;
  bottom: 1.125rem;
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  z-index: 1;
}

.front.parcoursup #app .show-password.on {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.4101 18L20.7101 19.29L20.7159 19.2958C21.1048 19.6879 21.1022 20.3211 20.7101 20.71L20.7043 20.7158C20.3121 21.1047 19.679 21.1021 19.2901 20.71L16.5901 18L16.0001 17.41L14.6601 16.07L14.5901 16L12.0842 13.4976C11.6728 13.5206 11.2537 13.3749 10.9394 13.0606C10.6257 12.7468 10.48 12.3286 10.5023 11.9179L7.28007 8.7L5.53007 7L3.29007 4.71C2.89794 4.31788 2.89794 3.68212 3.29007 3.29C3.68219 2.89788 4.31794 2.89788 4.71007 3.29L6.42007 5L7.89007 6.47L11.918 10.5022C12.3288 10.4798 12.747 10.6255 13.0608 10.9393C13.3749 11.2535 13.5206 11.6723 13.4978 12.0836L17.4101 16L19.4101 18ZM8.59007 5.76L11.3901 8.56C11.5916 8.5247 11.7955 8.50464 12.0001 8.5C13.9331 8.5 15.5001 10.067 15.5001 12C15.4954 12.2045 15.4754 12.4085 15.4401 12.61L18.1201 15.29L18.9601 16.13C20.1029 15.0693 21.0834 13.8462 21.8701 12.5C22.0487 12.1906 22.0487 11.8094 21.8701 11.5C21.2301 10.39 17.7101 4.82 11.7301 5C10.6225 5.03285 9.52931 5.25962 8.50007 5.67L8.59007 5.76ZM14.0001 16.78L15.2901 18.12L15.5001 18.33C14.4708 18.7404 13.3776 18.9672 12.2701 19H12.0201C6.13007 19 2.76007 13.59 2.13007 12.5C1.95144 12.1906 1.95144 11.8094 2.13007 11.5C2.90448 10.1564 3.8714 8.93348 5.00007 7.87001L6.56007 9.39001L8.56007 11.39C8.52476 11.5915 8.50471 11.7955 8.50007 12C8.50007 12.0168 8.50019 12.0336 8.50043 12.0504C8.52804 13.9832 10.1173 15.5276 12.0501 15.5C12.2546 15.4954 12.4585 15.4753 12.6601 15.44L13.9301 16.71L14.0001 16.78Z" fill="%23102543"/></svg>');
}

.front.parcoursup #app .show-password.off {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.8701 11.5C21.2301 10.39 17.7101 4.81999 11.7301 4.99999C6.20007 5.13999 3.00007 9.99999 2.13007 11.5C1.95144 11.8094 1.95144 12.1906 2.13007 12.5C2.76007 13.59 6.13007 19 12.0201 19H12.2701C17.8001 18.86 21.0101 14 21.8701 12.5C22.0487 12.1906 22.0487 11.8094 21.8701 11.5ZM12.0001 15.5C10.0671 15.5 8.50007 13.933 8.50007 12C8.50007 10.067 10.0671 8.49999 12.0001 8.49999C13.9331 8.49999 15.5001 10.067 15.5001 12C15.5001 13.933 13.9331 15.5 12.0001 15.5ZM13.0608 13.0606C13.6466 12.4748 13.6466 11.5251 13.0608 10.9393C12.475 10.3535 11.5252 10.3535 10.9394 10.9393C10.3537 11.5251 10.3537 12.4748 10.9394 13.0606C11.5252 13.6464 12.475 13.6464 13.0608 13.0606Z" fill="%23102543"/></svg>');
}

/* Prefilled input */

.front.parcoursup #app .create-account .form.prefilled {
  gap: 1.5rem;
}

.front.parcoursup #app .create-account .valid {
  color: var(--pa-color-green);
}

/* Checkboxes & radios */

.front.parcoursup #app .form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.75rem;
  margin-bottom: 0.125rem;
}

.front.parcoursup #app .form-check-input {
  --pa-form-check-bg: var(--pa-color-white);
  --pa-border-color: var(--pa-color-dark);
  --pa-border-width: 2px;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.125rem;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--pa-form-check-bg);
  background-image: var(--pa-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.25rem;
  border: var(--pa-border-width) solid var(--pa-border-color);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
  cursor: pointer;
}

.front.parcoursup #app .form-check .form-check-input {
  float: left;
  margin-left: -1.75rem;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  padding: 0;
}

.front.parcoursup #app .form-check-input:disabled,
.front.parcoursup #app .form-check-input.disabled,
.front.parcoursup #app .form-check-input:disabled + .form-check-label,
.front.parcoursup #app .form-check-input.disabled + .form-check-label {
  opacity: 0.5;
}

.front.parcoursup #app .form-check-input[type="checkbox"] {
  border-radius: 2px;
}

.front.parcoursup #app .form-check-input:checked[type="checkbox"] {
  --pa-form-check-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7285 4.40273C15.2481 3.86576 16.0906 3.86576 16.6103 4.40273C17.1299 4.9397 17.1299 5.8103 16.6103 6.34727L8.62642 14.5973C8.10677 15.1342 7.26426 15.1342 6.74461 14.5973L3.38974 11.1306C2.87009 10.5936 2.87009 9.72298 3.38974 9.18601C3.90938 8.64904 4.7519 8.64904 5.27155 9.18601L7.68552 11.6805L14.7285 4.40273Z" fill="%2314AE5C"/></svg>');
  background-color: transparent;
  border-color: transparent;
}

.front.parcoursup #app .form-check-input[type="radio"] {
  border-radius: 50%;
}

.front.parcoursup #app .form-check-input:checked[type="radio"] {
  --pa-form-check-bg-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_425_3120)"><circle cx="10.0039" cy="10" r="9" stroke="%231D1D1B" stroke-width="2"/><circle cx="10.0039" cy="10" r="6" fill="%231D1D1B"/></g><defs><clipPath id="clip0_425_3120"><rect width="20" height="20" fill="white" transform="translate(0.00390625)"/></clipPath></defs></svg>');
  background-color: transparent;
  border-color: var(--pa-color-dark);
}

.front.parcoursup #app .form-check-label {
  font-family: var(--pa-font-serif);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}

.front.parcoursup #app .form-group.cnil .form-check-label {
  font-weight: 700;
}

.front.parcoursup #app .form-check.check-btn {
  position: relative;
  padding-left: 0;
  margin-bottom: 0;
}

.front.parcoursup #app .form-check.check-btn .form-check-input[type="radio"] {
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0;
  margin-top: 0;
}

.front.parcoursup
  #app
  .form-check.check-btn
  .form-check-input[type="radio"]
  ~ .form-check-label {
  border-radius: 5rem;
}

.front.parcoursup
  #app
  .form-check.check-btn
  .form-check-input:checked[type="radio"] {
  --pa-form-check-bg-image: none;
  background-color: var(--pa-color-white);
  border-width: 0.375rem;
  border-color: var(--pa-color-green);
}

.front.parcoursup #app .form-check.check-btn .form-check-label {
  background-color: var(--pa-color-white);
  padding: 1.5rem;
  padding-left: 3.75rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.16px;
  cursor: pointer;
}

.front.parcoursup #app .form-check.check-btn .form-check-label.amenagement {
  padding-right: 3.5rem;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_994_1094)"><path d="M0.75 12C0.75 14.9837 1.93526 17.8452 4.04505 19.955C6.15483 22.0647 9.01631 23.25 12 23.25C14.9837 23.25 17.8452 22.0647 19.955 19.955C22.0647 17.8452 23.25 14.9837 23.25 12C23.25 9.01631 22.0647 6.15483 19.955 4.04505C17.8452 1.93526 14.9837 0.75 12 0.75C9.01631 0.75 6.15483 1.93526 4.04505 4.04505C1.93526 6.15483 0.75 9.01631 0.75 12Z" fill="%231D1D1B"/><path d="M9.99995 5.5C9.99995 6.03043 10.2107 6.53914 10.5857 6.91421C10.9608 7.28929 11.4695 7.5 12 7.5C12.5304 7.5 13.0391 7.28929 13.4142 6.91421C13.7892 6.53914 14 6.03043 14 5.5C14 4.96957 13.7892 4.46086 13.4142 4.08579C13.0391 3.71071 12.5304 3.5 12 3.5C11.4695 3.5 10.9608 3.71071 10.5857 4.08579C10.2107 4.46086 9.99995 4.96957 9.99995 5.5Z" fill="white"/><path d="M17.053 9.25L12 9.75L6.69995 9.25C6.30213 9.25 5.9206 9.40804 5.63929 9.68934C5.35799 9.97064 5.19995 10.3522 5.19995 10.75C5.19995 11.1478 5.35799 11.5294 5.63929 11.8107C5.9206 12.092 6.30213 12.25 6.69995 12.25L9.75295 12.75V14.619L7.54095 17.3C7.40027 17.4497 7.29183 17.6266 7.22236 17.82C7.15288 18.0133 7.12385 18.2188 7.13706 18.4238C7.15026 18.6287 7.20543 18.8288 7.29914 19.0116C7.39285 19.1944 7.52311 19.356 7.68183 19.4864C7.84056 19.6168 8.02437 19.7132 8.22188 19.7696C8.41938 19.826 8.62638 19.8413 8.83002 19.8144C9.03367 19.7876 9.22963 19.7192 9.40576 19.6135C9.5819 19.5078 9.73444 19.3671 9.85395 19.2L11.954 16.657L13.86 19.157C14.1013 19.4733 14.4584 19.6807 14.8527 19.7337C15.0479 19.7599 15.2464 19.7474 15.4368 19.697C15.6272 19.6465 15.8059 19.559 15.9625 19.4395C16.1191 19.32 16.2506 19.1708 16.3495 19.0005C16.4485 18.8301 16.5129 18.642 16.5391 18.4468C16.5654 18.2515 16.5529 18.053 16.5024 17.8626C16.4519 17.6722 16.3645 17.4936 16.245 17.337L14.245 14.723V12.75L17.045 12.25C17.4428 12.25 17.8243 12.092 18.1056 11.8107C18.3869 11.5294 18.545 11.1478 18.545 10.75C18.545 10.3522 18.3869 9.97064 18.1056 9.68934C17.8243 9.40804 17.4428 9.25 17.045 9.25H17.053Z" fill="white"/></g><defs><clipPath id="clip0_994_1094"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: right 1.5rem center;
}

/* Blocs épreuves écrites */

.front.parcoursup #app .info-exam-center {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.front.parcoursup #app .info-exam-center > * {
  margin-bottom: 0;
}

.front.parcoursup #app .block {
  --pa-block-padding-x: 2rem;
  --pa-block-padding-y: 2rem;
  --pa-block-padding-gap: 1.5rem;
  --pa-block-border-radius: 1rem;
  border-radius: var(--pa-block-border-radius);
  padding: var(--pa-block-padding-y) var(--pa-block-padding-x);
  background-color: var(--pa-color-white);
  display: flex;
  flex-direction: column;
  gap: var(--pa-block-padding-gap);
  height: 100%;
  break-inside: avoid;
}

.front.parcoursup #app .entrainement .block {
  --pa-block-padding-x: 1rem;
  --pa-block-padding-y: 1.5rem;
  --pa-block-padding-gap: 1rem;
}

.front.parcoursup #app .entrainement .block.block-pale-green {
  --pa-block-padding-x: 1rem;
  --pa-block-padding-y: 1rem;
  --pa-block-padding-gap: 2rem;
}

.front.parcoursup #app .block > *,
.front.parcoursup #app .block-headings > *,
.front.parcoursup #app .block-content > *:last-child {
  margin-bottom: 0;
}

.front.parcoursup #app .block-headings {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}

.front.parcoursup #app .block-headings.small-width {
  max-width: 482px;
}

.front.parcoursup #app .block-headings.medium-width {
  max-width: 615px;
}

.front.parcoursup #app .block-pink {
  background: rgba(var(--pa-color-tickle-me-pink-rgb), 0.5);
}

.front.parcoursup #app .block-green {
  background-color: var(--pa-color-green-light);
}

.front.parcoursup #app .block-light-violet {
  background-color: var(--pa-color-light-violet);
}

.front.parcoursup #app .block-doly {
  background: var(--pa-color-doly);
}

.front.parcoursup #app .block-cerise {
  background: var(--pa-color-cerise);
}

.front.parcoursup #app .block-pale-green {
  background: var(--pa-color-pale-green-15-100);
}

.front.parcoursup #app .block-title,
.front.parcoursup #app .block-title-2 {
  font-family: var(--pa-font-sans-serif);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.84px;
}
.front.parcoursup #app .block-title-3 {
  font-family: var(--pa-font-serif);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.96px;
  margin-bottom: 0;
}

.front.parcoursup #app .block-wysiwyg {
  position: relative;
}

.front.parcoursup #app .block-wysiwyg h2,
.front.parcoursup #app .block-wysiwyg h3,
.front.parcoursup #app .block-wysiwyg h4,
.front.parcoursup #app .block-wysiwyg h5,
.front.parcoursup #app .block-wysiwyg h6 {
  font-family: var(--pa-font-sans-serif);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 1rem;
}

.front.parcoursup #app .block-wysiwyg ul li:not(:last-child) {
  margin-bottom: 0.5rem;
}

.front.parcoursup #app .block-wysiwyg h2:not(:first-child),
.front.parcoursup #app .block-wysiwyg h3:not(:first-child),
.front.parcoursup #app .block-wysiwyg h4:not(:first-child),
.front.parcoursup #app .block-wysiwyg h5:not(:first-child),
.front.parcoursup #app .block-wysiwyg h6:not(:first-child) {
  margin-top: 1.5rem;
}

.front.parcoursup #app .block-wysiwyg h2 {
  font-size: 2.5rem;
  letter-spacing: 0.8px;
}

.front.parcoursup #app .block-wysiwyg h3 {
  font-size: 2rem;
  letter-spacing: 0.64px;
}

.front.parcoursup #app .block-wysiwyg h4 {
  font-size: 1.5rem;
  line-height: 120%;
  letter-spacing: 0.48px;
}

.front.parcoursup #app .block-wysiwyg h5 {
  font-size: 1.25rem;
  line-height: 120%;
  letter-spacing: 0.24px;
}

.front.parcoursup #app .block-wysiwyg h6 {
  font-size: 1rem;
  line-height: 120%;
  letter-spacing: 0.18px;
}

.front.parcoursup #app .block-cta {
  display: flex;
  flex-direction: column;
  gap: var(--pa-block-padding-gap);
}

.front.parcoursup #app .block-cta .btn {
  width: 100%;
}

.front.parcoursup #app .block-content-sm-row,
.front.parcoursup #app .block-content-md-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.front.parcoursup #app .block-content-icon {
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
}

@media (min-width: 576px) {
  .front.parcoursup #app .block-content-sm-row {
    flex-direction: row;
  }

  .front.parcoursup #app .block-cta {
    display: flex;
    flex-direction: row;
  }

  .front.parcoursup #app .block-cta .btn {
    width: auto;
  }
}

@media (min-width: 768px) {
  .front.parcoursup #app .block-content-md-row {
    flex-direction: row;
  }

  .front.parcoursup #app .entrainement .block,
  .front.parcoursup #app .entrainement .block.block-pale-green {
    --pa-block-padding-x: 3rem;
    --pa-block-padding-y: 3rem;
    --pa-block-padding-gap: 2rem;
  }

  .front.parcoursup #app .entrainement .block-pale-green {
    position: relative;
    z-index: 1;
  }

  .front.parcoursup #app .block-title {
    font-size: 2rem;
    letter-spacing: 0.96px;
  }

  .front.parcoursup #app .block-title-2 {
    font-size: 2.5rem;
    letter-spacing: 0.8px;
  }
}

/* Bloc annales */

.front.parcoursup #app .annales-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.front.parcoursup #app .annales-headings {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 2.25rem;
}

.front.parcoursup #app .annales-headings-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.25rem;
  height: 4.25rem;
}

.front.parcoursup #app .annales-headings-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4.5rem;
  height: 4.5rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="76" height="76" viewBox="0 0 76 76" fill="none"><path d="M57.5922 4.06546C59.3364 14.5416 66.1814 23.4621 75.8491 27.8584C69.6747 36.4995 68.2071 47.6474 71.9346 57.5921C61.4584 59.3364 52.538 66.1813 48.1417 75.8491C39.5005 69.6747 28.3527 68.207 18.4079 71.9345C16.6637 61.4584 9.81875 52.5379 0.151001 48.1416C6.32539 39.5005 7.79303 28.3526 4.06552 18.4079C14.5417 16.6636 23.4622 9.81869 27.8584 0.15094C36.4996 6.32533 47.6474 7.79296 57.5922 4.06546Z" fill="%23FB4C0D"/></svg>');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
}

.front.parcoursup #app .annales-headings-icon-img {
  position: relative;
}

.front.parcoursup #app .annales-headings-title {
  font-family: var(--pa-font-serif);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 0;
}

.front.parcoursup #app .annales-item-img-wrapper {
  position: relative;
  display: block;
  aspect-ratio: 263 / 356;
  width: 80%;
  max-width: 263px;
  margin-top: 2rem;
}

.front.parcoursup #app .annales-item-img-wrapper::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0.25rem;
  width: 100%;
  height: 100%;
  border: 2px solid var(--pa-color-dark);
  border-radius: 0.375rem;
  transform-origin: bottom center;
  transform: rotate(7deg);
}

.front.parcoursup #app .annales-item-img-wrapper.doly::before {
  background-color: var(--pa-color-doly);
}

.front.parcoursup #app .annales-item-img-wrapper.orange::before {
  background-color: var(--pa-color-orange);
}

.front.parcoursup #app .annales-item-img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 2px solid var(--pa-color-dark);
  border-radius: 0.375rem;
}

@media (min-width: 576px) {
  .front.parcoursup #app .annales-headings {
    height: 4.25rem;
  }
}

@media (min-width: 768px) {
  .front.parcoursup #app .annales-item {
    gap: 2.5rem;
  }
}

/***** Header *****/

.front #app #header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
  color: var(--pa-color-menu);
  background-color: var(--pa-color-menu-bg);
  box-shadow: 0px 7px 28px -14px rgba(var(--pa-color-black-rgb), 0.14);
  height: var(--pa-site-header-height);
  display: flex;
  align-items: center;
}

.front #app .header-inner {
  display: flex;
  align-content: center;
  justify-content: space-between;
}

.front #app .site-brand {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: center;
}

.front #app .site-brand .site-logo {
  width: 82px;
  height: auto;
}

.front #app .site-brand .site-logo-inner {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: none;
  border-radius: 0;
}

.front #app .site-brand .site-name {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.front #app .site-brand .site-upper-name {
  font-size: 0.875rem;
  line-height: 150%;
}

.front #app .site-brand .site-lower-name {
  font-family: var(--pa-font-sans-serif);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.56px;
}

@media (min-width: 992px) {
  .front #app .site-brand .site-logo {
    width: 111px;
  }

  .front #app .site-brand .site-upper-name {
    font-size: 1rem;
    letter-spacing: -0.16px;
  }

  .front #app .site-brand .site-lower-name {
    font-size: 2rem;
    line-height: 110%;
    letter-spacing: 0.96px;
  }
}

@media (min-width: 1400px) {
  .front #app .site-brand .site-logo {
    margin-right: calc(108px - 2rem);
  }
}

/* Dashboard menu */

.front #app .dashboard-menu {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 4.875rem;
}

.front #app .dashboard-menu-list {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  height: 100%;
  max-width: 100%;
  background-color: var(--pa-color-menu-bg);
  box-shadow: 0px -9px 28px -15px rgba(var(--pa-color-black-rgb), 0.31);
}

.front #app .dashboard-menu-item {
  flex: 0 0 auto;
  width: 100%;
  max-width: 33.33333333%;
}

.front #app .dashboard-menu-link {
  display: flex;
  flex-direction: column;
  border-image-width: 100%;
  height: 100%;
  padding: 1rem;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: var(--pa-color-menu);
}

.front #app .dashboard-menu-link span {
  color: var(--pa-color-menu);
}

.front #app .dashboard-menu-item.active .dashboard-menu-link {
  background-color: var(--pa-color-menu-active-bg);
}

.front #app .dashboard-menu-item.active .dashboard-menu-link span {
  color: var(--pa-color-menu-active);
}

.front #app .dashboard-menu-icon {
  position: relative;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
  transition: background-color 0.3s ease-out;
}

.front #app .notif-nb {
  background-image: var(--pa-notif-img);
  background-size: 23px 23px;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--pa-color-notif);
  text-align: center;
  font-family: var(--pa-font-alternate);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.132px;
}

.front #app .dashboard-menu-icon > .notif-nb {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  top: -11px;
  right: -11px;
  color: var(--pa-color-notif);
}

.front
  #app
  .dashboard-menu-item.active
  .dashboard-menu-icon
  > .notif-nb {
  background-image: var(--pa-notif-active-img);
  color: var(--pa-color-notif-active);
}

.front #app .dashboard-menu-icon.icon-dashboard {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_888_2057)"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.57171 0.857178C1.62493 0.857178 0.857422 1.62469 0.857422 2.57146V12.8572C0.857422 13.804 1.62493 14.5715 2.57171 14.5715H9.42885C10.3756 14.5715 11.1431 13.804 11.1431 12.8572V2.57146C11.1431 1.62469 10.3756 0.857178 9.42885 0.857178H2.57171ZM12.8574 2.57146C12.8574 1.62469 13.6249 0.857178 14.5717 0.857178H21.4289C22.3757 0.857178 23.1431 1.62469 23.1431 2.57146V6.01718C23.1431 6.96394 22.3757 7.73146 21.4289 7.73146H14.5717C13.6249 7.73146 12.8574 6.96394 12.8574 6.01718V2.57146ZM12.8574 11.1429C12.8574 10.1961 13.6249 9.42861 14.5717 9.42861H21.4289C22.3757 9.42861 23.1431 10.1961 23.1431 11.1429V21.4286C23.1431 22.3754 22.3757 23.1429 21.4289 23.1429H14.5717C13.6249 23.1429 12.8574 22.3754 12.8574 21.4286V11.1429ZM0.857422 17.9829C0.857422 17.0361 1.62493 16.2686 2.57171 16.2686H9.42885C10.3756 16.2686 11.1431 17.0361 11.1431 17.9829V21.4286C11.1431 22.3754 10.3756 23.1429 9.42885 23.1429H2.57171C1.62493 23.1429 0.857422 22.3754 0.857422 21.4286V17.9829Z" fill="%231D1D1B"/></g><defs><clipPath id="clip0_888_2057"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.front #app .dashboard-menu-icon.icon-messenger {
  background-image: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.21769 21.1057L2.84912 22.6979L4.44126 17.9214V3.59214C4.44126 3.16987 4.60901 2.76491 4.90759 2.46633C5.20618 2.16774 5.61114 2 6.03341 2H21.9548C22.3771 2 22.7821 2.16774 23.0806 2.46633C23.3792 2.76491 23.547 3.16987 23.547 3.59214V19.5136C23.547 19.9358 23.3792 20.3408 23.0806 20.6394C22.7821 20.9379 22.3771 21.1057 21.9548 21.1057H9.21769Z" fill="%231D1D1B"/><path d="M10 7H16.1055Z" fill="white"/><path d="M10 16H16.1055Z" fill="white"/><path d="M10 11.5H19Z" fill="white"/><path d="M10 7H16.1055M10 16H16.1055M10 11.5H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.front #app .dashboard-menu-icon.icon-profile {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.49933 17.9049C4.30452 16.9972 5.23583 16.22 6.26463 15.6028C8.01591 14.5519 9.9908 14 11.9995 14C14.0082 14 15.9831 14.5519 17.7343 15.6028C18.7631 16.2199 19.6943 16.9971 20.4995 17.9047C21.6649 16.2301 22.3482 14.1948 22.3482 11.9998C22.3482 6.28425 17.715 1.65088 11.9993 1.65088C6.28377 1.65088 1.65039 6.28425 1.65039 11.9998C1.65039 14.1948 2.33375 16.2302 3.49933 17.9049ZM11.9994 12.9607C14.1977 12.9607 15.9798 11.1786 15.9798 8.98036C15.9798 6.78207 14.1977 5 11.9994 5C9.80111 5 8.01904 6.78207 8.01904 8.98036C8.01904 11.1786 9.80111 12.9607 11.9994 12.9607Z" fill="%231D1D1B"/></svg>');
}

.front #app .dashboard-menu-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: var(--pa-font-serif);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 100%;
  white-space: nowrap;
  text-align: center;
}

.front #app .menu-name-default {
  display: inline-block;
}

.front #app .menu-name-profile,
.front #app .menu-name-email {
  display: none;
}

.front #app .menu-name-profile {
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
}

.front #app .menu-name-email {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 80%;
}

@media (min-width: 768px) {
  .front #app .dashboard-menu {
    height: 5.75rem;
  }

  .front #app .dashboard-menu-link {
    flex-direction: row;
    justify-content: center;
    padding: 1.25rem 2rem 1rem;
  }

  .front #app .dashboard-menu-icon {
    width: 3.5rem;
    height: 3.5rem;
  }

  .front #app .dashboard-menu-icon > .notif-nb {
    top: 5px;
    right: 5px;
  }

  .front #app .menu-name-default {
    display: none;
  }

  .front #app .menu-name-profile,
  .front #app .menu-name-email {
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .front #app .dashboard-menu-item {
    width: auto;
    max-width: none;
  }

  .front #app .dashboard-menu {
    position: relative;
    width: auto;
  }

  .front #app .dashboard-menu-list {
    box-shadow: none;
  }

  .front #app .dashboard-menu-item.active .dashboard-menu-link {
    background-color: transparent;
  }

  .front #app .dashboard-menu-item.active .dashboard-menu-icon {
    background-color: var(--pa-color-menu-active-bg);
  }

  .front
    #app
    .dashboard-menu-item:not(.active)
    .dashboard-menu-link:hover
    .dashboard-menu-icon,
  .front
    #app
    .dashboard-menu-item:not(.active)
    .dashboard-menu-link:focus-visible
    .dashboard-menu-icon {
    background-color: var(--pa-color-menu-hover-bg);
  }

  .front #app .dashboard-menu-item.active .dashboard-menu-link span {
    color: var(--pa-color-menu);
  }
}

/***** Main *****/

.front.parcoursup #app #main {
  flex: auto;
  margin-top: var(--pa-site-header-height);
  background-color: var(--pa-color-main-bg);
  padding-top: 3rem;
  padding-bottom: 5rem;
  overflow-x: clip;
}

.front.parcoursup #app #main .main-content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

@media (min-width: 992px) {
  .front.parcoursup #app #main {
    padding-bottom: 10rem;
  }
}

/* Breadcrumb - Fil d'ariane */

.front.parcoursup #app .breadcrumb-list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.front.parcoursup #app .breadcrumb-item {
  position: relative;
}

.front.parcoursup #app .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: inline-block;
  background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3333 7.44118L11.3333 9.55882C9.40351 9.55882 6.72074 12.3824 6.72074 14.5L4 14.5C4 14.5 4.38596 10.2647 7.55406 9.55882L7.55406 7.44118C4.38596 6.73529 4 2.5 4 2.5L6.72074 2.5C6.72074 4.61765 9.40351 7.44118 11.3333 7.44118Z" fill="%231D1D1B"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  width: 1rem;
  height: 1.125rem;
  vertical-align: middle;
}

.front.parcoursup #app .breadcrumb-link {
  display: inline-block;
  font-family: var(--pa-color-dark);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 148%;
  text-decoration: none;
  padding: 3px 0;
  border-bottom: 1px solid rgba(var(--pa-color-dark-rgb), 0.25);
}

.front.parcoursup #app .breadcrumb-link:not(.active):hover,
.front.parcoursup #app .breadcrumb-link:not(.active):focus {
  color: var(--pa-color-orange);
  border-bottom-color: var(--pa-color-orange);
}

.front.parcoursup #app .breadcrumb-link.active {
  border-bottom-color: var(--pa-color-dark);
}

/* Page header */

.front.parcoursup #app .page-title {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

.front.parcoursup #app #main:not(.programs) .page-title .h1 {
  max-width: 500px;
}

.front.parcoursup #app .page-header .page-subtitle {
  font-family: var(--pa-font-serif);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.44px;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .front.parcoursup #app .page-header .page-title {
    font-size: 4rem;
    line-height: 110%;
    letter-spacing: 0.64px;
  }

  .front.parcoursup #app #main:not(.programs) .page-title .h1 {
    max-width: 700px;
  }

  .front.parcoursup #app .home .page-header .page-title .h1 {
    font-size: 4.9375rem;
    letter-spacing: 0.79px;
  }

  .front.parcoursup #app .page-header .page-subtitle {
    font-size: 1.875rem;
    letter-spacing: -0.6px;
  }
}

/* Content */

.front.parcoursup #app .content {
  width: auto;
  margin: 0;
}

.front.parcoursup #app .content > *:last-child {
  margin-bottom: 0;
}

.front.parcoursup #app .content li {
  margin-bottom: 0.5rem;
}
.front.parcoursup #app .content li > ul {
  margin-top: 0.5rem;
}

/* Home account access */

.front.parcoursup #app .home-accounts > .row {
  --bs-gutter-y: 3rem;
}

.front.parcoursup #app .account-access {
  scroll-margin-top: 5rem;
}
.front.parcoursup #app .account-access-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .front.parcoursup #app .account-access {
    scroll-margin-top: 7rem;
  }
}

/* Timeline */

.front.parcoursup #app .timeline {
  position: relative;
}

.front.parcoursup #app .card.timeline {
  --pa-card-padding-x: 1.5rem;
  --pa-card-padding-y: 1.5rem;
}

.front.parcoursup #app .timeline .timeline-title {
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  font-family: var(--pa-font-serif);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 148%;
}

.front.parcoursup #app .timeline .timeline-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}

.front.parcoursup #app .timeline .timeline-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}

.front.parcoursup #app .timeline.timeline-create-account .timeline-item {
  flex: 0 0 50%;
}

.front.parcoursup #app .timeline.timeline-parcoursup .timeline-item {
  flex: 0 0 33.33333333%;
}

.front.parcoursup #app .timeline .timeline-item:not(:last-child) {
  padding-bottom: 1rem;
}

.front.parcoursup #app .timeline .timeline-item + .timeline-item {
  border-top: 1px solid rgba(var(--pa-color-dark-rgb), 0.15);
  padding-top: 1rem;
}

.front.parcoursup #app .timeline .timeline-step {
  display: flex;
  width: 3rem;
  height: 3rem;
  padding: 0.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: var(--pa-font-serif);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 125%;
  color: var(--pa-color-green);
  border-radius: 5rem;
  border: 2px solid var(--pa-color-green);
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

.front.parcoursup #app .timeline .timeline-item.checked .timeline-step {
  color: var(--pa-color-white);
  background-color: var(--pa-color-green);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="31" height="24" viewBox="0 0 31 24" fill="none"><g clip-path="url(%23clip0_790_465)"><path d="M7.25 9.00002L10.544 13.611C10.6796 13.8009 10.8569 13.9571 11.0623 14.0677C11.2677 14.1783 11.4958 14.2403 11.7289 14.249C11.962 14.2577 12.194 14.2128 12.4071 14.1178C12.6202 14.0228 12.8086 13.8802 12.958 13.701L23.75 0.749023" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.283 3.82404C15.144 2.50032 12.6005 1.98954 10.1163 2.38485C7.63209 2.78016 5.37274 4.05522 3.7503 5.9775C2.12785 7.89978 1.2504 10.3412 1.27797 12.8565C1.30555 15.3718 2.2363 17.7934 3.90049 19.6796C5.56468 21.5659 7.85143 22.7911 10.3437 23.1319C12.836 23.4726 15.3677 22.9062 17.4771 21.5359C19.5866 20.1656 21.1332 18.0828 21.835 15.6672C22.5367 13.2516 22.3469 10.6643 21.3 8.37704" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_790_465"><rect width="30" height="24" fill="white" transform="translate(0.5)"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-position: right 8px center;
  border-radius: 2.1875rem;
  padding-right: 2.375rem;
  padding-left: 0.5rem;
  width: 5rem;
}

.front.parcoursup #app .timeline .timeline-step-name {
  font-family: var(--pa-font-serif);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
}

@media (min-width: 576px) {
  .front.parcoursup #app .timeline.timeline-create-account .timeline-list {
    flex-direction: row;
  }

  .front.parcoursup
    #app
    .timeline.timeline-create-account
    .timeline-item:not(:last-child) {
    padding-bottom: 0;
    padding-right: 1.375rem;
  }

  .front.parcoursup
    #app
    .timeline.timeline-create-account
    .timeline-item
    + .timeline-item {
    border-top: none;
    padding-top: 0;
    border-left: 1px solid rgba(var(--pa-color-dark-rgb), 0.15);
    padding-left: 1rem;
  }
}

@media (min-width: 768px) {
  .front.parcoursup #app .card.timeline {
    --pa-card-padding-x: 2rem;
    --pa-card-padding-y: 2rem;
  }

  .front.parcoursup #app .timeline.timeline-parcoursup .timeline-list {
    flex-direction: row;
  }

  .front.parcoursup
    #app
    .timeline.timeline-parcoursup
    .timeline-item:not(:last-child) {
    padding-bottom: 0;
    padding-right: 1.375rem;
  }

  .front.parcoursup
    #app
    .timeline.timeline-parcoursup
    .timeline-item
    + .timeline-item {
    border-top: none;
    padding-top: 0;
    border-left: 1px solid rgba(var(--pa-color-dark-rgb), 0.15);
    padding-left: 1.375rem;
  }
}

/* Dashboard */

.front.parcoursup #app #dashboard-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.front.parcoursup #app .accordion {
  --pa-accordion-color: var(--pa-color-dark);
  --pa-accordion-bg: var(--pa-color-white);
  --pa-accordion-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --pa-accordion-border-color: var(--pa-color-white);
  --pa-accordion-border-width: 0;
  --pa-accordion-border-radius: 1.5rem;
  --pa-accordion-inner-border-radius: calc(
    var(--pa-accordion-border-radius) - (var(--pa-accordion-border-width))
  );
  --pa-accordion-btn-padding-x: 2rem;
  --pa-accordion-btn-padding-y: 1.125rem;
  --pa-accordion-btn-color: var(--pa-color-dark);
  --pa-accordion-btn-bg: var(--pa-accordion-bg);
  --pa-accordion-btn-font-size: 1.75rem;
  --pa-accordion-btn-letter-spacing: 0.84px;
  --pa-accordion-btn-icon: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5882 17L10.4118 17C10.4118 14.1053 6.17647 10.0811 3 10.0811L3 6C3 6 9.35294 6.57895 10.4118 11.3311L13.5882 11.3311C14.6471 6.57894 21 6 21 6L21 10.0811C17.8235 10.0811 13.5882 14.1053 13.5882 17Z" fill="%231D1D1B"/></svg>');
  --pa-accordion-btn-icon-width: 1.5rem;
  --pa-accordion-btn-icon-transform: rotate(-180deg);
  --pa-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --pa-accordion-btn-active-icon: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5882 17L10.4118 17C10.4118 14.1053 6.17647 10.0811 3 10.0811L3 6C3 6 9.35294 6.57895 10.4118 11.3311L13.5882 11.3311C14.6471 6.57894 21 6 21 6L21 10.0811C17.8235 10.0811 13.5882 14.1053 13.5882 17Z" fill="%231D1D1B"/></svg>');
  --pa-accordion-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--pa-color-orange-rgb), 0.25);
  --pa-accordion-body-padding-x: 1rem;
  --pa-accordion-body-padding-y: 1.5rem;
  --pa-accordion-active-color: var(--pa-accordion-color);
  --pa-accordion-active-bg: var(--pa-accordion-bg);
}

.front.parcoursup #app .accordion-button {
  --pa-accordion-btn-add-padding-right: 1.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem 1rem;
  width: 100%;
  padding: var(--pa-accordion-btn-padding-y)
    calc(
      var(--pa-accordion-btn-padding-x) +
        var(--pa-accordion-btn-add-padding-right)
    )
    var(--pa-accordion-btn-padding-y) var(--pa-accordion-btn-padding-x);
  color: var(--pa-accordion-btn-color);
  text-align: left;
  font-family: var(--pa-font-sans-serif);
  font-size: var(--pa-accordion-btn-font-size);
  font-weight: 700;
  line-height: 120%;
  letter-spacing: var(--pa-accordion-btn-letter-spacing);
  background-color: transparent;
  border: 0;
  border-radius: var(--pa-accordion-border-radius);
  overflow-anchor: none;
  transition: var(--pa-accordion-transition);
  z-index: 1;
}

.front.parcoursup #app .accordion.accueil,
.front.parcoursup #app .accordion.accueil .accordion-item {
  position: relative;
}

.front.parcoursup #app .accordion.accueil::before,
.front.parcoursup #app .accordion.accueil::after {
  content: "";
  position: absolute;
  width: 4rem;
  height: 4rem;
  left: -1.675rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.front.parcoursup #app .accordion.accueil::after {
  top: -1.5rem;
  background-image: url('data:image/svg+xml,<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M46.6529 94.9286C46.994 96.3571 49.006 96.3571 49.3471 94.9286L54.4539 73.5427C54.7044 72.4937 55.9864 72.1136 56.7586 72.8592L72.5027 88.0617C73.5544 89.0772 75.2469 87.9786 74.7692 86.5906L67.6174 65.8112C67.2666 64.792 68.1415 63.7721 69.1903 63.9778L90.5731 68.1702C92.0014 68.4502 92.8372 66.6019 91.6923 65.695L74.5524 52.1193C73.7117 51.4535 73.9019 50.1178 74.8943 49.7181L95.1268 41.5693C96.4783 41.025 96.1919 39.0137 94.7434 38.876L73.0573 36.8143C71.9936 36.7132 71.4386 35.4857 72.0595 34.6076L84.7181 16.7049C85.5636 15.509 84.2461 13.9733 82.9538 14.6484L63.6066 24.7553C62.6577 25.251 61.5337 24.5215 61.586 23.4437L62.6516 1.47099C62.7228 0.00326247 60.7924 -0.569208 60.0666 0.704392L49.201 19.7709C48.668 20.7061 47.332 20.7061 46.799 19.7709L35.9334 0.70439C35.2076 -0.56921 33.2772 0.00326197 33.3484 1.47099L34.414 23.4437C34.4663 24.5215 33.3423 25.251 32.3934 24.7553L13.0462 14.6484C11.7539 13.9733 10.4364 15.509 11.2819 16.7049L23.9405 34.6076C24.5614 35.4857 24.0064 36.7132 22.9427 36.8143L1.25665 38.876C-0.191927 39.0137 -0.478253 41.025 0.873233 41.5693L21.1057 49.7181C22.0981 50.1178 22.2883 51.4535 21.4476 52.1193L4.30775 65.695C3.16284 66.6019 3.99862 68.4502 5.42694 68.1702L26.8097 63.9778C27.8585 63.7721 28.7334 64.792 28.3826 65.8112L21.2308 86.5906C20.7531 87.9786 22.4456 89.0772 23.4973 88.0617L39.2414 72.8592C40.0136 72.1136 41.2956 72.4937 41.5461 73.5427L46.6529 94.9286Z" fill="%234131FF"/></svg>');
}

.front.parcoursup #app .accordion.accueil::before {
  top: -1.25rem;
  background-image: url('data:image/svg+xml,<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M46.6529 94.9286C46.994 96.3571 49.006 96.3571 49.3471 94.9286L54.4539 73.5427C54.7044 72.4937 55.9864 72.1136 56.7586 72.8592L72.5027 88.0617C73.5544 89.0772 75.2469 87.9786 74.7692 86.5906L67.6174 65.8112C67.2666 64.792 68.1415 63.7721 69.1903 63.9778L90.5731 68.1702C92.0014 68.4502 92.8372 66.6019 91.6923 65.695L74.5524 52.1193C73.7117 51.4535 73.9019 50.1178 74.8943 49.7181L95.1268 41.5693C96.4783 41.025 96.1919 39.0137 94.7434 38.876L73.0573 36.8143C71.9936 36.7132 71.4386 35.4857 72.0595 34.6076L84.7181 16.7049C85.5636 15.509 84.2461 13.9733 82.9538 14.6484L63.6066 24.7553C62.6577 25.251 61.5337 24.5215 61.586 23.4437L62.6516 1.47099C62.7228 0.00326247 60.7924 -0.569208 60.0666 0.704392L49.201 19.7709C48.668 20.7061 47.332 20.7061 46.799 19.7709L35.9334 0.70439C35.2076 -0.56921 33.2772 0.00326197 33.3484 1.47099L34.414 23.4437C34.4663 24.5215 33.3423 25.251 32.3934 24.7553L13.0462 14.6484C11.7539 13.9733 10.4364 15.509 11.2819 16.7049L23.9405 34.6076C24.5614 35.4857 24.0064 36.7132 22.9427 36.8143L1.25665 38.876C-0.191927 39.0137 -0.478253 41.025 0.873233 41.5693L21.1057 49.7181C22.0981 50.1178 22.2883 51.4535 21.4476 52.1193L4.30775 65.695C3.16284 66.6019 3.99862 68.4502 5.42694 68.1702L26.8097 63.9778C27.8585 63.7721 28.7334 64.792 28.3826 65.8112L21.2308 86.5906C20.7531 87.9786 22.4456 89.0772 23.4973 88.0617L39.2414 72.8592C40.0136 72.1136 41.2956 72.4937 41.5461 73.5427L46.6529 94.9286Z" fill="black" fill-opacity="0.07"/></svg>');
}

.front.parcoursup
  #app
  .accordion.accueil
  .accordion-body:has(.collapse:not(.show))
  > .content:first-child {
  background: linear-gradient(180deg, #222 0%, var(--pa-color-white) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.front.parcoursup #app .accordion.accueil .accordion-body {
  gap: 0;
}

.front.parcoursup #app .accordion.accueil .accordion-collapse .content {
  margin-top: 4rem;
}

@media (prefers-reduced-motion: reduce) {
  .front.parcoursup #app .accordion-button {
    transition: none;
  }
}

@media (max-width: 767.98px) {
  .front.parcoursup #app .accordion.accueil {
    --pa-accordion-body-padding-x: 1.5rem;
  }
  .front.parcoursup #app .accordion.accueil .accordion-button {
    padding-left: var(--pa-accordion-body-padding-x);
  }
}

@media (min-width: 768px) {
  .front.parcoursup #app .accordion.accueil::before,
  .front.parcoursup #app .accordion.accueil::after {
    width: 6rem;
    height: 6rem;
    left: -2.5rem;
  }

  .front.parcoursup #app .accordion.accueil::after {
    top: -2.25rem;
  }

  .front.parcoursup #app .accordion.accueil::before {
    top: -2rem;
  }
}

.front.parcoursup #app .accordion-button > .alert {
  flex-shrink: 0;
}

.front.parcoursup #app .accordion-button:not(.collapsed) {
  color: var(--pa-accordion-active-color);
}

.front.parcoursup #app .accordion .accordion-button:not(.collapsed)::after {
  background-image: var(--pa-accordion-btn-active-icon);
  transform: var(--pa-accordion-btn-icon-transform);
}

.front.parcoursup #app .accordion .accordion-button::after {
  position: absolute;
  right: var(--pa-accordion-body-padding-x);
  top: calc(50% - 0.75rem);
  flex-shrink: 0;
  width: var(--pa-accordion-btn-icon-width);
  height: var(--pa-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--pa-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--pa-accordion-btn-icon-width);
  transition: var(--pa-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
  .front.parcoursup #app .accordion .accordion-button::after {
    transition: none;
  }
}

.front.parcoursup #app .accordion-button:hover {
  z-index: 2;
}

.front.parcoursup #app .accordion-button:focus {
  z-index: 3;
  outline: 0;
}

.front.parcoursup #app .accordion-button:focus-visible {
  box-shadow: var(--pa-accordion-btn-focus-box-shadow);
}

.front.parcoursup #app .accordion-header {
  position: relative;
  margin-bottom: 0;
}

.front.parcoursup #app .accordion-item {
  color: var(--pa-accordion-color);
  background-color: var(--pa-accordion-bg);
  border: var(--pa-accordion-border-width) solid
    var(--pa-accordion-border-color);
  border-radius: var(--pa-accordion-border-radius);
}

.front.parcoursup #app .accordion-body {
  padding: var(--pa-accordion-body-padding-y) var(--pa-accordion-body-padding-x);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  overflow: hidden;
}

.front.parcoursup #app .collapse:not(.show) {
  display: none;
}

.front.parcoursup #app .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .front.parcoursup #app .collapsing {
    transition: none;
  }
}

.front.parcoursup #app .accordion.pa-accordion {
  --pa-accordion-border-radius: 0;
}

.front.parcoursup #app .pa-accordion .accordion-item {
  border-bottom: 1px solid rgba(var(--pa-color-dark-rgb), 0.25);
  margin-bottom: 1.5rem;
}

.front.parcoursup #app .pa-accordion .accordion-button {
  position: relative;
  font-family: var(--pa-font-serif);
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.44px;
  padding: 0 2rem 1.5rem 0;
}

.front.parcoursup #app .pa-accordion .accordion-button::after,
.front.parcoursup #app .pa-accordion .accordion-button::before {
  content: "";
  position: absolute;
  right: 0;
  top: auto;
  width: 16px;
  height: 3px;
  background-color: var(--pa-color-orange);
}
.front.parcoursup #app .pa-accordion .accordion-button.collapsed::after {
  transform: rotate(-90deg);
}

.front.parcoursup #app .pa-accordion .accordion-body {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 148%;
  padding: 0 0 1.5rem;
  max-width: 615px;
}

.front.parcoursup #app .star::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 3.25rem;
  height: 3.25rem;
  background-size: contain;
  z-index: 1;
}

.front.parcoursup #app .star-orange::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="66" height="66" viewBox="0 0 66 66" fill="none"><g opacity="0.2"><path d="M32.0739 65.2634C32.3084 66.2455 33.6916 66.2455 33.9261 65.2634L37.4371 50.5606C37.6093 49.8395 38.4906 49.5781 39.0215 50.0907L49.8456 60.5424C50.5686 61.2406 51.7323 60.4853 51.4038 59.5311L46.4869 45.2452C46.2458 44.5445 46.8473 43.8434 47.5683 43.9847L62.269 46.867C63.2509 47.0595 63.8255 45.7888 63.0384 45.1653L51.2548 35.8321C50.6768 35.3743 50.8075 34.456 51.4898 34.1812L65.3997 28.5789C66.3288 28.2047 66.132 26.8219 65.1361 26.7273L50.2269 25.3098C49.4956 25.2403 49.114 24.3964 49.5409 23.7927L58.2437 11.4846C58.825 10.6624 57.9192 9.60667 57.0307 10.0708L43.7296 17.0193C43.0772 17.3601 42.3044 16.8585 42.3403 16.1176L43.073 1.01131C43.1219 0.00224295 41.7948 -0.391331 41.2958 0.484269L33.8257 13.5925C33.4593 14.2354 32.5407 14.2354 32.1743 13.5925L24.7042 0.484268C24.2052 -0.391332 22.8781 0.0022426 22.927 1.01131L23.6597 16.1176C23.6956 16.8585 22.9228 17.3601 22.2704 17.0193L8.96929 10.0708C8.08081 9.60667 7.17501 10.6624 7.75634 11.4846L16.4591 23.7927C16.886 24.3964 16.5044 25.2403 15.7731 25.3098L0.863949 26.7273C-0.13195 26.8219 -0.328799 28.2047 0.600347 28.5789L14.5102 34.1812C15.1925 34.456 15.3232 35.3743 14.7452 35.8321L2.96158 45.1653C2.17446 45.7888 2.74905 47.0595 3.73102 46.867L18.4317 43.9847C19.1527 43.8434 19.7542 44.5445 19.5131 45.2452L14.5962 59.5311C14.2678 60.4853 15.4314 61.2406 16.1544 60.5424L26.9785 50.0907C27.5094 49.5781 28.3907 49.8395 28.5629 50.5606L32.0739 65.2634Z" fill="%23FF7800"/></g></svg>');
}

.front.parcoursup #app .star-blue::before {
  background-image: url('data:image/svg+xml,<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.2"><path d="M25.9999 0V52M38.9999 3.48336L12.9999 48.5167M48.5166 13L3.48332 39M52 26L0 26M48.5166 39L3.48332 13M38.9999 48.5166L12.9999 3.48332" stroke="%235A5FDF" stroke-width="8"/></g></svg>');
}

.front.parcoursup #app .star-red::before {
  background-image: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.4"><g style="mix-blend-mode:multiply"><path d="M31.1019 63.2857C31.3294 64.2381 32.6706 64.2381 32.8981 63.2857L36.3026 49.0285C36.4696 48.3292 37.3242 48.0757 37.8391 48.5728L48.3351 58.7078C49.0363 59.3848 50.1646 58.6524 49.8461 57.7271L45.0782 43.8741C44.8444 43.1946 45.4277 42.5148 46.1269 42.6519L60.382 45.4468C61.3343 45.6335 61.8914 44.4012 61.1282 43.7967L49.7016 34.7462C49.1412 34.3023 49.2679 33.4119 49.9295 33.1454L63.4178 27.7129C64.3188 27.35 64.128 26.0092 63.1622 25.9173L48.7048 24.5429C47.9957 24.4755 47.6257 23.6571 48.0396 23.0717L56.4787 11.1366C57.0424 10.3393 56.1641 9.31556 55.3025 9.76563L42.4044 16.5035C41.7718 16.834 41.0225 16.3476 41.0573 15.6292L41.7677 0.980661C41.8152 0.00217498 40.5283 -0.379472 40.0444 0.469595L32.8007 13.1806C32.4454 13.8041 31.5546 13.8041 31.1993 13.1806L23.9556 0.469594C23.4717 -0.379473 22.1848 0.00217465 22.2323 0.98066L22.9427 15.6292C22.9775 16.3476 22.2282 16.834 21.5956 16.5035L8.6975 9.76563C7.83593 9.31556 6.95759 10.3393 7.5213 11.1366L15.9604 23.0717C16.3743 23.6571 16.0043 24.4755 15.2951 24.5429L0.837768 25.9173C-0.127951 26.0092 -0.318835 27.35 0.582155 27.7129L14.0705 33.1454C14.7321 33.4119 14.8588 34.3023 14.2984 34.7462L2.87183 43.7967C2.10856 44.4012 2.66575 45.6335 3.61796 45.4468L17.8731 42.6519C18.5723 42.5148 19.1556 43.1946 18.9218 43.8741L14.1539 57.7271C13.8354 58.6524 14.9637 59.3848 15.6649 58.7078L26.1609 48.5728C26.6758 48.0757 27.5304 48.3292 27.6974 49.0285L31.1019 63.2857Z" fill="%23FF8CAE"/></g></g></svg>');
}

.front.parcoursup #app .star-green::before {
  background-image: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M17.4647 1.99347C17.4654 0.48689 19.271 -0.284705 20.3603 0.756052L30.5633 10.5043C31.236 11.147 32.2986 11.1351 32.9568 10.4776L42.9398 0.504155C44.0056 -0.560645 45.8279 0.170479 45.8623 1.67667L46.1839 15.7844C46.2051 16.7144 46.9649 17.4575 47.8952 17.4579L62.0065 17.4647C63.5131 17.4654 64.2847 19.271 63.244 20.3603L53.4957 30.5633C52.853 31.236 52.8649 32.2986 53.5224 32.9568L63.4958 42.9398C64.5606 44.0056 63.8295 45.8279 62.3233 45.8623L48.2156 46.1839C47.2856 46.2051 46.5426 46.9649 46.5421 47.8952L46.5353 62.0065C46.5346 63.5131 44.729 64.2847 43.6397 63.2439L33.4367 53.4957C32.764 52.853 31.7014 52.8649 31.0432 53.5224L21.0602 63.4958C19.9944 64.5606 18.1721 63.8295 18.1377 62.3233L17.8161 48.2156C17.7949 47.2856 17.0351 46.5426 16.1048 46.5421L1.99347 46.5353C0.486891 46.5346 -0.284704 44.729 0.756052 43.6397L10.5043 33.4367C11.147 32.764 11.1351 31.7014 10.4776 31.0432L0.504155 21.0602C-0.560645 19.9944 0.170478 18.1721 1.67667 18.1377L15.7844 17.8161C16.7144 17.7949 17.4575 17.0351 17.4579 16.1048L17.4647 1.99347Z" fill="%2394EEA2"/></svg>');
}

.front.parcoursup #app .star-yellow::before {
  background-image: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.9" d="M39.8691 0.0908411C40.3199 -0.110527 40.8501 0.031537 41.1397 0.431305L48.2835 10.29C48.4024 10.454 48.5665 10.58 48.7558 10.6523L60.1275 15.0011C60.5886 15.1775 60.8631 15.6528 60.7852 16.1403L58.8655 28.1629C58.8336 28.363 58.8606 28.5681 58.9432 28.7531L63.9092 39.8691C64.1105 40.3199 63.9685 40.8501 63.5687 41.1397L53.71 48.2835C53.546 48.4024 53.42 48.5665 53.3477 48.7558L48.9989 60.1275C48.8225 60.5886 48.3472 60.8631 47.8597 60.7852L35.8371 58.8655C35.637 58.8336 35.432 58.8606 35.2469 58.9432L24.1309 63.9092C23.6801 64.1105 23.1499 63.9685 22.8603 63.5687L15.7165 53.71C15.5976 53.546 15.4335 53.42 15.2442 53.3477L3.87252 48.9989C3.4114 48.8225 3.13695 48.3472 3.21479 47.8597L5.13448 35.8371C5.16643 35.637 5.13943 35.432 5.05678 35.2469L0.0908411 24.1309C-0.110527 23.6801 0.031537 23.1499 0.431305 22.8603L10.29 15.7165C10.454 15.5976 10.58 15.4335 10.6523 15.2442L15.0011 3.87252C15.1775 3.4114 15.6528 3.13695 16.1403 3.21479L28.1629 5.13448C28.363 5.16643 28.5681 5.13943 28.7531 5.05678L39.8691 0.0908411Z" fill="%23FDF98F"/></svg>');
}

@media (min-width: 768px) {
  .front.parcoursup #app .accordion {
    --pa-accordion-btn-padding-x: 4rem;
    --pa-accordion-btn-padding-y: 1.5rem;
    --pa-accordion-body-padding-x: 4rem;
    --pa-accordion-body-padding-y: 2rem;
    --pa-accordion-btn-font-size: 2.5rem;
    --pa-accordion-btn-letter-spacing: 0.8px;
  }

  .front.parcoursup #app .star::before {
    top: 1rem;
    left: 1rem;
    width: 4rem;
    height: 4rem;
  }

  .front.parcoursup #app .accordion-button {
    --pa-accordion-btn-add-padding-right: 2.5rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

/* Liste services accueil */

.front.parcoursup #app .services-list {
  list-style-type: none;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.front.parcoursup #app .services-item {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.front.parcoursup #app .services-icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}

.front.parcoursup #app .services-text {
  margin-bottom: 0;
}

/* Modal */

.front.parcoursup #app .modal {
  --pa-modal-zindex: 1055;
  --pa-modal-width: 928px;
  --pa-modal-padding-x: 2rem;
  --pa-modal-padding-y: 2rem;
  --pa-modal-gap: 1.5rem;
  --pa-modal-margin: 1rem;
  --pa-modal-color: ;
  --pa-modal-bg: var(--pa-color-white);
  --pa-modal-border-radius: 1.5rem;
  --pa-modal-title-line-height: 1.5;
  --pa-modal-footer-gap: 0.5rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--pa-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.front.parcoursup #app .modal-dialog {
  position: relative;
  width: auto;
  margin: var(--pa-modal-margin);
  pointer-events: none;
}

.front.parcoursup #app .connect-sidebar.modal.fade .modal-dialog {
  transition: transform 0.7s var(--pa-bounce-transition);
  transform: translate(507px, 0);
}

@media (prefers-reduced-motion: reduce) {
  .front.parcoursup #app .modal.fade .modal-dialog,
  .front.parcoursup #app .connect-sidebar.modal.fade .modal-dialog {
    transition: none;
  }
}

.front.parcoursup #app .connect-sidebar.modal.show .modal-dialog {
  transform: none;
}

.front.parcoursup #app .modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.front.parcoursup #app .modal-dialog-scrollable {
  height: calc(100% - var(--pa-modal-margin) * 2);
}

.front.parcoursup #app .modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.front.parcoursup #app .modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.front.parcoursup #app .modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--pa-modal-margin) * 2);
}

.front.parcoursup #app .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--pa-modal-gap);
  width: 100%;
  color: var(--pa-modal-color);
  pointer-events: auto;
  background-color: var(--pa-modal-bg);
  background-clip: padding-box;
  border-radius: var(--pa-modal-border-radius);
  padding: var(--pa-modal-padding-y) var(--pa-modal-padding-x);
  outline: 0;
}

.front.parcoursup .modal-backdrop {
  --pa-backdrop-zindex: 1050;
  --pa-backdrop-bg: var(--pa-color-black);
  --pa-backdrop-opacity: 0.6;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--pa-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--pa-backdrop-bg);
  transition: opacity 0.3s ease-out;
}

.front.parcoursup .modal-backdrop.fade {
  opacity: 0;
}

.front.parcoursup .modal-backdrop.show {
  opacity: var(--pa-backdrop-opacity);
}

.front.parcoursup #app .modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  border-top-left-radius: var(--pa-modal-border-radius);
  border-top-right-radius: var(--pa-modal-border-radius);
}

.front.parcoursup #app .modal-header .btn-close {
  padding: calc(var(--pa-modal-padding-y) * 0.5)
    calc(var(--pa-modal-padding-x) * 0.5);
  margin: calc(-0.5 * var(--pa-modal-padding-y))
    calc(-0.5 * var(--pa-modal-padding-x))
    calc(-0.5 * var(--pa-modal-padding-y)) auto;
  padding-left: 2rem;
}

.front.parcoursup #app .modal-title {
  margin-bottom: 0;
  line-height: var(--pa-modal-title-line-height);
}

.front.parcoursup #app .modal-body {
  position: relative;
  flex: 1 1 auto;
}

.front.parcoursup #app .modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  border-bottom-right-radius: var(--pa-modal-border-radius);
  border-bottom-left-radius: var(--pa-modal-border-radius);
}

.front.parcoursup #app .modal-footer > * {
  margin: calc(var(--pa-modal-footer-gap) * 0.5);
}

.front.parcoursup #app .modal-body:has(.live-chat) {
  display: flex;
  flex-direction: column;
}

.front.parcoursup #app .modal-body:has(.live-chat) .plyr {
  flex: 1 1 auto;
  border-radius: 0.375rem 0.375rem 0 0;
}

.front.parcoursup #app .modal-body:has(.live-chat) .plyr__video-wrapper {
  border-radius: 0.25rem 0.25rem 0 0;
}

.front.parcoursup #app .live-chat {
  display: block;
  width: 100%;
  height: 400px;
  border-radius: 0 0 0.375rem 0.375rem;
  border: 2px solid var(--pa-color-dark);
  background-color: var(--pa-color-dark);
  border-top-width: 0;
  overflow: hidden;
}

.front.parcoursup #app .live-chat > iframe {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

@media (min-width: 768px) {
  .front.parcoursup #app .modal {
    --pa-modal-padding-x: 4rem;
    --pa-modal-padding-y: 4rem;
    --pa-modal-gap: 2rem;
  }
}

@media (min-width: 992px) {
  .front.parcoursup #app .modal-dialog {
    max-width: var(--pa-modal-width);
    margin-right: auto;
    margin-left: auto;
  }

  .front.parcoursup #app .modal-body:has(.live-chat) {
    flex-direction: row;
  }

  .front.parcoursup #app .modal-body:has(.live-chat) .plyr {
    border-radius: 0.375rem 0 0 0.375rem;
  }

  .front.parcoursup #app .modal-body:has(.live-chat) .plyr__video-wrapper {
    border-radius: 0.25rem 0 0 0.25rem;
  }

  .front.parcoursup #app .live-chat {
    width: 30%;
    height: auto;
    border-radius: 0 0.375rem 0.375rem 0;
    border-top-width: 2px;
    border-left-width: 0;
    aspect-ratio: 238 / 312;
  }
}

@media (min-width: 1200px) {
  .front.parcoursup #app .modal-xl {
    --pa-modal-width: 1080px;
  }
}

.front.parcoursup #app .modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.front.parcoursup #app .modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.front.parcoursup #app .modal-fullscreen .modal-header,
.front.parcoursup #app .modal-fullscreen .modal-footer {
  border-radius: 0;
}

.front.parcoursup #app .modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .front.parcoursup #app .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .front.parcoursup #app .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .front.parcoursup #app .modal-fullscreen-sm-down .modal-header,
  .front.parcoursup #app .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .front.parcoursup #app .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 767.98px) {
  .front.parcoursup #app .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .front.parcoursup #app .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .front.parcoursup #app .modal-fullscreen-md-down .modal-header,
  .front.parcoursup #app .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .front.parcoursup #app .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 991.98px) {
  .front.parcoursup #app .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .front.parcoursup #app .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .front.parcoursup #app .modal-fullscreen-lg-down .modal-header,
  .front.parcoursup #app .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .front.parcoursup #app .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1199.98px) {
  .front.parcoursup #app .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .front.parcoursup #app .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .front.parcoursup #app .modal-fullscreen-xl-down .modal-header,
  .front.parcoursup #app .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .front.parcoursup #app .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1399.98px) {
  .front.parcoursup #app .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .front.parcoursup #app .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .front.parcoursup #app .modal-fullscreen-xxl-down .modal-header,
  .front.parcoursup #app .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .front.parcoursup #app .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}

/* Section entrainement - block videos */

.front.parcoursup #app .block-videos.star-pink {
  position: relative;
  overflow: visible;
}

.front.parcoursup #app .block-videos.star-pink .block-videos-list::before {
  content: "";
  position: absolute;
  width: 16.125rem;
  height: 16.125rem;
  background-image: url('data:image/svg+xml,<svg width="258" height="258" viewBox="0 0 258 258" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M128.999 0V258M193.5 17.2828L64.4996 240.717M240.717 64.5001L17.2826 193.5M258 129L0 129M240.717 193.5L17.2826 64.5002M193.5 240.717L64.4996 17.2826" stroke="%23FCC7FB" stroke-width="19"/></svg>');
  background-repeat: no-repeat;
  top: calc(-4rem + var(--bs-gutter-y));
  left: calc(-5.125rem + (var(--bs-gutter-x) * 0.5));
}

.front.parcoursup #app .block-videos .block-headings,
.front.parcoursup #app .block-videos .block-videos-list,
.front.parcoursup #app .block-videos .block-videos-item {
  position: relative;
}

.front.parcoursup #app .block-videos .block-headings {
  z-index: 1;
}

.front.parcoursup #app .row.block-videos-list {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1.5rem;
}

.front.parcoursup #app .block-videos-btn {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  border: none;
  background: transparent;
  padding: 0;
}

.front.parcoursup #app .block-videos-btn-img-wrapper {
  position: relative;
  width: 100%;
  border-radius: 0.375rem;
  border: 2px solid var(--pa-color-dark);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-color: var(--pa-color-pink);
}

.front.parcoursup #app .block-videos-btn-play {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  transition: 0.3s ease-out;
}

.front.parcoursup
  #app
  .block-videos-btn:not(:disabled, .disabled):hover
  .block-videos-btn-play,
.front.parcoursup
  #app
  .block-videos-btn:not(:disabled, .disabled):focus-visible
  .block-videos-btn-play {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.front.parcoursup #app .block-videos-btn:disabled .block-videos-btn-img,
.front.parcoursup #app .block-videos-btn.disabled .block-videos-btn-img {
  opacity: 0.1;
}
.front.parcoursup #app .block-videos-btn:disabled .block-videos-btn-infos,
.front.parcoursup #app .block-videos-btn.disabled .block-videos-btn-infos {
  opacity: 0.5;
}

.front.parcoursup #app .block-videos-btn:disabled .block-videos-btn-img-wrapper,
.front.parcoursup #app .block-videos-btn.disabled .block-videos-btn-img-wrapper {
  background-color: rgba(var(--pa-color-orange-rgb), 0.1);
  border-color: rgba(var(--pa-color-black-rgb), 0.5);
}

.front.parcoursup
  #app
  .block-videos-btn:disabled
  .block-videos-btn-img-wrapper::after,
.front.parcoursup
  #app
  .block-videos-btn.disabled
  .block-videos-btn-img-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5725 9.61159V7.22338C17.5725 5.74546 16.9854 4.32807 15.9403 3.28303C14.8953 2.23798 13.4779 1.65088 12 1.65088C10.522 1.65088 9.10464 2.23798 8.0596 3.28303C7.01455 4.32807 6.42745 5.74546 6.42745 7.22338V9.61159M19.1646 9.61159H4.83531C3.956 9.61159 3.24316 10.3244 3.24316 11.2037V20.7566C3.24316 21.6359 3.956 22.3487 4.83531 22.3487H19.1646C20.0439 22.3487 20.7567 21.6359 20.7567 20.7566V11.2037C20.7567 10.3244 20.0439 9.61159 19.1646 9.61159ZM12 16.7762C12.4396 16.7762 12.796 16.4198 12.796 15.9802C12.796 15.5405 12.4396 15.1841 12 15.1841C11.5603 15.1841 11.2039 15.5405 11.2039 15.9802C11.2039 16.4198 11.5603 16.7762 12 16.7762Z" stroke="%23FB4C0D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
}
.front.parcoursup #app .block-videos-btn-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.front.parcoursup #app .block-videos-btn-infos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.front.parcoursup #app .block-videos-btn-date {
  font-family: var(--pa-font-serif);
  color: var(--pa-color-grey-300);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 0;
}

.front.parcoursup #app .block-videos-btn-title {
  font-family: var(--pa-font-serif);
  font-size: 1rem;
  color: var(--pa-color-dark);
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 0;
  text-align: left;
  transition: 0.3s ease-out;
}

.front.parcoursup
  #app
  .block-videos-btn:not(:disabled, .disabled):hover
  .block-videos-btn-title,
.front.parcoursup
  #app
  .block-videos-btn:not(:disabled, .disabled):focus-visible
  .block-videos-btn-title {
  color: var(--pa-color-orange);
}

@media (min-width: 768px) {
  .front.parcoursup #app .row.block-videos-list {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 3rem;
  }

  .front.parcoursup #app .block-videos.star-pink .block-videos-list::before {
    display: none !important;
  }

  .front.parcoursup #app .block-videos.star-pink::before {
    content: "";
    position: absolute;
    width: 16.125rem;
    height: 16.125rem;
    background-image: url('data:image/svg+xml,<svg width="258" height="258" viewBox="0 0 258 258" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M128.999 0V258M193.5 17.2828L64.4996 240.717M240.717 64.5001L17.2826 193.5M258 129L0 129M240.717 193.5L17.2826 64.5002M193.5 240.717L64.4996 17.2826" stroke="%23FCC7FB" stroke-width="19"/></svg>');
    background-repeat: no-repeat;
    top: -10.3125rem;
    left: -7.125rem;
  }

  .front.parcoursup #app .block-videos-btn-infos {
    gap: 0.5rem;
  }

  .front.parcoursup #app .block-videos-btn-title {
    font-size: 1.375rem;
  }
}

/* Plyr videos */

.front.parcoursup #app .plyr {
  --plyr-color-main: var(--pa-color-orange);

  border: 2px solid var(--pa-color-dark);
  border-radius: 0.375rem;
}

.front.parcoursup #app .plyr__video-wrapper {
  border-radius: 0.25rem;
}

.front.parcoursup #app .plyr--video .plyr__controls {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.front.parcoursup #app .plyr--full-ui.plyr--video.plyr--stopped {
  position: relative;
  cursor: pointer;
}

.front.parcoursup #app .plyr--full-ui.plyr--video.plyr--stopped::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M27.7107 0V0C12.4065 6.68968e-07 0 12.4065 0 27.7107C6.68968e-07 43.0149 12.4065 55.4214 27.7107 55.4214C43.0149 55.4214 55.4214 43.0149 55.4214 27.7107V27.7107C55.4214 12.4065 43.0149 1.21127e-06 27.7107 1.21127e-06V0ZM38.2406 29.5582L24.824 38.7951V38.7951C23.6718 39.6174 22.071 39.35 21.2486 38.1978C20.9858 37.8295 20.8251 37.3982 20.7829 36.9477V18.4739L20.7829 18.4739C20.9149 17.0644 22.1645 16.0288 23.5739 16.1608C24.0244 16.203 24.4557 16.3636 24.824 16.6265L38.2406 25.8634V25.8634C39.2609 26.4929 39.5777 27.8302 38.9483 28.8505C38.7707 29.1383 38.5284 29.3806 38.2406 29.5582H38.2406Z" fill="%231D1D1B"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 0.5;
  transition: opacity 0.3s ease-out;
}

.front.parcoursup #app .plyr--full-ui.plyr--video.plyr--stopped:hover::after {
  opacity: 1;
}

.front.parcoursup #app .plyr--full-ui.plyr--video.plyr--stopped .plyr__controls {
  display: none;
}

.front.parcoursup #app .modal-video {
  --pa-modal-padding-x: 1rem;
  --pa-modal-padding-y: 1.5rem;
  --pa-modal-gap: 1rem;
}

@media (min-width: 768px) {
  .front.parcoursup #app .modal-video {
    --pa-modal-padding-x: 4rem;
    --pa-modal-padding-y: 2rem;
    --pa-modal-gap: 1rem;
  }
}

/* Section notes - Block grades */

.front.parcoursup #app .block-grades {
  display: flex;
  padding: 3rem 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  border-radius: 1rem;
  background-color: var(--pa-color-pale-green-15-100);
}

.front.parcoursup #app .block-grades-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  list-style: none;
  gap: 4rem;
  padding: 0;
  margin: 0;
}

.front.parcoursup #app .block-grades-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.front.parcoursup #app .block-grades-type {
  font-family: var(--pa-font-serif);
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
}

.front.parcoursup #app .block-grades-score {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  background-color: var(--pa-color-pale-green);
  font-family: var(--pa-font-serif);
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.6px;
}

@media (min-width: 768px) {
  .front.parcoursup #app .block-grades {
    padding: 3rem;
  }

  .front.parcoursup #app .block-grades-list {
    flex-direction: row;
    align-items: flex-end;
    gap: 2rem;
  }
}

@media (min-width: 992px) {
  .front.parcoursup #app .block-grades-list {
    gap: 4rem;
  }
}

/* Section parcoursup */

.front.parcoursup #app .block-parcoursup-list {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}

.front.parcoursup #app .block.block-parcoursup {
  --pa-block-padding-x: 1.5rem;
  --pa-block-padding-y: 1.5rem;
  --pa-block-padding-gap: 2rem;
  --pa-block-border-radius: 1.5rem;
  break-inside: avoid;
}

.front.parcoursup #app .block.programmes {
  background-color: var(--pa-color-pink-2);
}

.front.parcoursup #app .block.amenagements {
  background-color: var(--pa-color-light-violet);
}

.front.parcoursup #app .block.reglement {
  background-color: var(--pa-color-green-light);
}

.front.parcoursup #app .block.boursier {
  background-color: var(--pa-color-blue-2);
}

@media (min-width: 768px) {
  .front.parcoursup #app .block.block-parcoursup {
    --pa-block-padding-x: 3rem;
    --pa-block-padding-y: 3rem;
    padding-right: 2rem;
  }
}

@media (min-width: 992px) {
  .front.parcoursup #app .block-parcoursup-list {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }
}

/* Modal amenagements */

.front.parcoursup #app #modal-amenagements .form {
  padding: 1rem;
}

@media (min-width: 768px) {
  .front.parcoursup #app #modal-amenagements {
    --pa-modal-gap: 2.25rem;
  }

  .front.parcoursup #app #modal-amenagements .form {
    padding: 2rem;
  }
}

/* Section exempté */

.front.parcoursup #app .congrats-exempt {
  position: relative;
  background-color: var(--pa-color-orange);
  color: var(--pa-color-white);
  padding: 5rem 2.5rem;
  text-align: center;
  border-radius: 1.5rem;
  overflow: hidden;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

.front.parcoursup #app .congrats-exempt::before,
.front.parcoursup #app .congrats-exempt::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("/theme/fr/includes/pa-espace-candidat/static/Ingenieurs/img/congrats-bg.webp");
  max-width: 500px;
}

.front.parcoursup #app .congrats-exempt::before {
  bottom: 56%;
  left: 1.375rem;
  width: calc(100% - 2.75rem);
  aspect-ratio: 315/438;
  background-size: contain;
}

.front.parcoursup #app .congrats-exempt::after {
  top: 56%;
  left: 0;
  width: 100%;
  aspect-ratio: 357/497;
  background-size: contain;
  opacity: 0.5;
  transform: rotate(180deg);
}

.front.parcoursup #app .congrats-exempt-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 672px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  z-index: 1;
}

.front.parcoursup #app .congrats-exempt-wrapper .btn {
  align-self: center;
}

.front.parcoursup #app .congrats-exempt-emoji {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.2px;
  margin-bottom: 0;
}

.front.parcoursup #app .congrats-exempt-title {
  color: var(--pa-color-white);
  text-align: center;
  font-family: var(--pa-font-sans-serif);
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.56px;
  margin-bottom: 0;
}

.front.parcoursup #app .congrats-exempt-subtitle {
  color: var(--pa-color-white);
  text-align: center;
  font-family: var(--pa-font-serif);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .front.parcoursup #app .congrats-exempt::before {
    bottom: 36%;
    left: 50%;
    transform: translateX(-50%);
  }

  .front.parcoursup #app .congrats-exempt::after {
    top: 42%;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
  }
}
@media (min-width: 768px) {
  .front.parcoursup #app .congrats-exempt::before,
  .front.parcoursup #app .congrats-exempt::after {
    bottom: -23%;
    height: 138%;
    max-height: 438px;
    width: auto;
    max-width: none;
  }

  .front.parcoursup #app .congrats-exempt::before {
    left: -4.5%;
    transform: rotate(-135deg);
  }

  .front.parcoursup #app .congrats-exempt::after {
    top: auto;
    right: -9%;
    left: auto;
    transform: scaleX(-1) rotate(-135deg);
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .front.parcoursup #app .congrats-exempt {
    padding: 2rem 4rem;
  }

  .front.parcoursup #app .congrats-exempt-title {
    font-size: 4rem;
    letter-spacing: 0.64px;
  }
}

/* Informations personnelles */

.front.parcoursup #app .card-group {
  padding: 2rem 1.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border: 1px solid var(--pa-color-grey-200);
  border-radius: 0.5rem;
  margin: 1rem 0 0;
}

.front.parcoursup #app .card-group.floating {
  position: relative;
}

.front.parcoursup #app .card-group.floating .card-group-label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  padding: 0 0.5rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--pa-form-border-width) solid transparent;
  transform-origin: 0 0;
  transform: translateY(-1.375rem) translateX(1rem);
}

.front.parcoursup #app .card-group.floating .card-group-label::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  height: 1.25em;
  content: "";
  background-color: var(--pa-color-white);
  border-radius: var(--pa-form-border-radius);
}

.front.parcoursup #app .field-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.front.parcoursup #app .field-group .field-label {
  font-family: var(--pa-font-serif);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
  color: var(--pa-color-grey-500);
  letter-spacing: 0;
  margin-bottom: 0;
}

.front.parcoursup #app .field-group .field-value {
  font-family: var(--pa-font-serif);
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 125%;
  color: var(--pa-color-dark);
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .front.parcoursup #app .card-group {
    padding: 3rem 2rem 2.5rem;
    gap: 2rem;
    margin: 1rem 0;
  }

  .front.parcoursup #app .card-group.floating .card-group-label {
    transform: translateY(-1.375rem) translateX(1.5rem);
  }
}

/* Programmes choisis */

.front.parcoursup #app .programs-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.375rem;
  break-inside: avoid;
  margin-bottom: 1rem;
}

.front.parcoursup #app .programs-logo {
  width: 89px;
  height: 70px;
  object-fit: contain;
}

.front.parcoursup #app .programs-name {
  font-family: var(--pa-font-serif);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 0;
  break-inside: avoid;
}

@media (min-width: 576px) {
  .front.parcoursup #app .programs-list {
    column-count: 2;
    column-gap: 2rem;
  }
}

@media (min-width: 768px) {
  .front.parcoursup #app .programs-list {
    column-gap: 3rem;
  }
}

@media (min-width: 992px) {
  .front.parcoursup #app .programs-list {
    column-count: 3;
  }
}

/***** Connect sidebar *****/

.front.parcoursup #app .connect-sidebar.modal {
  --pa-modal-border-radius: 0;
}

.front.parcoursup #app .connect-sidebar.modal .modal-dialog {
  width: 507px;
  max-width: 100%;
  height: 100%;
  background-color: var(--pa-color-white);
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  transition: transform 0.5s ease-in-out, visibility 0s 0.5s;
}

.front.parcoursup #app .connect-sidebar.modal .modal-content {
  width: 100%;
  min-height: 100%;
  padding: 0 2rem 2rem;
}

.front.parcoursup #app .connect-sidebar.modal .modal-body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  min-height: 100%;
}

.front.parcoursup #app .connect-sidebar.modal .btn-close {
  height: 6rem;
}

.front.parcoursup #app .connect-sidebar.modal .connect-sidebar-congrats {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.front.parcoursup #app .connect-sidebar.modal .congrats-emoji {
  color: var(--pa-color-dark);
  text-align: center;
  font-family: var(--pa-font-alternate);
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 110%;
}

.front.parcoursup #app .connect-sidebar.modal .congrats-title {
  color: var(--pa-color-pale-green);
  text-align: center;
  font-family: var(--pa-font-sans-serif);
  font-size: 4rem;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.64px;
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .front.parcoursup #app .connect-sidebar.modal .modal-content {
    padding: 0 4rem 4rem;
  }

  .front.parcoursup #app .connect-sidebar.modal .modal-body {
    gap: 2rem;
  }
}

/***** Messenger *****/

.front.parcoursup #app .messenger-feed {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.front.parcoursup #app .messenger-divider {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.5rem;
  align-items: center;
  padding: 1rem 0;
}

.front.parcoursup #app .messenger-divider-date {
  display: flex;
  flex-shrink: 0;
  padding: 0.375rem 1rem;
  margin: 0;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 35px;
  background: rgb(238, 238, 238);
  mix-blend-mode: multiply;
  color: var(--pa-color-dark);
  font-family: var(--pa-font-serif);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 100%;
  opacity: 0.5;
}

.front.parcoursup #app .messenger-divider-line {
  width: 100%;
  height: 1px;
  opacity: 0.25;
  background: var(--pa-color-dark);
  mix-blend-mode: multiply;
  margin: 13px 0;
}

.front.parcoursup #app .messenger-bubble {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 100%;
  break-inside: avoid;
}

.front.parcoursup #app .messenger-bubble.puissance-alpha {
  margin-right: 1.5rem;
}

.front.parcoursup #app .messenger-bubble.user {
  margin-left: 1.5rem;
}

.front.parcoursup #app .messenger-bubble-infos {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  justify-content: space-between;
  align-items: center;
}

.front.parcoursup #app .messenger-bubble-profile,
.front.parcoursup #app .messenger-bubble-tag {
  margin-bottom: 0;
  font-family: var(--pa-font-serif);
  font-weight: 500;
  line-height: 1.5rem;
  padding-left: 1.875rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1.5rem 1.5rem;
}

.front.parcoursup #app .messenger-bubble-profile {
  color: var(--pa-color-dark);
  font-size: 1.125rem;
  font-weight: 500;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

.front.parcoursup #app .messenger-bubble.puissance-alpha .messenger-bubble-profile {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="%23FB4C0D"/><path d="M8.02778 7.21951C10.1155 5.05308 12.8827 5.38753 14.1389 5.95122V9.33333C11.7963 7.21951 9.25003 8.91057 9.25003 11.1301V15.7805C9.25003 17.5772 7.41668 17.9648 6.5 18V10.4959C6.5 9.33333 7.21296 8.06504 8.02778 7.21951Z" fill="white"/><path d="M15.3611 15.6748C15.3611 15.6748 16.0741 16.9431 17.5 16.9431V5C17.5 5 15.9722 5.21138 15.3611 6.58537C14.9537 6.1626 14.6481 6.37398 14.6481 6.37398V11.6585C14.6481 14.1951 10.8796 14.6179 9.86111 13.1382V16.3089C10.1667 16.5203 10.8593 16.9431 12.4074 16.9431C13.9556 16.9431 14.8519 16.3089 15.3611 15.6748Z" fill="white"/></svg>');
}

.front.parcoursup #app .messenger-bubble.user .messenger-bubble-profile {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.49982 17.9049C4.30501 16.9972 5.23632 16.22 6.26512 15.6028C8.0164 14.5519 9.99129 14 12 14C14.0087 14 15.9835 14.5519 17.7348 15.6028C18.7636 16.2199 19.6948 16.9971 20.4999 17.9047C21.6654 16.2301 22.3487 14.1948 22.3487 11.9998C22.3487 6.28425 17.7154 1.65088 11.9998 1.65088C6.28425 1.65088 1.65088 6.28425 1.65088 11.9998C1.65088 14.1948 2.33424 16.2302 3.49982 17.9049ZM11.9999 12.9607C14.1982 12.9607 15.9802 11.1786 15.9802 8.98036C15.9802 6.78207 14.1982 5 11.9999 5C9.8016 5 8.01953 6.78207 8.01953 8.98036C8.01953 11.1786 9.8016 12.9607 11.9999 12.9607Z" fill="%231D1D1B"/></svg>');
}

.front.parcoursup #app .messenger-bubble-tag {
  color: var(--pa-color-black);
  font-size: 0.875rem;
}

.front.parcoursup #app .messenger-bubble-tag.amenagements {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_994_531)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 12C0 5.37259 5.37259 0 12 0C18.6274 0 24 5.37259 24 12C24 18.6274 18.6274 24 12 24C5.37259 24 0 18.6274 0 12ZM12 4.28571C10.5798 4.28571 9.42857 5.43698 9.42857 6.85714C9.42857 8.27731 10.5798 9.42857 12 9.42857C13.4202 9.42857 14.5714 8.27731 14.5714 6.85714C14.5714 5.43698 13.4202 4.28571 12 4.28571ZM6.85714 10.9286C6.26541 10.9286 5.78571 11.4083 5.78571 12C5.78571 12.5917 6.26541 13.0714 6.85714 13.0714H10.9286V13.0758C10.9286 14.3624 10.4997 15.6123 9.70982 16.6279L8.15426 18.6279C7.79098 19.0951 7.87512 19.7681 8.34221 20.1314C8.80929 20.4948 9.48245 20.4106 9.84574 19.9435L11.4013 17.9434C11.6216 17.6602 11.8215 17.3637 12 17.056C12.1785 17.3637 12.3784 17.6602 12.5987 17.9434L14.1543 19.9435C14.5175 20.4106 15.1907 20.4948 15.6578 20.1314C16.1249 19.7681 16.209 19.0951 15.8457 18.6279L14.2902 16.6279C13.5003 15.6123 13.0714 14.3624 13.0714 13.0758V13.0714H17.1429C17.7346 13.0714 18.2143 12.5917 18.2143 12C18.2143 11.4083 17.7346 10.9286 17.1429 10.9286H6.85714Z" fill="%231D1D1B"/></g><defs><clipPath id="clip0_994_531"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
}

.front.parcoursup #app .messenger-bubble-content {
  display: flex;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 1rem;
  background: var(--pa-color-white);
}

.front.parcoursup #app .messenger-bubble-content > * {
  margin-bottom: 0;
}

.front.parcoursup #app .messenger-bubble-date {
  color: var(--pa-color-dark);
  font-family: var(--pa-font-serif);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
  opacity: 0.5;
}

.front.parcoursup #app .messenger-form .form-group {
  max-width: none;
}

.front.parcoursup #app .messenger-form .form-floating > label:first-child::after {
  background-color: var(--pa-color-main-bg);
}

.front.parcoursup #app .messenger-form .form-floating > textarea.form-control {
  min-height: 203px;
  padding: 2rem 1.125rem;
}

.front.parcoursup #app .messenger-form-title {
  color: var(--pa-color-black);
  font-family: var(--pa-font-sans-serif);
  font-size: 2rem;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.96px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .front.parcoursup #app .messenger-bubble {
    max-width: 520px;
  }

  .front.parcoursup #app .messenger-bubble.puissance-alpha {
    margin-right: auto;
  }

  .front.parcoursup #app .messenger-bubble.user {
    margin-left: auto;
  }

  .front.parcoursup #app .messenger-feed.typewriter {
    width: 520px;
    margin-left: auto;
  }
}

/***** Footer *****/

.front.parcoursup #app #footer {
  background-color: var(--pa-color-dark);
  padding: 2rem 1rem;
}

.front.parcoursup #app #footer.connected {
  padding-bottom: 6.875rem;
}

.front.parcoursup #app #footer > .container-lg {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.front.parcoursup #app #footer .footer-logo {
  display: flex;
  width: 205px;
  height: 61px;
}

.front.parcoursup #app #footer .footer-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
}

@media (min-width: 768px) {
  .front.parcoursup #app #footer.connected {
    padding-bottom: 7.75rem;
  }
}

@media (min-width: 1200px) {
  .front.parcoursup #app #footer.connected {
    padding-bottom: 2rem;
  }
}

/* Footer menu mobile */

.front.parcoursup #app #footer .footer-menu-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.5rem;
}

.front.parcoursup #app #footer .footer-menu-link {
  font-size: 1.375rem;
  color: var(--pa-color-white);
  text-decoration: none;
  font-weight: 500;
  line-height: 150%;
  padding: 0.25rem 0;
  border-bottom: 2px solid rgba(var(--pa-color-white-rgb), 0.15);
  transition: 0.3s ease-out;
}

.front.parcoursup #app #footer .footer-menu-link:hover,
.front.parcoursup #app #footer .footer-menu-link:focus {
  color: var(--pa-color-orange);
  border-bottom-color: var(--pa-color-orange);
}

/* Footer bottom menu mobile */

.front.parcoursup #app #footer .footer-bttm-menu-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.front.parcoursup #app #footer .footer-bttm-menu-item {
  font-size: 0.875rem;
}

.front.parcoursup #app #footer .footer-bttm-menu-item:not(:last-child)::after {
  content: "-";
  color: var(--pa-color-white);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.front.parcoursup #app #footer .footer-bttm-menu-link {
  display: inline-block;
  color: var(--pa-color-white);
  text-decoration: none;
  line-height: 250%;
  transition: 0.3s ease-out;
}

.front.parcoursup #app #footer .footer-bttm-menu-link:hover,
.front.parcoursup #app #footer .footer-bttm-menu-link:focus {
  color: var(--pa-color-orange);
}

@media (min-width: 992px) {
  .front.parcoursup #app #footer {
    padding: 3.5rem 0;
  }

  .front.parcoursup #app #footer .footer-top {
    align-items: center;
  }

  /* Footer menu desktop */

  .front.parcoursup #app #footer .footer-menu-list {
    flex-direction: row;
    align-items: center;
  }

  /* Footer bottom menu desktop */
  .front.parcoursup #app #footer .footer-bttm-menu-list {
    justify-content: center;
  }
}

/* Print */

@media print {
  .front.parcoursup #app #header {
    position: relative;
    box-shadow: none;
  }

  .front.parcoursup #app #main,
  .front.parcoursup #app #main.user-infos {
    background-color: transparent;
    margin-top: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .front.parcoursup #app #footer,
  .front.parcoursup #app #footer.connected,
  .front.parcoursup #app .block.block-videos,
  .front.parcoursup #app .block.block-parcoursup {
    background-color: transparent;
    padding: 0 !important;
  }

  .front.parcoursup #app .card,
  .front.parcoursup #app .card.timeline {
    box-shadow: none;
  }

  .front.parcoursup #app .card.card-white {
    --pa-card-padding-x: 0;
  }

  .front.parcoursup #app .card.timeline,
  .front.parcoursup #app .messenger-bubble-content {
    border: 1px solid var(--pa-color-dark);
  }

  .front.parcoursup #app .accordion {
    --pa-accordion-bg: transparent;
    --pa-accordion-btn-padding-x: 0;
    --pa-accordion-btn-padding-y: 0;
    --pa-accordion-body-padding-x: 0;
  }

  .front.parcoursup #app .shadow {
    box-shadow: none;
  }

  .front.parcoursup #app .messenger-bubble.user {
    margin-left: 4rem;
  }

  .front.parcoursup #app .messenger-bubble.puissance-alpha {
    margin-right: 4rem;
  }

  .front.parcoursup #app .star::before,
  .front.parcoursup #app .dashboard-menu,
  .front.parcoursup #app .accordion-button::after,
  .front.parcoursup #app .btn,
  .front.parcoursup #app .footer-menu,
  .front.parcoursup #app .footer-bottom,
  .front.parcoursup #app .accordion-item .link,
  .front.parcoursup #app .block-videos.star-pink .block-videos-list::before,
  .front.parcoursup #app .block-videos.star-pink::before,
  .front.parcoursup #app .link-parcoursup,
  .front.parcoursup #app .block-parcoursup.reglement > .link,
  .front.parcoursup #app .block-parcoursup.reglement > .alert.success,
  .front.parcoursup #app .modal,
  .front.parcoursup .modal-backdrop,
  .front.parcoursup #app .block-videos-btn-play,
  .front.parcoursup #app .block-cta,
  .front.parcoursup #app .messenger-feed.typewriter {
    display: none !important;
  }

  .front.parcoursup #app .collapse:not(.show) {
    display: block !important;
  }

  .front.parcoursup #app .footer-logo-inner path[fill="white"] {
    fill: var(--pa-color-dark-blue);
  }

  .front.parcoursup #app #footer .footer-top {
    align-items: flex-start;
  }

  .front.parcoursup #app .block-videos-btn:hover .block-videos-btn-title,
  .front.parcoursup #app .block-videos-btn:focus-visible .block-videos-btn-title {
    color: var(--pa-color-dark) !important;
  }

  .front.parcoursup #app .timeline.timeline-parcoursup .timeline-list,
  .front.parcoursup #app .block-grades-list {
    flex-direction: row !important;
  }

  .front.parcoursup #app .block-grades-list {
    justify-content: center !important;
  }

  .front.parcoursup
    #app
    .timeline.timeline-parcoursup
    .timeline-item:not(:last-child) {
    padding-right: 1rem;
  }

  .front.parcoursup
    #app
    .timeline.timeline-parcoursup
    .timeline-item
    + .timeline-item {
    border-top: none;
    padding-top: 0;
    border-left: 1px solid rgba(var(--pa-color-dark-rgb), 0.15);
    padding-left: 1rem;
  }

  .front.parcoursup #app .timeline .timeline-title {
    width: auto;
    padding: 0 1rem;
  }

  .front.parcoursup #app .timeline .timeline-title::after {
    position: absolute;
    inset: 0 0.5rem;
    z-index: -1;
    height: 1.25em;
    content: "";
    background-color: var(--pa-color-white);
    border-radius: var(--pa-form-border-radius);
  }

  body.front.parcoursup #app {
    min-height: auto;
  }
}

/* Temporaires */

.front.parcoursup #app .temp-timeline {
  width: 100%;
  object-fit: contain;
  margin-bottom: 1rem;
}
