@charset "UTF-8";
/*! permanent-theme - v2.0 - 2021-01-22 
 * 2021 d-e-a-l.eu <hello@d-e-a-l.eu> */
@font-face {
  font-family: "wremena_light";
  src: url("../fonts/wremena/wremena_light-webfont.eot");
  src: url("../fonts/wremena/wremena_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/wremena/wremena_light-webfont.woff2") format("woff2"), url("../fonts/wremena/wremena_light-webfont.woff") format("woff"), url("../fonts/wremena/wremena_light-webfont.ttf") format("truetype"), url("../fonts/wremena/wremena_light-webfont.svg#wremenalight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "authenticsans_regular";
  src: url("../fonts/authenticsans/AUTHENTICSans-90.woff") format("woff"), url("../fonts/authenticsans/AUTHENTICSans-90.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "authenticsans_bold";
  src: url("../fonts/authenticsans/AUTHENTICSans-150.woff") format("woff"), url("../fonts/authenticsans/AUTHENTICSans-150.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "credible";
  src: url("../fonts/credible/credible-regular.woff") format("woff"), url("../fonts/credible/credible-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  /*
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  */
}

*:focus {
  background-color: transparent;
  outline: none;
  border: none;
}

p, a, ul, ol, li, span, strong, button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  -moz-font-feature-settings: "kern" 1;
  -ms-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  -webkit-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  vertical-align: baseline;
}

/*sizes*/
/*reset*/
/*prefix*/
/*
---------------------------------------------------------------
@include prefix((transform: translate(-50%, -50%)), webkit ms);
---------------------------------------------------------------
*/
/*fluid type*/
:root {
  --u: 12px;
  --025u: calc(var(--u) / 4);
  --05u: calc(var(--u) / 2);
  --2u: calc(var(--u) * 2);
  --3u: calc(var(--u) * 3);
  --4u: calc(var(--u) * 4);
  --6u: calc(var(--u) * 6);
  --8u: calc(var(--u) * 8);
  --10u: calc(var(--u) * 10);
  --light: rgb(255,255,255);
  --dark: rgba(0,0,0,1);
  --grey: rgba(192,192,192,1);
  --light-grey: rgba(230,230,230,1);
  --dark-grey: rgba(128,128,128,1);
  --yellow: #FFD700;
  --dark-yellow: #9b8301;
  --orange: #f18520;
  --dark-orange: #935113;
  --blue: #b3c4db;
  --dark-blue: #6d7785;
  --green: #32d587;
  --dark-green: #1f8151;
  --bd: 1.75px solid var(--dark);
}

::-webkit-selection {
  color: var(--dark);
  background-color: var(--light);
}

::-moz-selection {
  color: var(--dark);
  background-color: var(--light);
}

::selection {
  color: var(--dark);
  background-color: var(--light);
}

html {
  color: var(--dark);
  background-color: var(--light-grey);
}

body {
  margin: 0;
  padding: 0;
  /*padding: var(--u);*/
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img {
  width: 100%;
  margin-bottom: var(--u);
}

/*tablet mini*/
@media (min-width: 768px) {
  /**/
}
/*laptop*/
@media (min-width: 1024px) {
  /**/
}
.wrapper {
  margin: 0;
  padding: 0;
  padding: var(--u);
}

.padding {
  padding-top: 15vw;
  padding-bottom: 5vw;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.content {
  width: 90%;
  margin: auto;
}

.inline {
  display: block;
}

.center {
  text-align: center;
  margin: auto;
}

.right {
  text-align: center;
}

.orange {
  background-color: var(--orange);
}

.blue {
  background-color: var(--blue);
}

.bloc-wrapper {
  width: 50%;
  width: 47%;
  display: inline-block;
  position: relative;
  padding-top: calc(var(--u) * 2.25);
  padding-left: calc(var(--u) * 2);
  /*margin-right: calc(var(--u) * 2);*/
  /*margin-bottom: calc(var(--u) * 2);*/
}

.bloc:before,
.bloc:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
}

.bloc:before {
  top: 0;
  right: 0;
}

.bloc:after {
  bottom: 0;
  left: 0;
}

.inner-wrapper {
  background-color: inherit;
  padding: calc(var(--u) / 2) var(--u);
}

/*tablet mini*/
@media (min-width: 768px) {
  .padding {
    padding-top: 8vw;
  }
}
/*laptop*/
@media (min-width: 1024px) {
  .padding {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .content {
    width: 70%;
  }

  .inline {
    display: inline-block;
  }

  .right {
    text-align: right;
  }
}
.grid {
  visibility: hidden;
}

.grid.visible {
  visibility: visible;
}

#home.page .grid-sizer,
#home.page .grid-item,
#agenda.page .grid-sizer,
#agenda.page .grid-item,
#trajectory.page .grid-sizer,
#trajectory.page .grid-item {
  width: 100%;
}

.grid-item {
  height: auto;
  margin-bottom: var(--u);
}

/* clearfix */
.grid:after {
  content: "";
  display: block;
  clear: both;
}

/*tablet mini*/
@media (min-width: 768px) {
  #home.page .grid-sizer,
#home.page .grid-item {
    width: calc((100% - 48px) / 2);
    /*2col*/
  }

  #agenda.page .grid-sizer,
#agenda.page .grid-item, #trajectory.page .grid-sizer,
#trajectory.page .grid-item {
    width: calc((100% - 48px) / 2);
    /*2col*/
  }

  .grid-item {
    margin-bottom: calc(var(--u) * 2);
  }
}
/*laptop*/
@media (min-width: 1024px) {
  #home.page .grid-sizer,
#home.page .grid-item {
    width: calc((100% - 48px) / 2);
    /*2col*/
  }

  #agenda.page .grid-sizer,
#agenda.page .grid-item, #trajectory.page .grid-sizer,
#trajectory.page .grid-item {
    width: calc((100% - 72px) / 3);
    /*3col*/
  }

  .grid-item {
    margin-bottom: calc(var(--u) * 2);
  }
}
/*
$min_width: 280px;
$max_width: 415px;
$min_font: 16px;
$max_font: 24px;
*/
html {
  /*
  line-height: 1;
   font-family: "arial_narrow", Arial, sans-serif;
   @include fluid-type($min_width, $max_width, $min_font, $max_font);
   */
}

