/* FONTS */
@font-face {
  font-family: mt-b;
  src: url("../fonts/Montserrat/static/Montserrat-Black.ttf");
}
@font-face {
  font-family: mt-sb;
  src: url("../fonts/Montserrat/static/Montserrat-SemiBold.ttf");
}
@font-face {
  font-family: mt-l;
  src: url("../fonts/Montserrat/static/Montserrat-Light.ttf");
}
@font-face {
  font-family: mt-eb;
  src: url("../fonts/Montserrat/static/Montserrat-ExtraBold.ttf");
}
@font-face {
  font-family: mt-r;
  src: url("../fonts/Montserrat/static/Montserrat-Regular.ttf");
}
@font-face {
  font-family: love-b;
  src: url("../fonts/Lovelo/Lovelo-Black.ttf");
}
.monts-b {
  font-family: mt-b;
}

.monts-r {
  font-family: mt-r;
}

.monts-sb {
  font-family: mt-sb;
}

.monts-l {
  font-family: mt-l;
}

.love-b {
  font-family: love-b;
}

/* GENERAL */
.icon {
  padding: 15px;
  border-radius: 50%;
}

video::-webkit-media-controls {
  display: none;
}

video {
  pointer-events: none;
}

/* NAV */
.mainNav {
  background-image: url("../image/background_header.png");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  overflow: visible;
}

.secondaryNav {
  z-index: 2;
  top: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  right: 0;
  padding-right: 5em;
}

.sublink {
  font-size: 0.7rem !important;
}

.containerLogo {
  width: 250px;
}

.logoNav {
  z-index: 3;
  left: 2.2em;
}

.lens {
  background-color: #80C999;
}

.firstTitle {
  padding-right: 4em;
}

.thirdTitle {
  padding-right: 15em;
}

#decouvrir,
#amuser,
#enrichir,
#preparer,
#participer {
  padding: 1.2em;
}

#amuserNav {
  padding-left: 17.5em;
}

#decouvrir.active,
#decouvrirNav.active {
  background-color: #80c999;
}

#amuser.active,
#amuserNav.active {
  background-color: #f2695c;
}

#enrichir.active,
#enrichirNav.active {
  background-color: #3abfc0;
}

#preparer.active,
#preparerNav.active {
  background-color: #ffd173;
}

#participer.active,
#participerNav.active {
  background-color: #172741;
  color: white;
}

.buttonLeft, .buttonRight {
  cursor: pointer;
}

.carouselIcons {
  z-index: 3;
  top: 2rem;
  right: 2rem;
}

.facebook {
  background-color: #3ABFC0;
}

.instagram {
  background-color: #FFF;
}

.carouselIcons .instagram {
  background-color: #FFD173;
}

.youtube {
  background-color: #F2695C;
}

.btnActus {
  background-color: #3ABFC0;
  border-radius: inherit;
  border-color: inherit;
}

/* FLOWFLOW */
/* .flowflow{
} */
.flowItem {
  background-color: rgba(0, 0, 0, 0.7);
}

.flowflow .title {
  font-size: 0.9em;
}

.flowflow .subtitle {
  font-size: 0.8em;
}

#heart {
  color: #f0685b;
}

#comment {
  color: #37acad;
}

.iconFlow {
  margin: 1rem;
}

.logoFlow {
  border-radius: 50%;
}

/* FOOTER */
footer {
  background-color: #FFD173;
}

.bandeau {
  background-image: url("../image/footer.png");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: left;
}

/* CAROUSEL */
.center {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.wrapper {
  display: flex;
  grid-gap: 1em;
  overflow: hidden;
  width: 55em;
}
.wrapper > .inner {
  display: flex;
  grid-gap: 1em;
  transition: all 1s ease-in-out;
}

.blue {
  background-color: #37acad;
}

.red {
  background-color: #f0685b;
}

.green {
  background-color: #80c999;
}

.card > img {
  display: block;
  width: 17.5em;
}
.card > .content {
  padding: 1em;
}

.map {
  margin-top: 1em;
}
.map > button {
  all: unset;
  background: #50c6c7;
  cursor: pointer;
  margin: 0 0.125em;
  position: relative;
  user-select: none;
  border-radius: 100%;
  height: 1em;
  width: 1em;
}
.map > button.active:after {
  background: #001d38;
  content: "";
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  border-radius: 100%;
  height: 0.5em;
  width: 0.5em;
}

/*# sourceMappingURL=style.css.map */