@font-face {
  font-family: "monserrat";
  src: url("../fonts/montserrat-regular-webfont.eot");
  src: url("../fonts/montserrat-regular-webfont?#iefix") format("embedded-opentype"), url("../fonts/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat-regular-webfont.woff") format("woff"), url("../fonts/montserrat-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.montserrat-bold {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

* {
  box-sizing: border-box;
}

body {
  color: #000;
  font-family: "monserrat";
  margin: 0;
  align-items: stretch;
  align-content: stretch;
}
@media screen and (max-width: 992px) {
  body {
    flex-direction: column;
    justify-content: flex-end;
    height: 100vh;
    background-color: #fbb614;
  }
}

/* TEXT + logo */
.intro {
  background-color: #fbb614;
  width: 50%;
  height: 100vh;
  margin: auto;
  flex-direction: column;
  justify-content: stretch;
}
@media screen and (max-width: 992px) {
  .intro {
    width: 100%;
    height: 45vh;
  }
}

.intro img {
  display: block;
  margin: 30% auto 10% auto;
}
@media screen and (max-width: 992px) {
  .intro img {
    width: 125px;
    height: 127px;
    margin: 10% auto 5% auto;
  }
}
@media screen and (max-width: 576px) {
  .intro img {
    width: 90px;
    height: 91px;
  }
}

.title {
  font-size: 2.2em;
  margin-bottom: 10% auto;
}
@media screen and (max-width: 992px) {
  .title {
    font-size: 1.05em;
    margin-bottom: 10% auto 5% auto;
  }
}

.date {
  font-size: 2em;
  margin: 3% auto;
}
@media screen and (max-width: 992px) {
  .date {
    font-size: 0.8em;
    margin: auto;
  }
}

.infos {
  margin: 10% auto;
}
@media screen and (max-width: 992px) {
  .infos {
    display: none;
  }
}

.infos a {
  color: #000;
  text-decoration: none;
}

/* CAROUSEL */
#MyCarousel {
  margin: 0;
  padding: 0;
  width: 50%;
}
@media screen and (max-width: 992px) {
  #MyCarousel {
    width: 100%;
  }
}

.carousel {
  z-index: -99;
  margin: 0;
}
@media screen and (max-width: 992px) {
  .carousel {
    z-index: 10;
  }
}

.carousel .item {
  position: fixed;
  right: 0 !important;
  height: 100%;
  width: 50%;
  margin: 0;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
@media screen and (max-width: 992px) {
  .carousel .item {
    width: 100%;
    height: 50vh;
  }
}

.carousel .one {
  background: url(../img/TSDS-DIFF-PREPA-ANIM-01.png);
  background-size: cover;
  -moz-background-size: cover;
}

.carousel .two {
  background: url(../img/TSDS-DIFF-PREPA-ANIM-02.png);
  background-size: cover;
  -moz-background-size: cover;
}

.carousel .three {
  background: url(../img/TSDS-DIFF-PREPA-ANIM-03.png);
  background-size: cover;
  -moz-background-size: cover;
}

.carousel .for {
  background: url(../img/TSDS-DIFF-PREPA-ANIM-04.png);
  background-size: cover;
  -moz-background-size: cover;
}

.carousel .five {
  background: url(../img/TSDS-DIFF-PREPA-ANIM-05.png);
  background-size: cover;
  -moz-background-size: cover;
}

.carousel .active.left {
  left: 0;
  opacity: 0;
  z-index: 2;
}

/* FOOTER */
footer {
  display: none;
}
@media screen and (max-width: 992px) {
  footer {
    font-size: 0.6em;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fbb614;
    height: 5vh;
    line-height: 5vh;
    vertical-align: middle;
  }
}

footer a {
  color: #000;
  text-decoration: none;
}

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