/*
------------
titles
------------
*/
h1, h2 {
  font-family: wremena_light;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0;
  padding: 0;
  margin-bottom: var(--u);
}

h1 {
  margin-top: calc(var(--u) * 5);
}

h2 {
  margin-top: var(--u);
}

h1 {
  font-size: 35px;
}
@media screen and (min-width: 280px) {
  h1 {
    font-size: calc(35px + 13 * ((100vw - 280px) / 135));
  }
}
@media screen and (min-width: 415px) {
  h1 {
    font-size: 48px;
  }
}

h2 {
  font-size: 26px;
}
@media screen and (min-width: 280px) {
  h2 {
    font-size: calc(26px + 14 * ((100vw - 280px) / 135));
  }
}
@media screen and (min-width: 415px) {
  h2 {
    font-size: 40px;
  }
}

/*tablet mini*/
@media (min-width: 768px) {
  h1 {
    font-size: 72px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  h1 {
    font-size: calc(72px + 12 * ((100vw - 768px) / 256));
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  h1 {
    font-size: 84px;
  }
}
@media (min-width: 768px) {
  h2 {
    font-size: 36px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  h2 {
    font-size: calc(36px + 12 * ((100vw - 768px) / 256));
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  h2 {
    font-size: 48px;
  }
}
/*laptop*/
@media (min-width: 1024px) {
  h1 {
    font-size: 60px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  h1 {
    font-size: calc(60px + 12 * ((100vw - 1024px) / 896));
  }
}
@media screen and (min-width: 1024px) and (min-width: 1920px) {
  h1 {
    font-size: 72px;
  }
}
@media (min-width: 1024px) {
  h2 {
    font-size: 40px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  h2 {
    font-size: calc(40px + 20 * ((100vw - 1024px) / 896));
  }
}
@media screen and (min-width: 1024px) and (min-width: 1920px) {
  h2 {
    font-size: 60px;
  }
}
/*
------------
subtitles
------------
*/
/*
------------
body
------------
*/
html {
  font-family: authenticsans_regular;
}

header {
  font-family: wremena_light;
}

p {
  margin: 0;
  padding: 0;
  margin-bottom: var(--u);
  letter-spacing: -0.015rem;
  word-spacing: -0.015rem;
}

html {
  font-size: 16px;
}
@media screen and (min-width: 280px) {
  html {
    font-size: calc(16px + 8 * ((100vw - 280px) / 135));
  }
}
@media screen and (min-width: 415px) {
  html {
    font-size: 24px;
  }
}

.intro {
  font-size: 18px;
}
@media screen and (min-width: 280px) {
  .intro {
    font-size: calc(18px + 6 * ((100vw - 280px) / 135));
  }
}
@media screen and (min-width: 415px) {
  .intro {
    font-size: 24px;
  }
}

header {
  font-size: 24px;
}
@media screen and (min-width: 280px) {
  header {
    font-size: calc(24px + 12 * ((100vw - 280px) / 135));
  }
}
@media screen and (min-width: 415px) {
  header {
    font-size: 36px;
  }
}

/*tablet mini*/
@media (min-width: 768px) {
  html {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  html {
    font-size: calc(20px + 12 * ((100vw - 768px) / 256));
  }
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
  html {
    font-size: 32px;
  }
}
/*laptop*/
@media (min-width: 1024px) {
  html {
    font-size: 20px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  html {
    font-size: calc(20px + 6 * ((100vw - 1024px) / 896));
  }
}
@media screen and (min-width: 1024px) and (min-width: 1920px) {
  html {
    font-size: 26px;
  }
}
@media (min-width: 1024px) {
  .intro {
    font-size: 24px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .intro {
    font-size: calc(24px + 8 * ((100vw - 1024px) / 896));
  }
}
@media screen and (min-width: 1024px) and (min-width: 1920px) {
  .intro {
    font-size: 32px;
  }
}
@media (min-width: 1024px) {
  header {
    font-size: 24px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  header {
    font-size: calc(24px + 12 * ((100vw - 1024px) / 896));
  }
}
@media screen and (min-width: 1024px) and (min-width: 1920px) {
  header {
    font-size: 36px;
  }
}
/*
------------
extras
------------
*/
strong {
  font-weight: normal;
}

/*
------------
links
------------
*/
a {
  text-decoration: none;
  color: inherit;
  border: none;
}

a, a:active, a:focus {
  outline: 0;
}

section.page a:not(.page-link) {
  border-bottom: var(--bd);
}
section.page a:not(.page-link):hover {
  border-color: transparent;
}
section.page a:not(.page-link):before {
  content: "←";
  display: inline-block;
  font-family: credible;
  font-size: 24px;
  line-height: 0;
  -webkit-transform: rotate(176deg);
  -ms-transform: rotate(176deg);
  transform: rotate(176deg);
  margin-right: calc(var(--u) / 2);
  margin-top: 2px;
}
section.page a.page-link:hover .inner-wrapper {
  color: var(--light);
}
section.page a.page-link:hover .inner-wrapper .badge {
  color: var(--dark);
}
section.page a.external-link {
  display: inline-block;
  border: var(--bd);
  padding: calc(var(--u) / 1.5);
  padding-top: var(--u);
  margin-right: calc(var(--u) / 2);
}
section.page a.external-link:last-child {
  margin-bottom: var(--u);
}
section.page a.external-link:hover {
  color: var(--light);
  border-color: var(--light);
}
section.page a.network-link {
  background-color: var(--orange);
}
section.page a.network-link:hover {
  color: var(--light);
}

/*laptop*/
@media (min-width: 1024px) {
  p {
    letter-spacing: initial;
    word-spacing: initial;
  }

  section.page a:not(.page-link):before {
    font-size: 32px;
  }
  section.page a.external-link {
    padding-top: calc(var(--u) * 1.25);
    margin-right: calc(var(--u) / 2);
  }
}
header {
  position: fixed;
  width: 100%;
  padding: var(--u) !important;
  padding-bottom: 0 !important;
  z-index: 666;
}

/*mobile*/
header a:not(.external),
header button.menu-btn,
ul.langswitcher {
  width: 100%;
  display: block;
  position: relative;
  background: var(--yellow);
  padding: var(--u);
  padding-top: calc(var(--u) * 1.25);
  margin-left: 0 !important;
  margin-bottom: var(--u);
}

header a.logo {
  width: 82%;
  width: calc(100% - (var(--u) * 5.25));
  padding-bottom: calc(var(--u) * 0.7);
  margin-right: var(--u);
  float: left;
  z-index: 666;
}

header a:hover {
  color: var(--light);
}

header button {
  width: calc(var(--u) * 4.25) !important;
  font-size: inherit;
  font-size: 2rem;
  font-family: inherit;
  line-height: 0.6;
  text-align: center;
  background-color: inherit;
  padding-bottom: calc(var(--u) * 1.35);
  border: none;
  z-index: 666;
}

header button span {
  display: block;
  transition: transform 0.2s ease-in-out;
  padding-bottom: calc(var(--u) * 0.25);
}

header button span.rotate {
  transform: rotate(45deg);
  transition: transform 0.2s ease-in-out;
}

nav.main-nav {
  width: 100%;
  height: 100vh;
  position: absolute;
  text-align: center;
  background-color: var(--yellow);
  padding-top: calc(var(--u) * 6);
  padding-bottom: 0;
  top: 0;
  left: 0;
}

nav.main-nav ul li a {
  margin-bottom: 0;
}

header nav ul li {
  display: block;
}

.langswitcher {
  top: 0 !important;
  -webkit-transform: translateY(0%) !important;
  -moz-transform: translateY(0%) !important;
  -o-transform: translateY(0%) !important;
  -ms-transform: translateY(0%) !important;
  transform: translateY(0%) !important;
  margin-left: 0 !important;
}

.langswitcher li {
  margin-left: 0 !important;
}

.langswitcher li:after {
  content: ",";
  display: inline-block;
}

.langswitcher li:last-child:after {
  content: "";
  display: none;
}

.langswitcher .active,
.langswitcher li.active:after {
  font-weight: normal !important;
  text-decoration: none !important;
  color: var(--light) !important;
}

[hidden] {
  display: none;
}

/*laptop*/
@media (min-width: 1024px) {
  header {
    display: flex;
    justify-content: space-between;
    width: calc(100% - (var(--u) * 2));
    background-color: var(--yellow);
    padding-bottom: var(--u) !important;
    margin: var(--u) !important;
    z-index: 666;
  }

  /*desktop*/
  header a:not(.external),
header button.menu-btn,
ul.langswitcher {
    width: auto;
    display: inline-block;
    background: transparent;
    padding: 0;
    margin-bottom: 0;
  }

  header button.menu-btn {
    display: none;
  }

  nav.main-nav {
    height: auto;
    display: flex;
    position: relative;
    text-align: left;
    padding: 0;
    padding-top: 5px;
  }

  header nav ul li {
    display: inline-block;
  }
}
header nav ul.nav li:first-child,
header nav ul.nav a[href*=notes],
header nav ul.nav a[href*=footer],
header nav ul.nav a[href*=contact-form],
header nav ul.nav a[href*=redirection] {
  display: none;
}

/*laptop*/
@media (min-width: 1024px) {
  header a[href*=about]::before,
header a[href*=contact]::after {
    background-image: url("../images/drawings/samples/sample-branche.svg") !important;
  }
  header ul:not(.langswitcher) a[class*=sample] {
    margin-right: 24px;
  }
  header ul:not(.langswitcher) a[href*=about] {
    margin-right: 20px;
  }
  header ul:not(.langswitcher) a[href*=agenda] {
    margin-right: 28px;
  }
  header ul:not(.langswitcher) a[href*=trajectory] {
    margin-right: 24px;
  }
  header ul:not(.langswitcher) a[class*=sample]::before,
header ul:not(.langswitcher) a[href*=about]::before,
header ul:not(.langswitcher) a[href*=contact]::after {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -4px;
    margin-left: -32px;
  }
  header ul:not(.langswitcher) a[href*=contact]::after {
    margin-left: 0;
  }

  .sample-branche::before {
    background-image: url("../images/drawings/samples/sample-branche.svg");
  }

  .sample-fleur-blanche::before {
    background-image: url("../images/drawings/samples/sample-fleur-blanche.svg");
  }

  .sample-fleur-jaune::before {
    background-image: url("../images/drawings/samples/sample-fleur-jaune.svg");
  }

  .sample-fleur-rouge::before {
    background-image: url("../images/drawings/samples/sample-fleur-rouge.svg");
  }

  .sample-fougere::before {
    background-image: url("../images/drawings/samples/sample-fougere.svg");
  }

  .sample-pousse1::before {
    background-image: url("../images/drawings/samples/sample-pousse1.svg");
  }

  .sample-pousse2::before {
    background-image: url("../images/drawings/samples/sample-pousse2.svg");
  }

  .sample-pousse3::before {
    background-image: url("../images/drawings/samples/sample-pousse3.svg");
  }
}
/*laptop*/
@media (min-width: 1680px) {
  header a[class*=sample]::before,
header a[href*=about]::before,
header a[href*=contact]::after {
    margin-top: 0;
  }
}
.filter_container {
  position: sticky;
  padding-bottom: 5vw;
  top: 25vw;
  z-index: 555;
}

.filter_container button {
  font-size: inherit;
  font-family: inherit;
  background-color: var(--grey);
  padding: calc(var(--u) / 1.5);
  padding-top: var(--u);
  margin-right: calc(var(--u) / 1.5);
  margin-bottom: calc(var(--u) / 1.5);
  border: none;
  cursor: pointer;
}

.filter_container button:hover {
  color: var(--light);
}

#trajectory.page .bloc-wrapper {
  display: none;
}
#trajectory.page .visible {
  display: block;
}

/*tablet mini*/
@media (min-width: 768px) {
  .filter_container {
    top: 12vw;
  }
}
/*laptop*/
@media (min-width: 1024px) {
  .filter_container {
    top: 5vw;
  }

  .filter_container button {
    padding: var(--u);
    padding-top: calc(var(--u) * 1.5);
    margin-right: var(--u);
    margin-bottom: var(--u);
  }
}
footer h1 {
  margin-bottom: calc(var(--u) * 2);
}

footer p {
  display: inline-block;
  margin-bottom: calc(var(--u) * 2.75);
}

footer.content a {
  background-color: var(--yellow);
  border: none !important;
  padding: var(--u);
  padding-top: calc(var(--u) * 1.5);
}

footer.content a:hover {
  color: var(--light);
}

/*laptop*/
@media (min-width: 1024px) {
  footer p {
    margin-bottom: 0;
  }
}
#agenda.page .bloc-wrapper button,
#trajectory.page .bloc-wrapper button {
  font-size: inherit;
  font-family: inherit;
  display: inline-block;
  background-color: transparent;
  border: none;
  border-bottom: var(--bd);
  margin: 0;
  padding: 0;
  margin-left: calc(var(--u) / 2);
  margin-bottom: var(--u);
  cursor: pointer;
}
#agenda.page .bloc-wrapper button:before,
#agenda.page .bloc-wrapper button:after,
#trajectory.page .bloc-wrapper button:before,
#trajectory.page .bloc-wrapper button:after {
  display: inline-block;
  font-family: credible;
  font-size: 24px;
  line-height: 0;
}
#agenda.page .bloc-wrapper button:before,
#trajectory.page .bloc-wrapper button:before {
  content: "[";
}
#agenda.page .bloc-wrapper button:after,
#trajectory.page .bloc-wrapper button:after {
  content: "]";
}
#agenda.page .bloc-wrapper button:hover,
#trajectory.page .bloc-wrapper button:hover {
  border-color: transparent;
}
#agenda.page .bloc-wrapper span,
#trajectory.page .bloc-wrapper span {
  display: none;
}

/*laptop*/
@media (min-width: 1024px) {
  #agenda.page .bloc-wrapper button:before,
#agenda.page .bloc-wrapper button:after {
    font-size: 32px;
  }
}
form#contact-form .form-field:first-child,
form#contact-form .form-field:nth-child(2) {
  width: 100%;
  margin-bottom: calc(var(--u) * 2);
  float: none;
}
form#contact-form .form-field:first-child {
  margin-right: calc(var(--u) * 2);
}
form#contact-form label {
  padding-bottom: calc(var(--u) / 2);
}
form#contact-form input[type=text],
form#contact-form input[type=email],
form#contact-form textarea {
  width: 100%;
  border: none;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  background-color: var(--light-grey);
  padding: calc(var(--u) / 2);
}
form#contact-form textarea {
  min-height: 10vw;
}
form#contact-form button:before {
  content: "←";
  display: inline-block;
  font-family: credible;
  font-size: 24px;
  line-height: 0;
  -webkit-transform: rotate(176deg);
  -ms-transform: rotate(176deg);
  transform: rotate(176deg);
  margin-right: calc(var(--u) / 2);
  margin-top: 2px;
}
form#contact-form button {
  font-size: inherit;
  font-family: inherit;
  background-color: transparent;
  border: var(--bd);
  padding: calc(var(--u) / 1.5);
  padding-top: var(--u);
  margin-top: calc(var(--u) * 2);
  margin-bottom: var(--u);
  cursor: pointer;
}
form#contact-form button:hover {
  color: var(--light);
  border-color: var(--light);
}

