:root {
  --primary-color--50: #f5fde8;
  --primary-color--100: #e6facd;
  --primary-color--200: #cef5a1;
  --primary-color--300: #adeb6b;
  --primary-color--400: #8edd3e;
  --primary-color--500: #6fc31f;
  --primary-color--600: #539a14;
  --primary-color--700: #407714;
  --primary-color--800: #375e16;
  --primary-color--900: #2f5017;
  --primary-color--950: #162c07;
  --functionnal-color--50: #f6f7f6;
  --functionnal-color--100: #e4e5e2;
  --functionnal-color--200: #c8cac5;
  --functionnal-color--300: #a3a8a0;
  --functionnal-color--400: #80857c;
  --functionnal-color--500: #656b61;
  --functionnal-color--600: #4f544d;
  --functionnal-color--700: #42463f;
  --functionnal-color--800: #383a35;
  --functionnal-color--900: #30322f;
  --functionnal-color--950: #1e201d;
  --functionnal-primary-color--50: #fff3ed;
  --functionnal-primary-color--100: #ffe3d4;
  --functionnal-primary-color--200: #ffc4a9;
  --functionnal-primary-color--300: #ff9b72;
  --functionnal-primary-color--400: #fe6639;
  --functionnal-primary-color--500: #fd4c23;
  --functionnal-primary-color--600: #ee2408;
  --functionnal-primary-color--700: #c51609;
  --functionnal-primary-color--800: #9c1410;
  --functionnal-primary-color--900: #7e1410;
  --functionnal-primary-color--950: #440607;
  --neutral-color--white: #f6f7f6;
  --neutral-color---black: #1e201d;
  --NA-B-30: #1e201d4d;
  --NA-B-15: #1e201d26;
  --NA-B-65: #1e201da6;
  --NA-50: #f6f7f680;
  --NA-20: #f6f7f633;
  --NA-10: #f6f7f61a;
  --NA-0: #f6f7f600;
  --font-family--primary: Orborn, sans-serif;
  --font-family--secondary: "Prospec";
  --gap--small: 10px;
  --gap--medium: 20px;
  --gap--container: 20px;
  --gap--large: 40px;
  --gap--xlarge: 80px;
  --radius--small: 5px;
  --radius--medium: 20px;
  --radius--large: 40px;
  --radius--full: 1000px;
  --background-color-card-blur: #ffffff45;
  --background-color-card-blur-transparent: #ffffff1a;
  --background-color-card-blur-hover: #ffffff74;
  --box-shadow-card-blur: 0 4px 30px #0000001a;
  --backdrop-filter-card-blur: blur(13.1px);
  --webkit-backdrop-filter-card-blur: blur(5.3px);
  --border-card-blur: 1px solid #ffffff29;
}

