@charset "UTF-8";
/* ---------------------------------------------------------------------------- */
/* Imports */
/* ---------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, button {
  appearance: none;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.slick-dots li button:before, .button, .NFI .NFI-button, .page-numbers.next,
.page-numbers.prev, button, label, input[type="text"],
input[type="email"],
textarea,
select, input[type=radio]:before,
input[type=checkbox]:before, form.search .search-btn,
div.search .search-btn, a, .wrapper, .banner .section, .logo img, .nav-mobile, .header-nav-menu .open, .header-nav-menu .open span, .header-nav-menu .close, .header-nav-menu .close span, .header-nav-mobile li,
.header-nav-sub-mobile li, .social-medias li, .postpreview-image, .postpreview-image:after, .postpreview-text h2, .objet-preview .img-thumb-objet .thumb-img, .objet-preview .img-thumb-objet img, .objet-preview .img-thumb-objet .plus:before, .objet-preview .img-thumb-objet .plus:after, .archives_work .archives_work_single header, .partner-single, .section, .video .video_link .icon, .element_temoignages .slick-slide, .salle-item-title .icon, .call-to-action .item {
  transition: all 0.3s ease;
}

@font-face {
  font-family: "fonticon";
  src: url("../fonts/icons/fonticon.eot");
  src: url("../fonts/icons/fonticon.eot?#iefix") format("eot"), url("../fonts/icons/fonticon.woff2") format("woff2"), url("../fonts/icons/fonticon.woff") format("woff"), url("../fonts/icons/fonticon.ttf") format("truetype"), url("../fonts/icons/fonticon.svg#fonticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon span,
.icon-activities span,
.icon-arrow-down span,
.icon-arrow-left span,
.icon-arrow-right span,
.icon-twitter span,
.icon-vimeo span,
.icon-youtube span,
.icon-clock span,
.icon-carte-cadeau span,
.icon-binocular span,
.icon-bus span,
.icon-calendar span,
.icon-map-location span,
.icon-contact span,
.icon-cupcake span,
.icon-facebook span,
.icon-gift-card span,
.icon-group span,
.icon-instagram span,
.icon-line span,
.icon-linkedin span,
.icon-magnifying-glass span,
.icon-map span,
.icon-museum span,
.icon-paint span,
.icon-placeholder span,
.icon-plus span,
.icon-right span,
.icon-room span,
.icon-shop span,
.icon-ticket span,
.icon-staff span,
.icon-star span,
.icon-boutique span,
.icon-time span,
.icon-tripadvisor span,
.icon-vase span,
.icon-visitor span,
.icon-wheelchair span,
.icon-write span,
.icon-email span,
.icon-fax span,
.icon-phone span,
.icon-carte span,
.icon-charity span,
.icon-talk span,
.icon-calendrier span,
.icon-carte-site span,
.icon-jumelles span,
.icon-musee span,
.icon-vase-objet span,
.icon-play span {
  /*SR Only*/
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.icon:before,
.icon-activities:before,
.icon-arrow-down:before,
.icon-arrow-left:before,
.icon-arrow-right:before,
.icon-twitter:before,
.icon-vimeo:before,
.icon-youtube:before,
.icon-clock:before,
.icon-carte-cadeau:before,
.icon-binocular:before,
.icon-bus:before,
.icon-calendar:before,
.icon-map-location:before,
.icon-contact:before,
.icon-cupcake:before,
.icon-facebook:before,
.icon-gift-card:before,
.icon-group:before,
.icon-instagram:before,
.icon-line:before,
.icon-linkedin:before,
.icon-magnifying-glass:before,
.icon-map:before,
.icon-museum:before,
.icon-paint:before,
.icon-placeholder:before,
.icon-plus:before,
.icon-right:before,
.icon-room:before,
.icon-shop:before,
.icon-ticket:before,
.icon-staff:before,
.icon-star:before,
.icon-boutique:before,
.icon-time:before,
.icon-tripadvisor:before,
.icon-vase:before,
.icon-visitor:before,
.icon-wheelchair:before,
.icon-write:before,
.icon-email:before,
.icon-fax:before,
.icon-phone:before,
.icon-carte:before,
.icon-charity:before,
.icon-talk:before,
.icon-calendrier:before,
.icon-carte-site:before,
.icon-jumelles:before,
.icon-musee:before,
.icon-vase-objet:before,
.icon-play:before {
  display: inline-block;
  font-family: "fonticon";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon-fw {
  width: 1.2857142857142858em;
  text-align: center;
}

.icon-activities:before {
  content: "\EA01";
}

.icon-arrow-down:before {
  content: "\EA02";
}

.icon-arrow-left:before {
  content: "\EA03";
}

.icon-arrow-right:before {
  content: "\EA04";
}

.icon-twitter:before {
  content: "\EA05";
}

.icon-vimeo:before {
  content: "\EA06";
}

.icon-youtube:before {
  content: "\EA07";
}

.icon-clock:before {
  content: "\EA08";
}

.icon-carte-cadeau:before {
  content: "\EA09";
}

.icon-binocular:before {
  content: "\EA0A";
}

.icon-bus:before {
  content: "\EA0B";
}

.icon-calendar:before {
  content: "\EA0C";
}

.icon-map-location:before {
  content: "\EA0D";
}

.icon-contact:before {
  content: "\EA0E";
}

.icon-cupcake:before {
  content: "\EA0F";
}

.icon-facebook:before {
  content: "\EA10";
}

.icon-gift-card:before {
  content: "\EA11";
}

.icon-group:before {
  content: "\EA12";
}

.icon-instagram:before {
  content: "\EA13";
}

.icon-line:before {
  content: "\EA14";
}

.icon-linkedin:before {
  content: "\EA15";
}

.icon-magnifying-glass:before {
  content: "\EA16";
}

.icon-map:before {
  content: "\EA17";
}

.icon-museum:before {
  content: "\EA18";
}

.icon-paint:before {
  content: "\EA19";
}

.icon-placeholder:before {
  content: "\EA1A";
}

.icon-plus:before {
  content: "\EA1B";
}

.icon-right:before {
  content: "\EA1C";
}

.icon-room:before {
  content: "\EA1D";
}

.icon-shop:before {
  content: "\EA1E";
}

.icon-ticket:before {
  content: "\EA1F";
}

.icon-staff:before {
  content: "\EA20";
}

.icon-star:before {
  content: "\EA21";
}

.icon-boutique:before {
  content: "\EA22";
}

.icon-time:before {
  content: "\EA23";
}

.icon-tripadvisor:before {
  content: "\EA24";
}

.icon-vase:before {
  content: "\EA25";
}

.icon-visitor:before {
  content: "\EA26";
}

.icon-wheelchair:before {
  content: "\EA27";
}

.icon-write:before {
  content: "\EA28";
}

.icon-email:before {
  content: "\EA29";
}

.icon-fax:before {
  content: "\EA2A";
}

.icon-phone:before {
  content: "\EA2B";
}

.icon-carte:before {
  content: "\EA2C";
}

.icon-charity:before {
  content: "\EA2D";
}

.icon-talk:before {
  content: "\EA2E";
}

.icon-calendrier:before {
  content: "\EA2F";
}

.icon-carte-site:before {
  content: "\EA30";
}

.icon-jumelles:before {
  content: "\EA31";
}

.icon-musee:before {
  content: "\EA32";
}

.icon-vase-objet:before {
  content: "\EA33";
}

.icon-play:before {
  content: "\EA34";
}

/* ---------------------------------------------------------------------------- */
/* Mixins - Functions */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Mixins - Layout */
/* ---------------------------------------------------------------------------- */
.valign {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}

/* ---------------------------------------------------------------------------- */
/* Mixins - Media queries */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Placeholder */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Font smoothing */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Variables - Breakpoints */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Variables - Padding & Margin */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Variables - Menu Height */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Variables - Colors */
/* ---------------------------------------------------------------------------- */
.color-black {
  color: #181818;
}

/* ---------------------------------------------------------------------------- */
/* Variables - Fonts */
/* ---------------------------------------------------------------------------- */
.h1-css {
  font: bold 3rem/1.2 "Montserrat", sans-serif;
  margin-bottom: 2rem;
}

.h2-css {
  font: bold 2.3rem/1.2 "Montserrat", sans-serif;
  margin-bottom: 2rem;
}

.h3-css {
  font: bold 2rem/1.2 "Montserrat", sans-serif;
  margin-bottom: 2rem;
}

.h4-css {
  font: bold 1.6rem/1.2 "Montserrat", sans-serif;
  margin-bottom: 2rem;
}

.h5-css {
  font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  margin-bottom: 2rem;
}

.h6-css {
  font: bold 1.2rem/1.2 "Montserrat", sans-serif;
  margin-bottom: 2rem;
}

.italic {
  font-style: italic;
}

/* ---------- Smaller & Bigger ---------- */
/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .h1-css {
    font: bold 2.5rem/1.2 "Montserrat", sans-serif;
  }
  .h2-css {
    font: bold 2rem/1.2 "Montserrat", sans-serif;
  }
  .h3-css {
    font: bold 1.8rem/1.2 "Montserrat", sans-serif;
  }
  .h4-css {
    font: bold 1.6rem/1.2 "Montserrat", sans-serif;
  }
  .h5-css {
    font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  }
  .h6-css {
    font: bold 1.2rem/1.2 "Montserrat", sans-serif;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .h1-css {
    font: bold 2rem/1.2 "Montserrat", sans-serif;
  }
  .h2-css {
    font: bold 1.8rem/1.2 "Montserrat", sans-serif;
  }
  .h3-css {
    font: bold 1.6rem/1.2 "Montserrat", sans-serif;
  }
  .h4-css {
    font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  }
  .h5-css {
    font: bold 1.2rem/1.2 "Montserrat", sans-serif;
  }
  .h6-css {
    font: bold 1.1rem/1.2 "Montserrat", sans-serif;
  }
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

@media (min-width: 641px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1025px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1281px) {
  .container {
    max-width: 1360px;
  }
}

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

@media (min-width: 641px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
}

@media (min-width: 1025px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
}

@media (min-width: 1281px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 641px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1025px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1281px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  outline: none;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

.slick-item {
  outline: none;
}

.slick-dots {
  margin: 25px 0 0 0;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li.slick-active button:before {
  color: rgba(24, 24, 24, 0.3);
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 40px;
  line-height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  color: rgba(24, 24, 24, 0.1);
  -webkit-font-smoothing: antialiased;
}

[id^=grw_widget] {
  color: white;
  background: #671463;
  padding: 8rem 0;
}

[id^=grw_widget] .wp-google-list,
[id^=grw_widget] .wp-google-reviews {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

@media only screen and (min-width: 769px) {
  [id^=grw_widget] .wp-google-place {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

[id^=grw_widget] .wp-google-content-inner {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

@media only screen and (max-width: 768px) {
  [id^=grw_widget] .wp-google-content-inner {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

[id^=grw_widget] .wp-gr .wp-google-text {
  color: white !important;
  font-size: 1.125em !important;
  line-height: 1.5em !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 300 !important;
}

[id^=grw_widget] .wp-gr .wp-google-time {
  font-weight: 600 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 0.875em !important;
  color: #fff !important;
}

[id^=grw_widget] .wp-gr .wp-google-url {
  text-align: left !important;
  margin: 2.1875em 0 2.8125em 0 !important;
  padding: 0.3125em 1.25em !important;
  font-size: 0.6875em !important;
  text-transform: uppercase !important;
  background: #671463 !important;
  display: inline-block !important;
  color: #fff !important;
  letter-spacing: 0.075em !important;
}

[id^=grw_widget] .wp-gr .wp-google-url:hover {
  background: #752171 !important;
}

[id^=grw_widget] .wp-gr .wp-google-right {
  padding: 1.25em 2.5em !important;
  color: #fff !important;
}

@media only screen and (max-width: 768px) {
  [id^=grw_widget] .wp-gr .wp-google-right {
    padding: 1.25em 0 !important;
  }
}

[id^=grw_widget] .wp-gr.wpac .wp-dark .wp-google-name a {
  font-size: 1em !important;
  font-weight: 700 !important;
  color: #7b7b7b !important;
}

@media only screen and (max-width: 768px) {
  [id^=grw_widget] .wp-gr.wpac .wp-google-review {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

[id^=grw_widget] .wp-gr.wpac .wp-google-review .wp-google-stars {
  display: block;
  margin: 1.25em 0 1.25em !important;
}

[id^=grw_widget] .wp-gr.wpac a.wp-google-name {
  color: white !important;
  font-size: 1.25em !important;
  font-weight: 700 !important;
  font-family: "Montserrat", sans-serif !important;
}

[id^=grw_widget] .wp-gr.wpac .wp-google-name {
  margin: 0 0 2.8125em 0 !important;
}

[id^=grw_widget] .wp-gr.wpac .wp-google-name a {
  font-family: "Montserrat", sans-serif !important;
  color: white !important;
  font-size: 1em !important;
  font-weight: 700 !important;
}

[id^=grw_widget] .wp-gr.wpac .adresse {
  font-family: "Montserrat", sans-serif !important;
  color: #fff !important;
  font-size: 1.125em !important;
  line-height: 1.5em !important;
  margin-bottom: 50px !important;
}

[id^=grw_widget] .wp-gr .wp-google-powered {
  display: none !important;
}

[id^=grw_widget] .wp-gr .wp-google-left {
  display: none !important;
}

[id^=grw_widget] .wp-google-review {
  flex: 0 0 50%;
  max-width: 50%;
}

[id^=grw_widget] .wp-google-review:last-child {
  display: none !important;
}

[id^=grw_widget] .infos-google {
  background-color: #752171 !important;
  padding: 6.25em 3.125em !important;
  max-width: 430px !important;
}

@media only screen and (max-width: 1024px) {
  [id^=grw_widget] .infos-google {
    max-width: 100% !important;
    padding: 4.6875em 1.875em !important;
  }
}

@media only screen and (max-width: 768px) {
  [id^=grw_widget] .infos-google {
    max-width: 100% !important;
    padding: 3.125em 1.875em !important;
  }
}

[id^=grw_widget] .infos-google h2 {
  font-size: 2.8125em !important;
  line-height: 1 !important;
  font-weight: bold !important;
  color: #fff !important;
  font-family: "Montserrat", sans-serif !important;
}

[id^=grw_widget] .infos-google .wp-google-right {
  padding: 0 !important;
}

[id^=grw_widget] .infos-google .wp-google-rating {
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 1.875em !important;
  line-height: 1 !important;
  font-family: "Montserrat", sans-serif !important;
  margin: 0 0.9375em 0 0 !important;
}

[id^=grw_widget] .infos-google .wp-star svg {
  width: 25px !important;
  height: 25px !important;
}

[id^=grw_widget] .infos-google .wp-star svg path {
  fill: #f7c910 !important;
}

[id^=grw_widget] svg path {
  fill: #f7c910 !important;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  [id^=grw_widget] {
    padding: 6rem 0;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  [id^=grw_widget] {
    padding: 4rem 0;
  }
}

.fancybox-enabled {
  overflow: hidden;
}

.fancybox-enabled body {
  overflow: visible;
  height: 100%;
}

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-tap-highlight-color: transparent;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility 0s linear .25s;
  box-sizing: border-box;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s, visibility 0s;
}

.fancybox-infobar {
  top: 0;
  left: 50%;
  margin-left: -79px;
}

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-toolbar {
  top: 0;
  right: 0;
}

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translate3d(0, 0, 0);
}

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  backface-visibility: hidden;
  transition-property: transform, opacity;
  transform-style: preserve-3d;
}

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: visible;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000;
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF;
}

.fancybox-slide--next {
  z-index: 99995;
}

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  backface-visibility: hidden;
}

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: zoom-in;
}

.fancybox-can-drag .fancybox-image-wrap {
  cursor: grab;
}

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: grabbing;
}

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff;
}

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.fancybox-error {
  margin: 0;
  padding: 40px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  cursor: default;
}

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}

.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background .25s;
  box-sizing: border-box;
  z-index: 2;
}

.fancybox-close-small:focus:after {
  outline: 1px dotted #888;
}

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee;
}

.fancybox-slide--iframe .fancybox-close-small {
  top: 0;
  right: -44px;
}

.fancybox-slide--iframe .fancybox-close-small:after {
  background: transparent;
  font-size: 35px;
  color: #aaa;
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff;
}

/* Caption */
.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none;
}

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: transparent;
  color: #ddd;
  border-radius: 0;
  cursor: pointer;
  vertical-align: top;
  outline: none;
}

.fancybox-button[disabled] {
  cursor: default;
  pointer-events: none;
}

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6);
}

.fancybox-button:hover:not([disabled]) {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block;
}

.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
  opacity: 0.3;
}

.fancybox-button--left::after,
.fancybox-button--right::after {
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
}

.fancybox-button--left::after {
  left: 20px;
  transform: rotate(-135deg);
}

.fancybox-button--right::after {
  right: 20px;
  transform: rotate(45deg);
}

.fancybox-button--left {
  border-bottom-left-radius: 5px;
}

.fancybox-button--right {
  border-bottom-right-radius: 5px;
}

.fancybox-button--close::before, .fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}

.fancybox-button--close::before {
  transform: rotate(45deg);
}

.fancybox-button--close::after {
  transform: rotate(-45deg);
}

/* Navigation arrows */
.fancybox-arrow {
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  height: 100px;
  width: 54px;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  z-index: 99995;
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  transition: opacity .25s;
}

.fancybox-arrow::after {
  content: '';
  position: absolute;
  top: 28px;
  width: 44px;
  height: 44px;
  background-color: rgba(30, 30, 30, 0.8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}

.fancybox-arrow--right {
  right: 0;
}

.fancybox-arrow--left {
  left: 0;
  transform: scaleX(-1);
}

.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
  left: 0;
}

.fancybox-show-nav .fancybox-arrow {
  opacity: 0.6;
}

.fancybox-show-nav .fancybox-arrow[disabled] {
  opacity: 0.3;
}

/* Loading indicator */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  transform: rotate(-360deg);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next {
  transform: rotate(360deg);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current {
  transform: rotate(0deg);
  opacity: 1;
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next {
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current {
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-infobar {
    left: 0;
    margin-left: 0;
  }
  .fancybox-button--left,
  .fancybox-button--right {
    display: none !important;
  }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }
}

/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: calc(50% - 7px);
  top: calc(50% - 6px);
  border: 2px solid;
  background: none;
}

/* Slideshow button */
.fancybox-button--play::before,
.fancybox-button--pause::before {
  top: calc(50% - 6px);
  left: calc(50% - 4px);
  background: transparent;
}

.fancybox-button--play::before {
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
}

.fancybox-button--pause::before {
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
}

/* Thumbs */
.fancybox-thumbs {
  display: none;
}

.fancybox-button--thumbs {
  display: none;
}

@media all and (min-width: 800px) {
  .fancybox-button--thumbs {
    display: inline-block;
  }
  .fancybox-button--thumbs span {
    font-size: 23px;
  }
  .fancybox-button--thumbs::before {
    width: 3px;
    height: 3px;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
  }
  .fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    word-break: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995;
  }
  .fancybox-show-thumbs .fancybox-thumbs {
    display: block;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 220px;
  }
  .fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
  }
  .fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid transparent;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    backface-visibility: hidden;
    box-sizing: border-box;
  }
  li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
  }
  .fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
  .fancybox-thumbs > ul > li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1;
  }
}

#pbOverlay {
  display: flex;
  justify-content: center;
  align-content: center;
}

#pbOverlay #pbAutoplayBtn {
  display: none;
}

