span {
  font-weight: var(--bold);
}

/*********/
/* Titre */
/*********/
h1 {
  margin-top: 10vw;
  margin-bottom: 3vw;
  text-align: center;
  font-size: 10rem;
  font-weight: var(--light);
}
/**********/
/* cartes */
/**********/
.cards {
  margin: 3vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cards .card {
  position: relative;
  margin: 2vw;
  padding: 2vw 3vw;
  height: calc(14vw + 10rem);
  border-radius: 2vw;
  padding-bottom: 3.5rem;
}

.cards .card-schedule {
  background-color: rgba(var(--purple), 0.57);
}
.cards .card-apply {
  background-color: rgba(var(--purple), 0.67);
}
.cards .card-requirements {
  background-color: rgba(var(--purple), 0.47);
}

.cards .card h3 {
  font-size: 3rem;
  margin-bottom: 1vw;
  font-weight: var(--light);
}

.cards .card p {
  font-size: 1.5rem;
  font-weight: var(--light);
}

.cards .card a {
  position: absolute;
  bottom: 3vw;
  border: 0.1vw solid rgb(var(--darkest));
  border-radius: 0.8vw;
  transition: background 0.5s;
}

.cards .card a:hover {
  background-color: rgba(var(--darkest), 0.2);
}

.cards .card a p {
  margin: 0;
  padding: 0.5vw 1vw;
  font-size: 1.6rem;
  font-weight: var(--regular);
}

.cards .card a p::after {
  content: ">";
  padding: 0 0 0 0.5vw;
}

/*****************************/
/* petite fleche vers le bas */
/*****************************/
.arrow {
  margin: 5vw 0 10vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.arrow img {
  li::before {
    content: "";
    font-size: 0;
    position: absolute;
    top: 0.6rem;
    left: -0.8rem;
    padding: 0.25rem;
    border-radius: 50%;
    background-color: rgb(var(--darkest));
  }
}

/************/
/* schedule */
/************/

.schedule {
  margin: 7vw 6vw;
}
.schedule .pre-content h2 {
  font-size: 4rem;
  margin: 0.8vw;
  text-align: center;
  font-weight: var(--light);
}
.schedule .pre-content p {
  font-size: 2rem;
  text-align: center;
  font-weight: var(--light);
}

.schedule h4 {
  margin-top: 5vw;
  margin-left: 13.6vw;
  font-size: 2vw;
  font-weight: var(--light);
}

.schedule h4 img {
  width: 2vw;
  margin-right: 1vw;
  aspect-ratio: 1/1;
}

.schedule .timeline {
  position: relative;
  margin: 0vw 7vw 5vw 20vw;
  display: flex;
  flex-direction: column;
}

.schedule .timeline .cont {
  --rayon-a: 1.5vw;
  --rayon-b: 1vw;
  --top: 1vw;
  --left: -7vw;
  --diff: calc(var(--rayon-a) - var(--rayon-b));
  display: flex;
  position: relative;
  margin: 2vw 0;
}

.schedule .timeline .dateBox {
  position: relative;
  background-color: rgb(var(--gray-02));
  border-radius: 1vw;
  padding: 1.5vw 2.5vw;
}

.schedule .timeline .dateBox h5 {
  font-size: 2vw;
  font-weight: var(--regular);
  margin-bottom: 0.5vw;
}
.schedule .timeline .dateBox p {
  font-size: 1.5vw;
  font-weight: var(--regular);
}

/* partie js */

.schedule .timeline .cont::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: var(--left);
  top: var(--top);
  padding: var(--rayon-a);
  border-radius: 50%;
  background-color: rgb(var(--gray-02));
}

.schedule .timeline .going::before {
  content: "";
  position: absolute;
  left: calc(var(--left) + var(--diff));
  top: calc(var(--top) + var(--diff));
  padding: var(--rayon-b);
  border-radius: 50%;
  background-color: rgb(var(--blue));
}

.schedule .timeline .before::before {
  content: "";
  position: absolute;
  left: calc(var(--left) + var(--diff));
  top: calc(var(--top) + var(--diff));
  padding: var(--rayon-b);
  border-radius: 50%;
  background-color: rgb(var(--purple));
}

.schedule .timeline .passed::before {
  content: "";
  position: absolute;
  left: calc(var(--left) + var(--diff));
  top: calc(var(--top) + var(--diff));
  padding: var(--rayon-b);
  border-radius: 50%;
  background-color: rgb(var(--green));
}

.schedule .excuses{
  padding-top: 2vw;
  margin: 0 4vw;
}

.schedule .excuses p{
  font-size: 2rem;
  font-weight: var(--regular);
  text-align: center;
  margin: 2vw 3vw;
}

/*********/
/* apply */
/*********/

.para-apply {
  margin: 12vw 6vw 15vw 6vw;
}
.para-apply .pre-content h2 {
  font-size: 4rem;
  margin: 0.8vw;
  text-align: center;
  font-weight: var(--light);
}
.para-apply .pre-content p {
  font-size: 2rem;
  text-align: center;
  font-weight: var(--light);
}

.para-apply .cases .box {
  border-radius: 2vw;
  margin: 7vw 4vw;
  padding: 1vw 3vw;
  color: rgb(var(--darkest));
}

.para-apply .cases .application {
  background-color: rgba(var(--green), 0.1);
}
.para-apply .cases .video {
  background-color: rgba(var(--green), 0.17);
}
.para-apply .cases .preferences {
  background-color: rgba(var(--green), 0.25);
}
.para-apply .cases .eligibility {
  background-color: rgba(var(--green), 0.32);
}
.para-apply .cases .incomplete-degree {
  background-color: rgba(var(--green), 0.4);
}

.para-apply .box h3 {
  font-size: 3.5rem;
  font-weight: var(--light);
  margin: 1vw 0;
}

.para-apply .box p {
  font-size: 1.5rem;
  font-weight: var(--light);
  margin-bottom: 1vw;
}
.para-apply .box ul {
  padding-left: 3vw;
}
.para-apply .box ul li {
  font-size: 1.3rem;
  font-weight: var(--light);
  list-style: inherit;
  margin-bottom: 1vw;
}

.para-apply .others .box {
  border-radius: 2vw;
  margin: 4vw;
  padding: 1vw 3vw;
  color: rgb(var(--darkest));
}

.para-apply .others .residency {
  background-color: rgba(var(--green), 0.17);
}
.para-apply .others .translations {
  background-color: rgba(var(--green), 0.25);
}
.para-apply .others .documents {
  background-color: rgba(var(--green), 0.32);
}

/*************************/
/* language requirements */
/*************************/
.language {
  margin: 7vw 3vw;
  position: relative;
  text-align: center;
}
.language h3 {
  font-size: 4rem;
  font-weight: var(--light);
}
.language p {
  font-size: 2rem;
  font-weight: var(--light);
}

.language .different-sources .see-lang {
  margin: 0 2vw;
}

.language .different-sources p {
  text-align: left;
  font-size: 1.7rem;
  font-weight: var(--regular);
}

.language .different-sources h4 {
  cursor: pointer;
  text-align: left;
  padding-left: 2vw;
  font-size: 2rem;
  font-weight: var(--light);
  margin: 1vw 0;
}

.language .different-sources h4::before {
  content: ">";
  position: absolute;
  font-size: 2rem;
  left: 2rem;
}

.language .different-sources .rotate h4::before {
  content: ">";
  position: absolute;
  transform: rotate(90deg);
}

/* pour afficher ou cacher les paragraphes */
.language .different-sources .cache {
  display: none;
}
.language .different-sources .affiche {
  display: block;
}

/* content */
.language .different-sources .content,
.language .different-sources .contentbis {
  margin: 0 2vw;
  padding: 2vw;
  border-radius: 1vw;
  background-color: rgb(var(--gray-01));
}
.language .different-sources .content ul {
  margin-bottom: 2vw;
}
.language .different-sources .content ul li {
  padding-left: 2vw;
  font-size: 1.7rem;
  text-align: left;
  list-style: inside;
}
.language .different-sources .submitting h4 {
  padding-left: 0;
  text-align: left;
  font-size: 2rem;
  font-weight: var(--light);
  margin: 1vw 0;
}

.language .different-sources .submitting h4::before {
  content: "";
}

.language .different-sources .submitting p {
  padding-left: 1vw;
}

.language .different-sources .submitting ol {
  padding-left: 4.5vw;
  font-size: 1.7rem;
  text-align: left;
}
.language .different-sources .submitting ol li {
  margin: 1vw 0;
}

/* content bis */

.language .different-sources .contentbis p {
  margin: 0vw 2vw 2vw 2vw;
}

.language .different-sources .contentbis ul li {
  padding-left: 4vw;
  font-size: 1.7rem;
  text-align: left;
  list-style: inside;
}
/***********************/
/* Evaluation criteria */
/***********************/
.criteria {
  --couleur: var(--purple);
  margin: 7vw 3vw;
  position: relative;
}
.criteria h3 {
  text-align: center;
  font-size: 6rem;
  font-weight: var(--light);
}
.criteria p {
  /* text-align: center;*/
  padding: 0 4vw;
  font-size: 2rem;
  font-weight: var(--light);
}
.criteria ul li {
  padding-left: 8vw;
  font-size: 1.7rem;
  /* text-align: center; */
  list-style: inside;
}

.criteria .content {
  padding: 1vw 2vw;
  margin: 7vw 0;
  border-radius: 1vw;
}
/* couleur de fond */
.criteria .relevance {
  background-color: rgba(var(--couleur), 10%);
}
.criteria .academic {
  background-color: rgba(var(--couleur), 15%);
}
.criteria .recognition {
  background-color: rgba(var(--couleur), 20%);
}
.criteria .suitability {
  background-color: rgba(var(--couleur), 25%);
}
.criteria .areas {
  background-color: rgba(var(--couleur), 30%);
}

.criteria .content h4 {
  margin-bottom: 2vw;
  font-size: 2rem;
  font-weight: var(--regular);
}
.criteria .content p {
  font-size: 1.7rem;
  font-weight: var(--light);
}
.criteria .content li {
  padding-left: 6vw;
  font-size: 1.7rem;
  font-weight: var(--light);
}

.criteria .content h5 {
  font-size: 2rem;
  font-weight: var(--light);
  margin: 1.5vw;
}
/*********************/
/* admission results */
/*********************/
.results {
  --couleur: var(--cyan);
  margin: 7vw 3vw;
  position: relative;
}
.results h3 {
  text-align: center;
  font-size: 5rem;
  font-weight: var(--light);
}
.results h4 {
  font-size: 2rem;
}
.results p {
  text-align: center;
  padding: 0 4vw;
  font-size: 2rem;
  font-weight: var(--light);
}

.results a {
  font-weight: var(--bold);
}
.results li {
  padding-left: 4vw;
  list-style: inside;
  font-size: 1.7rem;
}

.results div {
  margin: 8vw 3vw;
  padding: 2vw 3vw;
  border-radius: 1vw;
}

.results .documents {
  background-color: rgba(var(--couleur), 30%);
}
.results .request {
  background-color: rgba(var(--couleur), 20%);
}

.results div p {
  text-align: left;
  font-size: 1.7rem;
  padding: 0;
  padding-left: 2vw;
  margin: 1vw 0;
  font-weight: var(--regular);
}

.results .adress {
  margin: 0;
  padding: 0;
  margin-left: 4vw;
}
/*********************/
/* Admitted students */
/*********************/
.students {
  --couleur: var(--purple);
  margin: 7vw 3vw;
  position: relative;
}
.students h3 {
  text-align: center;
  font-size: 6rem;
  font-weight: var(--light);
}
.students p {
  text-align: center;
  padding: 0 4vw;
  font-size: 1.7rem;
  font-weight: var(--light);
}
.students a {
  font-weight: var(--bold);
}
.students a p {
  font-weight: var(--bold);
}
.students .list {
  margin: 4vw 0;
}
.students .list p {
  margin: 2vw;
  font-size: 1.7rem;
  font-weight: var(--regular);
}
.students .list a p {
  margin: 0;
  font-weight: var(--bold);
}

@media screen and (max-width: 1215px) and (min-width: 981px) {
  h1 {
    margin-top: 17vw;
  }
  .cards {
    flex-direction: column;
  }

  .cards .card {
    padding-bottom: 3.5rem;
  }
  .language .different-sources h4::before {
    left: 0rem;
  }
}

@media screen and (max-width: 980px) {
  h1 {
    font-size: 15vw;
  }
  .cards {
    flex-direction: column;
  }

  .cards .card {
    width: 95%;
    height: auto;
    padding-bottom: 5rem;
  }

  .para-apply {
    margin: 12vw 3vw 15vw 3vw;
  }

  .para-apply .cases .box,
  .para-apply .others .box {
    margin: 7vw 0vw;
    padding: 2.5vw 2vw;
  }
  .language .different-sources h4::before {
    left: 0rem;
  }
}

ul ul {
  list-style-type: circle;
}