/*laptop*/
@media (min-width: 1024px) {
  form#contact-form .form-field:first-child,
form#contact-form .form-field:nth-child(2) {
    width: calc(50% - var(--u));
    float: left;
  }
  form#contact-form button:before {
    font-size: 32px;
  }
  form#contact-form button {
    padding: var(--u);
    padding-top: calc(var(--u) * 1.5);
  }
}
.badge {
  width: max-content;
  max-width: max-content;
  background-color: var(--light-grey);
  padding: calc(var(--u) / 1.5);
  padding-top: var(--u);
  margin-top: var(--u);
  margin-bottom: calc(var(--u) * 2);
}

/*laptop*/
@media (min-width: 1024px) {
  .badge {
    padding: var(--u);
    padding-top: calc(var(--u) * 1.5);
  }
}
#home.page .banner {
  background-color: var(--orange);
}

#home.page .banner h1 {
  margin-top: 0;
}

#home.page .bloc-wrapper:nth-child(4n+1) {
  background-color: var(--dark-grey);
}
#home.page .bloc-wrapper:nth-child(4n+2) {
  background-color: var(--dark-blue);
}
#home.page .bloc-wrapper:nth-child(4n+3) {
  background-color: var(--dark-green);
}
#home.page .bloc-wrapper:nth-child(4n+4) {
  background-color: var(--dark-yellow);
}
#home.page .bloc-wrapper:nth-child(4n+1) .bloc {
  background-color: var(--grey);
}
#home.page .bloc-wrapper:nth-child(4n+2) .bloc {
  background-color: var(--blue);
}
#home.page .bloc-wrapper:nth-child(4n+3) .bloc {
  background-color: var(--green);
}
#home.page .bloc-wrapper:nth-child(4n+4) .bloc {
  background-color: var(--yellow);
}
#home.page .bloc:before {
  border-top: calc(var(--u) * 2.25) solid var(--orange);
  border-left: calc(var(--u) * 2.25) solid transparent;
}
#home.page .bloc:after {
  border-bottom: calc(var(--u) * 2) solid var(--orange);
  border-right: calc(var(--u) * 2) solid transparent;
}
#home.page .bloc-wrapper.note,
#home.page .bloc-wrapper.doc {
  display: none;
}
#home.page img {
  margin-top: calc(var(--u) / 2);
  margin-bottom: 0;
}
#home.page p ~ img {
  margin-top: 0;
}

