/*  BFH.Forms.StyleForm */
/* 
21.05.2025, lhi, ajout design, page public 
22.05.2025, lhi, mise en page
23.05.2025, lhi, modification design 
26.05.2025, lhi, modification pour la largeur minimum du bouton
28.05.2025, lhi, modification design de la page
11.08.2025, lhi, évolution design pour la hauteur de la page et visibilité du pied de page
14.08.2025, lhi, modification du footer (ne doit pas être fixe)
18.08.2025, lhi, modification couleur texte piedpage
19.08.2025, glo, ajout de la font family
24.11.2025, lhi, mise en page pour une version responsive
*/
@font-face {
  font-family: 'UnitRoundedProLight';
  src: url('/images/gestacplus/ecole/UnitRoundedPro.otf') format('opentype');
}
html {
  overflow: hidden;
  background-image: url("forminscrs.img?ww_c=IC_FORM_BODY_IMG");
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "UnitRoundedProLight";
}
html body.public-form-body {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}
html body.public-form-body .public-form-content {
  background-color: white;
  position: relative;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  display: grid;
  grid-template-rows: 73px 1fr 40px;
}
html body.public-form-body .public-form-content .header {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 200;
  max-width: 80rem;
  background: #eff1f3;
  height: 73px;
  padding-bottom: 1rem;
}
html body.public-form-body .public-form-content .header img.logo {
  width: 170px;
  margin-left: 0.25rem;
  padding-top: 0.25rem;
  align-self: end;
}
html body.public-form-body .public-form-content .header .langues {
  margin-left: auto;
  margin-right: 1rem;
  align-self: end;
}
html body.public-form-body .public-form-content .header .langues ul {
  display: grid;
  list-style-type: none;
  grid-template-columns: 30px 30px 30px;
}
html body.public-form-body .public-form-content .header .langues ul li {
  margin: 0;
  list-style-type: none;
  font-size: 0.85rem;
  text-align: center;
}
html body.public-form-body .public-form-content .header .langues ul li a {
  text-decoration: none;
  font-size: 0.85rem;
  color: black;
  border-bottom: none;
}
html body.public-form-body .public-form-content .header .langues ul li a.active {
  font-weight: bold;
  border-bottom: 3px solid #697d91;
  color: #697d91;
}
html body.public-form-body .public-form-content .public-form-page {
  background-color: white;
  padding: 2.5rem 4rem;
}
html body.public-form-body .public-form-content .public-form-page h1 {
  font-size: 1rem;
  color: #4B647D;
}
html body.public-form-body .public-form-content .public-form-page h2 {
  font-size: 0.8rem;
  color: #4B647D;
}
html body.public-form-body .public-form-content .public-form-page .type {
  color: #4B647D;
  font-size: 2rem;
  margin-top: 1rem;
}
html body.public-form-body .public-form-content .public-form-page .filiere {
  color: #000;
  font-size: 2rem;
}
html body.public-form-body .public-form-content .public-form-page .bienvenue {
  padding-top: 2.5rem;
  color: #000;
  font-weight: bold;
}
html body.public-form-body .public-form-content .public-form-page .accueil {
  padding-bottom: 2.5rem;
  color: #000;
}
html body.public-form-body .public-form-content .public-form-page .periodeLieuBouton {
  width: fit-content;
  padding-bottom: 1rem;
}
html body.public-form-body .public-form-content .public-form-page .periodeLieuBouton .periode {
  padding: 0.5rem 0 0.5rem 0;
  color: #4B647D;
  grid-column: 1;
  grid-row: 1;
}
html body.public-form-body .public-form-content .public-form-page .periodeLieuBouton .lieuBouton {
  grid-row: 2;
  display: grid;
}
html body.public-form-body .public-form-content .public-form-page .periodeLieuBouton .lieuBouton .lieu {
  color: #000;
  padding: 0.5rem 0;
  margin-left: 1rem;
  grid-row: 1;
  grid-column: 1 / 10;
}
html body.public-form-body .public-form-content .public-form-page .periodeLieuBouton .lieuBouton a.bouton {
  background-color: #ffcb3e;
  padding: 1rem 0.75rem;
  border-radius: 4px;
  text-decoration: none;
  display: block;
  width: fit-content;
  color: #000;
  margin-left: 1rem;
  grid-row: 2;
  min-width: 212px;
  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;
}
html body.public-form-body .public-form-content .public-form-page .periodeLieuBouton .lieuBouton a.bouton:hover {
  color: #000;
  border-color: #ffbb02;
  background-color: #ffbb02;
}
html body.public-form-body .public-form-content .public-form-page hr {
  display: none;
}
html body.public-form-body .public-form-content .footer {
  background-color: #eff1f3;
  padding: 0.05rem 0;
  height: 45px;
  max-width: 80rem;
  width: 80rem;
}
html body.public-form-body .public-form-content .footer .footerSpan {
  color: #4b647d;
}
html body.public-form-body .public-form-content .footer p {
  text-align: center;
  font-size: 0.9rem;
  padding: 0.05rem 0;
  position: absolute;
  padding-left: 3.5rem;
}
html body.public-form-body .public-form-content .footer p a {
  text-decoration: none;
  color: #333;
  transition: all 300ms ease-out;
  font-weight: normal;
}
/*24.11.2025, lhi, mise en page pour une version responsive*/
@media (max-width: 64em) {
  .public-form-content {
    display: block !important;
  }
  .public-form-page {
    padding-left: 1rem !important;
  }
  .public-form-page div {
    white-space: pre-line;
    width: 100%;
  }
  .public-form-page .lieuBouton .bouton,
  .public-form-page .lieuBouton .lieu {
    grid-row: initial !important;
    grid-column: initial !important;
    margin-left: 0 !important;
  }
}
@media (max-width: 992px) {
  .footer {
    width: 100% !important;
  }
}