@font-face {
  font-family: Prospec;
  src: url("../fonts/Prospec.woff2") format("woff2"), url("../fonts/Prospec.woff") format("woff"), url("../Prospec.3279b853.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Orborn;
  src: url("../fonts/Orborn-Medium.woff2") format("woff2"), url("../fonts/Orborn-Medium.woff") format("woff"), url("../Orborn-Medium.7f5d11b6.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

* {
  box-sizing: border-box;
  font-family: var(--font-family--primary, "Orborn");
  color: var(--neutral-color--white);
  margin: 0;
  padding: 0;
}

.main {
  padding: 5%;
  position: relative;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p {
  font-family: var(--font-family--primary);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

img, video {
  display: block;
}

h1, h2, .logo {
  font-family: var(--font-family--secondary);
  color: var(--neutral-color--white);
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: 700;
}

h3, h4, h5 {
  color: var(--neutral-color--white);
}

header {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  display: flex;
  position: relative;
}

.navbar {
  border-radius: var(--radius--full);
  background: var(--background-color-card-blur);
  backdrop-filter: var(--backdrop-filter-card-blur);
  border: var(--border-card-blur);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.menu {
  display: flex;
}

.menu-item {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.burger-menu {
  cursor: pointer;
  flex-direction: column;
  gap: 5px;
  display: none;
}

.burger-line {
  background-color: #fff;
  width: 30px;
  height: 3px;
}

nav a {
  text-decoration: none !important;
}

nav .button, .card-feature .button {
  backdrop-filter: none;
  background: none;
  border: none;
}

footer {
  position: relative;
}

.button {
  border-radius: var(--radius--full);
  color: var(--neutral-color--white);
  background: var(--background-color-card-blur);
  backdrop-filter: var(--backdrop-filter-card-blur);
  border: var(--border-card-blur);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 1vh 3vw;
  transition: all .2s;
  display: inline-flex;
}

.button:hover {
  background: var(--background-color-card-blur-hover);
  text-shadow: 0 0 15px #000;
  text-decoration: none;
}

.button.no-hover:hover {
  background: var(--background-color-card-blur);
  cursor: auto;
}

.button:active {
  background: var(--functionnal-color--800);
}

.button.input {
  border: .2em solid var(--functionnal-color--950);
  background: var(--neutral-color--white);
  color: var(--functionnal-color--950);
  cursor: text;
}

.button.feature {
  gap: var(--gap--small);
  border-radius: var(--radius--medium);
  flex-direction: column;
  width: 100%;
  padding: 2%;
  display: flex;
}

.button.feature img {
  border-radius: var(--radius--small);
  width: 3vw;
}

input:focus-visible {
  outline: 2px solid var(--functionnal-color--400);
}

.section {
  margin: auto;
  padding: 4% 0;
}

.section-intro {
  gap: var(--gap--large);
  flex-direction: column;
  margin: 5% 0;
  display: flex;
}

.section-intro.left {
  align-items: flex-start;
}

.section-intro.right {
  align-items: flex-end;
}

.section-intro.center {
  align-items: center;
}

.section-intro div {
  width: 50%;
}

.section-intro .align-center {
  align-self: center;
}

.section-intro .align-right {
  flex-direction: column;
  align-self: flex-end;
  display: flex;
}

.section-intro .align-right > * {
  display: inline;
}

.section-intro img {
  width: 25%;
  margin: 10%;
}

.section-intro .container {
  gap: var(--gap--large);
  flex-direction: column;
  display: flex;
}

.container-row {
  justify-content: space-between;
  align-items: stretch;
  gap: var(--gap--container);
  width: 100%;
  display: flex;
}

.container-row.no-gap {
  gap: 0;
}

.container-row.wrap {
  flex-wrap: wrap;
}

.container-row.no-space-between {
  justify-content: center;
}

.card {
  color: var(--neutral-color--white);
}

.section-mini-card.center {
  padding: 10vw;
}

.mini-card {
  justify-content: center;
  align-items: flex-start;
  gap: var(--gap--small);
  border-radius: var(--radius--medium);
  background: var(--background-color-card-blur);
  backdrop-filter: var(--backdrop-filter-card-blur);
  border: var(--border-card-blur);
  flex-direction: column;
  width: 100%;
  padding: 20px 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mini-card.card-img-center {
  justify-content: center;
  align-items: center;
  height: 20vh;
  display: flex;
}

.mini-card.card-img {
  justify-content: center;
  align-items: center;
  height: 20vh;
  left: 0;
  padding: 0;
  display: flex;
}

.mini-card.card-img p, .mini-card.card-img h3, .mini-card.card-img-center p, .mini-card.card-img-center h3 {
  display: none;
}

.mini-card.card-img img {
  width: 40%;
  position: relative;
}

.mini-card.card-img-center img {
  width: auto;
  max-width: 100%;
  height: 100%;
  position: static;
}

.mini-card .opinion {
  text-overflow: ellipsis;
  overflow: hidden;
}

.mini-card img {
  width: 8%;
  height: auto;
  position: relative;
  bottom: 1%;
  left: 90%;
}

.mini-card.opinion {
  justify-content: flex-start;
  align-items: center;
}

.mini-card.opinion img, .card-blog img {
  aspect-ratio: 1;
  border-radius: var(--radius--full);
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  position: static;
}

.section-blog {
  gap: var(--gap--small);
  flex-direction: column;
  display: flex;
}

.card-blog {
  align-items: flex-start;
  gap: var(--gap--large);
  border-radius: var(--radius--medium);
  background: var(--background-color-card-blur);
  backdrop-filter: var(--backdrop-filter-card-blur);
  border: var(--border-card-blur);
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 40px;
  transition: all .4s;
  display: flex;
}

.card-blog:hover {
  transform: scale(1.01);
}

.card-blog:hover .card-blog-link {
  text-decoration: none;
}

.card-blog-link:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.section-blog {
  flex-direction: row;
  display: flex;
}

.nav-slider {
  gap: var(--gap--small);
  padding: 1%;
  display: flex;
}

.nav-slider .point {
  border-radius: var(--radius--full);
  background: var(--functionnal-color--300);
  width: 10px;
  height: 10px;
}

.nav-slider .point.active {
  background: var(--functionnal-color--950);
  width: 20px;
}

.calculator {
  justify-content: center;
  align-items: center;
  gap: var(--gap--xlarge);
  border-radius: var(--radius--medium);
  background: var(--background-color-card-blur);
  backdrop-filter: var(--backdrop-filter-card-blur);
  border: var(--border-card-blur);
  flex-direction: column;
  width: 50%;
  padding: 60px;
  display: flex;
}

.calculator h2 {
  color: var(--neutral-color--white);
}

.card-feature {
  border-radius: var(--radius--medium);
  color: var(--neutral-color--white);
  background: var(--background-color-card-blur);
  backdrop-filter: var(--backdrop-filter-card-blur);
  border: var(--border-card-blur);
  padding: 30px;
}

.card-feature .content {
  gap: var(--gap--large);
  flex-direction: column;
  padding: 40px;
  display: flex;
}

.card-feature h3 {
  font-size: 37px;
}

.card-feature img {
  width: 20%;
}

footer .section {
  margin-bottom: 80px;
}

.newsletter {
  gap: var(--gap--large);
  border-radius: var(--radius--medium);
  color: var(--neutral-color--white);
  background: var(--background-color-card-blur);
  backdrop-filter: var(--backdrop-filter-card-blur);
  border: var(--border-card-blur);
  flex-direction: column;
  width: 60vw;
  padding: 40px 60px;
  display: flex;
}

.swiper {
  padding: 1% !important;
}

.swiper-wrapper {
  align-items: stretch;
}

.swiper-slide {
  justify-content: center;
  align-items: center;
  display: flex !important;
}

.swiper-pagination {
  text-align: start !important;
  position: static !important;
}

.swiper-pagination-bullet {
  background: var(--neutral-color--white) !important;
}

.swiper-pagination-bullet-active {
  background: var(--neutral-color--white) !important;
  border-radius: var(--radius--full) !important;
  width: 15px !important;
}

.section-final {
  align-items: center;
  gap: var(--gap--xlarge);
  color: var(--neutral-color--white);
  background: var(--background-color-card-blur-transparent);
  backdrop-filter: var(--backdrop-filter-card-blur);
  border: var(--border-card-blur);
  flex-direction: column;
  padding: 40px;
  display: flex;
}

.section-final .container-row.container-content {
  width: 70%;
}

.section-final .contact {
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.section-final .nav-footer {
  align-self: stretch;
  align-items: flex-start;
  gap: var(--gap--medium);
  flex-direction: column;
  display: flex;
}

.nav-footer a:hover {
  color: var(--functionnal-color--300);
  text-decoration: underline !important;
}

#particles-js {
  z-index: -1;
  background-color: #000;
  width: 100vw;
  height: 100vh;
  position: fixed;
}

.button {
  cursor: pointer;
}

.hidden {
  display: none;
}

.visible {
  display: flex;
}

#resultatContainer {
  opacity: 0;
  z-index: 3;
  visibility: hidden;
  background: #00000080;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: transform .5s;
  position: fixed;
  top: 0;
  left: 0;
  transform: scale(.5);
}

#resultat {
  border-radius: var(--background-color-card-blur);
  background: var(--background-color-card-blur);
  backdrop-filter: var(--backdrop-filter-card-blur);
  border: var(--border-card-blur);
  border-radius: var(--radius--medium);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
  display: flex;
}

.lightbox.active {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  transform: scale(1) !important;
}

.article {
  background: var(--background-color-card-blur);
  backdrop-filter: var(--backdrop-filter-card-blur);
  border: var(--border-card-blur);
  margin-bottom: 10vh;
}

.article-img-container {
  z-index: 1;
  border-radius: var(--radius--medium);
  width: 100vw;
  height: 85vh;
  padding: 1%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.article-img {
  border-radius: var(--radius--medium);
  opacity: .7;
  width: 100%;
  height: 100%;
}

.article-img-container .container-row {
  justify-content: flex-start;
  position: absolute;
  bottom: 4%;
  left: 2%;
}

.article-credit, .article-date {
  border-radius: var(--radius--medium);
  align-items: baseline;
  gap: var(--gap--small);
  flex-direction: column;
  width: 15%;
  padding: 2% 1%;
}

.article-credit:hover {
  box-shadow: var(--functionnal-color--900) 0px 0px 20px;
  transform: scale(1.02);
}

.article-date {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: 20%;
  font-size: 1em;
}

.article-date p {
  font-size: 1.5em;
}

.article-date .post-categories-container {
  justify-content: center;
  gap: var(--gap--small);
  flex-wrap: wrap;
  display: flex;
}

.article-header {
  border-radius: var(--radius--medium);
  z-index: 1;
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 5vh 0 10vh;
  padding: 10%;
  position: relative;
}

.article-header .article-h1 {
  text-align: center;
  text-shadow: var(--functionnal-color--950) 1px 0 10px;
  font-size: 5em;
  line-height: 1em;
}

.article-body {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.article-body p {
  margin: 0 5vw;
}

.article-body p:first-child {
  font-size: 1.4em;
}

.article-body h2 {
  margin-top: 5vh;
}

.post-categories {
  text-shadow: var(--functionnal-color--950) 1px 0 10px;
  pointer-events: all;
  margin-left: 13%;
}

.post-categories a {
  color: var(--primary-color--600);
  font-weight: 500;
}

.post-categories a:last-child {
  color: var(--functionnal-primary-color--500);
}

.post-categories a, .post-categories span {
  font-size: 2em;
  font-weight: 100;
}

body.author h1 {
  text-align: center;
  margin-top: 5vh;
}

.version-mobile {
  display: none;
}

.content-card-feature {
  flex-direction: column;
  align-items: baseline;
  gap: 5vh;
}

@media screen and (width >= 990px) {
  .container-blog.center {
    padding: 15vh 20vw;
  }
}

@media screen and (width <= 990px) {
  .navbar {
    padding: 10px 20px;
  }

  .menu {
    gap: var(--gap--small);
    border-radius: var(--radius--small);
    background: var(--neutral-color---black);
    flex-direction: column;
    padding: 15%;
    display: none;
    position: absolute;
    top: 60px;
    right: 20px;
  }

  .burger-menu, .menu.show {
    display: flex;
  }

  .section-intro .container {
    width: 100%;
  }

  h1, h2 {
    font-size: 2rem;
  }

  .section.newsletter {
    width: 90vw;
  }

  .section-final .container-row.container-content {
    width: 100%;
  }

  .legal-information {
    align-items: center;
    gap: var(--gap--small);
    flex-direction: column;
    display: flex;
  }

  .section.calculator {
    align-items: stretch;
    width: 90vw;
  }

  .container-row {
    justify-content: center;
  }

  .container-row.mobile {
    flex-direction: column;
  }

  .version-mobile {
    display: block;
  }

  .version-desktop {
    display: none;
  }
}
/*# sourceMappingURL=index.34df27b5.css.map */