/*laptop*/
@media (min-width: 1024px) {
  #home.page .bloc-wrapper.note,
#home.page .bloc-wrapper.doc {
    display: block;
  }
}
[id*=building] > .padding {
  padding-bottom: 0;
}

/*
[id*="building"] h1,
.modular-row h1 {
	margin-top: 0;
}
*/
.modular-row h3 {
  text-transform: uppercase;
  font-weight: 100;
  padding-bottom: 0;
  margin-bottom: 0;
}

.modular-row ul {
  list-style: decimal;
  list-style-position: inside;
}

.modular-row li {
  margin-bottom: var(--u);
}

.modular-row p {
  word-break: break-word;
}

/**
 * 
 * Subnav 
 * 
 * 
 */
.subnav {
  visibility: hidden;
}

/*laptop*/
@media (min-width: 1024px) {
  .subnav {
    visibility: visible;
    position: absolute;
    position: sticky;
    width: calc(100% - (var(--u) * 2));
    background-color: transparent;
    padding: calc(var(--u) + var(--05u));
    padding-bottom: var(--u);
    margin: var(--u);
    z-index: 666;
    top: var(--8u);
  }

  .subnav ul {
    text-align: center;
  }

  .subnav ul li {
    display: inline-block;
    text-transform: uppercase;
    background-color: var(--grey);
    margin-right: var(--u);
    padding: var(--u);
    padding-bottom: var(--05u);
  }

  .subnav ul li a {
    border-bottom: none !important;
  }

  .subnav ul li a::before {
    display: none !important;
  }

  .anchor::before {
    display: block;
    content: " ";
    margin-top: calc(var(--10u) * -1);
    height: var(--10u);
    visibility: hidden;
    pointer-events: none;
  }
}
/**
 * 
 * Introduction
 * 
 * 
 */
