/* Couleurs */
/* Breakpoints */
/* Font */
.histoire__all {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  border-radius: 21px;
  text-align: center;
  padding-bottom: 18rem;
  width: 100%;
}
.histoire__title {
  margin: 2rem;
  font-family: "Lilita One", sans-serif;
  color: #262924;
}
.histoire__text {
  font-family: "Lilita One", sans-serif;
  color: #262924;
}
.histoire__first {
  margin-top: 250px;
  position: fixed;
  background-color: #fe9798;
}
.histoire__second {
  margin-top: 400px;
  position: absolute;
  background-color: #F77275;
}
.histoire__third {
  margin-top: 550px;
  position: absolute;
  background-color: #fff8e9;
}

.intercalaire {
  position: relative;
  height: 80vh;
  margin-top: 58px;
}
.intercalaire__container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.intercalaire__container__un {
  margin-top: 100px;
}
.intercalaire__container__deux {
  margin-top: 50px;
}
.intercalaire__container:nth-child(1) {
  z-index: 3;
}
.intercalaire__container:nth-child(2) {
  z-index: 2;
}
.intercalaire__container:nth-child(3) {
  z-index: 1;
}
.intercalaire__all {
  position: absolute;
  width: 100%;
  margin-top: 20px;
  text-align: center;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  height: 100%;
}
.intercalaire__title {
  margin: 2rem;
  font-family: "Lilita One", sans-serif;
  color: #262924;
}
.intercalaire__text {
  font-family: "Lilita One", sans-serif;
  color: #262924;
}
.intercalaire__first {
  background-color: #fe9798;
  border-top-left-radius: 0;
  z-index: 3;
}
.intercalaire__second {
  background-color: #F77275;
  z-index: 2;
}
.intercalaire__third {
  background-color: #262924;
  color: #fff8e9;
  z-index: 1;
}
.intercalaire__third h1 {
  color: #fff8e9;
}
.intercalaire__third p {
  color: #fff8e9;
}
.intercalaire__onglet {
  position: absolute;
  width: 20%;
  height: 20px;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
}
.intercalaire__onglet__first {
  background-color: #fe9798;
  z-index: 3;
}
.intercalaire__onglet__second {
  background-color: #F77275;
  margin-left: 20%;
  z-index: 2;
}
.intercalaire__onglet__third {
  background-color: #262924;
  margin-left: 40%;
}
.intercalaire__onglet:hover {
  cursor: pointer;
  height: 40px;
  margin-top: -20px;
}

.hide {
  display: none;
}

/*# sourceMappingURL=histoire.output.css.map */