#pbOverlay #pbThumbsToggler {
  display: none;
}

.button, .NFI .NFI-button, .page-numbers.next,
.page-numbers.prev {
  color: white;
  line-height: 1.2;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  font: bold 1.2rem/1 "Montserrat", sans-serif;
  border: solid 2px white;
  display: inline-block;
  padding: 1rem 2rem;
  background: none;
  cursor: pointer;
  outline: none;
}

.button:hover, .NFI .NFI-button:hover, .page-numbers.next:hover,
.page-numbers.prev:hover {
  color: #181818;
  background: white;
}

.button.-small, .NFI .-small.NFI-button, .-small.page-numbers.next,
.-small.page-numbers.prev {
  font-size: 0.9375rem;
}

.button.button-black, .NFI .button-black.NFI-button, .button-black.page-numbers.next,
.button-black.page-numbers.prev {
  border-color: #181818;
  color: #181818;
}

.button.button-black:hover, .NFI .button-black.NFI-button:hover, .button-black.page-numbers.next:hover,
.button-black.page-numbers.prev:hover {
  background: #181818;
  color: #FFFFFF;
}

.button.button-violet, .NFI .button-violet.NFI-button, .button-violet.page-numbers.next,
.button-violet.page-numbers.prev {
  border-color: #671463;
  color: #671463;
}

.button.button-violet:hover, .NFI .button-violet.NFI-button:hover, .button-violet.page-numbers.next:hover,
.button-violet.page-numbers.prev:hover {
  background: #671463;
  color: #FFFFFF;
}

.button.button-turquoise, .NFI .button-turquoise.NFI-button, .button-turquoise.page-numbers.next,
.button-turquoise.page-numbers.prev {
  border-color: #0C9C87;
  color: #0C9C87;
}

.button.button-turquoise:hover, .NFI .button-turquoise.NFI-button:hover, .button-turquoise.page-numbers.next:hover,
.button-turquoise.page-numbers.prev:hover {
  background: #0C9C87;
  color: #FFFFFF;
}

.button.button-style-inline, .NFI .button-style-inline.NFI-button, .button-style-inline.page-numbers.next,
.button-style-inline.page-numbers.prev {
  padding: 0 0 0 3rem;
  position: relative;
}

.button.button-style-inline .icon, .NFI .button-style-inline.NFI-button .icon, .button-style-inline.page-numbers.next .icon, .button-style-inline.page-numbers.prev .icon {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  position: absolute;
  font-size: 1.8rem;
  left: 0;
}

.button.button-style-inline, .NFI .button-style-inline.NFI-button, .button-style-inline.page-numbers.next,
.button-style-inline.page-numbers.prev, .button.button-style-icon, .NFI .button-style-icon.NFI-button, .button-style-icon.page-numbers.next,
.button-style-icon.page-numbers.prev {
  border: none;
}

.button.button-style-inline:hover, .NFI .button-style-inline.NFI-button:hover, .button-style-inline.page-numbers.next:hover,
.button-style-inline.page-numbers.prev:hover, .button.button-style-icon:hover, .NFI .button-style-icon.NFI-button:hover, .button-style-icon.page-numbers.next:hover,
.button-style-icon.page-numbers.prev:hover {
  background: none;
  text-decoration: underline;
}

.button.button-style-icon, .NFI .button-style-icon.NFI-button, .button-style-icon.page-numbers.next,
.button-style-icon.page-numbers.prev {
  padding: 0;
}

.button.button-style-icon .icon, .NFI .button-style-icon.NFI-button .icon, .button-style-icon.page-numbers.next .icon, .button-style-icon.page-numbers.prev .icon {
  font-size: 3rem;
  margin-bottom: 10px;
}

button {
  cursor: pointer;
}

.NFI .NFI-button {
  position: absolute;
  top: 6px;
  right: 10px;
  padding-left: 1.3rem !important;
  padding-right: 1.3rem !important;
  border: none;
  background-color: rgba(24, 24, 24, 0.6);
  font-size: 0.7rem !important;
}

.next_section {
  font-size: 2rem;
  margin-top: 3rem;
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .button, .NFI .NFI-button, .page-numbers.next,
  .page-numbers.prev {
    font: bold 1.1rem/1 "Montserrat", sans-serif;
  }
  .button.button-style-icon, .NFI .button-style-icon.NFI-button, .button-style-icon.page-numbers.next,
  .button-style-icon.page-numbers.prev {
    padding: 0;
  }
  .button.button-style-icon .icon, .NFI .button-style-icon.NFI-button .icon, .button-style-icon.page-numbers.next .icon, .button-style-icon.page-numbers.prev .icon {
    font-size: 2rem;
    margin-bottom: 10px;
  }
}

/* ---------------------------------------------------------------------------- */
/* Components - Forms */
/* ---------------------------------------------------------------------------- */
/* ---------- Labels ---------- */
label {
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
}

.gfield_radio label,
.gfield_checkbox label {
  text-transform: none;
}

label,
.ginput_preview,
.gform_drop_instructions {
  font: 0.8rem/1.3 "Montserrat", sans-serif;
}

/* ---------- Fields ---------- */
input[type="text"],
input[type="email"],
textarea,
select {
  display: block;
  width: 100%;
  height: 3.75rem;
  color: black;
  outline: none;
  padding: 0 1.5rem;
  background: white;
  border-radius: 3px;
  font: 400 14px "Montserrat", sans-serif;
  border: solid 2px #EAEAEA;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: rgba(91, 91, 91, 0.5);
}

input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  color: rgba(91, 91, 91, 0.5);
}

input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: rgba(91, 91, 91, 0.5);
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: rgba(91, 91, 91, 0.5);
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  border-color: #CBCBCB;
}

textarea {
  padding: 1.5rem;
  height: 12.5em;
}

/* ---------- Checkboxes & Radio ---------- */
input[type=radio],
input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  top: 0;
  left: 0;
  background: white;
  border: 2px solid #EAEAEA;
  position: relative;
  outline: none;
  margin: 0 1rem 0 0;
}

input[type=radio]:before,
input[type=checkbox]:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #0C9C87;
  transform: translate(-50%, -50%);
}

input[type=radio] {
  border-radius: 100%;
}

input[type=radio]:before {
  border-radius: 100%;
}

input[type=radio]:checked:before,
input[type=checkbox]:checked:before {
  width: 9px;
  height: 9px;
}

/* ---------- Select ---------- */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  outline: none;
  color: #5B5B5B;
}

select option {
  font-weight: normal;
  color: #5B5B5B;
}

.styled-select {
  position: relative;
}

.styled-select:after {
  content: "\EA02";
  font-family: "fonticon";
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  position: absolute;
  line-height: 1;
  color: #181818;
  right: 2rem;
}

/* ---------------------------------------------------------------------------- */
/* $-Modules */
/* ---------------------------------------------------------------------------- */
/* ---------- Clearfix ---------- */
.cf:after {
  content: "";
  display: table;
  clear: both;
}

/* inline block */
.ib {
  display: inline-block;
  vertical-align: top;
}

.ib-m {
  display: inline-block;
  vertical-align: middle;
}

/* ==============================
	Search form style
============================== */
.search-list li {
  vertical-align: text-top;
  display: inline-block;
  font: 600 0.7rem "Montserrat", sans-serif;
  text-transform: uppercase;
  margin-right: 15px;
}

.search-list li:last-child {
  margin-right: 0;
}

.search-list li a {
  cursor: pointer;
  color: #6F6E6E;
}

.search-list li a.current, .search-list li a:hover {
  color: #0C9C87;
}

form.search,
div.search {
  display: flex;
  align-items: center;
  position: relative;
}

form.search .search-btn,
div.search .search-btn {
  cursor: pointer;
  padding-right: 10px;
  color: #302f2f;
  font-size: 18px;
}

form.search .search-btn:hover,
div.search .search-btn:hover {
  color: #181818;
}

form.search input[type=search],
div.search input[type=search] {
  margin: 0;
  padding: 3%;
  border: none;
  height: 2.5em;
  background: inherit;
  font: 600 0.7em "Montserrat", sans-serif;
  transition: border-color 100ms ease-in-out;
}

form.search input[type=search]:focus,
div.search input[type=search]:focus {
  border-bottom-color: inherit;
  outline: none;
}

.search-slide {
  width: 0;
  display: flex;
  height: 2.5em;
  align-items: center;
  margin-right: 0.8rem;
  border-bottom: 1px solid #999;
  overflow: hidden;
}

.search-close {
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  transition: opacity 100ms ease-in-out;
}

.search-close:hover {
  opacity: .5;
}

input[type="search"]::-webkit-search-cancel-button {
  /* Remove default */
  -webkit-appearance: none;
  /* Now your own custom styles */
  display: none;
  /* Will place small red box on the right of input (positioning carries over) */
}

/* ---------------------------------------------------------------------------- */
/* Gravity Form Style */
/* ---------------------------------------------------------------------------- */
/* ---------- Work and academy ---------- */
.gform_title,
.gform_card_icon_container,
.gform_description {
  display: none;
}

.gform_wrapper h3 {
  font: bold 2.3rem/1.2 "Montserrat", sans-serif;
  text-align: center;
  margin: 2rem 0;
  color: #181818;
}

.gform_description {
  display: block;
  max-width: 450px;
  text-align: center;
  font-size: 0.9rem;
  color: black;
}

.gform_footer {
  text-align: center;
}

.gform_wrapper .screen-reader-text {
  font: 0.9rem/1.3 "Montserrat", sans-serif;
}

.gform_wrapper .gform_confirmation_message {
  font-weight: bold;
  color: #3E933F;
  text-align: center;
  padding: 0.75em 0 1.5em;
}

.gform_wrapper .validation_error {
  text-align: center;
  padding: 0.75em 0 1.5em;
  font-weight: bold;
  color: #EF1A30;
}

.gform_wrapper .gfield_creditcard_warning_message,
.gform_wrapper .validation_message {
  color: #EF1A30;
  padding: 0.75em 0;
  font-weight: bold;
  font-size: 0.75em;
}

.gform_wrapper .gform_fields {
  display: flex;
  flex-wrap: wrap;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style-type: none;
}

.gform_wrapper .gform_fields li {
  margin: 10px 0;
}

.gform_wrapper .gform_fields .gfield_html.alert {
  text-align: right;
  font: 400 1.0625em/1;
  color: #909090;
  margin: 2em 0 0 0;
}

@media (max-width: 767px) {
  .gform_wrapper .gform_fields .gfield_html.alert {
    margin: 0.5em 0.125em;
  }
}

.gform_wrapper .gform_fields .clear-multi {
  display: flex;
  justify-content: space-between;
}

.gform_wrapper .gform_fields .clear-multi div {
  width: 30%;
}

.gform_wrapper .gform_fields .NFI {
  max-width: 30rem;
}

.gform_wrapper .gform_fields .NFI .NFI-button {
  display: none;
}

.gform_wrapper .gform_fields .NFI input {
  background: none;
  box-shadow: none;
  border: 1px solid rgba(24, 24, 24, 0.2);
  padding: 0 4.25em;
  text-align: center;
  margin: 0.75em 0;
}

@media (max-width: 767px) {
  .gform_wrapper .gform_fields .NFI input {
    margin: 0 0 0 0;
  }
}

input::placeholder {
  color: black;
}

#section_formulaire .button, #section_formulaire .NFI .NFI-button, .NFI #section_formulaire .NFI-button, #section_formulaire .page-numbers.next,
#section_formulaire .page-numbers.prev {
  color: black;
  border-color: black;
}

#section_formulaire .button:hover, #section_formulaire .NFI .NFI-button:hover, .NFI #section_formulaire .NFI-button:hover, #section_formulaire .page-numbers.next:hover,
#section_formulaire .page-numbers.prev:hover {
  color: white;
}

.ginput_preview img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}

.screen-reader-text {
  display: none;
}

.gform_drop_area {
  margin-bottom: 1rem;
}

.gform_drop_instructions {
  margin-right: 1rem;
}

.gform_button_select_files {
  font: bold 12px/32px "Montserrat", sans-serif;
  padding: 0 1rem;
  border-color: black;
  color: #181818;
}

.gform_button_select_files:hover {
  color: white;
  background: #181818;
}

.ginput_container_creditcard .ginput_full {
  display: block;
  margin-bottom: 20px;
}

.ginput_container_creditcard label {
  text-transform: none;
  margin-top: 10px;
}

.ginput_card_expiration_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ginput_card_expiration_container select {
  width: 49%;
}

.ginput_card_expiration_container label {
  width: 100%;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .gform_wrapper h3 {
    font: bold 2rem/1.2 "Montserrat", sans-serif;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .gform_wrapper h3 {
    font: bold 1.8rem/1.2 "Montserrat", sans-serif;
  }
  .gform_wrapper .gform_fields li {
    margin: 8px 0;
  }
  .gform_wrapper .gform_fields .clear-multi {
    display: block;
  }
  .gform_wrapper .gform_fields .clear-multi div {
    width: 100%;
    margin-bottom: 16px;
  }
  .gform_wrapper .gform_fields .clear-multi div:last-child {
    margin-bottom: 0;
  }
}

/* ---------------------------------------------------------------------------- */
/* Components - Content-text */
/* ---------------------------------------------------------------------------- */
.content-text {
  /* ---------- Titles ---------- */
  /* ---------- Text ---------- */
  /* ---------- Images ---------- */
}

.content-text > *:first-child {
  margin-top: 0;
}

.content-text .text-bigger {
  font: 1.2rem/1.7 "Montserrat", sans-serif;
}

.content-text h1, .content-text h2, .content-text h3,
.content-text h4, .content-text h5, .content-text h6 {
  color: #181818;
}

.content-text h1 {
  font: bold 3rem/1.2 "Montserrat", sans-serif;
  margin: 2em 0 2rem;
}

.content-text h2 {
  font: bold 2.3rem/1.2 "Montserrat", sans-serif;
  margin: 2em 0 1em;
}

.content-text h3 {
  font: bold 2rem/1.2 "Montserrat", sans-serif;
  margin: 2em 0 1em;
}

.content-text h4 {
  font: bold 1.6rem/1.2 "Montserrat", sans-serif;
  margin: 2em 0 1em;
}

.content-text h5 {
  font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  margin: 2em 0 1em;
}

.content-text h6 {
  font: bold 1.2rem/1.2 "Montserrat", sans-serif;
  margin: 2em 0 1em;
}

.content-text .margin-bottom-none {
  margin-bottom: 0;
}

.content-text p {
  margin: 0 0 2rem;
}

.content-text ol,
.content-text ul {
  list-style: disc;
  padding: 0 1rem 2rem 3rem;
}

.content-text ol li,
.content-text ul li {
  margin: 0 0 5px;
}

.content-text hr {
  height: 1px;
  display: block;
  margin: 3rem auto;
  background: #EAEAEA;
  border: none;
  clear: both;
}

.content-text img {
  border-radius: 2px;
}

.content-text .alignleft {
  float: left;
  max-width: 45%;
  margin: 5px 35px 15px 0;
}

.content-text .alignleft.wp-caption {
  margin-right: 2rem;
}

.content-text .alignright {
  float: right;
  max-width: 45%;
  margin: 5px 0 15px 35px;
}

.content-text .alignright.wp-caption {
  margin-left: 2rem;
}

.content-text .aligncenter {
  padding: 10px 0;
  margin: 0 auto 2rem;
  clear: both;
}

.content-text .aligncenter.wp-caption {
  max-width: 100%;
}

.content-text .wp-caption p {
  color: #888;
  font: italic 12px/16px "Montserrat", sans-serif;
  text-align: center;
  padding: 0 5px;
  margin: 10px 10px 0 0;
}

blockquote {
  margin: 3rem 0 3rem 3rem;
  font: italic 1.3rem/1.6 "Montserrat", sans-serif;
}

b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.4rem;
}

sub {
  bottom: -0.25rem;
}

.content-cols {
  column-count: 2;
  column-gap: 100px;
}

.content-cols p,
.content-cols .avoid {
  break-inside: avoid;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .content-cols {
    column-gap: 50px;
  }
  .content-text h1 {
    font: bold 2.5rem/1.2 "Montserrat", sans-serif;
  }
  .content-text h2 {
    font: bold 2rem/1.2 "Montserrat", sans-serif;
  }
  .content-text h3 {
    font: bold 1.8rem/1.2 "Montserrat", sans-serif;
  }
  .content-text h4 {
    font: bold 1.6rem/1.2 "Montserrat", sans-serif;
  }
  .content-text h5 {
    font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  }
  .content-text h6 {
    font: bold 1.2rem/1.2 "Montserrat", sans-serif;
  }
}