.padding.introduction {
  padding-top: 0;
}

/**
 * 
 * Programme
 * 
 * 
 */
.programme__title {
  /*text-align: center;*/
  padding: var(--6u) 0 var(--2u) 0;
}

/*laptop*/
@media (min-width: 1024px) {
  .programme__title {
    padding: var(--10u) 0 var(--2u) 0;
  }
}
.programme__title:first-child {
  padding: 0;
}

.programme__introduction {
  margin-bottom: var(--2u);
}

.programme__introduction + table {
  border-top: 2.8px solid var(--dark);
}

table.programme__day {
  width: 100%;
  border-collapse: collapse;
}

th, td, .programme__division {
  border-bottom: 2.8px solid var(--dark);
  margin-top: var(--4u);
  margin-bottom: 0;
}

td {
  padding-top: var(--05u);
}

.programme__hours {
  width: 20%;
  vertical-align: top;
}

.programme__presentation {
  width: auto;
  vertical-align: top;
}

/**
 * 
 * Speakers 
 * 
 * 
 */
.speakers img {
  width: 100%;
  height: auto;
  margin-bottom: calc(var(--u) * -1);
  margin-right: 0;
}

.speaker {
  margin-bottom: var(--4u);
}

/*laptop*/
@media (min-width: 1024px) {
  .speakers img {
    width: 22.5%;
    height: 33vh;
    object-fit: cover;
    margin-bottom: var(--u);
    margin-right: calc(var(--2u) + var(--u));
    float: left;
  }

  .speaker {
    margin-bottom: var(--4u);
  }
}
#agenda.page .padding-left {
  padding: 0 var(--u);
}
#agenda.page h2.before {
  margin: 0 !important;
}
#agenda.page h2.before::before {
  content: " ";
  display: block;
  margin-top: -10vw;
  height: 10vw;
  visibility: hidden;
  pointer-events: none;
}
#agenda.page .bloc-wrapper.permanent {
  background-color: var(--dark-green);
}
#agenda.page .bloc-wrapper.permanent .bloc {
  background-color: var(--green);
}
#agenda.page .bloc-wrapper {
  background-color: var(--dark-blue);
}
#agenda.page .bloc-wrapper .bloc {
  background-color: var(--blue);
}
#agenda.page .bloc:before {
  border-top: calc(var(--u) * 2.25) solid var(--light-grey);
  border-left: calc(var(--u) * 2.25) solid transparent;
}
#agenda.page .bloc:after {
  border-bottom: calc(var(--u) * 2) solid var(--light-grey);
  border-right: calc(var(--u) * 2) solid transparent;
}
#agenda.page .bloc h2 {
  font-family: wremena_light;
}
#agenda.page .event_extra p {
  margin-bottom: 0;
}
#agenda.page .event_extra p:before {
  content: ">";
  display: inline-block;
  font-family: credible;
  font-size: 24px;
  line-height: 0;
  margin-right: calc(var(--u) / 2);
}
#agenda.page .event_extra p:last-child {
  margin-bottom: var(--u);
}

