@import "plugins/bootstrap.min.css";
@import "plugins/slick.min.css";
@import "fonts/fonts.css";
/*----------------------*/
/* -------------------- */
/* Animations */
/* -------------------- */
/*----------------------*/
/* -------------------- */
/* Animation bouton */
/* -------------------- */
/*https://ianlunn.github.io/Hover/*/
/* -------------------- */
/* Scroll fire */
/* -------------------- */
@media (min-width: 991.98px) {
  .fadeScroll, .fadeScrollRight, .fadeScrollLeft {
    opacity: 1;
    -webkit-transition: transform 0.4s, opacity 0.4s;
    -moz-transition: transform 0.4s, opacity 0.4s;
    -ms-transition: transform 0.4s, opacity 0.4s;
    -o-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
  }
  .fadeScroll.not-visible, .fadeScrollRight.not-visible, .fadeScrollLeft.not-visible {
    opacity: 0;
  }

  .fadeScrollRight, .fadeScrollLeft {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  .fadeScrollRight.not-visible {
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
  }

  .fadeScrollLeft.not-visible {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  .fadeScroll {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .fadeScroll.not-visible {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }
}
/*---- BODY ----*/
html {
  position: relative;
  margin: auto;
}

body {
  background: #004235;
  font-size: 1.1rem;
  letter-spacing: 0.02rem;
  /* main{
     overflow: hidden;
     height: 100vh;
   }*/
}

/*---- Text ----*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title {
  font-family: "Cormorant Garamond", serif;
}

a, button, .link, .btn {
  text-decoration: none;
}
a:hover, a:focus, button:hover, button:focus, .link:hover, .link:focus, .btn:hover, .btn:focus {
  text-decoration: none;
}

a, button, .link, .btn, p, div {
  font-family: "ProfileOT", sans-serif;
}
a span, a small, button span, button small, .link span, .link small, .btn span, .btn small, p span, p small, div span, div small {
  font-family: "ProfileOT", sans-serif;
}

.card p, .card span, .content-text p, .content-text span {
  font-size: 1.4rem;
  line-height: 1.2;
}

/*---- CARD ----*/
figure {
  margin-bottom: 0;
}

.card {
  background: #003025;
  border-radius: 0;
  border: 0;
  color: #e2dec6;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.45) !important;
}
.card .card-body {
  padding: 1.5rem;
}
.card .card-img, .card .card-img-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
  font-size: 2rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #aca891;
  padding-bottom: 1rem;
}
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card a {
  color: #e2dec6;
}
.card p, .card span, .card small {
  color: #aca891;
}

/*---- BG Img ----*/
.bg-img {
  background-size: cover !important;
  background-position: center center !important;
  height: 285px;
  width: 250px;
  border-radius: 100%;
  display: block;
  margin: auto;
}
.bg-img a:before {
  display: none !important;
}

.img-list {
  background-color: #003025;
}
.img-list img {
  opacity: 0.85;
}

#texte {
  width: 700px;
  margin-bottom: 3rem;
  margin-left: 3rem;
}
#texte h1 {
  color: #001f18 !important;
  font-weight: 700 !important;
  font-size: 3rem !important;
}

/*---- Masonry ----*/
.card-columns {
  column-count: 5;
}
.card-columns figure {
  border-radius: 5px;
  overflow: hidden;
}
.card-columns .card {
  display: inline-block;
}
.card-columns figcaption {
  height: 0;
}
.card-columns a:before {
  display: none !important;
}

.card-columns.citation figure {
  border-radius: 0px !important;
}
.card-columns.citation .text h1 {
  color: #003025;
  font-weight: 700;
  font-size: 3rem;
}

/*---- PAGES ----*/
.home {
  background-image: url(../medias/serpent.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 100vh;
  background-position: center bottom;
}

.articles .mx-4 {
  width: 268px;
}
.articles a {
  display: inline-block;
}
.articles a:before {
  content: "";
  width: 30px;
  height: 1px;
  background: #aca891;
  display: inline-block;
  margin-right: 10px;
  top: -5px;
  position: relative;
}

.borne {
  padding-top: 120px;
  position: relative;
}
.borne:after {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../medias/etoiles-01.svg);
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
}
.borne:before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: fixed;
  top: 0px;
  left: 0;
  background-image: url(../medias/etoiles-02.svg);
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center top;
}
.borne h1 {
  color: #e2dec6;
  font-size: 5rem;
}

.article h1 {
  color: #004235;
  font-size: 2.3rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #004235;
  padding-bottom: 1rem;
}
.article p, .article span, .article small {
  color: #fff;
}
.article aside {
  text-align: right;
}
.article .row:not(.nav-article) {
  padding: 2rem;
  background: #aca891;
  max-height: 700px;
}
.article .content-text {
  overflow: scroll;
  max-height: 350px;
  padding-right: 2rem;
}
.article .content-text p:first-of-type em {
  color: #004235;
  font-size: 1.2rem;
  font-style: normal;
}
.article figure {
  margin-bottom: 0;
  max-height: 550px;
  overflow: hidden;
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  box-shadow: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #e2dec6;
}

.nav-article {
  padding-top: 0.5rem;
}
.nav-article ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav-article a {
  height: 75px;
  width: 75px;
  background: #003025;
  border-radius: 100%;
  text-align: center;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  position: relative;
  display: block;
}
.nav-article a svg {
  color: #aca891;
  width: 40px;
  margin: auto;
  position: relative;
  top: 19px;
}

/*----------*/
/*-- BTN  --*/
/*----------*/
.btn {
  display: inline-block;
  text-align: center;
  white-space: inherit;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0 solid transparent;
  padding: 1rem 1.3rem;
  line-height: 1.1rem;
  border-radius: 0;
  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;
}

.close-article {
  background: #e2dec6;
  color: #004235;
  height: 75px;
  width: 75px;
  text-align: center;
  border-radius: 100%;
  display: inline-block;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  position: relative;
  top: 39px;
  right: 120px;
  z-index: 2000;
}
.close-article:hover, .close-article:focus, .close-article:focus-within {
  color: #004235;
}
.close-article svg {
  position: relative;
  top: 14px;
}

.langues a, .nav-top a {
  display: block;
  color: #e2dec6;
  background: #003025;
  text-align: center;
  border-radius: 100%;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  margin-right: 30px;
}

.langues a {
  margin: auto;
  font-size: 2rem;
  height: 100%;
  width: 100%;
  line-height: 170px;
  min-height: 170px;
  border-radius: 0;
}

.nav-top {
  position: absolute;
  top: 39px;
  right: 0;
  left: 0;
  text-align: right;
  z-index: 1030;
}
.nav-top a {
  height: 75px;
  width: 75px;
}
.nav-top svg {
  position: relative;
  left: 5px;
  top: 18px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: calc(100% - 150px) !important;
  width: 1900px !important;
  margin: auto !important;
}

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