@media all and (max-width: 768px) {
  .content-cols {
    column-count: 1;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .content-text h1 {
    font: bold 2rem/1.2 "Montserrat", sans-serif;
  }
  .content-text h2 {
    font: bold 1.8rem/1.2 "Montserrat", sans-serif;
  }
  .content-text h3 {
    font: bold 1.6rem/1.2 "Montserrat", sans-serif;
  }
  .content-text h4 {
    font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  }
  .content-text h5 {
    font: bold 1.2rem/1.2 "Montserrat", sans-serif;
  }
  .content-text h6 {
    font: bold 1.1rem/1.2 "Montserrat", sans-serif;
  }
  .content-text ol,
  .content-text ul {
    list-style: disc;
    padding: 0 1rem 2rem 2rem;
  }
  .content-text ol li,
  .content-text ul li {
    margin: 0 0 5px;
  }
  .content-text .text-bigger {
    font: 1rem/1.5 "Montserrat", sans-serif;
  }
  blockquote {
    margin: 2rem 0 2rem 2rem;
    font: italic 1.3rem/1.6 "Montserrat", sans-serif;
  }
}

table td em {
  display: none;
}

@media (max-width: 600px) {
  table {
    border: none;
  }
  table thead {
    display: none;
  }
  table tr {
    display: block;
  }
  table tr td {
    margin: 0;
    display: block;
    font-weight: 600;
  }
  table tr td:first-child {
    display: block;
  }
  table tr td:nth-child(2), table tr td:nth-child(3) {
    margin: 0;
    padding: 0 0 0 15px;
  }
  table tr td:last-child {
    border-bottom: 2px solid #EAEAEA;
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
  table tr td em {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
  }
  .content-text table, .content-text th, .content-text td {
    border: none;
  }
}

/* ---------------------------------------------------------------------------- */
/* Global */
/* ---------------------------------------------------------------------------- */
html,
body {
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
}

html {
  font-size: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}

@media only screen and (max-width: 1024px) {
  html {
    font-size: 15px;
  }
}

@media only screen and (max-width: 640px) {
  html {
    font-size: 14px;
  }
}

html.noscroll {
  overflow-y: hidden;
}

body {
  overflow: hidden;
  height: auto;
}

body#tinymce {
  padding: 1em;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

/* ---------- Base ---------- */
body {
  background: white;
  color: #5B5B5B;
  padding-top: 168px;
  font: 1em/1.5 "Montserrat", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ---------- Links ---------- */
a {
  color: #181818;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #0C9C87;
}

::selection {
  color: white;
  background: rgba(12, 156, 135, 0.8);
}

/* ---------- Layout ---------- */
img {
  display: block;
  max-width: 100%;
  height: auto;
}

.wrapper {
  position: relative;
  padding: 0 2.4rem;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.wrapper.wrapper-smaller {
  max-width: 850px;
}

.section-margin {
  margin: 8rem 0;
}

.section-padding {
  padding: 8rem 0;
}

.section-padding-smaller {
  padding: 5rem 0;
}

.medias {
  margin-right: 50px;
}

@media (max-width: 1024px) {
  .medias {
    margin-right: 20px;
  }
}

.medias li {
  display: inline-block;
  margin-left: 20px;
}

.medias li:first-child {
  margin-left: 0;
}

.medias li a {
  color: #6F6E6E;
  font-size: 20px;
}

.medias li a:hover {
  color: #909090;
}

.section-404 {
  text-align: center;
}

.section-404 h1 {
  font: bold 8rem/1 "Montserrat", sans-serif;
  color: #0C9C87;
  margin-bottom: 2rem;
}

.featured-caption {
  margin: 3rem 0;
}

.featured-caption img {
  margin: 1rem 0;
}

/* ---------------------------------------------------------------------------- */
/* Laptop */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1280px) {
  body {
    padding-top: 156px;
  }
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  body {
    padding-top: 87px;
  }
  .wrapper {
    padding: 0 2rem;
  }
  .section-margin {
    margin: 6rem 0;
  }
  .section-padding {
    padding: 6rem 0;
  }
  .section-padding-smaller {
    padding: 3rem 0;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  body {
    padding-top: 67px;
  }
  .wrapper {
    padding: 0 1.5rem;
  }
  .section-margin {
    margin: 4rem 0;
  }
  .section-padding {
    padding: 4rem 0;
  }
  .section-padding-smaller {
    padding: 3rem 0;
  }
  .section-404 h1 {
    font: bold 6rem/1 "Montserrat", sans-serif;
  }
}

/* ---------------------------------------------------------------------------- */
/* Banner */
/* ---------------------------------------------------------------------------- */
.banner {
  position: relative;
}

.banner .section {
  height: 35vw;
  position: relative;
  align-items: center;
  color: white;
  width: 100%;
}

.banner .section-title {
  color: white;
}

.banner h2 {
  font: bold 5rem/1 "Montserrat", sans-serif;
  margin: 0 0 2.5rem 0;
}

.banner h1, .banner h2, .banner h3,
.banner h4, .banner h5, .banner h6 {
  color: #FFFFFF;
}

.banner p {
  font: 1.4rem/1.5 "Montserrat", sans-serif;
}

.banner .content-text a {
  color: white;
}

.banner .content-text a:hover {
  color: #0C9C87;
}

/* ---------- Breadcrumb ---------- */
.breadcrumb {
  font: 0.8rem/1.5 "Montserrat", sans-serif;
  position: absolute;
  width: 100%;
  bottom: 1rem;
  left: 0;
}

.breadcrumb a {
  color: rgba(255, 255, 255, 0.6);
}

.breadcrumb a.current-item {
  color: #FFFFFF;
}

.breadcrumb a:hover {
  color: #0C9C87;
}

/* ---------------------------------------------------------------------------- */
/* Laptop */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1920px) {
  .banner .section {
    height: 35vw;
  }
  .banner h2 {
    font: bold 4.5rem/1 "Montserrat", sans-serif;
  }
  .banner p {
    font: 1.2rem/1.5 "Montserrat", sans-serif;
  }
}

@media all and (max-width: 1440px) {
  .banner .section {
    height: 42vw;
  }
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .banner h2 {
    font: bold 3.5rem/1 "Montserrat", sans-serif;
  }
  .banner p {
    font: 1.1rem/1.5 "Montserrat", sans-serif;
  }
  .banner .section {
    height: auto;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .banner h2 {
    font: bold 2.5rem/1 "Montserrat", sans-serif;
    margin-bottom: 1.5rem;
  }
  .banner p {
    font: 1rem/1.5 "Montserrat", sans-serif;
  }
  .breadcrumb {
    display: none;
  }
}

/* ---------------------------------------------------------------------------- */
/* Layout - Hours */
/* ---------------------------------------------------------------------------- */
.section-hours {
  text-align: center;
  text-transform: uppercase;
  background: #F3F3F3;
  padding: 0.9rem 0;
  color: #181818;
}

.section-hours .widget-hour {
  display: inline-block;
  position: relative;
  padding-left: 2.2rem;
}

.section-hours .icon {
  line-height: 0;
  font-size: 1.2rem;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
}

.section-hours .widget-hour {
  cursor: pointer;
}

html.popup-open {
  overflow-y: hidden;
}

.hours-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all ease 250ms;
}

.hours-popup.open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.hours-popup .inner-popup {
  background: #fff;
  padding: 35px;
  width: 90%;
  max-width: 675px;
}

.hours-popup .inner-popup .content {
  position: relative;
}

.hours-popup .inner-popup .content .close-toggle {
  position: absolute;
  top: -25px;
  right: -15px;
  cursor: pointer;
}

.hours-popup .inner-popup .content .close-toggle .inner {
  position: relative;
  height: 30px;
  width: 30px;
}

.hours-popup .inner-popup .content .close-toggle .inner:before, .hours-popup .inner-popup .content .close-toggle .inner:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background: #000;
  transform: translate(-50%, -50%) rotate(45deg);
  height: 2px;
  width: 20px;
}

.hours-popup .inner-popup .content .close-toggle .inner:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.hours-popup .inner-popup .content .content-text {
  text-align: center;
}

.hours-popup .inner-popup .content .content-text img {
  margin-right: auto;
  margin-left: auto;
}

.hours-popup .inner-popup .content .date-headline {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 25px;
  text-transform: lowercase;
}

.hours-popup .inner-popup .content .date-headline:first-letter {
  text-transform: capitalize;
}

.hours-popup .inner-popup .content .opening-hours {
  text-align: center;
}

.hours-popup .inner-popup .content .opening-hours .single-day {
  margin: 10px 0;
}

.hours-popup .inner-popup .content .opening-hours .single-day strong {
  text-transform: capitalize;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .section-hours {
    font: 0.9rem/1 "Montserrat", sans-serif;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .section-hours {
    font: 0.8rem/1 "Montserrat", sans-serif;
  }
  .section-hours .widget-hour {
    padding-left: 1.8rem;
  }
  .section-hours .icon {
    font-size: 1rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Layout - Header */
/* ---------------------------------------------------------------------------- */
.header {
  z-index: 999;
  position: fixed;
  background: white;
  width: 100%;
  left: 0;
  top: 0;
}

.header-container {
  position: relative;
  padding: 0 3rem;
}

/* ---------- Nav colored ---------- */
.header-nav-colored ul {
  display: flex;
  align-items: center;
}

.header-nav-colored ul li {
  width: 100%;
  text-align: center;
}

.header-nav-colored ul li a {
  display: block;
  padding: 1.5rem 1rem;
  color: white;
  font: 700 1.3rem/1 "Montserrat", sans-serif;
}

.header-nav-colored ul li.color-0 a {
  background: #5B5B5B;
}

.header-nav-colored ul li.color-0 a:hover {
  background: #4e4e4e;
  color: white;
}

.header-nav-colored ul li.color-1 a {
  background: #3E933F;
}

.header-nav-colored ul li.color-1 a:hover {
  background: #2f6f30;
  color: white;
}

.header-nav-colored ul li.color-2 a {
  background: #671463;
}

.header-nav-colored ul li.color-2 a:hover {
  background: #3c0c3a;
  color: white;
}

.header-nav-colored ul li.color-3 a {
  background: #0C9C87;
}

.header-nav-colored ul li.color-3 a:hover {
  background: #086d5e;
  color: white;
}

.header-nav-colored ul li.color-4 a {
  background: #334B58;
}

.header-nav-colored ul li.color-4 a:hover {
  background: #202f38;
  color: white;
}

.header-nav-colored ul li.color-5 a {
  background: #0B2C3E;
}

.header-nav-colored ul li.color-5 a:hover {
  background: #030d13;
  color: white;
}

/* ---------- Header nav ---------- */
.logo {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  position: absolute;
}

.logo img {
  max-width: 230px;
}

.header-menu {
  text-align: right;
}

.header-nav li {
  display: inline-block;
  vertical-align: middle;
}

.header-nav li a {
  display: block;
}

.header-nav,
.header-search,
.header-language,
.header-icon-menu {
  display: inline-block;
  vertical-align: middle;
}

.header-nav a,
.header-search a,
.header-language a,
.header-icon-menu a {
  color: #181818;
  cursor: pointer;
  display: block;
  padding: 2rem 1rem;
}

.header-nav a:hover,
.header-search a:hover,
.header-language a:hover,
.header-icon-menu a:hover {
  color: #0C9C87;
}

.header-mobile {
  text-align: right;
}

.header-language {
  font-weight: bold;
  text-transform: capitalize;
}

.header-search {
  font-size: 1.5rem;
}

.header-search .icon {
  line-height: 0;
  border-left: solid 1px rgba(0, 0, 0, 0.15);
  padding: 0 0 0 2rem;
}

.header-search a {
  padding-right: 0;
}

/* ---------------------------------------------------------------------------- */
/* Desktop */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1280px) {
  .logo img {
    max-width: 160px;
  }
  .header-container {
    padding: 0 2rem;
  }
  .header-nav a,
  .header-search a,
  .header-language a {
    padding: 2rem 0.5rem;
  }
  .header-search {
    font-size: 1.2rem;
  }
  .header-search a {
    padding-right: 0;
  }
  .header-search .icon {
    padding: 0 0 0 1rem;
  }
  .header-nav-colored ul li a {
    font: 700 1rem/1 "Montserrat", sans-serif;
  }
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .header-nav-colored,
  .header-nav {
    display: none;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .logo img {
    max-width: 100px;
  }
  .header-nav a,
  .header-search a,
  .header-language a {
    padding: 1.5rem 0.5rem;
  }
  .header-container {
    padding: 0 1.5rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Header mobile */
/* ---------------------------------------------------------------------------- */
.header-icon-menu {
  margin-left: 2rem;
  cursor: pointer;
  display: none;
  width: 35px;
}

/* ---------- Nav mobile ---------- */
.nav-mobile {
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 168px;
  background: rgba(255, 255, 255, 0.95);
  padding: 6rem 1.5rem 8rem 1.5rem;
  border-top: solid 1px #EAEAEA;
  visibility: hidden;
  text-align: center;
  overflow-y: scroll;
  opacity: 0;
}

.nav-mobile.active {
  opacity: 1;
  visibility: visible;
}

.nav-mobile.active ul li {
  top: 0;
  opacity: 1;
}

.nav-mobile.active ul li:nth-child(1) {
  transition-delay: 0.1s;
}

.nav-mobile.active ul li:nth-child(2) {
  transition-delay: 0.2s;
}

.nav-mobile.active ul li:nth-child(3) {
  transition-delay: 0.3s;
}

.nav-mobile.active ul li:nth-child(4) {
  transition-delay: 0.4s;
}

.nav-mobile.active ul li:nth-child(5) {
  transition-delay: 0.5s;
}

.nav-mobile.active ul li:nth-child(6) {
  transition-delay: 0.6s;
}

.nav-mobile.active ul li:nth-child(7) {
  transition-delay: 0.7s;
}

/* ---------- Burger ---------- */
.header-nav-menu {
  position: relative;
}

.header-nav-menu .open {
  z-index: 2;
}

.header-nav-menu .open span {
  width: 100%;
  height: 2px;
  display: block;
  background-color: black;
  margin: 8px auto;
}

.header-nav-menu .open span:first-child {
  margin-top: 0;
}

.header-nav-menu .open span:last-child {
  margin-bottom: 0;
}

.header-nav-menu .open span:nth-child(1) {
  transition-delay: 0.7s;
}

.header-nav-menu .open span:nth-child(2) {
  transition-delay: 0.6s;
}

.header-nav-menu .open span:nth-child(3) {
  transition-delay: 0.9s;
}

.header-nav-menu .close {
  z-index: 100;
}

.header-nav-menu .close span {
  width: 0;
  height: 2px;
  margin: auto;
  z-index: 101;
  display: block;
  position: absolute;
  background-color: black;
}

.header-nav-menu .close span:first-child {
  top: 50%;
  transform: rotate(45deg);
  transition-delay: 0.15s;
}

.header-nav-menu .close span:last-child {
  top: 50%;
  transform: rotate(-45deg);
  transition-delay: 0s;
}

.header-nav-menu.active .open {
  z-index: 1;
}

.header-nav-menu.active .open span {
  width: 0;
}

.header-nav-menu.active .open span:nth-child(1) {
  transition-delay: 0s;
}

.header-nav-menu.active .open span:nth-child(2) {
  transition-delay: 0.3s;
}

.header-nav-menu.active .open span:nth-child(3) {
  transition-delay: 0.15s;
}

.header-nav-menu.active .close {
  z-index: 2;
}

.header-nav-menu.active .close span {
  left: 0;
  width: 100%;
}

.header-nav-menu.active .close span:first-child {
  transition-delay: 0.6s;
}

.header-nav-menu.active .close span:last-child {
  transition-delay: 0.75s;
}

/* ---------- Menu et submenu mobile ---------- */
.header-nav-mobile li,
.header-nav-sub-mobile li {
  position: relative;
  padding-bottom: 1.5rem;
  font: 500 1.5rem/1 "Montserrat", sans-serif;
  top: -30px;
  opacity: 0;
}

.header-nav-mobile li a,
.header-nav-sub-mobile li a {
  display: inline-block;
  color: #181818;
}

.header-nav-mobile li a:hover,
.header-nav-sub-mobile li a:hover {
  color: #0C9C87;
}

.header-nav-mobile li:last-child,
.header-nav-sub-mobile li:last-child {
  padding-bottom: 0;
}

/* ---------- Submenu mobile ---------- */
.header-nav-sub-mobile {
  margin-top: 6rem;
}

.header-nav-sub-mobile li {
  font-weight: bold;
}

.header-nav-sub-mobile li.color-0 a {
  color: #5B5B5B;
}

.header-nav-sub-mobile li.color-0 a:hover {
  color: #4e4e4e;
}

.header-nav-sub-mobile li.color-1 a {
  color: #3E933F;
}

.header-nav-sub-mobile li.color-1 a:hover {
  color: #2f6f30;
}

.header-nav-sub-mobile li.color-2 a {
  color: #671463;
}

.header-nav-sub-mobile li.color-2 a:hover {
  color: #3c0c3a;
}

.header-nav-sub-mobile li.color-3 a {
  color: #0C9C87;
}

.header-nav-sub-mobile li.color-3 a:hover {
  color: #086d5e;
}

.header-nav-sub-mobile li.color-4 a {
  color: #334B58;
}

.header-nav-sub-mobile li.color-4 a:hover {
  color: #202f38;
}

.header-nav-sub-mobile li.color-5 a {
  color: #0B2C3E;
}

.header-nav-sub-mobile li.color-5 a:hover {
  color: #030d13;
}

/* ---------------------------------------------------------------------------- */
/* Laptop */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1280px) {
  .nav-mobile {
    top: 156px;
  }
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .nav-mobile {
    top: 87px;
  }
  .header-icon-menu {
    display: inline-block;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .nav-mobile {
    top: 67px;
  }
  .header-menu-mobile {
    padding: 15px 20px;
  }
  .header-menu-mobile .icon {
    font-size: 25px;
  }
  .header-menu-mobile span {
    display: none;
  }
  .header-nav-sub-mobile li,
  .header-nav-mobile li {
    padding-bottom: 1.3rem;
    font: 500 1.3rem/1 "Montserrat", sans-serif;
  }
  .header-nav-sub-mobile {
    margin-top: 4rem;
  }
  .header-nav-sub-mobile li {
    font-weight: bold;
  }
  .nav-mobile {
    padding: 4rem 1.5rem 6rem 1.5rem;
  }
  .header-icon-menu {
    margin-left: 1rem;
  }
}

.recherche {
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 168px;
  background: rgba(255, 255, 255, 0.95);
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  padding: 6rem 1.5rem 8rem 1.5rem;
  border-top: solid 1px #EAEAEA;
  visibility: hidden;
  text-align: center;
  overflow-y: scroll;
  opacity: 0;
  cursor: pointer;
}

.recherche.active {
  opacity: 1;
  visibility: visible;
}

.recherche-toggle {
  cursor: pointer;
}

.ui-autocomplete {
  z-index: 2000;
  text-align: center;
  left: 0 !important;
  padding: 4rem 2.4rem 0 2.4rem;
}

.ui-autocomplete li {
  font: bold 1.3rem/1.5 "Montserrat", sans-serif;
  color: rgba(24, 24, 24, 0.5);
  margin-bottom: 1rem;
  cursor: pointer;
}

.ui-autocomplete li span {
  color: #0C9C87;
}

.search-form-container {
  position: relative;
  padding-right: 4rem;
}

.search-form-container input:not([type="submit"]) {
  text-align: center;
  border: solid 2px rgba(24, 24, 24, 0.1);
  background: white;
  font: bold 3rem/1.2 "Montserrat", sans-serif;
  height: 6rem;
  color: #181818;
  outline: none;
  width: 100%;
}

.search-form-container input:not([type="submit"])::-webkit-input-placeholder {
  color: rgba(24, 24, 24, 0.5);
}

.search-form-container input:not([type="submit"]):-moz-placeholder {
  color: rgba(24, 24, 24, 0.5);
}

.search-form-container input:not([type="submit"])::-moz-placeholder {
  color: rgba(24, 24, 24, 0.5);
}

.search-form-container input:not([type="submit"]):-ms-input-placeholder {
  color: rgba(24, 24, 24, 0.5);
}

.search-form-container [type="submit"] {
  border: none;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  position: absolute;
  background: none;
  line-height: 0;
  outline: none;
  padding: 0;
  right: 0;
}

.search-form-container [type="submit"] .icon {
  font-size: 1.5rem;
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .search-form-container input:not([type="submit"]) {
    font: bold 2.5rem/1.2 "Montserrat", sans-serif;
  }
  .recherche {
    top: 87px;
    padding: 4rem 1.5rem 6rem 1.5rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .search-form-container {
    padding-right: 3rem;
  }
  .search-form-container input:not([type="submit"]) {
    font: bold 1.6rem/1.2 "Montserrat", sans-serif;
    height: 4rem;
  }
  .recherche {
    top: 67px;
  }
}

/* ---------------------------------------------------------------------------- */
/* Layout - Footer */
/* ---------------------------------------------------------------------------- */
.footer {
  background: url(../images/bg_footer.jpg) center no-repeat;
  background-size: cover;
  padding: 8rem 0;
  color: white;
}

/* ---------- Info ---------- */
.footer-copyright a,
.footer-infos a {
  color: #0C9C87;
}

.footer-copyright a:hover,
.footer-infos a:hover {
  color: #10cbb0;
}

.footer-opening p:last-child {
  margin: 0;
}

/* ---------- Accessible ---------- */
.footer-accessible {
  background: rgba(0, 0, 0, 0.23);
  margin: 6rem 0 0 0;
  padding: 1rem 2rem;
  text-align: center;
}

.footer-accessible .icon,
.footer-accessible .text {
  vertical-align: middle;
}

.footer-accessible .icon {
  font-size: 2.5rem;
  margin-right: 1rem;
}

/* ---------- Newsletter ---------- */
.footer-newsletter {
  margin-bottom: 4rem;
}

.footer-newsletter form {
  position: relative;
  max-width: 37.5rem;
}

.footer-newsletter form .form-input {
  margin-bottom: 0.7rem;
}

.footer-newsletter form .form-input:last-of-type {
  margin-bottom: 0;
}

.footer-newsletter input:not([type="submit"]) {
  color: white;
  background: none;
  border: solid 2px white;
  padding-right: 105px;
  padding-left: 1.5rem;
  outline: none;
  height: 3.125rem;
  width: 100%;
}

.footer-newsletter input:not([type="submit"])::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.footer-newsletter input:not([type="submit"]):-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.footer-newsletter input:not([type="submit"])::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.footer-newsletter input:not([type="submit"]):-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.footer-newsletter [type="submit"] {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  font: bold 0.9rem/1 "Montserrat", sans-serif;
  border-radius: 0 3px 3px 0;
  padding: 16px 1.5rem;
  color: white;
  border: none;
  right: 2px;
  bottom: 2px;
}

.footer-newsletter [type="submit"]:hover {
  background: rgba(0, 0, 0, 0.6);
  color: white;
}

/* ---------- Socials ---------- */
.social-medias li {
  display: inline-block;
  vertical-align: middle;
  border: solid 2px white;
  border-radius: 50%;
  text-align: center;
  margin-right: 1rem;
  height: 40px;
  width: 40px;
}

.social-medias li:last-child {
  margin-right: 0;
}

.social-medias li .icon {
  line-height: 40px;
}

.social-medias li:hover {
  background: white;
}

.social-medias li a {
  color: white;
  display: block;
}

.social-medias li a:hover {
  color: #0C9C87;
}

/* ---------- Copyright ---------- */
.footer-copyright {
  font: 0.8em/1.5 "Montserrat", sans-serif;
  padding: 2rem 0 0 0;
}

.footer-copyright span {
  padding: 0 5px;
}

.footer-conception {
  text-align: right;
}

/* ---------------------------------------------------------------------------- */
/* Laptop */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1280px) {
  .footer-newsletter {
    margin: 4rem 0;
  }
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .footer {
    padding: 6rem 0;
  }
  .footer-opening,
  .footer-infos {
    margin: 4rem 0 0 0;
  }
  .footer-newsletter [type="submit"] {
    padding: 15px 1.5rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .footer {
    padding: 4rem 0;
  }
  .footer-accessible {
    margin: 4rem 0 0 0;
    padding: 2rem 1.5rem;
  }
  .footer-accessible .icon,
  .footer-accessible .text {
    display: block;
  }
  .footer-accessible .icon {
    font-size: 2rem;
    margin-right: 0;
    margin-bottom: 1rem;
    line-height: 0;
  }
  .footer-accessible .text {
    line-height: 1.3rem;
    max-width: 22.5rem;
    margin: 0 auto;
  }
  .footer-logo img {
    max-width: 100px;
  }
  .footer-infos {
    margin: 4rem 0;
  }
  .footer-opening {
    margin: 0;
  }
  .footer-socials,
  .footer-copyright,
  .footer-conception {
    text-align: center;
  }
  .footer-newsletter [type="submit"] {
    padding: 13.5px 1.5rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Loading */
/* ---------------------------------------------------------------------------- */
.loading {
  color: white;
  display: flex;
  position: fixed;
  background: #181818;
  transition: all 0.5s cubic-bezier(0.42, 0, 1, 1);
  justify-content: space-around;
  transform: translateY(0);
  align-items: center;
  z-index: 9000;
  height: 100%;
  width: 100%;
  opacity: 1;
  left: 0;
  top: 0;
}

.loading.loaded {
  opacity: 0;
  transform: translateY(-100%);
}

.loading img, .loading .icon {
  animation: sk-scaleout 2.0s infinite ease-in-out;
}

.loading__items .icon {
  font-size: 7rem;
}

@keyframes sk-scaleout {
  0% {
    transform: scale(0.7, 0.7);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.7, 0.7);
  }
}

/* ---------------------------------------------------------------------------- */
/* Modules - Blogue
/* ---------------------------------------------------------------------------- */
.section-last-articles {
  background: #F3F3F3;
}

.last-articles {
  margin-bottom: 2rem;
  text-align: center;
}

.last-articles h2 {
  font: 600 0.8em "Montserrat", sans-serif;
  text-transform: uppercase;
  opacity: 0.4;
}

.post-preview-single {
  box-shadow: 0 0 90px 0 rgba(0, 0, 0, 0.08);
}

.postpreview {
  margin: 1rem 0;
}

.postpreview.postpreview-slider {
  margin: 1rem;
}

.postpreview a {
  outline: none;
}

.post-preview-content:hover .postpreview-image:after,
.post-preview-content:hover .postpreview-image .button,
.post-preview-content:hover .postpreview-image .NFI .NFI-button,
.NFI .post-preview-content:hover .postpreview-image .NFI-button,
.post-preview-content:hover .postpreview-image .page-numbers.next,
.post-preview-content:hover .postpreview-image .page-numbers.prev {
  opacity: 1;
}

.post-preview-content-expositions:hover .postpreview-image:after,
.post-preview-content-expositions:hover .postpreview-image .button,
.post-preview-content-expositions:hover .postpreview-image .NFI .NFI-button,
.NFI .post-preview-content-expositions:hover .postpreview-image .NFI-button,
.post-preview-content-expositions:hover .postpreview-image .page-numbers.next,
.post-preview-content-expositions:hover .postpreview-image .page-numbers.prev {
  opacity: 1;
}

.postpreview-image {
  position: relative;
  text-align: center;
}

.postpreview-image:after {
  background: #0b2c3e;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.postpreview-image.color-0:after {
  background: #5B5B5B;
}

.postpreview-image.color-1:after {
  background: #3E933F;
}

.postpreview-image.color-2:after {
  background: #671463;
}

.postpreview-image.color-3:after {
  background: #0C9C87;
}

.postpreview-image.color-4:after {
  background: #334B58;
}

.postpreview-image.color-5:after {
  background: #0B2C3E;
}

.postpreview-image .button, .postpreview-image .NFI .NFI-button, .NFI .postpreview-image .NFI-button, .postpreview-image .page-numbers.next,
.postpreview-image .page-numbers.prev {
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 998;
  opacity: 0;
  top: 50%;
  left: 50%;
}

.cat-link-single {
  display: inline-block;
  margin-bottom: 4px;
}

.cat-link-single.static {
  margin-bottom: 10px;
}

.cat-link {
  padding: 0.7rem 1.2rem;
  display: inline-block;
  font: 0.8rem/1 "Montserrat", sans-serif;
  border-radius: 3px;
  background: #EAEAEA;
}

.cat-link.color-0 {
  background: #5B5B5B;
  color: white;
}

.cat-link.color-0:hover {
  background: #4e4e4e;
  text-decoration: none !important;
  color: white;
}

.cat-link.color-1 {
  background: #3E933F;
  color: white;
}

.cat-link.color-1:hover {
  background: #2f6f30;
  text-decoration: none !important;
  color: white;
}

.cat-link.color-2 {
  background: #671463;
  color: white;
}

.cat-link.color-2:hover {
  background: #3c0c3a;
  text-decoration: none !important;
  color: white;
}

.cat-link.color-3 {
  background: #0C9C87;
  color: white;
}

.cat-link.color-3:hover {
  background: #086d5e;
  text-decoration: none !important;
  color: white;
}

.cat-link.color-4 {
  background: #334B58;
  color: white;
}

.cat-link.color-4:hover {
  background: #202f38;
  text-decoration: none !important;
  color: white;
}

.cat-link.color-5 {
  background: #0B2C3E;
  color: white;
}

.cat-link.color-5:hover {
  background: #030d13;
  text-decoration: none !important;
  color: white;
}

.post-preview-content {
  background: white;
}

.postpreview-text {
  padding: 3rem;
  color: #5B5B5B;
}

.postpreview-text h2 {
  font: bold 1.2rem/1.2 "Montserrat", sans-serif;
  margin: 1.5rem 0;
}

.postpreview-text h2 a {
  color: rgba(24, 24, 24, 0.8);
}

.postpreview-text h2 a:hover {
  color: #181818;
}

.postpreview-text.static h2 {
  margin-top: 0;
}

.last-preview-single .postpreview-text {
  padding: 2rem 1.5rem;
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .postpreview-text {
    padding: 3rem 2rem;
  }
  .last-preview-single .postpreview-text {
    padding: 2rem 2rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Layout - Google map */
/* ---------------------------------------------------------------------------- */
.acf-map {
  height: 350px;
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .acf-map {
    height: 250px;
  }
}

.evenements:before {
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #000;
}

.evenements .wrapper-dropdown {
  width: 30%;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .evenements .wrapper-dropdown {
    width: 80%;
  }
}

.evenements .wrapper-dropdown span {
  color: #181818;
}

.evenements .wrapper-dropdown ul {
  padding: 25px;
}

.evenements .element_events .row {
  margin-bottom: 50px;
}

.evenements .element_events .row .date span {
  display: block;
  text-align: center;
  line-height: 1;
}

.evenements .element_events .row .date span.jour_semaine, .evenements .element_events .row .date span.mois {
  font-size: 1.0625em;
  text-transform: capitalize;
}

.evenements .element_events .row .date span.jour {
  font-size: 3.75em;
  font-weight: 900;
}

@media (max-width: 768px) {
  .evenements .element_events .row .order-12 {
    order: 0;
  }
}

.evenements .element_events .row h3 {
  font-size: 2.5em;
  font-weight: 900;
  margin-top: 0;
}

.evenements .element_events .row .description {
  max-width: 95%;
}

.evenements .no_results {
  text-align: center;
}

.month-title {
  font: bold 2rem/1.2 "Montserrat", sans-serif;
  text-align: center;
  margin-bottom: 2rem;
}

.event_navigation {
  background: #671463;
  padding: 3rem 0 2.5rem 0;
}

.event_navigation a {
  color: #cccccc;
}

.event_navigation a:hover {
  color: white;
}

/* ---------- Year selector ---------- */
.year_selector {
  text-align: center;
}

.year_selector li {
  display: inline-block;
}

.year_selector .current_year {
  margin: 0 1rem;
  font: bold 1.6rem/1.2 "Montserrat", sans-serif;
}

.year_selector .icon {
  line-height: 0;
  font-size: 1.2rem;
}

/* ---------- Month selector ---------- */
.month_selector {
  text-align: center;
  margin-top: 1.5rem;
}

.month_selector li {
  display: inline-block;
  text-transform: uppercase;
  font: 0.9rem/1 "Montserrat", sans-serif;
  padding-bottom: 10px;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}

.month_selector li.current {
  border-bottom: solid 3px #FFFFFF;
}

.month_selector li.current a {
  color: white;
}

.month_selector li:last-child {
  margin-right: 0;
}

/* ---------- Post preview events ---------- */
.postpreview-date .date-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.postpreview-date .date-container .date {
  font: bold 3rem/1.2 "Montserrat", sans-serif;
  font-weight: bold;
  color: #671463;
  padding-right: 1rem;
  border-right: solid 1px #5B5B5B;
  margin-right: 1rem;
}

.postpreview-date .date-container .date-info {
  font-size: 0.8rem;
}

.event-preview {
  box-shadow: 0 0 90px 0 rgba(0, 0, 0, 0.08);
  background: white;
}

.event-preview-content {
  padding: 2rem 2rem;
}

.event-preview-text {
  text-align: center;
}

.event-preview-text h3 {
  font: bold 1.6rem/1.2 "Montserrat", sans-serif;
  margin-top: 2rem;
}

.event-preview-text .subtitle {
  margin-top: 5px;
  margin-bottom: 1rem;
}

.event-preview-text.last-events h3 {
  margin-top: 0;
}

.event-more {
  display: block;
  color: #671463;
  margin-top: 1rem;
  font-weight: 600;
}

.event-more:hover {
  color: #3c0c3a;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .month_selector {
    text-align: center;
    margin-top: 1.5rem;
  }
  .month_selector li {
    display: inline-block;
    text-transform: uppercase;
    font: 0.8rem/1 "Montserrat", sans-serif;
    padding-bottom: 5px;
    margin-right: 1rem;
  }
  .month_selector li.current {
    border-bottom: solid 2px #FFFFFF;
  }
  .month_selector li:last-child {
    margin-right: 0;
  }
  .month-title {
    font: bold 1.8rem/1.2 "Montserrat", sans-serif;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .month-title {
    font: bold 1.6rem/1.2 "Montserrat", sans-serif;
  }
}

/* ---------------------------------------------------------------------------- */
/* Modules - Équipe */
/* ---------------------------------------------------------------------------- */
.equipe-preview {
  margin: 2.5rem 0;
  color: #5B5B5B;
}

.equipe-preview img {
  margin: 0 auto 2.5rem auto;
  border-radius: 50%;
}

.equipe-preview .equipe-preview-meta {
  text-align: center;
}

.equipe-preview .equipe-preview-meta h3 {
  margin: 0 0 0.5rem 0;
  color: #181818;
  font: bold 1.4rem/1.2 "Montserrat", sans-serif;
}

.equipe-preview .equipe-preview-meta span {
  font-style: italic;
  display: block;
  font-size: 1em;
  font-weight: 500;
}

.equipe-preview .equipe-preview-meta a {
  display: block;
  font-size: 1em;
  font-weight: 500;
  color: #5B5B5B;
}

.equipe-preview .equipe-preview-meta a:hover {
  color: #181818;
}

.equipe-preview .equipe-preview-meta a.mail {
  margin: 0.0625em 0 0 0;
  color: #0C9C87;
  font-weight: bold;
}

.equipe-preview .equipe-preview-meta a.mail:hover {
  color: #086d5e;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .equipe-preview {
    margin: 2rem 0;
  }
  .equipe-preview .equipe-preview-meta h3 {
    font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  }
  .equipe-preview img {
    width: 250px;
    margin-bottom: 2rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .equipe-preview {
    margin: 1.5rem 0;
  }
  .equipe-preview .equipe-preview-meta h3 {
    font: bold 1.2rem/1.2 "Montserrat", sans-serif;
  }
  .equipe-preview img {
    width: 200px;
    margin-bottom: 1.5rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Events */
/* ---------------------------------------------------------------------------- */
[id^=sbi_load] .sbi_follow_btn .fa {
  display: none !important;
}

[id^=sbi_load] .sbi_follow_btn a {
  color: black !important;
  line-height: 1.2 !important;
  text-align: center !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font: bold 1rem/1 "Montserrat", sans-serif !important;
  border: solid 2px black !important;
  display: inline-block !important;
  padding: 1rem 2rem !important;
  background: none !important;
  cursor: pointer !important;
}

[id^=sbi_load] .sbi_follow_btn a:hover {
  background: #181818 !important;
  color: white !important;
  opacity: 1 !important;
}

[id^=sbi_load] .sbi_load_btn {
  color: #0C9C87 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font: bold 1rem/1 "Montserrat", sans-serif !important;
  border: solid 2px #0C9C87 !important;
  display: inline-block !important;
  padding: 1rem 2rem !important;
  background: none !important;
  cursor: pointer !important;
}

[id^=sbi_load] .sbi_load_btn:hover {
  background: #0C9C87 !important;
  color: white !important;
}

.objet-control {
  margin-bottom: 3rem;
}

.objet-control form input:not([type="submit"]),
.objet-control form select {
  height: 5rem;
}

.objet-control form .search-bar {
  position: relative;
  margin-left: 1rem;
}

.objet-control form .search-bar [type="submit"] {
  margin: 0;
  border: none;
  background: none;
  border-radius: 0;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  position: absolute;
  font-size: 1.5625em;
  outline: none;
  padding: 0;
  right: 2rem;
}

.objet-control form .search-bar [type="submit"]:hover {
  color: #0C9C87;
}

.objet-preview {
  margin: 1.5625em 0;
}

.objet-preview.other {
  margin: 0;
}

.objet-preview a:hover {
  cursor: pointer;
}

.objet-preview a:hover img, .objet-preview a:hover .thumb-img {
  filter: grayscale(0%);
}

.objet-preview a:hover .plus {
  opacity: 1;
}

.objet-preview a:hover .plus:before, .objet-preview a:hover .plus:after {
  top: 50%;
}

.objet-preview .img-thumb-objet {
  display: block;
  position: relative;
}

.objet-preview .img-thumb-objet .thumb-img {
  height: 0;
  padding-bottom: 62%;
  background-position: center top;
  background-size: cover;
  background-color: #e5e5e5;
  filter: grayscale(100%);
}

.objet-preview .img-thumb-objet img {
  filter: grayscale(100%);
  margin: 0 auto;
}

.objet-preview .img-thumb-objet .plus {
  opacity: 0;
}

.objet-preview .img-thumb-objet .plus:before, .objet-preview .img-thumb-objet .plus:after {
  background-color: #fff;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  top: 45%;
  transform: translate3d(-50%, -50%, 0);
}

.objet-preview .img-thumb-objet .plus:before {
  height: 2px;
  width: 45px;
}

.objet-preview .img-thumb-objet .plus:after {
  height: 45px;
  width: 2px;
}

.objet-preview .objet-preview-meta {
  padding: 1.25em 0 0 0;
}

.objet-preview .objet-preview-meta h3 {
  margin: 0 0 0.0625em 0;
  font: bold 1.125em/1 "Montserrat", sans-serif;
}

.objet-preview .objet-preview-meta span a {
  font-size: 0.8125em;
  font-weight: bold;
  color: #909090;
  text-transform: uppercase;
}

.objet-preview .objet-preview-meta span a:hover {
  text-decoration: underline;
}

.galerie-objets-single {
  margin-top: 30px;
}

.galerie-objets-single:nth-child(1), .galerie-objets-single:nth-child(2) {
  margin-top: 0;
}

.collection-spec {
  margin-bottom: 3rem;
  font: 0.9rem/1.5 "Montserrat", sans-serif;
}

.collection-nav {
  text-align: center;
}

.collection-nav .page-numbers.next, .collection-nav .page-numbers.prev {
  color: #181818;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .objet-control {
    margin-bottom: 1rem;
  }
  .objet-control form input:not([type="submit"]),
  .objet-control form select {
    height: 3.75rem;
  }
  .objet-control form .search-bar {
    margin-left: 0;
    margin-top: 1rem;
  }
  .galerie-objets-single:nth-child(2) {
    margin-top: 30px;
  }
}

/* ---------------------------------------------------------------------------- */
/* Work | Archives */
/* ---------------------------------------------------------------------------- */
.archives_work {
  padding: 70px 0 45px;
}

.archives_work .archives_work_single {
  position: relative;
  overflow: hidden;
  background: transparent no-repeat center center;
  background-size: cover;
  /* ---------- Header ---------- */
}

.archives_work .archives_work_single .all_link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.archives_work .archives_work_single header {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  padding: 0 25px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #ef1a30;
}

.archives_work .archives_work_single header h3 {
  font: 400 1.875em/1.5em "Montserrat", sans-serif;
  margin: 0 0 0.625em 0;
}

.archives_work .archives_work_single header .view_project {
  width: 240px;
  font: 600 15px/20px "Montserrat", sans-serif;
  text-transform: uppercase;
  margin: 0 auto;
  position: relative;
}

.archives_work .archives_work_single header .view_project img {
  width: 100px;
  margin: 0 auto;
}

.archives_work .archives_work_single:hover header {
  top: 0;
}

.archives_work .archives_work_single:hover header span {
  left: 10px;
}

.archives_work .archives_work_single:hover header span.last {
  right: 0;
}

.results {
  padding: 40px 0 10px;
}

.results .container {
  column-count: 5;
  column-gap: 50px;
}

.results ul {
  padding: 0 0 25px;
  break-inside: avoid;
}

.results ul li {
  color: #292929;
  font: 14px/18px "Montserrat", sans-serif;
  padding: 0 0 10px;
}

.results ul li.title {
  font: 20px/20px "Montserrat", sans-serif;
  text-transform: uppercase;
  padding: 0 0 20px;
}

.results ul li a {
  display: inline-block;
  color: #404040;
}

.results ul li a:hover {
  color: #EF1A30;
}

.results ul li.external_link a {
  padding-right: 20px;
  background-size: 9px auto;
}

.results.onfocus ul li a {
  color: #ddd;
  pointer-events: none;
}

.results.onfocus ul li a:hover {
  color: inherit;
}

.results.onfocus ul li.found a {
  color: #404040;
  pointer-events: auto;
}

.results.onfocus ul li.found a:hover {
  color: #EF1A30;
}

/* ---------- Search ---------- */
.work_search .search {
  padding: 15px 0;
  background: #EF1A30;
}

.work_search .search h6 {
  float: left;
  color: #fff;
  font: bold 1.2rem/1.2 "Montserrat", sans-serif;
  font-weight: 400;
  margin: 11px 0 9px;
}

.work_search .search .form {
  float: right;
  width: 330px;
  max-width: 100%;
}

.work_search .search .form input[type=text] {
  float: left;
  width: 85%;
  height: 40px;
  color: #fff;
  font: 16px/20px "Montserrat", sans-serif;
  padding: 2px 20px 0;
  background: rgba(0, 0, 0, 0.15);
  border: none;
}

.work_search .search .form input[type=text]::-webkit-input-placeholder {
  /* Chrome */
  color: white;
}

.work_search .search .form input[type=text]:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}

.work_search .search .form input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 1;
}

.work_search .search .form input[type=text]:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
}

.work_search .search .form input[type=submit] {
  float: right;
  width: 12%;
  height: 40px;
  color: #fff;
  font: 25px/40px 'FontAwesome';
  text-align: center;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}

.work_search .results {
  padding: 40px 0 10px;
}

.work_search .results ul {
  padding: 0 0 25px;
}

.work_search .results ul li {
  color: #292929;
  font: 14px/18px "Montserrat", sans-serif;
  padding: 0 0 10px;
}

.work_search .results ul li.title {
  font: 20px/20px "Montserrat", sans-serif;
  text-transform: uppercase;
  padding: 0 0 20px;
}

.work_search .results ul li a {
  display: inline-block;
  color: #404040;
}

.work_search .results ul li a:hover {
  color: #EF1A30;
}

.work_search .results ul li.external_link a {
  padding-right: 20px;
  background: image-url("ico-external.png") no-repeat right center;
  background-size: 9px auto;
}

.work_search .results.onfocus ul li a {
  color: #ddd;
  pointer-events: none;
}

.work_search .results.onfocus ul li a:hover {
  color: inherit;
}

.work_search .results.onfocus ul li.found a {
  color: #404040;
  pointer-events: auto;
}

.work_search .results.onfocus ul li.found a:hover {
  color: #EF1A30;
}

/* ---------------------------------------------------------------------------- */
/* Work | Single */
/* ---------------------------------------------------------------------------- */
/* ---------- Prev/Next posts ---------- */
.other_work_links {
  overflow: hidden;
  background: #ccc;
}

.other_work_links .align_center {
  float: left;
  position: relative;
  left: 50%;
}

.other_work_links .align_center a {
  float: left;
  display: block;
  color: #fff;
  font: 16px/18px "Montserrat", sans-serif;
  padding: 11px 25px;
  margin: 0 -1px;
  position: relative;
  right: 50%;
  border-right: 1px solid #dddbdb;
}

.other_work_links .align_center a:last-child {
  border: none;
}

.other_work_links .align_center a:hover {
  background: #EF1A30;
  border-color: #EF1A30;
}

.other_work_links .align_center a.disabled {
  color: rgba(255, 255, 255, 0.5);
  cursor: default;
}

.other_work_links .align_center a.disabled:hover {
  background: none;
  border-color: #dddbdb;
}

/* ---------- Informations ---------- */
.archives_single {
  padding: 85px 0 115px;
  position: relative;
}

.archives_single .half {
  float: left;
  width: 44%;
}

.archives_single .half:last-child {
  float: right;
  width: 46.7%;
}

.archives_single h2.main_title {
  color: #7b7b7b;
  font: 300 40px/40px "Montserrat", sans-serif;
  margin: 0 0 70px;
}

.archives_single h4 {
  font: 600 23px/26px "Montserrat", sans-serif;
  margin: 0 0 25px;
}

.archives_single h5 {
  font: 400 16px/20px "Montserrat", sans-serif;
  margin: 40px 0 20px;
}

.archives_single h6 {
  font: 16px/21px "Montserrat", sans-serif;
  margin: 0 0 12px;
}

.archives_single p {
  margin: 0 0 25px;
}

.archives_single p em {
  font-style: italic;
}

.archives_single ul {
  list-style: disc;
  margin: 0 0 25px 26px;
}

.archives_single .plate_forme {
  float: left;
  width: 55%;
}

.archives_single .plate_forme h5 {
  margin-top: 0;
}

.archives_single .plate_forme .screen_type {
  float: left;
  margin: 10px 0 0;
}

.archives_single .plate_forme .screen_type img {
  display: inline-block;
  margin: 0 15px 0 0;
  vertical-align: bottom;
}

.archives_single .plate_forme .screen_type img:last-child {
  margin: 0;
}

.archives_single .launch_date {
  float: right;
  width: 43%;
}

.archives_single .launch_date h5 {
  margin-top: 0;
}

.archives_single .launch_date .date {
  color: #EF1A30;
  font: 16px/18px "Montserrat", sans-serif;
  padding: 15px 0 0;
}

.archives_single .launch_date .date span {
  float: left;
  display: block;
  font: 40px/30px "Montserrat", sans-serif;
  padding: 5px 6px 0 0;
}

.archives_single .website_link {
  display: inline-block;
  color: #EF1A30;
  font: 19px/22px "Montserrat", sans-serif;
  padding: 15px 40px;
  margin: 20px 0 0;
  border: 2px solid #EF1A30;
}

.archives_single .website_link:hover {
  color: #fff;
  background: #EF1A30;
}

.archives_single .used_techno {
  list-style: none;
  margin: 0;
}

.archives_single .used_techno li {
  float: left;
  margin: 0 8px 15px 0;
  position: relative;
}

.archives_single .used_techno li:last-child {
  margin-right: 0;
}

.archives_single .used_techno li a {
  display: block;
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 3;
  background: #e1e1e1;
}

.archives_single .used_techno li a img {
  max-width: none;
  margin: 0 auto;
}

.archives_single .used_techno li.active a {
  background: #EF1A30;
}

.archives_single .used_techno li span {
  display: block;
  width: 100%;
  color: #444;
  font: 9px/12px "Montserrat", sans-serif;
  text-align: center;
  position: absolute;
  bottom: 12px;
  left: 0;
  z-index: 1;
}

.archives_single .used_techno li:hover a {
  background: #555;
}

.archives_single .used_techno li:hover span {
  bottom: -14px;
}

/* ---------- Gallery ---------- */
.gallery_work {
  padding: 100px 300px;
  background: #f7f7f7;
}

.gallery_work.work_mobile {
  padding: 0 0 40px;
}

.gallery_work .wrapper_desktop_slider {
  max-width: 1047px;
  margin: 0 auto;
  position: relative;
}

.gallery_work .wrapper_desktop_slider .bx-wrapper {
  width: 100%;
  padding: 3.2% 2.6%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.gallery_work .wrapper_desktop_slider .bx-wrapper .bx-viewport {
  overflow: hidden !important;
}

.gallery_work .wrapper_desktop_slider .bx-wrapper .bx-controls-direction a {
  display: block;
  width: 80px;
  height: 80px;
  color: #fff;
  font: 60px/80px 'FontAwesome';
  text-align: center;
  padding-right: 5px;
  position: absolute;
  top: 50%;
  left: -140px;
  background: #EF1A30;
}

.gallery_work .wrapper_desktop_slider .bx-wrapper .bx-controls-direction a.bx-next {
  padding: 0 0 0 5px;
  left: auto;
  right: -140px;
}

.gallery_work .wrapper_desktop_slider .bx-wrapper .bx-controls-direction a:hover {
  background: #000;
}

/* ---------- Ipad/mobile view ---------- */
.screen {
  float: left;
  width: 65.8%;
  position: relative;
  left: 60px;
  /* ---------- Scroll tools ---------- */
}

.screen.screen_mobile {
  float: right;
  width: 25.7%;
  margin: 23.5% 0 0;
  left: -9.85%;
}

.screen .scroll {
  width: 100%;
  height: 100%;
  padding: 14.9% 20.4%;
  position: absolute;
  top: 0;
  left: 0;
}

.screen .scroll .inner_scroll {
  max-height: 100%;
}

.screen.screen_mobile .scroll {
  padding: 35.5% 17.7%;
}

.screen .mCSB_scrollTools {
  width: 51px;
  height: 170px;
  margin-top: -85px;
  top: 50%;
  left: -135px;
  right: 0 !important;
  background: #EF1A30;
}

.screen .mCSB_scrollTools#mCSB_2_scrollbar_vertical {
  left: auto;
  right: -95px !important;
}

.screen .mCSB_scrollTools .mCSB_draggerContainer {
  margin: 32px 0;
}

.screen .mCSB_scrollTools .mCSB_draggerRail {
  width: 1px;
  background: rgba(255, 255, 255, 0.7);
}

.screen .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 5px;
  background: #fff;
}

.screen .mCSB_scrollTools .mCSB_buttonUp,
.screen .mCSB_scrollTools .mCSB_buttonDown {
  height: 30px;
  top: 0;
  left: 0;
}

.screen .mCSB_scrollTools .mCSB_buttonUp:before,
.screen .mCSB_scrollTools .mCSB_buttonDown:before {
  display: block;
  content: "\f077";
  width: 100%;
  color: #fff;
  font: 22px/20px 'FontAwesome';
  text-align: center;
  position: absolute;
  top: 7px;
  left: 0;
}

.screen .mCSB_scrollTools .mCSB_buttonDown {
  top: auto;
  bottom: 0;
}

.screen .mCSB_scrollTools .mCSB_buttonDown:before {
  content: "\f078";
  top: auto;
  bottom: 7px;
}

/* ---------- Misc  ---------- */
.misc {
  padding: 75px 0 85px;
}

.misc h4 {
  font: 23px/26px "Montserrat", sans-serif;
  margin: 0 0 25px;
}

.misc .list_related {
  float: left;
  width: 78%;
}

.misc .list_related li {
  float: left;
  width: 14.5%;
  margin: 0 2.6% 0 0;
}

.misc .list_related li:last-child {
  margin: 0;
}

.misc .list_related li .img_link {
  display: block;
  position: relative;
}

.misc .list_related li .img_link .magnifier {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #EF1A30;
}

.misc .list_related li .img_link .magnifier span {
  display: block;
  color: #fff;
  font: 14px/24px 'FontAwesome';
  text-align: center;
  padding-top: 1px;
}

.misc .list_related li:hover .img_link .magnifier {
  opacity: 0.75;
}

.misc .list_related li:hover .img_link .magnifier span {
  font-size: 32px;
}

.misc .list_related li h5 {
  font: 500 15px/18px "Montserrat", sans-serif;
  margin: 15px 0 0;
}

.misc .list_related li h5 a {
  color: #000;
}

.misc .list_related li:hover h5 a {
  color: #EF1A30;
}

/* ---------------------------------------------------------------------------- */
/* Desktop */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1200px) {
  .archives_work .archives_work_single, .archives_work .archives_work_single:nth-of-type(3n) {
    width: 49%;
    margin: 0 2% 2% 0;
  }
  .archives_work .archives_work_single:nth-of-type(2n), .archives_work .archives_work_single:nth-of-type(3n):nth-of-type(2n) {
    margin-right: 0;
  }
  .gallery_work {
    padding: 100px 200px;
  }
  .archives_single .plate_forme {
    float: none;
    width: auto;
  }
  .archives_single .launch_date {
    float: none;
    width: auto;
    margin: 40px 0 0;
  }
  .archives_single .launch_date .date {
    padding: 0;
  }
}

/* ---------------------------------------------------------------------------- */
/* Tablets */
/* ---------------------------------------------------------------------------- */
/* ---------- Landscape ---------- */
@media all and (max-width: 1000px) {
  .wrapper_work .container {
    padding: 0 50px;
  }
  .wrapper_work .gallery_work .container {
    padding: 0;
  }
  .gallery_work {
    padding: 75px 150px;
  }
  .gallery_work .wrapper_desktop_slider .bx-wrapper .bx-controls-direction a {
    left: -115px;
  }
  .gallery_work .wrapper_desktop_slider .bx-wrapper .bx-controls-direction a.bx-next {
    right: -115px;
  }
  .screen .mCSB_scrollTools {
    left: -110px;
  }
  .screen .mCSB_scrollTools#mCSB_2_scrollbar_vertical {
    right: -85px !important;
  }
}

/* ---------- Portrait ---------- */
@media all and (max-width: 700px) {
  .wrapper_work .archives_single .container,
  .wrapper_work .container {
    padding: 0 35px;
  }
  .archives_work {
    padding: 30px 0 15px;
  }
  .archives_work .archives_work_single, .archives_work .archives_work_single:nth-of-type(3n) {
    float: none;
    width: auto;
    height: 180px;
    margin: 0 0 15px;
  }
  .archives_work .archives_work_single:last-child, .archives_work .archives_work_single:nth-of-type(3n):last-child {
    margin: 0;
  }
  .archives_work .archives_work_single header, .archives_work .archives_work_single:nth-of-type(3n) header {
    height: auto;
    padding: 30px 25px 10px 15px;
    top: auto !important;
    bottom: 0;
    background: none;
  }
  .archives_work .archives_work_single header .valign, .archives_work .archives_work_single:nth-of-type(3n) header .valign {
    text-align: left;
    position: static;
  }
  .archives_work .archives_work_single header h3, .archives_work .archives_work_single:nth-of-type(3n) header h3 {
    font-size: 18px;
    line-height: 23px;
    margin: 0;
  }
  .archives_work .archives_work_single header .view_project, .archives_work .archives_work_single:nth-of-type(3n) header .view_project {
    display: none;
  }
  #infscr-loading img {
    width: 30px;
  }
  .screen .mCSB_scrollTools {
    width: 41px;
    left: -61px;
  }
  .work_search .search h6 {
    font-size: 15px;
    line-height: 18px;
    margin: 0 0 10px;
  }
  .work_search .results .container {
    column-count: 2;
    column-gap: 20px;
  }
  .other_work_links {
    text-align: center;
  }
  .other_work_links .align_center {
    float: none;
    display: inline-block;
    position: static;
  }
  .other_work_links .align_center a {
    float: none;
    display: inline-block;
    font-size: 11px;
    padding: 9px 10px 8px;
    position: static;
  }
  .archives_single {
    padding: 35px 0;
  }
  .archives_single .half, .archives_single .half:last-child {
    float: none;
    width: auto;
  }
  .archives_single h2.main_title {
    font-size: 29px;
    line-height: 31px;
    margin: 0;
  }
  .archives_single h4 {
    font-size: 16px;
    margin: 0 0 20px;
  }
  .archives_single h5 {
    margin-top: 50px;
  }
  .archives_single p {
    font-size: 14px;
  }
  .archives_single .website_link {
    font: 16px/20px "Montserrat", sans-serif;
    padding: 12px 25px 11px;
    margin: 10px 0 50px;
  }
  .misc {
    padding: 40px 0;
  }
  .misc .list_related {
    float: none;
    width: auto;
  }
  .misc .list_related li {
    width: 46%;
    margin: 0 8% 8% 0;
  }
  .misc .list_related li:nth-child(2n) {
    margin-right: 0;
  }
  .misc .list_tag {
    float: none;
    width: auto;
    padding: 0 0 30px;
  }
  .gallery_work {
    padding: 35px 0;
    margin: 0;
    background: none;
  }
  .gallery_work .wrapper_desktop_slider {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
  }
  .gallery_work .wrapper_desktop_slider .bx-wrapper {
    position: static;
    padding: 0;
  }
  .gallery_work .wrapper_desktop_slider .bx-controls-direction {
    display: none;
  }
  .gallery_work .wrapper_desktop_slider .bx-wrapper .bx-viewport {
    border: 1px solid #f3f3f3;
  }
  .gallery_work.work_mobile {
    padding: 0;
  }
  .gallery_work .screen.screen_mobile {
    float: none;
    width: 270px;
    margin: 0 auto;
    left: auto;
  }
}

/* ---------------------------------------------------------------------------- */
/* Modules - Sections - Bloc contenu */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 768px) {
  .block-content-img {
    margin-bottom: 3rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Template - Elements */
/* ---------------------------------------------------------------------------- */
.element-texte {
  max-width: 46.875rem;
  margin: 0 auto;
}

.element-bouton,
.element-liste_bouton {
  margin-top: 3rem;
}

/* ---------------------------------------------------------------------------- */
/* Laptop */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1920px) {
  .element-texte {
    max-width: 40.625rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .element-texte {
    max-width: 34.375rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .element-liste_bouton .button, .element-liste_bouton .NFI .NFI-button, .NFI .element-liste_bouton .NFI-button, .element-liste_bouton .page-numbers.next,
  .element-liste_bouton .page-numbers.prev {
    margin-bottom: 4px;
  }
}

/* ---------------------------------------------------------------------------- */
/* Modules - Section - Liste bloc contenu
/* ---------------------------------------------------------------------------- */
.section-block-content {
  background-size: cover;
  /* ---------- Clear ---------- */
  /* ---------- Dark ---------- */
}

.section-block-content .section-block-content-text {
  padding: 8rem;
}

.section-block-content .content-text {
  max-width: 30rem;
}

.section-block-content.button-style-icon {
  padding: 0;
}

.section-block-content.button-style-icon .icon {
  font-size: 4rem;
  margin-bottom: 10px;
}

.section-block-content:first-child {
  text-align: right;
}

.section-block-content:first-child .content-text {
  margin: 0 0 0 auto;
}

.section-block-content.clear {
  color: #671463;
}

.section-block-content.clear h1, .section-block-content.clear h2, .section-block-content.clear h3,
.section-block-content.clear h4, .section-block-content.clear h5, .section-block-content.clear h6 {
  color: #671463;
}

.section-block-content.clear .button, .section-block-content.clear .NFI .NFI-button, .NFI .section-block-content.clear .NFI-button, .section-block-content.clear .page-numbers.next,
.section-block-content.clear .page-numbers.prev {
  color: #181818;
  border-color: #181818;
}

.section-block-content.clear .button:hover, .section-block-content.clear .NFI .NFI-button:hover, .NFI .section-block-content.clear .NFI-button:hover, .section-block-content.clear .page-numbers.next:hover,
.section-block-content.clear .page-numbers.prev:hover {
  background: #181818;
  color: white;
}

.section-block-content.clear .button.button-style-icon:hover, .section-block-content.clear .NFI .button-style-icon.NFI-button:hover, .NFI .section-block-content.clear .button-style-icon.NFI-button:hover, .section-block-content.clear .button-style-icon.page-numbers.next:hover,
.section-block-content.clear .button-style-icon.page-numbers.prev:hover, .section-block-content.clear .button.button-style-inline:hover, .section-block-content.clear .NFI .button-style-inline.NFI-button:hover, .NFI .section-block-content.clear .button-style-inline.NFI-button:hover, .section-block-content.clear .button-style-inline.page-numbers.next:hover,
.section-block-content.clear .button-style-inline.page-numbers.prev:hover {
  background: none;
  color: #181818;
}

.section-block-content.dark {
  color: #FFFFFF;
}

.section-block-content.dark .button-style-icon,
.section-block-content.dark .button-style-inline {
  color: #FFFFFF;
}

.section-block-content.dark h1, .section-block-content.dark h2, .section-block-content.dark h3,
.section-block-content.dark h4, .section-block-content.dark h5, .section-block-content.dark h6 {
  color: #FFFFFF;
}

.button-single-inline li {
  margin-top: 1.5rem;
}

.button-single-inline li:first-of-type {
  margin-top: 0;
}

.button-single-icon {
  display: inline-block;
  margin-right: 3rem;
  margin-top: 1rem;
}

.button-single-icon:last-child {
  margin-right: 0;
}

/* ---------------------------------------------------------------------------- */
/* Laptop */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1920px) {
  .section-block-content .section-block-content-text {
    padding: 8rem 5rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .section-block-content .section-block-content-text {
    padding: 6rem 2.4rem;
  }
  .section-block-content .content-text {
    max-width: 50rem;
  }
  .section-block-content:first-child {
    text-align: left;
  }
  .section-block-content:first-child .content-text {
    margin: 0 auto 0 0;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .section-block-content .section-block-content-text {
    padding: 4rem 1.5rem;
  }
  .section-block-content .content-text {
    max-width: 50rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Module - Sections - Partenaires */
/* ---------------------------------------------------------------------------- */
.stats-single {
  border-bottom: solid 5px #EAEAEA;
  font: 600 0.8rem/1.5 "Montserrat", sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin-top: 3rem;
  padding-bottom: 2rem;
}

.stats-single.color-0 {
  border-color: #5B5B5B;
}

.stats-single.color-0 .fa-kit {
  color: #5B5B5B;
}

.stats-single.color-1 {
  border-color: #3E933F;
}

.stats-single.color-1 .fa-kit {
  color: #3E933F;
}

.stats-single.color-2 {
  border-color: #671463;
}

.stats-single.color-2 .fa-kit {
  color: #671463;
}

.stats-single.color-3 {
  border-color: #0C9C87;
}

.stats-single.color-3 .fa-kit {
  color: #0C9C87;
}

.stats-single.color-4 {
  border-color: #334B58;
}

.stats-single.color-4 .fa-kit {
  color: #334B58;
}

.stats-single.color-5 {
  border-color: #0B2C3E;
}

.stats-single.color-5 .fa-kit {
  color: #0B2C3E;
}

.stats-single h3 {
  font: bold 2rem/1.2 "Montserrat", sans-serif;
  color: #181818;
  margin: 2rem 0 0.5rem 0;
}

.stats-single .icon {
  font-size: 4rem;
  line-height: 0;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .stats-single h3 {
    font: bold 1.8rem/1.2 "Montserrat", sans-serif;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .stats-single {
    padding-bottom: 1.5rem;
  }
  .stats-single h3 {
    font: bold 1.6rem/1.2 "Montserrat", sans-serif;
    margin: 1rem 0 0.5rem 0;
  }
  .stats-single .icon {
    font-size: 3rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Module - Sections - List statique */
/* ---------------------------------------------------------------------------- */
.statique-list,
.statique-icones {
  margin-top: 3rem;
  text-align: center;
}

.statique-list.color-0 .icon,
.statique-icones.color-0 .icon {
  color: #5B5B5B;
}

.statique-list.color-0 a:hover,
.statique-icones.color-0 a:hover {
  color: #4e4e4e;
}

.statique-list.color-1 .icon,
.statique-icones.color-1 .icon {
  color: #3E933F;
}

.statique-list.color-1 a:hover,
.statique-icones.color-1 a:hover {
  color: #2f6f30;
}

.statique-list.color-2 .icon,
.statique-icones.color-2 .icon {
  color: #671463;
}

.statique-list.color-2 a:hover,
.statique-icones.color-2 a:hover {
  color: #3c0c3a;
}

.statique-list.color-3 .icon,
.statique-icones.color-3 .icon {
  color: #0C9C87;
}

.statique-list.color-3 a:hover,
.statique-icones.color-3 a:hover {
  color: #086d5e;
}

.statique-list.color-4 .icon,
.statique-icones.color-4 .icon {
  color: #334B58;
}

.statique-list.color-4 a:hover,
.statique-icones.color-4 a:hover {
  color: #202f38;
}

.statique-list.color-5 .icon,
.statique-icones.color-5 .icon {
  color: #0B2C3E;
}

.statique-list.color-5 a:hover,
.statique-icones.color-5 a:hover {
  color: #030d13;
}

.statique-list h3,
.statique-icones h3 {
  font: bold 0.9rem/1.3 "Montserrat", sans-serif;
  text-transform: uppercase;
}

.statique-list .icon,
.statique-icones .icon {
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  display: block;
  line-height: 0;
}

.statique-list a,
.statique-icones a {
  display: block;
  padding: 0 1rem;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .statique-list,
  .statique-icones {
    margin-top: 2rem;
  }
  .statique-list .icon,
  .statique-icones .icon {
    font-size: 3em;
    margin-bottom: 1.5rem;
    display: block;
    line-height: 0;
  }
}

/* ---------------------------------------------------------------------------- */
/* Module - Sections - Partenaires */
/* ---------------------------------------------------------------------------- */
.partner-single {
  height: 80px;
  outline: none;
  opacity: 0.6;
  position: relative;
  filter: grayscale(100%);
}

.partner-single:hover {
  opacity: 1;
}

.partner-single a {
  display: block;
}

.partner-single img {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  position: absolute;
  padding: 0 25px;
  margin: 0 auto;
  right: 0;
  left: 0;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Module - Sections - Questions & Réponses */
/* ---------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .element_question_reponse {
    text-align: center;
  }
}

.element_question_reponse h2,
.element_question_reponse h3 {
  font-weight: 300;
  font-size: 2.5em;
}

.element_question_reponse h2 span,
.element_question_reponse h3 span {
  font-weight: 800;
}

.element_question_reponse .reponse {
  margin-left: 100px;
  position: relative;
}

@media (max-width: 1024px) {
  .element_question_reponse .reponse {
    margin-left: 0;
    margin-top: 120px;
  }
}

.element_question_reponse .reponse:before {
  content: "";
  background: url("../images/img_optimal.png") no-repeat;
  height: 107px;
  width: 61px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -150px;
}

@media (max-width: 1024px) {
  .element_question_reponse .reponse:before {
    left: 50%;
    transform: translate(-50%, 0);
    top: -100px;
    background: url("../images/img_optimal_mob.png") no-repeat;
    width: 107px;
    height: 61px;
  }
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Section - Dark styles
/* ---------------------------------------------------------------------------- */
.section.bg-turquoise {
  background: #0C9C87;
}

.section.bg-purple {
  background: #671463;
}

.section.bg-purple, .section.bg-turquoise, .section.overall-dark {
  color: white;
  /* ---- Categ links ---- */
  /* ---- Expo items ---- */
  /* ---- Slick ---- */
}

.section.bg-purple .section-title, .section.bg-turquoise .section-title, .section.overall-dark .section-title {
  color: white;
}

.section.bg-purple a, .section.bg-turquoise a, .section.overall-dark a {
  color: #FFFFFF;
}

.section.bg-purple a:hover, .section.bg-turquoise a:hover, .section.overall-dark a:hover {
  text-decoration: underline;
}

.section.bg-purple a.button:hover, .section.bg-purple .NFI a.NFI-button:hover, .NFI .section.bg-purple a.NFI-button:hover, .section.bg-purple a.page-numbers.next:hover,
.section.bg-purple a.page-numbers.prev:hover, .section.bg-turquoise a.button:hover, .section.bg-turquoise .NFI a.NFI-button:hover, .NFI .section.bg-turquoise a.NFI-button:hover, .section.bg-turquoise a.page-numbers.next:hover,
.section.bg-turquoise a.page-numbers.prev:hover, .section.overall-dark a.button:hover, .section.overall-dark .NFI a.NFI-button:hover, .NFI .section.overall-dark a.NFI-button:hover, .section.overall-dark a.page-numbers.next:hover,
.section.overall-dark a.page-numbers.prev:hover {
  color: #181818;
}

.section.bg-purple .button-black, .section.bg-turquoise .button-black, .section.overall-dark .button-black {
  border-color: #FFFFFF;
}

.section.bg-purple .button-black:hover, .section.bg-turquoise .button-black:hover, .section.overall-dark .button-black:hover {
  background: white;
  color: #181818;
}

.section.bg-purple .gform_button_select_files, .section.bg-turquoise .gform_button_select_files, .section.overall-dark .gform_button_select_files {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.section.bg-purple .gform_button_select_files:hover, .section.bg-turquoise .gform_button_select_files:hover, .section.overall-dark .gform_button_select_files:hover {
  color: #181818;
  background: #FFFFFF;
}

.section.bg-purple .content-text h1, .section.bg-purple .content-text h2, .section.bg-purple .content-text h3,
.section.bg-purple .content-text h4, .section.bg-purple .content-text h5, .section.bg-purple .content-text h6, .section.bg-turquoise .content-text h1, .section.bg-turquoise .content-text h2, .section.bg-turquoise .content-text h3,
.section.bg-turquoise .content-text h4, .section.bg-turquoise .content-text h5, .section.bg-turquoise .content-text h6, .section.overall-dark .content-text h1, .section.overall-dark .content-text h2, .section.overall-dark .content-text h3,
.section.overall-dark .content-text h4, .section.overall-dark .content-text h5, .section.overall-dark .content-text h6 {
  color: #FFFFFF;
}

.section.bg-purple table, .section.bg-purple th, .section.bg-purple td, .section.bg-turquoise table, .section.bg-turquoise th, .section.bg-turquoise td, .section.overall-dark table, .section.overall-dark th, .section.overall-dark td {
  border: solid 1px #FFFFFF;
}

.section.bg-purple table th, .section.bg-turquoise table th, .section.overall-dark table th {
  background: rgba(255, 255, 255, 0.2);
}

.section.bg-purple .exposition-single h3 a,
.section.bg-purple .postpreview-text h2 a, .section.bg-turquoise .exposition-single h3 a,
.section.bg-turquoise .postpreview-text h2 a, .section.overall-dark .exposition-single h3 a,
.section.overall-dark .postpreview-text h2 a {
  color: rgba(24, 24, 24, 0.8);
}

.section.bg-purple .exposition-single h3 a:hover,
.section.bg-purple .postpreview-text h2 a:hover, .section.bg-turquoise .exposition-single h3 a:hover,
.section.bg-turquoise .postpreview-text h2 a:hover, .section.overall-dark .exposition-single h3 a:hover,
.section.overall-dark .postpreview-text h2 a:hover {
  color: #181818;
}

.section.bg-purple .statique-icones.color-0 .icon,
.section.bg-purple .statique-list.color-0 .icon, .section.bg-turquoise .statique-icones.color-0 .icon,
.section.bg-turquoise .statique-list.color-0 .icon, .section.overall-dark .statique-icones.color-0 .icon,
.section.overall-dark .statique-list.color-0 .icon {
  color: #FFFFFF;
}

.section.bg-purple .statique-icones.color-0 a:hover,
.section.bg-purple .statique-list.color-0 a:hover, .section.bg-turquoise .statique-icones.color-0 a:hover,
.section.bg-turquoise .statique-list.color-0 a:hover, .section.overall-dark .statique-icones.color-0 a:hover,
.section.overall-dark .statique-list.color-0 a:hover {
  color: #cccccc;
}

.section.bg-purple .statique-icones.color-1 .icon,
.section.bg-purple .statique-list.color-1 .icon, .section.bg-turquoise .statique-icones.color-1 .icon,
.section.bg-turquoise .statique-list.color-1 .icon, .section.overall-dark .statique-icones.color-1 .icon,
.section.overall-dark .statique-list.color-1 .icon {
  color: #FFFFFF;
}

.section.bg-purple .statique-icones.color-1 a:hover,
.section.bg-purple .statique-list.color-1 a:hover, .section.bg-turquoise .statique-icones.color-1 a:hover,
.section.bg-turquoise .statique-list.color-1 a:hover, .section.overall-dark .statique-icones.color-1 a:hover,
.section.overall-dark .statique-list.color-1 a:hover {
  color: #cccccc;
}

.section.bg-purple .statique-icones.color-2 .icon,
.section.bg-purple .statique-list.color-2 .icon, .section.bg-turquoise .statique-icones.color-2 .icon,
.section.bg-turquoise .statique-list.color-2 .icon, .section.overall-dark .statique-icones.color-2 .icon,
.section.overall-dark .statique-list.color-2 .icon {
  color: #FFFFFF;
}

.section.bg-purple .statique-icones.color-2 a:hover,
.section.bg-purple .statique-list.color-2 a:hover, .section.bg-turquoise .statique-icones.color-2 a:hover,
.section.bg-turquoise .statique-list.color-2 a:hover, .section.overall-dark .statique-icones.color-2 a:hover,
.section.overall-dark .statique-list.color-2 a:hover {
  color: #cccccc;
}

.section.bg-purple .statique-icones.color-3 .icon,
.section.bg-purple .statique-list.color-3 .icon, .section.bg-turquoise .statique-icones.color-3 .icon,
.section.bg-turquoise .statique-list.color-3 .icon, .section.overall-dark .statique-icones.color-3 .icon,
.section.overall-dark .statique-list.color-3 .icon {
  color: #FFFFFF;
}

.section.bg-purple .statique-icones.color-3 a:hover,
.section.bg-purple .statique-list.color-3 a:hover, .section.bg-turquoise .statique-icones.color-3 a:hover,
.section.bg-turquoise .statique-list.color-3 a:hover, .section.overall-dark .statique-icones.color-3 a:hover,
.section.overall-dark .statique-list.color-3 a:hover {
  color: #cccccc;
}

.section.bg-purple .statique-icones.color-4 .icon,
.section.bg-purple .statique-list.color-4 .icon, .section.bg-turquoise .statique-icones.color-4 .icon,
.section.bg-turquoise .statique-list.color-4 .icon, .section.overall-dark .statique-icones.color-4 .icon,
.section.overall-dark .statique-list.color-4 .icon {
  color: #FFFFFF;
}

.section.bg-purple .statique-icones.color-4 a:hover,
.section.bg-purple .statique-list.color-4 a:hover, .section.bg-turquoise .statique-icones.color-4 a:hover,
.section.bg-turquoise .statique-list.color-4 a:hover, .section.overall-dark .statique-icones.color-4 a:hover,
.section.overall-dark .statique-list.color-4 a:hover {
  color: #cccccc;
}

.section.bg-purple .statique-icones.color-5 .icon,
.section.bg-purple .statique-list.color-5 .icon, .section.bg-turquoise .statique-icones.color-5 .icon,
.section.bg-turquoise .statique-list.color-5 .icon, .section.overall-dark .statique-icones.color-5 .icon,
.section.overall-dark .statique-list.color-5 .icon {
  color: #FFFFFF;
}

.section.bg-purple .statique-icones.color-5 a:hover,
.section.bg-purple .statique-list.color-5 a:hover, .section.bg-turquoise .statique-icones.color-5 a:hover,
.section.bg-turquoise .statique-list.color-5 a:hover, .section.overall-dark .statique-icones.color-5 a:hover,
.section.overall-dark .statique-list.color-5 a:hover {
  color: #cccccc;
}

.section.bg-purple .gform_wrapper .NFI input, .section.bg-turquoise .gform_wrapper .NFI input, .section.overall-dark .gform_wrapper .NFI input {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.section.bg-purple .gform_wrapper .NFI input::-webkit-input-placeholder, .section.bg-turquoise .gform_wrapper .NFI input::-webkit-input-placeholder, .section.overall-dark .gform_wrapper .NFI input::-webkit-input-placeholder {
  color: #FFFFFF;
}

.section.bg-purple .gform_wrapper .NFI input:-moz-placeholder, .section.bg-turquoise .gform_wrapper .NFI input:-moz-placeholder, .section.overall-dark .gform_wrapper .NFI input:-moz-placeholder {
  color: #FFFFFF;
}

.section.bg-purple .gform_wrapper .NFI input::-moz-placeholder, .section.bg-turquoise .gform_wrapper .NFI input::-moz-placeholder, .section.overall-dark .gform_wrapper .NFI input::-moz-placeholder {
  color: #FFFFFF;
}

.section.bg-purple .gform_wrapper .NFI input:-ms-input-placeholder, .section.bg-turquoise .gform_wrapper .NFI input:-ms-input-placeholder, .section.overall-dark .gform_wrapper .NFI input:-ms-input-placeholder {
  color: #FFFFFF;
}

.section.bg-purple .cat-link.color-0:hover, .section.bg-turquoise .cat-link.color-0:hover, .section.overall-dark .cat-link.color-0:hover {
  color: #FFFFFF;
}

.section.bg-purple .cat-link.color-1:hover, .section.bg-turquoise .cat-link.color-1:hover, .section.overall-dark .cat-link.color-1:hover {
  color: #FFFFFF;
}

.section.bg-purple .cat-link.color-2:hover, .section.bg-turquoise .cat-link.color-2:hover, .section.overall-dark .cat-link.color-2:hover {
  color: #FFFFFF;
}

.section.bg-purple .cat-link.color-3:hover, .section.bg-turquoise .cat-link.color-3:hover, .section.overall-dark .cat-link.color-3:hover {
  color: #FFFFFF;
}

.section.bg-purple .cat-link.color-4:hover, .section.bg-turquoise .cat-link.color-4:hover, .section.overall-dark .cat-link.color-4:hover {
  color: #FFFFFF;
}

.section.bg-purple .cat-link.color-5:hover, .section.bg-turquoise .cat-link.color-5:hover, .section.overall-dark .cat-link.color-5:hover {
  color: #FFFFFF;
}

.section.bg-purple .exposition-item-text.color-0 h1, .section.bg-purple .exposition-item-text.color-0 h2, .section.bg-purple .exposition-item-text.color-0 h3,
.section.bg-purple .exposition-item-text.color-0 h4, .section.bg-purple .exposition-item-text.color-0 h5, .section.bg-purple .exposition-item-text.color-0 h6, .section.bg-turquoise .exposition-item-text.color-0 h1, .section.bg-turquoise .exposition-item-text.color-0 h2, .section.bg-turquoise .exposition-item-text.color-0 h3,
.section.bg-turquoise .exposition-item-text.color-0 h4, .section.bg-turquoise .exposition-item-text.color-0 h5, .section.bg-turquoise .exposition-item-text.color-0 h6, .section.overall-dark .exposition-item-text.color-0 h1, .section.overall-dark .exposition-item-text.color-0 h2, .section.overall-dark .exposition-item-text.color-0 h3,
.section.overall-dark .exposition-item-text.color-0 h4, .section.overall-dark .exposition-item-text.color-0 h5, .section.overall-dark .exposition-item-text.color-0 h6 {
  color: #FFFFFF;
}

.section.bg-purple .exposition-item-text.color-0 .button, .section.bg-purple .exposition-item-text.color-0 .NFI .NFI-button, .NFI .section.bg-purple .exposition-item-text.color-0 .NFI-button, .section.bg-purple .exposition-item-text.color-0 .page-numbers.next,
.section.bg-purple .exposition-item-text.color-0 .page-numbers.prev, .section.bg-turquoise .exposition-item-text.color-0 .button, .section.bg-turquoise .exposition-item-text.color-0 .NFI .NFI-button, .NFI .section.bg-turquoise .exposition-item-text.color-0 .NFI-button, .section.bg-turquoise .exposition-item-text.color-0 .page-numbers.next,
.section.bg-turquoise .exposition-item-text.color-0 .page-numbers.prev, .section.overall-dark .exposition-item-text.color-0 .button, .section.overall-dark .exposition-item-text.color-0 .NFI .NFI-button, .NFI .section.overall-dark .exposition-item-text.color-0 .NFI-button, .section.overall-dark .exposition-item-text.color-0 .page-numbers.next,
.section.overall-dark .exposition-item-text.color-0 .page-numbers.prev {
  color: #FFFFFF;
}

.section.bg-purple .exposition-item-text.color-1 h1, .section.bg-purple .exposition-item-text.color-1 h2, .section.bg-purple .exposition-item-text.color-1 h3,
.section.bg-purple .exposition-item-text.color-1 h4, .section.bg-purple .exposition-item-text.color-1 h5, .section.bg-purple .exposition-item-text.color-1 h6, .section.bg-turquoise .exposition-item-text.color-1 h1, .section.bg-turquoise .exposition-item-text.color-1 h2, .section.bg-turquoise .exposition-item-text.color-1 h3,
.section.bg-turquoise .exposition-item-text.color-1 h4, .section.bg-turquoise .exposition-item-text.color-1 h5, .section.bg-turquoise .exposition-item-text.color-1 h6, .section.overall-dark .exposition-item-text.color-1 h1, .section.overall-dark .exposition-item-text.color-1 h2, .section.overall-dark .exposition-item-text.color-1 h3,
.section.overall-dark .exposition-item-text.color-1 h4, .section.overall-dark .exposition-item-text.color-1 h5, .section.overall-dark .exposition-item-text.color-1 h6 {
  color: #FFFFFF;
}

.section.bg-purple .exposition-item-text.color-1 .button, .section.bg-purple .exposition-item-text.color-1 .NFI .NFI-button, .NFI .section.bg-purple .exposition-item-text.color-1 .NFI-button, .section.bg-purple .exposition-item-text.color-1 .page-numbers.next,
.section.bg-purple .exposition-item-text.color-1 .page-numbers.prev, .section.bg-turquoise .exposition-item-text.color-1 .button, .section.bg-turquoise .exposition-item-text.color-1 .NFI .NFI-button, .NFI .section.bg-turquoise .exposition-item-text.color-1 .NFI-button, .section.bg-turquoise .exposition-item-text.color-1 .page-numbers.next,
.section.bg-turquoise .exposition-item-text.color-1 .page-numbers.prev, .section.overall-dark .exposition-item-text.color-1 .button, .section.overall-dark .exposition-item-text.color-1 .NFI .NFI-button, .NFI .section.overall-dark .exposition-item-text.color-1 .NFI-button, .section.overall-dark .exposition-item-text.color-1 .page-numbers.next,
.section.overall-dark .exposition-item-text.color-1 .page-numbers.prev {
  color: #FFFFFF;
}

.section.bg-purple .exposition-item-text.color-2 h1, .section.bg-purple .exposition-item-text.color-2 h2, .section.bg-purple .exposition-item-text.color-2 h3,
.section.bg-purple .exposition-item-text.color-2 h4, .section.bg-purple .exposition-item-text.color-2 h5, .section.bg-purple .exposition-item-text.color-2 h6, .section.bg-turquoise .exposition-item-text.color-2 h1, .section.bg-turquoise .exposition-item-text.color-2 h2, .section.bg-turquoise .exposition-item-text.color-2 h3,
.section.bg-turquoise .exposition-item-text.color-2 h4, .section.bg-turquoise .exposition-item-text.color-2 h5, .section.bg-turquoise .exposition-item-text.color-2 h6, .section.overall-dark .exposition-item-text.color-2 h1, .section.overall-dark .exposition-item-text.color-2 h2, .section.overall-dark .exposition-item-text.color-2 h3,
.section.overall-dark .exposition-item-text.color-2 h4, .section.overall-dark .exposition-item-text.color-2 h5, .section.overall-dark .exposition-item-text.color-2 h6 {
  color: #FFFFFF;
}

.section.bg-purple .exposition-item-text.color-2 .button, .section.bg-purple .exposition-item-text.color-2 .NFI .NFI-button, .NFI .section.bg-purple .exposition-item-text.color-2 .NFI-button, .section.bg-purple .exposition-item-text.color-2 .page-numbers.next,
.section.bg-purple .exposition-item-text.color-2 .page-numbers.prev, .section.bg-turquoise .exposition-item-text.color-2 .button, .section.bg-turquoise .exposition-item-text.color-2 .NFI .NFI-button, .NFI .section.bg-turquoise .exposition-item-text.color-2 .NFI-button, .section.bg-turquoise .exposition-item-text.color-2 .page-numbers.next,
.section.bg-turquoise .exposition-item-text.color-2 .page-numbers.prev, .section.overall-dark .exposition-item-text.color-2 .button, .section.overall-dark .exposition-item-text.color-2 .NFI .NFI-button, .NFI .section.overall-dark .exposition-item-text.color-2 .NFI-button, .section.overall-dark .exposition-item-text.color-2 .page-numbers.next,
.section.overall-dark .exposition-item-text.color-2 .page-numbers.prev {
  color: #FFFFFF;
}

.section.bg-purple .exposition-item-text.color-3 h1, .section.bg-purple .exposition-item-text.color-3 h2, .section.bg-purple .exposition-item-text.color-3 h3,
.section.bg-purple .exposition-item-text.color-3 h4, .section.bg-purple .exposition-item-text.color-3 h5, .section.bg-purple .exposition-item-text.color-3 h6, .section.bg-turquoise .exposition-item-text.color-3 h1, .section.bg-turquoise .exposition-item-text.color-3 h2, .section.bg-turquoise .exposition-item-text.color-3 h3,
.section.bg-turquoise .exposition-item-text.color-3 h4, .section.bg-turquoise .exposition-item-text.color-3 h5, .section.bg-turquoise .exposition-item-text.color-3 h6, .section.overall-dark .exposition-item-text.color-3 h1, .section.overall-dark .exposition-item-text.color-3 h2, .section.overall-dark .exposition-item-text.color-3 h3,
.section.overall-dark .exposition-item-text.color-3 h4, .section.overall-dark .exposition-item-text.color-3 h5, .section.overall-dark .exposition-item-text.color-3 h6 {
  color: #FFFFFF;
}

.section.bg-purple .exposition-item-text.color-3 .button, .section.bg-purple .exposition-item-text.color-3 .NFI .NFI-button, .NFI .section.bg-purple .exposition-item-text.color-3 .NFI-button, .section.bg-purple .exposition-item-text.color-3 .page-numbers.next,
.section.bg-purple .exposition-item-text.color-3 .page-numbers.prev, .section.bg-turquoise .exposition-item-text.color-3 .button, .section.bg-turquoise .exposition-item-text.color-3 .NFI .NFI-button, .NFI .section.bg-turquoise .exposition-item-text.color-3 .NFI-button, .section.bg-turquoise .exposition-item-text.color-3 .page-numbers.next,
.section.bg-turquoise .exposition-item-text.color-3 .page-numbers.prev, .section.overall-dark .exposition-item-text.color-3 .button, .section.overall-dark .exposition-item-text.color-3 .NFI .NFI-button, .NFI .section.overall-dark .exposition-item-text.color-3 .NFI-button, .section.overall-dark .exposition-item-text.color-3 .page-numbers.next,
.section.overall-dark .exposition-item-text.color-3 .page-numbers.prev {
  color: #FFFFFF;
}

.section.bg-purple .exposition-item-text.color-4 h1, .section.bg-purple .exposition-item-text.color-4 h2, .section.bg-purple .exposition-item-text.color-4 h3,
.section.bg-purple .exposition-item-text.color-4 h4, .section.bg-purple .exposition-item-text.color-4 h5, .section.bg-purple .exposition-item-text.color-4 h6, .section.bg-turquoise .exposition-item-text.color-4 h1, .section.bg-turquoise .exposition-item-text.color-4 h2, .section.bg-turquoise .exposition-item-text.color-4 h3,
.section.bg-turquoise .exposition-item-text.color-4 h4, .section.bg-turquoise .exposition-item-text.color-4 h5, .section.bg-turquoise .exposition-item-text.color-4 h6, .section.overall-dark .exposition-item-text.color-4 h1, .section.overall-dark .exposition-item-text.color-4 h2, .section.overall-dark .exposition-item-text.color-4 h3,
.section.overall-dark .exposition-item-text.color-4 h4, .section.overall-dark .exposition-item-text.color-4 h5, .section.overall-dark .exposition-item-text.color-4 h6 {
  color: #FFFFFF;
}

.section.bg-purple .exposition-item-text.color-4 .button, .section.bg-purple .exposition-item-text.color-4 .NFI .NFI-button, .NFI .section.bg-purple .exposition-item-text.color-4 .NFI-button, .section.bg-purple .exposition-item-text.color-4 .page-numbers.next,
.section.bg-purple .exposition-item-text.color-4 .page-numbers.prev, .section.bg-turquoise .exposition-item-text.color-4 .button, .section.bg-turquoise .exposition-item-text.color-4 .NFI .NFI-button, .NFI .section.bg-turquoise .exposition-item-text.color-4 .NFI-button, .section.bg-turquoise .exposition-item-text.color-4 .page-numbers.next,
.section.bg-turquoise .exposition-item-text.color-4 .page-numbers.prev, .section.overall-dark .exposition-item-text.color-4 .button, .section.overall-dark .exposition-item-text.color-4 .NFI .NFI-button, .NFI .section.overall-dark .exposition-item-text.color-4 .NFI-button, .section.overall-dark .exposition-item-text.color-4 .page-numbers.next,
.section.overall-dark .exposition-item-text.color-4 .page-numbers.prev {
  color: #FFFFFF;
}

.section.bg-purple .exposition-item-text.color-5 h1, .section.bg-purple .exposition-item-text.color-5 h2, .section.bg-purple .exposition-item-text.color-5 h3,
.section.bg-purple .exposition-item-text.color-5 h4, .section.bg-purple .exposition-item-text.color-5 h5, .section.bg-purple .exposition-item-text.color-5 h6, .section.bg-turquoise .exposition-item-text.color-5 h1, .section.bg-turquoise .exposition-item-text.color-5 h2, .section.bg-turquoise .exposition-item-text.color-5 h3,
.section.bg-turquoise .exposition-item-text.color-5 h4, .section.bg-turquoise .exposition-item-text.color-5 h5, .section.bg-turquoise .exposition-item-text.color-5 h6, .section.overall-dark .exposition-item-text.color-5 h1, .section.overall-dark .exposition-item-text.color-5 h2, .section.overall-dark .exposition-item-text.color-5 h3,
.section.overall-dark .exposition-item-text.color-5 h4, .section.overall-dark .exposition-item-text.color-5 h5, .section.overall-dark .exposition-item-text.color-5 h6 {
  color: #FFFFFF;
}

.section.bg-purple .exposition-item-text.color-5 .button, .section.bg-purple .exposition-item-text.color-5 .NFI .NFI-button, .NFI .section.bg-purple .exposition-item-text.color-5 .NFI-button, .section.bg-purple .exposition-item-text.color-5 .page-numbers.next,
.section.bg-purple .exposition-item-text.color-5 .page-numbers.prev, .section.bg-turquoise .exposition-item-text.color-5 .button, .section.bg-turquoise .exposition-item-text.color-5 .NFI .NFI-button, .NFI .section.bg-turquoise .exposition-item-text.color-5 .NFI-button, .section.bg-turquoise .exposition-item-text.color-5 .page-numbers.next,
.section.bg-turquoise .exposition-item-text.color-5 .page-numbers.prev, .section.overall-dark .exposition-item-text.color-5 .button, .section.overall-dark .exposition-item-text.color-5 .NFI .NFI-button, .NFI .section.overall-dark .exposition-item-text.color-5 .NFI-button, .section.overall-dark .exposition-item-text.color-5 .page-numbers.next,
.section.overall-dark .exposition-item-text.color-5 .page-numbers.prev {
  color: #FFFFFF;
}

.section.bg-purple .slick-dots li.slick-active button:before, .section.bg-turquoise .slick-dots li.slick-active button:before, .section.overall-dark .slick-dots li.slick-active button:before {
  color: rgba(255, 255, 255, 0.6);
}

.section.bg-purple .slick-dots li button:before, .section.bg-turquoise .slick-dots li button:before, .section.overall-dark .slick-dots li button:before {
  color: rgba(255, 255, 255, 0.2);
}

/* ---------------------------------------------------------------------------- */
/* Section
/* ---------------------------------------------------------------------------- */
.section {
  /* --- Alignement --- */
}

.section.bg-gray {
  background: #F3F3F3;
}

.section.no-container .wrapper {
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

.section.no-container .wrapper >  .wrapper,
.section.no-container .wrapper .element > .wrapper {
  max-width: unset;
  padding: 0;
}

.section.with-bg {
  display: flex;
  background-size: cover;
}

.section .pre-title {
  text-transform: uppercase;
  font-weight: 600;
}

.section.no_padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section.overall-clear .gform_button {
  border-color: #181818;
  color: #181818;
}

.section.overall-clear .gform_button:hover {
  color: #FFFFFF;
  background: #181818;
}

.section.align_left {
  text-align: left;
}

.section.align_right {
  text-align: right;
}

.section.align_center {
  text-align: center;
}

/* ---------- Title ---------- */
.section-title {
  text-align: center;
  margin-bottom: 2rem;
  color: #181818;
  font: bold 3rem/1.2 "Montserrat", sans-serif;
}

.element_liste_bouton {
  text-align: center;
}

.bg-museum {
  font: bold 15rem/1 "Montserrat", sans-serif;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  position: absolute;
  opacity: 0.05;
  z-index: -1;
  left: -200px;
}

.block-bg-video {
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.block-bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .section-title {
    font: bold 2.5rem/1.2 "Montserrat", sans-serif;
  }
  .bg-museum {
    display: none;
  }
  .block-bg-video {
    display: none;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .section-title {
    font: bold 2rem/1.2 "Montserrat", sans-serif;
  }
}

.element_socials_subscribes .nous_joindre_media {
  max-width: 800px;
  background: white;
  padding: 0 3.125em 0 0;
  margin: 0 auto 15px auto;
  display: flex;
  align-items: center;
}

.element_socials_subscribes .nous_joindre_media .icon {
  color: black;
  height: 65px;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 3.4375em;
  padding: 0 1.5625em;
}

@media only screen and (max-width: 768px) {
  .element_socials_subscribes .nous_joindre_media .icon {
    line-height: 3.875em;
  }
}

.element_socials_subscribes .nous_joindre_media .titre {
  text-transform: capitalize;
  font-size: 1em;
  font-weight: bold;
  color: black;
  border-left: 1px solid #eaeaea;
  padding: 0 0 0 1.5625em;
}

.element_socials_subscribes .nous_joindre_media .abonnes {
  font-size: 0.75em;
  font-weight: 500;
  color: #7b7b7b;
  margin: 0 0 0 1.5625em;
}

@media only screen and (max-width: 768px) {
  .element_socials_subscribes .nous_joindre_media .abonnes {
    display: none;
  }
}

.element_socials_subscribes .nous_joindre_media .lien {
  font-size: 1em;
  font-weight: bold;
  color: #671463;
  margin-left: auto;
}

.element_socials_subscribes .nous_joindre_media .lien:hover {
  text-decoration: underline;
}

/* ---------------------------------------------------------------------------- */
/* Modules - Sections - Timeline */
/* ---------------------------------------------------------------------------- */
.element_timeline .timeline-wrapper {
  opacity: 0;
  margin: 0 auto;
  transition: opacity 0.2s;
}

.element_timeline .timeline-wrapper ol, .element_timeline .timeline-wrapper ul {
  list-style: none;
}

.element_timeline .timeline-wrapper::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}

.element_timeline .timeline-wrapper.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}

.element_timeline .timeline-wrapper .timeline {
  position: relative;
  height: 100px;
  margin: 0 auto 2rem auto;
}

.element_timeline .timeline-wrapper .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}

.element_timeline .timeline-wrapper .events-wrapper::after,
.element_timeline .timeline-wrapper .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}

.element_timeline .timeline-wrapper .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: rgba(24, 24, 24, 0.3);
  transition: transform 0.4s;
}

.element_timeline .timeline-wrapper .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #3E933F;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s;
}

.element_timeline .timeline-wrapper .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font: bold 1.6rem/1.2 "Montserrat", sans-serif;
  padding-bottom: 1.5rem;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  transform: translateZ(0);
}

.element_timeline .timeline-wrapper .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  bottom: -10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 2px solid rgba(24, 24, 24, 0.3);
  background-color: #FFFFFF;
  transition: background-color 0.3s, border-color 0.3s;
}

.element_timeline .timeline-wrapper .no-touch .events a:hover::after {
  background-color: #3E933F;
  border-color: #3E933F;
}

.element_timeline .timeline-wrapper .events a.selected {
  pointer-events: none;
}

.element_timeline .timeline-wrapper .events a.selected::after {
  background-color: #3E933F;
  border-color: #3E933F;
}

.element_timeline .timeline-wrapper .events a.older-event::after {
  border-color: #3E933F;
}

@media only screen and (min-width: 1100px) {
  .element_timeline .timeline-wrapper::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.element_timeline .timeline-wrapper .cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid rgba(24, 24, 24, 0.3);
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  transition: border-color 0.3s;
}

.element_timeline .timeline-wrapper .cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/cd-arrow.svg) no-repeat 0 0;
}

.element_timeline .timeline-wrapper .cd-timeline-navigation a.prev {
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}

.element_timeline .timeline-wrapper .cd-timeline-navigation a.next {
  right: 0;
}

.element_timeline .timeline-wrapper .no-touch .cd-timeline-navigation a:hover {
  border-color: #0C9C87;
}

.element_timeline .timeline-wrapper .cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}

.element_timeline .timeline-wrapper .cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}

.element_timeline .timeline-wrapper .no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: rgba(24, 24, 24, 0.3);
}

.element_timeline .timeline-wrapper .events-content {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: height 0.4s;
}

.element_timeline .timeline-wrapper .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  opacity: 0;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
}

.element_timeline .timeline-wrapper .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  transform: translateX(0);
}

.element_timeline .timeline-wrapper .events-content li.enter-right,
.element_timeline .timeline-wrapper .events-content li.leave-right {
  animation-name: cd-enter-right;
}

.element_timeline .timeline-wrapper .events-content li.enter-left, .element_timeline .timeline-wrapper .events-content li.leave-left {
  animation-name: cd-enter-left;
}

.element_timeline .timeline-wrapper .events-content li.leave-right, .element_timeline .timeline-wrapper .events-content li.leave-left {
  animation-direction: reverse;
}

.element_timeline .timeline-wrapper .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: "Montserrat", sans-serif, serif;
  line-height: 1.2;
}

.element_timeline .timeline-wrapper .events-content em {
  display: block;
  font-style: italic;
  font-weight: 700;
  margin: 10px auto;
}

.element_timeline .timeline-wrapper .events-content-text {
  font: 300 1.2rem/1.5 "Montserrat", sans-serif;
}

.element_timeline .timeline-wrapper .events-content em, .element_timeline .timeline-wrapper .events-content p {
  line-height: 1.6;
}

@media only screen and (max-width: 1024px) {
  .element_timeline .timeline-wrapper .events-content-text {
    padding-top: 4rem;
  }
}

@media only screen and (min-width: 768px) {
  .element_timeline .timeline-wrapper .events-content h2 {
    font-size: 1.25em;
  }
  .element_timeline .timeline-wrapper .events-content em {
    font-size: 1.25em;
  }
}

@media only screen and (max-width: 640px) {
  .element_timeline .timeline-wrapper .events-content-text {
    padding-top: 2rem;
  }
  .element_timeline .timeline-wrapper .timeline {
    margin: 0 auto;
  }
}

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes cd-enter-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

/* ---------------------------------------------------------------------------- */
/* Module - Sections - Partenaires */
/* ---------------------------------------------------------------------------- */
.video {
  background-size: cover;
}

.video .video_link {
  position: relative;
  display: block;
  height: 32vw;
  color: white;
  font-size: 7.5em;
  line-height: 1;
  outline: none;
}

@media only screen and (max-width: 1024px) {
  .video .video_link {
    height: 56.25vw;
  }
}

@media only screen and (max-width: 768px) {
  .video .video_link {
    font-size: 5em;
  }
}

.video .video_link .icon {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%) scale(1);
}

.video .video_link:hover {
  color: white;
}

.video .video_link:hover .icon {
  transform: translate(-50%, -50%) scale(1.1);
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* Testimonials
/* ---------------------------------------------------------------------------- */
.temoignage-single {
  padding: 3rem 1rem;
  text-align: center;
  color: #5B5B5B;
}

.temoignage-single h3 {
  color: #671463;
  margin-bottom: 5px;
}

.temoignage-single .poste {
  color: #A2A1A1;
}

.temoignage-single .bubble {
  margin-bottom: 1rem;
}

.temoignage-single .content-text p:last-child {
  margin-bottom: 0;
}

.temoignage-single-content {
  box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.08);
  background: white;
  padding: 3rem 2rem;
}

.bubble {
  margin: 0 auto;
  max-width: 80px;
  position: relative;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
}

.element_temoignages .slick-slide {
  opacity: 0.6;
  transform: scale(1);
}

.element_temoignages .slick-center,
.element_temoignages .slick-current {
  opacity: 1;
  transform: scale(1.1);
}

.element_temoignages .slick-dots {
  margin-top: 1rem;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .temoignage-single {
    padding: 2rem 1rem;
  }
  .element_temoignages .slick-slide {
    opacity: 1;
  }
  .element_temoignages .slick-center,
  .element_temoignages .slick-current {
    transform: scale(1);
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
.youtube_channel .ytc_video_container {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 768px) {
  .youtube_channel .ytc_video_container {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
}

.youtube_channel .ytc_thumb.ar16_9 > span {
  padding-bottom: 55%;
}

.youtube_channel .ytc_link p {
  margin: 3.125em auto 0;
  text-align: center;
}

.youtube_channel .ytc_link p a {
  color: #0C9C87 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  font: bold 1rem/1 "Montserrat", sans-serif !important;
  border: solid 2px #0C9C87 !important;
  display: inline-block !important;
  padding: 1rem 2rem !important;
  background: none !important;
  cursor: pointer !important;
}

.youtube_channel .ytc_link p a:hover {
  background: #0C9C87 !important;
  color: white !important;
}

.home .title-row {
  display: none;
}

.slick-banner .slick-track {
  height: 75vh;
}

.slick-banner .wrapper {
  max-width: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.slick-banner .slick-next {
  right: 25px;
}

.slick-banner .slick-prev {
  left: 25px;
}

.slick-banner .slick-next, .slick-banner .slick-prev {
  color: #fff;
  z-index: 1000;
}

.slick-banner p {
  color: #000;
  text-align: center;
}

@media screen and (max-width: 768px) {
  table tr td {
    color: white;
  }
  table tr td:first-child {
    color: white;
  }
  table tr td:last-child {
    margin-bottom: 0;
    padding: 20px 1rem;
  }
}

#contact_medias_sociaux {
  background: #eaeaea;
}

/* ---------------------------------------------------------------------------- */
/* Template - Blogue single */
/* ---------------------------------------------------------------------------- */
.blogue-single {
  font: 300 1.2rem/1.7 "Montserrat", sans-serif;
}

.blogue-single h1, .blogue-single h2, .blogue-single h3,
.blogue-single h4, .blogue-single h5, .blogue-single h6 {
  color: #181818;
}

.blogue-single blockquote p {
  font: bold 1.2rem/1.7 "Montserrat", sans-serif;
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}

.blogue-single .wp-caption {
  margin-bottom: 2rem;
}

.blogue-single header img {
  margin: 3rem 0;
}

.blogue-single header.center-image img {
  margin-left: auto;
  margin-right: auto;
}

.blogue-single header .featured-caption {
  margin: 3rem 0;
}

.blogue-single header .featured-caption img {
  margin: 1rem 0;
}

/* ---------- Shares ---------- */
.shares {
  display: flex;
  align-items: center;
  border-top: 1px solid #eaeaea;
  padding: 2rem 0 0 0;
  margin: 3rem 0 0 0;
}

.shares .share-title {
  margin-right: 2rem;
  font: 600 0.9rem/1.7 "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: rgba(0, 0, 0, 0.3);
}

.shares ul {
  display: flex;
  align-items: center;
  padding: 0;
}

.shares ul li {
  display: inline;
  margin: 0 1rem;
}

.shares ul li a {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  color: rgba(0, 0, 0, 0.3);
}

.shares ul li a:hover {
  color: rgba(0, 0, 0, 0.5);
}

.entry-meta {
  display: flex;
  align-items: center;
  max-width: 625px;
  margin-bottom: 10rem;
}

.entry-meta h6 {
  margin-top: 0;
}

.entry-meta img {
  height: 100%;
  margin-right: 2rem;
  border-radius: 100%;
}

.entry-meta p {
  margin: 0;
  font-weight: 400;
  line-height: 1.7;
  color: #7b7b7b;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 768px) {
  .entry-meta {
    margin-bottom: 5rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .blogue-single {
    font: 300 1.1rem/1.7 "Montserrat", sans-serif;
  }
  .blogue-single blockquote p {
    font: bold 1.1rem/1.7 "Montserrat", sans-serif;
  }
  .blogue-single header img {
    margin: 2rem 0;
  }
  .shares ul li a {
    font-size: 1rem;
  }
  .entry-meta {
    align-items: flex-start;
    margin-bottom: 3rem;
  }
  .entry-meta img {
    width: 20%;
  }
}

/* ---------------------------------------------------------------------------- */
/* Template - Subpage */
/* ---------------------------------------------------------------------------- */
.subpage-content {
  padding-left: 10rem;
}

.subpage-content h1, .subpage-content h2, .subpage-content h3,
.subpage-content h4, .subpage-content h5, .subpage-content h6 {
  color: #181818;
}

table, th, td {
  border: 2px solid #EAEAEA;
}

table {
  width: 100%;
  margin-bottom: 2rem;
  font: 1rem/1.5 "Montserrat", sans-serif;
}

table th {
  background: #EAEAEA;
  font-weight: bold;
  text-align: left;
}

table th, table td {
  vertical-align: middle;
  padding: 12px 2rem;
}

/* ---------- Sous-page sidebar ---------- */
.sub-nav {
  background: white;
  box-shadow: 0 0 90px rgba(0, 0, 0, 0.2);
  padding: 5rem 0;
}

.sub-nav li a {
  padding: 1rem 2rem 1rem 4.5rem;
  text-transform: uppercase;
  position: relative;
  display: block;
  border-bottom: solid 1px #EAEAEA;
}

.sub-nav li a.active, .sub-nav li a:hover {
  background: #0C9C87;
  color: white;
}

.sub-nav li:last-child a {
  border-bottom: none;
}

.sub-nav .icon {
  margin-right: 1rem;
  font-size: 1.5rem;
  line-height: 0;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  position: absolute;
  left: 2rem;
}

/* ---------- Sidebar socials ---------- */
.sidebar-socials {
  background: white;
  box-shadow: 0 0 90px rgba(0, 0, 0, 0.2);
  margin-top: 4rem;
  padding: 5rem 2rem;
}

.sidebar-socials li {
  border: solid 2px #5B5B5B;
}

.sidebar-socials li:hover {
  background: #5B5B5B;
}

.sidebar-socials li a {
  color: #5B5B5B;
  display: block;
}

.sidebar-socials li a:hover {
  color: #FFFFFF;
}

.sidebar-socials h3 {
  font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  color: #181818;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.sidebar-socials h3:first-child {
  margin-top: 0;
}

/* ---------------------------------------------------------------------------- */
/* Laptop */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1920px) {
  .subpage-content {
    padding-left: 8rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .sub-nav-aside {
    order: 2;
  }
  .subpage-content {
    padding-left: 0;
  }
  .sub-nav {
    margin-top: 4rem;
    padding: 3rem 0;
  }
  .sidebar-socials {
    padding: 3rem 2rem;
  }
  .sidebar-socials h3 {
    font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .sub-nav {
    margin-top: 2rem;
    max-width: none;
    padding: 0;
  }
  .sidebar-socials h3 {
    font: bold 1.2rem/1.2 "Montserrat", sans-serif;
  }
  table th, table td {
    padding: 10px 1.5rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Layout - Salles
/* ---------------------------------------------------------------------------- */
.salle-item-title {
  margin: 0 !important;
  border-top: solid 1px #EAEAEA;
  padding: 1rem 4rem 1rem 2rem;
  position: relative;
  cursor: pointer;
  outline: none;
}

.salle-item-title:first-child {
  border-top: none;
}

.salle-item-title.ui-state-active {
  background: #EAEAEA;
}

.salle-item-title.ui-state-active .icon {
  transform: rotateZ(-180deg);
  transform-origin: 50% 25%;
}

.salle-item-title .icon {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  position: absolute;
  line-height: 0;
  right: 2rem;
}

.salle-item-content {
  padding: 2rem;
}

.salle-item-gallery {
  margin: 2rem 0;
}

.salle-item-gallery .gallery-item {
  margin-top: 30px;
}

.salle-item-gallery .gallery-item:first-child, .salle-item-gallery .gallery-item:nth-child(2) {
  margin-top: 0;
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .salle-item-title {
    padding: 1rem 3rem 1rem 1.5rem;
  }
  .salle-item-title .icon {
    right: 1.5rem;
    font-size: 1rem;
    line-height: 0;
  }
  .salle-item-content {
    padding: 2rem 0;
  }
}

/* ---------------------------------------------------------------------------- */
/* Template - Expositions */
/* ---------------------------------------------------------------------------- */
.exposition-item .sup-title {
  text-transform: uppercase;
  font: 0.9rem/1 "Montserrat", sans-serif;
  margin-bottom: 2rem;
}

.exposition-item.direction-right {
  text-align: right;
}

.exposition-item-text.color-0 h1, .exposition-item-text.color-0 h2, .exposition-item-text.color-0 h3,
.exposition-item-text.color-0 h4, .exposition-item-text.color-0 h5, .exposition-item-text.color-0 h6 {
  color: #5B5B5B;
}

.exposition-item-text.color-0 .button, .exposition-item-text.color-0 .NFI .NFI-button, .NFI .exposition-item-text.color-0 .NFI-button, .exposition-item-text.color-0 .page-numbers.next,
.exposition-item-text.color-0 .page-numbers.prev {
  color: #5B5B5B;
}

.exposition-item-text.color-1 h1, .exposition-item-text.color-1 h2, .exposition-item-text.color-1 h3,
.exposition-item-text.color-1 h4, .exposition-item-text.color-1 h5, .exposition-item-text.color-1 h6 {
  color: #3E933F;
}

.exposition-item-text.color-1 .button, .exposition-item-text.color-1 .NFI .NFI-button, .NFI .exposition-item-text.color-1 .NFI-button, .exposition-item-text.color-1 .page-numbers.next,
.exposition-item-text.color-1 .page-numbers.prev {
  color: #3E933F;
}

.exposition-item-text.color-2 h1, .exposition-item-text.color-2 h2, .exposition-item-text.color-2 h3,
.exposition-item-text.color-2 h4, .exposition-item-text.color-2 h5, .exposition-item-text.color-2 h6 {
  color: #671463;
}

.exposition-item-text.color-2 .button, .exposition-item-text.color-2 .NFI .NFI-button, .NFI .exposition-item-text.color-2 .NFI-button, .exposition-item-text.color-2 .page-numbers.next,
.exposition-item-text.color-2 .page-numbers.prev {
  color: #671463;
}

.exposition-item-text.color-3 h1, .exposition-item-text.color-3 h2, .exposition-item-text.color-3 h3,
.exposition-item-text.color-3 h4, .exposition-item-text.color-3 h5, .exposition-item-text.color-3 h6 {
  color: #0C9C87;
}

.exposition-item-text.color-3 .button, .exposition-item-text.color-3 .NFI .NFI-button, .NFI .exposition-item-text.color-3 .NFI-button, .exposition-item-text.color-3 .page-numbers.next,
.exposition-item-text.color-3 .page-numbers.prev {
  color: #0C9C87;
}

.exposition-item-text.color-4 h1, .exposition-item-text.color-4 h2, .exposition-item-text.color-4 h3,
.exposition-item-text.color-4 h4, .exposition-item-text.color-4 h5, .exposition-item-text.color-4 h6 {
  color: #334B58;
}

.exposition-item-text.color-4 .button, .exposition-item-text.color-4 .NFI .NFI-button, .NFI .exposition-item-text.color-4 .NFI-button, .exposition-item-text.color-4 .page-numbers.next,
.exposition-item-text.color-4 .page-numbers.prev {
  color: #334B58;
}

.exposition-item-text.color-5 h1, .exposition-item-text.color-5 h2, .exposition-item-text.color-5 h3,
.exposition-item-text.color-5 h4, .exposition-item-text.color-5 h5, .exposition-item-text.color-5 h6 {
  color: #0B2C3E;
}

.exposition-item-text.color-5 .button, .exposition-item-text.color-5 .NFI .NFI-button, .NFI .exposition-item-text.color-5 .NFI-button, .exposition-item-text.color-5 .page-numbers.next,
.exposition-item-text.color-5 .page-numbers.prev {
  color: #0B2C3E;
}

.exposition-item-content {
  max-width: 40.625rem;
}

.exposition-infos {
  margin-bottom: 3rem;
  font: 0.9rem/1.3 "Montserrat", sans-serif;
  text-transform: uppercase;
  border-bottom: solid 1px #EAEAEA;
  padding-bottom: 1rem;
}

.exposition-infos .expo-date {
  text-align: right;
}

/* ---------- Expo Tags ---------- */
.exposition-tags {
  background: #3E933F;
  padding: 1rem 0 0 0;
}

.exposition-tags li {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 1rem;
  margin-right: 1rem;
}

.exposition-tags li:last-child {
  margin-right: 0;
}

.exposition-tags li a {
  display: block;
  background: #FFFFFF;
  padding: 1rem 1.5rem;
  font: 0.9rem/1 "Montserrat", sans-serif;
}

.exposition-tags li a.current, .exposition-tags li a:hover {
  background: #2f6f30;
  color: #FFFFFF;
}

/* ---------- Expo Single ---------- */
.exposition-single {
  text-align: center;
}

.exposition-single .exposition-single-text {
  background: white;
  padding: 4rem 2rem;
  color: #5B5B5B;
}

.exposition-single h3 {
  font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  margin-bottom: 10px;
}

.exposition-single.featured {
  text-align: left;
}

.exposition-single.featured .exposition-single-text, .exposition-single.other .exposition-single-text {
  padding: 1.5rem 2rem;
}

.exposition-single .subtitle,
.exposition-single .date {
  font: 0.9rem/1.5 "Montserrat", sans-serif;
}

.exposition-single-col {
  margin-top: 2rem;
}

/* ---------- Expo Categories ---------- */
.exposition-categorie {
  text-transform: uppercase;
  margin: 1.5rem 0;
}

.exposition-categorie.featured {
  text-align: right;
  margin: 0;
}

.exposition-categorie li {
  font: bold 0.8rem/1.3 "Montserrat", sans-serif;
}

.exposition-categorie li a.color-0 {
  color: #5B5B5B;
}

.exposition-categorie li a.color-0:hover {
  color: #4e4e4e;
}

.exposition-categorie li a.color-1 {
  color: #3E933F;
}

.exposition-categorie li a.color-1:hover {
  color: #2f6f30;
}

.exposition-categorie li a.color-2 {
  color: #671463;
}

.exposition-categorie li a.color-2:hover {
  color: #3c0c3a;
}

.exposition-categorie li a.color-3 {
  color: #0C9C87;
}

.exposition-categorie li a.color-3:hover {
  color: #086d5e;
}

.exposition-categorie li a.color-4 {
  color: #334B58;
}

.exposition-categorie li a.color-4:hover {
  color: #202f38;
}

.exposition-categorie li a.color-5 {
  color: #0B2C3E;
}

.exposition-categorie li a.color-5:hover {
  color: #030d13;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .exposition-item-single {
    margin-top: 3rem;
  }
  .exposition-single h3 {
    font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  }
  .exposition-tags {
    padding: 1rem 0 0.5rem 0;
  }
  .exposition-tags li {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
  }
  .exposition-tags li a {
    padding: 0.9rem 1rem;
  }
  .exposition-item .sup-title {
    margin-bottom: 1rem;
    font: 0.8rem/1 "Montserrat", sans-serif;
  }
  .exposition-item.direction-right {
    text-align: left;
  }
  .exposition-item.direction-right .exposition-item-text {
    order: -1;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .exposition-single h3 {
    font: bold 1.2rem/1.2 "Montserrat", sans-serif;
  }
  .exposition-single.featured {
    text-align: center;
  }
  .exposition-single.featured .exposition-single-text {
    padding: 3rem 2rem;
  }
  .exposition-single .exposition-single-text {
    padding: 3rem 2rem;
  }
  .exposition-categorie.featured {
    margin-top: 1.5rem;
    text-align: center;
  }
  .exposition-single-col:first-child {
    margin-top: 0;
  }
  .exposition-tags li a {
    padding: 0.8rem;
    font: 0.8rem/1 "Montserrat", sans-serif;
  }
  .exposition-item-single {
    margin-top: 2rem;
  }
  .exposition-infos {
    margin-bottom: 2rem;
    font: 0.8rem/1.3 "Montserrat", sans-serif;
  }
}

/* ---------------------------------------------------------------------------- */
/* Template - Contact */
/* ---------------------------------------------------------------------------- */
/* ---------- Call-to-action ---------- */
.call-to-action a {
  display: block;
  background: white;
  box-shadow: 0 0 90px rgba(0, 0, 0, 0.2);
  padding: 4rem 1rem;
}

.call-to-action a:hover {
  transform: scale(1.025);
}

.call-to-action .icon {
  font-size: 3rem;
  color: #6F6E6E;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
}

.call-to-action .item {
  padding: 0 0 0 5rem;
  position: relative;
  max-width: 250px;
  margin: 0 auto;
}

.call-to-action h3 {
  font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  color: #181818;
}

.call-to-action p {
  color: #5B5B5B;
  margin: 0.375em 0 0 0;
}

/* ---------------------------------------------------------------------------- */
/* Tablet */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 1024px) {
  .call-to-action a {
    padding: 3rem 1rem;
    margin: 0.9375em 0;
  }
  .call-to-action h3 {
    font: bold 1.4rem/1.2 "Montserrat", sans-serif;
  }
  .call-to-action .icon {
    font-size: 2.5rem;
  }
  .call-to-action .item {
    padding: 0 0 0 4.5rem;
  }
}

/* ---------------------------------------------------------------------------- */
/* Mobile */
/* ---------------------------------------------------------------------------- */
@media all and (max-width: 640px) {
  .call-to-action h3 {
    font: bold 1.2rem/1.2 "Montserrat", sans-serif;
  }
  .call-to-action .icon {
    font-size: 2rem;
  }
  .call-to-action .item {
    padding: 0 0 0 4rem;
    max-width: 200px;
  }
}