/*laptop*/
@media (min-width: 1024px) {
  #agenda.page .padding-left {
    padding-left: calc(var(--u) * 2);
  }
  #agenda.page .event_extra p:before {
    font-size: 32px;
    margin-right: var(--u);
  }
  #agenda.page .inner-wrapper::after {
    content: "";
    width: 50%;
    height: 60%;
    position: absolute;
    display: inline-block;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    right: 0;
  }
  #agenda.page .inner-wrapper:hover::after {
    display: none;
  }
  #agenda.page .fleur_violette::after {
    background-image: url("../images/drawings/full/fleur-violette.svg");
  }
  #agenda.page .fleur_paquerette::after {
    background-image: url("../images/drawings/full/fleur-paquerette.svg");
  }
  #agenda.page .plante_blanche1::after {
    background-image: url("../images/drawings/full/plante-blanche01.svg");
  }
  #agenda.page .plante_blanche2::after {
    background-image: url("../images/drawings/full/plante-blanche02.svg");
  }
  #agenda.page .plante_epilobe2::after {
    background-image: url("../images/drawings/full/plante-epilobe02.svg");
  }
  #agenda.page .plante_epilobe3::after {
    background-image: url("../images/drawings/full/plante-epilobe03.svg");
  }
  #agenda.page .plante_epilobe4::after {
    background-image: url("../images/drawings/full/plante-epilobe04.svg");
  }
  #agenda.page .plante_feuille::after {
    background-image: url("../images/drawings/full/plante-feuille.svg");
  }
  #agenda.page .plante_fougere::after {
    background-image: url("../images/drawings/full/plante-fougere.svg");
  }
  #agenda.page .plante_haute::after {
    background-image: url("../images/drawings/full/plante-haute.svg");
  }
  #agenda.page .plante_plate::after {
    background-image: url("../images/drawings/full/plante-plate.svg");
  }
  #agenda.page .plante_rouge::after {
    background-image: url("../images/drawings/full/plante-rouge.svg");
  }
}
#trajectory.page .padding-left {
  padding: var(--u);
}
#trajectory.page h2.before {
  margin: 0 !important;
}
#trajectory.page h2.before::before {
  content: " ";
  display: block;
  margin-top: -5vw;
  height: 5vw;
  visibility: hidden;
  pointer-events: none;
}
#trajectory.page .bloc-wrapper.report {
  background-color: var(--dark-blue);
}
#trajectory.page .bloc-wrapper.documentation {
  background-color: var(--dark-green);
}
#trajectory.page .bloc-wrapper.manual {
  background-color: var(--dark-yellow);
}
#trajectory.page .bloc-wrapper.archive {
  background-color: var(--dark-orange);
}
#trajectory.page .bloc-wrapper.report .bloc {
  background-color: var(--blue);
}
#trajectory.page .bloc-wrapper.documentation .bloc {
  background-color: var(--green);
}
#trajectory.page .bloc-wrapper.manual .bloc {
  background-color: var(--yellow);
}
#trajectory.page .bloc-wrapper.archive .bloc {
  background-color: var(--orange);
}
#trajectory.page .bloc:before {
  border-top: calc(var(--u) * 2.25) solid var(--light-grey);
  border-left: calc(var(--u) * 2.25) solid transparent;
}
#trajectory.page .bloc:after {
  border-bottom: calc(var(--u) * 2) solid var(--light-grey);
  border-right: calc(var(--u) * 2) solid transparent;
}
#trajectory.page .inner-wrapper h2 + p {
  margin-bottom: calc(var(--u) * 2);
}
#trajectory.page .inner-wrapper p:last-child {
  margin-bottom: 0;
}
#trajectory.page .inner-wrapper span p:last-child {
  margin-bottom: calc(var(--u) * 2);
}
#trajectory.page a[href*=".pdf"]:before {
  content: "↙";
  display: inline-block;
  font-family: credible;
  font-size: 24px;
  line-height: 0;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  margin-right: calc(var(--u) / 2);
  margin-top: 2px;
}
#trajectory.page a[href*=".pdf"] {
  display: inline-block;
  border: var(--bd);
  padding: calc(var(--u) / 1.5);
  padding-top: var(--u);
  margin-right: calc(var(--u) / 2);
  margin-bottom: var(--u);
}
#trajectory.page a[href*=".pdf"]:hover {
  color: var(--light);
  border-color: var(--light);
}

/*laptop*/
@media (min-width: 1024px) {
  #trajectory.page .padding-left {
    padding-left: calc(var(--u) * 2);
  }
  #trajectory.page .event_extra p:before {
    font-size: 32px;
    margin-right: var(--u);
  }
  #trajectory.page a[href*=".pdf"]:before {
    font-size: 32px;
  }
  #trajectory.page a[href*=".pdf"] {
    padding: var(--u);
    padding-top: calc(var(--u) * 1.5);
  }
}
#contact.page .banner h1::before {
  content: " ";
  display: block;
  margin-top: -10vw;
  height: 10vw;
  visibility: hidden;
  pointer-events: none;
}
#contact.page .content.follow {
  margin-bottom: 5vw;
}
#contact.page .content.follow a {
  display: inline-block;
  border: none !important;
  padding: var(--u);
  padding-top: calc(var(--u) * 1.5);
  margin-right: calc(var(--u) / 2);
  margin-bottom: var(--u);
}
#contact.page .banner {
  background-color: var(--blue);
}
#contact.page .banner h1 {
  margin-top: 0;
}

/*laptop*/
@media (min-width: 1024px) {
  .content.follow a {
    padding: var(--u);
    padding-top: calc(var(--u) * 1.5);
    margin-right: calc(var(--u) / 2);
  }
}
#form-redirection.page .content {
  text-align: center;
}

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