@charset "UTF-8";
/*
Theme Name: Symediane
Author: Symediane
Author URI: http://www.symediane.com/
Version: 1.0
*/
/* Variables */
/* Colors */
/* Path */
/* Fonts */
/* Breakpoints */
/* Mixins */
/* Utils */
.container {
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 990px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1630px;
  }
}
.container.--full-right {
  max-width: none;
  width: auto;
}
@media (min-width: 768px) {
  .container.--full-right {
    margin-left: -webkit-calc((100% - 720px) / 2);
    margin-left: -moz-calc((100% - 720px) / 2);
    margin-left: calc((100% - 720px) / 2);
  }
}
@media (min-width: 1024px) {
  .container.--full-right {
    margin-left: -webkit-calc((100% - 990px) / 2);
    margin-left: -moz-calc((100% - 990px) / 2);
    margin-left: calc((100% - 990px) / 2);
  }
}
@media (min-width: 1280px) {
  .container.--full-right {
    margin-left: -webkit-calc((100% - 1230px) / 2);
    margin-left: -moz-calc((100% - 1230px) / 2);
    margin-left: calc((100% - 1230px) / 2);
  }
}
@media (min-width: 1536px) {
  .container.--full-right {
    margin-left: -webkit-calc((100% - 1630px) / 2);
    margin-left: -moz-calc((100% - 1630px) / 2);
    margin-left: calc((100% - 1630px) / 2);
  }
}
.container.--full-right.--no-sidepad {
  padding-right: 0;
}
.container.--full-left {
  max-width: none;
  width: auto;
}
@media (min-width: 768px) {
  .container.--full-left {
    margin-right: -webkit-calc((100% - 720px) / 2);
    margin-right: -moz-calc((100% - 720px) / 2);
    margin-right: calc((100% - 720px) / 2);
  }
}
@media (min-width: 1024px) {
  .container.--full-left {
    margin-right: -webkit-calc((100% - 990px) / 2);
    margin-right: -moz-calc((100% - 990px) / 2);
    margin-right: calc((100% - 990px) / 2);
  }
}
@media (min-width: 1280px) {
  .container.--full-left {
    margin-right: -webkit-calc((100% - 1230px) / 2);
    margin-right: -moz-calc((100% - 1230px) / 2);
    margin-right: calc((100% - 1230px) / 2);
  }
}
@media (min-width: 1536px) {
  .container.--full-left {
    margin-right: -webkit-calc((100% - 1630px) / 2);
    margin-right: -moz-calc((100% - 1630px) / 2);
    margin-right: calc((100% - 1630px) / 2);
  }
}
.container.--full-left.--no-sidepad {
  padding-left: 0;
}
@media (min-width: 1280px) {
  .container.--small {
    max-width: 1030px;
  }
}
@media (min-width: 1536px) {
  .container.--small {
    max-width: 1360px;
  }
}

@font-face {
  font-family: "GTHaptik";
  src: url("../../fonts/gthaptik/gt-haptik-bold-oblique.eot");
  src: url("../../fonts/gthaptik/gt-haptik-bold-oblique.eot#iefix") format("embedded-opentype"), url("../../fonts/gthaptik/gt-haptik-bold-oblique.woff") format("woff2"), url("../../fonts/gthaptik/gt-haptik-bold-oblique.woff") format("woff"), url("../../fonts/gthaptik/gt-haptik-bold-oblique.ttf") format("truetype"), url("../../fonts/gthaptik/gt-haptik-bold-oblique.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/poppins/poppins-regular.eot");
  src: url("../../fonts/poppins/poppins-regular.eot#iefix") format("embedded-opentype"), url("../../fonts/poppins/poppins-regular.woff") format("woff2"), url("../../fonts/poppins/poppins-regular.woff") format("woff"), url("../../fonts/poppins/poppins-regular.ttf") format("truetype"), url("../../fonts/poppins/poppins-regular.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fligthcase";
  src: url("../../fonts/fligthcase/Flightcase.eot");
  src: url("../../fonts/fligthcase/Flightcase.eot#iefix") format("embedded-opentype"), url("../../fonts/fligthcase/Flightcase.woff") format("woff2"), url("../../fonts/fligthcase/Flightcase.woff") format("woff"), url("../../fonts/fligthcase/Flightcase.ttf") format("truetype"), url("../../fonts/fligthcase/Flightcase.svg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
picture {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
picture img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

/* Button */
.button {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E55B26;
  border: 0;
  -webkit-border-radius: 1000px;
     -moz-border-radius: 1000px;
          border-radius: 1000px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  color: #FFFFFF;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "GTHaptik", sans-serif;
  font-size: 1.2em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.25em;
  padding: 1rem 1.3rem;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1536px) {
  .button {
    font-size: 1.5em;
    padding: 1.25rem 1.875rem;
  }
}
.button:hover {
  background: #00817C;
}
.--alternate.button:hover {
  background: #F1BB3A;
}
.--blue.button {
  background: #00817C;
}
.--blue.button:hover {
  background: #E55B26;
}
.--blue.--alternate.button:hover {
  background: #F1BB3A;
}
.--yellow.button {
  background: #F1BB3A;
}
.--yellow.button:hover {
  background: #00817C;
}
.--yellow.--alternate.button:hover {
  background: #E55B26;
}
.--small.button {
  font-size: 1.25em;
  padding: 0.625rem 1.25rem;
}
.--full.button {
  width: 100%;
}

.underline {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "GTHaptik", sans-serif;
  font-size: 1.75em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.25em;
  padding-bottom: 0.625rem;
  position: relative;
}
.underline:after, .underline:before {
  background: #FFFFFF;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
}
@media (min-width: 640px) {
  .underline:after, .underline:before {
    height: 2px;
  }
}
.underline:before {
  right: 0;
  -webkit-transition: width 0.2s ease-out 0.1s;
  -o-transition: width 0.2s ease-out 0.1s;
  -moz-transition: width 0.2s ease-out 0.1s;
  transition: width 0.2s ease-out 0.1s;
  width: 100%;
}
.underline:after {
  left: 0;
  -webkit-transition: width 0.2s ease-in 0s;
  -o-transition: width 0.2s ease-in 0s;
  -moz-transition: width 0.2s ease-in 0s;
  transition: width 0.2s ease-in 0s;
  width: 0;
}
.underline:hover:before {
  -webkit-transition: width 0.2s ease-in 0s;
  -o-transition: width 0.2s ease-in 0s;
  -moz-transition: width 0.2s ease-in 0s;
  transition: width 0.2s ease-in 0s;
  width: 0;
}
.underline:hover:after {
  -webkit-transition: width 0.2s ease-out 0.1s;
  -o-transition: width 0.2s ease-out 0.1s;
  -moz-transition: width 0.2s ease-out 0.1s;
  transition: width 0.2s ease-out 0.1s;
  width: 100%;
}
.--orange.underline {
  color: #E55B26;
}
.--orange.underline:before {
  background: #E55B26;
}
.--orange.underline:after {
  background: #E55B26;
}
.--blue.underline {
  color: #00817C;
}
.--blue.underline:before {
  background: #00817C;
}
.--blue.underline:after {
  background: #00817C;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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;
}

/* HTML5 display-role reset for older browsers */
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;
}

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

html {
  font-size: 80%;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}
@media (min-width: 640px) {
  html {
    font-size: 82.5%;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 85%;
  }
}
@media (min-width: 1024px) {
  html {
    font-size: 89%;
  }
}
@media (min-width: 1280px) {
  html {
    font-size: 94%;
  }
}
@media (min-width: 1536px) {
  html {
    font-size: 100%;
  }
}

body {
  color: #00817C;
  font-family: "Poppins", Arial, Helvetica, Verdana, sans-serif;
  font-size: 1rem;
  padding-top: 60px;
}
@media (min-width: 768px) {
  body {
    padding-top: 70px;
  }
}
@media (min-width: 1024px) {
  body {
    padding-top: 0;
  }
}
body.logged-in {
  padding-bottom: 32px;
}
@media (max-width: 782px) {
  body.logged-in {
    padding-bottom: 46px;
  }
}
body.--color {
  background-color: #F1F3F3;
  background-image: url("../../images/symbol2.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
}
body.--yellow {
  background-color: #F1BB3A;
  background-image: url("../../images/symbol3.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

h1, .h1 {
  font-family: "GTHaptik", sans-serif;
}

h2, .h2 {
  font-family: "GTHaptik", sans-serif;
}

a {
  /* Déactivation du double tap pour plus de performance */
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  font-weight: inherit;
}
a:hover, a:focus {
  text-decoration: none;
}

button {
  /* Déactivation du double tap pour plus de performance */
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

p {
  margin: 0;
}

b, strong, .bold {
  font-weight: 700;
}

.light {
  font-weight: 300;
}

img {
  max-width: 100%;
  height: auto;
}

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

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap; /* added line */
  width: 1px;
}

@media (max-width: 767px) {
  .--hide-mobile {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .--hide-desktop {
    display: none !important;
  }
}

textarea,
input.text,
input[type=text],
input[type=button],
input[type=submit],
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Components */
.articleMiniature {
  height: 100%;
}
.articleMiniature__link {
  -webkit-border-bottom-left-radius: 1.25rem;
     -moz-border-radius-bottomleft: 1.25rem;
          border-bottom-left-radius: 1.25rem;
  -webkit-border-bottom-right-radius: 1.25rem;
     -moz-border-radius-bottomright: 1.25rem;
          border-bottom-right-radius: 1.25rem;
  background: #E55B26;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.articleMiniature__link:hover .articleMiniature__title:after {
  -webkit-transform: translateX(1rem);
     -moz-transform: translateX(1rem);
      -ms-transform: translateX(1rem);
       -o-transform: translateX(1rem);
          transform: translateX(1rem);
}
.articleMiniature__title {
  font-size: 1.25em;
  line-height: 1.2em;
  padding-bottom: 4.375rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1.875rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "GTHaptik", sans-serif;
  position: relative;
}
@media (min-width: 1536px) {
  .articleMiniature__title {
    font-size: 1.625em;
    line-height: 1.1923076923em;
  }
}
.articleMiniature__title:after {
  bottom: 1.6875rem;
  height: 1rem;
  left: 2.5rem;
  width: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='16' viewBox='0 0 36 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.00024H0V9.00024H1V7.00024ZM35.7071 8.70735C36.0976 8.31683 36.0976 7.68366 35.7071 7.29314L29.3431 0.929176C28.9526 0.538652 28.3195 0.538652 27.9289 0.929176C27.5384 1.3197 27.5384 1.95287 27.9289 2.34339L33.5858 8.00024L27.9289 13.6571C27.5384 14.0476 27.5384 14.6808 27.9289 15.0713C28.3195 15.4618 28.9526 15.4618 29.3431 15.0713L35.7071 8.70735ZM1 9.00024H35V7.00024H1V9.00024Z' fill='%23F1BB3A'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  content: "";
  position: absolute;
  -webkit-transform: translateX(0) translate3d(0, 0, 0);
     -moz-transform: translateX(0) translate3d(0, 0, 0);
          transform: translateX(0) translate3d(0, 0, 0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.articleMiniatureLarge {
  height: 100%;
}
.articleMiniatureLarge__link {
  background: #E55B26;
  color: #FFFFFF;
  display: block;
  position: relative;
}
.articleMiniatureLarge__link:hover .articleMiniatureLarge__title:after {
  -webkit-transform: translateX(1rem);
     -moz-transform: translateX(1rem);
      -ms-transform: translateX(1rem);
       -o-transform: translateX(1rem);
          transform: translateX(1rem);
}
.articleMiniatureLarge__img {
  position: relative;
  z-index: 1;
  height: 380px;
  overflow: hidden;
}
@media (min-width: 1280px) {
  .articleMiniatureLarge__img {
    height: 410px;
  }
}
@media (min-width: 1536px) {
  .articleMiniatureLarge__img {
    height: 520px;
  }
}
.articleMiniatureLarge__img .lazyload-box {
  height: 100%;
}
.articleMiniatureLarge__title {
  font-size: 1.25em;
  line-height: 1.35em;
  padding-bottom: 1.25rem;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  bottom: 0;
  left: 0;
  font-family: "GTHaptik", sans-serif;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.articleMiniatureLarge__title:after {
  height: 1rem;
  width: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='16' viewBox='0 0 36 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7H0V9H1V7ZM35.7071 8.70711C36.0976 8.31658 36.0976 7.68342 35.7071 7.29289L29.3431 0.928932C28.9526 0.538408 28.3195 0.538408 27.9289 0.928932C27.5384 1.31946 27.5384 1.95262 27.9289 2.34315L33.5858 8L27.9289 13.6569C27.5384 14.0474 27.5384 14.6805 27.9289 15.0711C28.3195 15.4616 28.9526 15.4616 29.3431 15.0711L35.7071 8.70711ZM1 9H35V7H1V9Z' fill='%23E55B26'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  content: "";
  display: block;
  -webkit-transform: translateX(0) translate3d(0, 0, 0);
     -moz-transform: translateX(0) translate3d(0, 0, 0);
          transform: translateX(0) translate3d(0, 0, 0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.articleMiniatureLarge__title span {
  margin-bottom: 0.75rem;
  display: block;
}

@media (max-width: 1023px) {
  .scroll-h-xs {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
  .scroll-h-xs .article__products__list {
    width: 250%;
    grid-template-columns: repeat(3, 1fr);
  }
}
#breadcrumbs {
  text-transform: uppercase;
  color: inherit;
}
#breadcrumbs span {
  color: inherit;
}
#breadcrumbs a {
  color: inherit;
}

.actualite-page #breadcrumbs {
  color: #000000;
}

@-webkit-keyframes show-dialog {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@-moz-keyframes show-dialog {
  from {
    -moz-transform: translateX(-100%);
         transform: translateX(-100%);
  }
  to {
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
}

@-o-keyframes show-dialog {
  from {
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
  }
  to {
    -o-transform: translateX(0);
       transform: translateX(0);
  }
}

@keyframes show-dialog {
  from {
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes hide-dialog {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-moz-keyframes hide-dialog {
  from {
    -moz-transform: translateX(0);
         transform: translateX(0);
  }
  to {
    -moz-transform: translateX(-100%);
         transform: translateX(-100%);
  }
}
@-o-keyframes hide-dialog {
  from {
    -o-transform: translateX(0);
       transform: translateX(0);
  }
  to {
    -o-transform: translateX(-100%);
       transform: translateX(-100%);
  }
}
@keyframes hide-dialog {
  from {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
         -o-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.menu-burger {
  z-index: 99;
  border: 0;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-animation: show-dialog 0.3s ease;
     -moz-animation: show-dialog 0.3s ease;
       -o-animation: show-dialog 0.3s ease;
          animation: show-dialog 0.3s ease;
}
.menu-burger[open] {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
}
.menu-burger.--hide {
  -webkit-animation: hide-dialog 0.3s ease;
     -moz-animation: hide-dialog 0.3s ease;
       -o-animation: hide-dialog 0.3s ease;
          animation: hide-dialog 0.3s ease;
}
.menu-burger::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.menu-burger .menu-burger-container {
  background-color: #FFFFFF;
  position: relative;
  z-index: 1;
  width: 107rem;
  height: 100%;
  padding: 3.6rem 3.6rem 0 5.4rem;
  max-width: 90vw;
}
@media (min-width: 768px) {
  .menu-burger .menu-burger-container {
    padding: 10rem 7.3rem 0 11rem;
  }
}
.menu-burger .menu-burger-container .close-btn {
  position: absolute;
  right: -3.2rem;
  top: 1.5rem;
  width: 1.7rem;
  height: 1.7rem;
  border: 0;
  background-color: transparent;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  cursor: pointer;
}
@media (min-width: 768px) {
  .menu-burger .menu-burger-container .close-btn {
    right: -4.1rem;
    top: 2.4rem;
  }
}
.menu-burger .menu-burger-container::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1.6rem;
}
@media (min-width: 768px) {
  .menu-burger .menu-burger-container::after {
    width: 5.6rem;
  }
}
.menu-burger .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.menu-burger-menu-container {
  margin-bottom: 5rem;
}
@media (min-width: 768px) {
  .menu-burger-menu-container {
    margin-bottom: 7rem;
  }
}
.menu-burger-menu-container li:not(:last-child) {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .menu-burger-menu-container li:not(:last-child) {
    margin-bottom: 3.5rem;
  }
}
.menu-burger-menu-container li a {
  font-family: "GT Super Display";
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .menu-burger-menu-container li a {
    font-size: 2.6rem;
  }
}

.menu-burger-sous-menu-container {
  margin-bottom: 5rem;
}
@media (min-width: 768px) {
  .menu-burger-sous-menu-container {
    margin-bottom: 7rem;
  }
}
.menu-burger-sous-menu-container li:not(:last-child) {
  margin-bottom: 2rem;
}
.menu-burger-sous-menu-container li a {
  font-weight: 600;
  line-height: 1;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .menu-burger-sous-menu-container li a {
    font-size: 1.7rem;
  }
}

.burger {
  background-color: transparent;
  width: 5.1rem;
  height: 5.1rem;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  border: 0;
}
@media (min-width: 768px) {
  .burger {
    width: 7.4rem;
    height: 7.4rem;
  }
}

.button {
  -webkit-appearance: none;
  -moz-appearance: none;
}

details:not(:last-child) {
  border-bottom: 1px solid #000000;
}
details[open] summary::after {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
details > *:last-child {
  margin-bottom: 2.5rem;
}

summary {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.5rem 0;
}
summary::after {
  content: "";
  display: inline-block;
  display: block;
  min-width: 1.6rem;
  height: 0.8rem;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  margin-top: 1.5rem;
  -webkit-transition: -webkit-transform ease-in-out 0.2s;
  transition: -webkit-transform ease-in-out 0.2s;
  -o-transition: -o-transform ease-in-out 0.2s;
  -moz-transition: transform ease-in-out 0.2s, -moz-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s, -moz-transform ease-in-out 0.2s, -o-transform ease-in-out 0.2s;
}
summary h3 {
  font-size: 2.2rem;
  list-style: 1.3;
  font-weight: 500;
}

.footer {
  background: #003A3E;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}
.footer__container {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .footer__container {
    padding-left: 0;
    padding-right: 0;
  }
}
.footer__row {
  margin-bottom: 3.75rem;
  padding-top: 5rem;
  position: relative;
}
@media (min-width: 768px) {
  .footer__row {
    margin-bottom: 3.75rem;
    padding-top: 7.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.footer__row:before {
  background-image: url("../../images/sticker_1.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  content: "";
  display: block;
  left: -webkit-calc(100% - 80px);
  left: -moz-calc(100% - 80px);
  left: calc(100% - 80px);
  height: 87px;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-33.3333333333%) translate3d(0, 0, 0);
     -moz-transform: translateY(-33.3333333333%) translate3d(0, 0, 0);
          transform: translateY(-33.3333333333%) translate3d(0, 0, 0);
  width: 87px;
}
@media (min-width: 768px) {
  .footer__row:before {
    height: 7.5rem;
    width: 7.5rem;
    left: -webkit-calc(100% - 102px);
    left: -moz-calc(100% - 102px);
    left: calc(100% - 102px);
  }
}
@media (min-width: 1536px) {
  .footer__row:before {
    height: 9.75rem;
    width: 9.75rem;
    left: -webkit-calc(100% - 150px);
    left: -moz-calc(100% - 150px);
    left: calc(100% - 150px);
  }
}
.footer__col {
  border-bottom: 1px solid #FFFFFF;
}
@media (min-width: 768px) {
  .footer__col {
    border-bottom: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .footer__col:not(:last-child) {
    margin-right: 25px;
  }
}
@media (min-width: 1536px) {
  .footer__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
.footer__col:first-child, .footer__col:last-child {
  display: none;
}
@media (min-width: 768px) {
  .footer__col:first-child, .footer__col:last-child {
    display: block;
  }
}
.footer__col__title {
  font-size: 1.25em;
  line-height: 1.4em;
  cursor: pointer;
  font-family: "GTHaptik", sans-serif;
  padding: 15px 0;
  position: relative;
}
@media (min-width: 768px) {
  .footer__col__title {
    cursor: auto;
    padding: 0;
    margin-bottom: 1rem;
  }
}
.footer__col__title:before {
  background: #FFFFFF;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  content: "";
  height: 3px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) translate3d(0, 0, 0);
     -moz-transform: translateY(-50%) translate3d(0, 0, 0);
          transform: translateY(-50%) translate3d(0, 0, 0);
  width: 17px;
}
@media (min-width: 768px) {
  .footer__col__title:before {
    content: none;
  }
}
.footer__col__title:after {
  background: #FFFFFF;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  content: "";
  height: 18px;
  position: absolute;
  right: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%) translate3d(0, 0, 0);
     -moz-transform: translateY(-50%) translate3d(0, 0, 0);
          transform: translateY(-50%) translate3d(0, 0, 0);
  width: 3px;
}
@media (min-width: 768px) {
  .footer__col__title:after {
    content: none;
  }
}
.footer__col__title.--active:after {
  display: none;
}
.footer__col__title.--active + .footer__col__content {
  display: block !important;
}
.footer__col__content {
  display: none;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .footer__col__content {
    display: block;
    margin-bottom: 0;
  }
}
.footer__col__text {
  font-size: 0.8125em;
  line-height: 1.3846153846em;
}
.footer__col__bottom {
  margin-top: 1rem;
}
.footer__buttons .button:not(:last-child) {
  margin-bottom: 1rem;
}
.footer__logo {
  margin-bottom: 2.5rem;
}
.footer__social {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__social__item:not(:last-child) {
  margin-right: 1.25rem;
}
.footer__social__item a {
  display: block;
}
.footer__social__item svg {
  display: block;
  height: 25px;
}
.footer__social__item svg path {
  fill: #FFFFFF;
}
.footer__menu {
  font-size: 13px;
  line-height: 18px;
}
.footer__menu li:not(:last-child) {
  margin-bottom: 0.625rem;
}
.footer__logos {
  margin-bottom: 3.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer__logos__item {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__logos__item.--center {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer__logos__item:not(:last-child) {
  margin-bottom: 0.9375rem;
}
@media (min-width: 768px) {
  .footer__logos__item:not(:last-child) {
    margin-bottom: 0;
  }
}
.footer__logos__item svg,
.footer__logos__item img {
  display: block;
}
.footer__logos__item svg:not(:last-child),
.footer__logos__item img:not(:last-child) {
  margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
  .footer__logos__item svg:not(:last-child),
.footer__logos__item img:not(:last-child) {
    margin-right: 1.875rem;
    margin-bottom: 0;
  }
}
.footer__bottom {
  padding-bottom: 1.875rem;
  padding-top: 1.875rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .footer__bottom {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.footer__bottom__item {
  font-size: 0.8125em;
  line-height: 1.3846153846em;
}
.footer__bottom__item:first-child {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .footer__bottom__item:first-child {
    margin-bottom: 0;
  }
}
.footer__bottom__item a {
  text-decoration: underline;
}
.footer__frise {
  overflow: hidden;
}
.footer__frise__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
.footer__frise__container span {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 65px;
  margin-left: -1px;
  -webkit-transform: skewX(-15deg) translate3d(0, 0, 0);
     -moz-transform: skewX(-15deg) translate3d(0, 0, 0);
          transform: skewX(-15deg) translate3d(0, 0, 0);
}
@media (min-width: 768px) {
  .footer__frise__container span {
    height: 1.25rem;
  }
}
.footer__frise__container span:nth-child(3n+1) {
  background: #E55B26;
}
.footer__frise__container span:nth-child(3n+2) {
  background: #00817C;
}
.footer__frise__container span:nth-child(3n+3) {
  background: #F1BB3A;
}

.otgs-development-site-front-end {
  display: none;
}

.form__fields {
  margin-bottom: 1.875rem;
}
.form__fields__row {
  margin-bottom: 0.9375rem;
}
@media (min-width: 768px) {
  .form__fields__row {
    grid-gap: 0.9375rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .form__fields__row .form__field {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 0;
  }
}
.form__field:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.form__field label {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.form__field input:not([type=checkbox]),
.form__field textarea,
.form__field select {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
  padding-bottom: 0.625rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.625rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: white;
  border: 0;
  color: #00817C;
  display: block;
  font-family: "Poppins", Arial, Helvetica, Verdana, sans-serif;
  width: 100%;
}
.form__field input:not([type=checkbox])::-webkit-input-placeholder, .form__field textarea::-webkit-input-placeholder, .form__field select::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00817C;
  opacity: 0.5;
}
.form__field input:not([type=checkbox]):-moz-placeholder, .form__field textarea:-moz-placeholder, .form__field select:-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00817C;
  opacity: 0.5;
}
.form__field input:not([type=checkbox])::-moz-placeholder, .form__field textarea::-moz-placeholder, .form__field select::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00817C;
  opacity: 0.5;
}
.form__field input:not([type=checkbox]):-ms-input-placeholder, .form__field textarea:-ms-input-placeholder, .form__field select:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00817C;
  opacity: 0.5;
}
.form__field input:not([type=checkbox])::-ms-input-placeholder, .form__field textarea::-ms-input-placeholder, .form__field select::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00817C;
  opacity: 0.5;
}
.form__field input:not([type=checkbox])::placeholder,
.form__field textarea::placeholder,
.form__field select::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #00817C;
  opacity: 0.5;
}
.form__field input:not([type=checkbox]):-ms-input-placeholder,
.form__field textarea:-ms-input-placeholder,
.form__field select:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #00817C;
  opacity: 0.5;
}
.form__field input:not([type=checkbox])::-ms-input-placeholder,
.form__field textarea::-ms-input-placeholder,
.form__field select::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #00817C;
  opacity: 0.5;
}
.form__field input,
.form__field select {
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
}
.form__field input[type=checkbox] {
  height: 1.25rem;
  width: 1.25rem;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  margin: 0;
  margin-right: 10px;
}
.form__field input[type=checkbox] + span {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.94em;
}
.form__field select {
  cursor: pointer;
}
.form__field textarea {
  -webkit-border-radius: 0.625rem;
     -moz-border-radius: 0.625rem;
          border-radius: 0.625rem;
  height: 7.5rem;
  resize: none;
}
.form__field span {
  display: block;
  font-size: inherit;
  margin: 0;
}

.header {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}
@media (min-width: 1024px) {
  .header {
    position: relative;
  }
}
.header.--color .header__logo.--normal {
  display: block;
}
.header.--color .header__logo.--white {
  display: none;
}
.header.--color .header__logo__container {
  position: static;
}
.header.--adresse .header__logo.--normal {
  display: block;
}
.header.--adresse .header__logo.--white {
  display: none;
}
.header.--static .header__logo__container {
  position: static;
}
.header__background {
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  height: 100%;
  opacity: 0;
  position: fixed;
  -webkit-transition: 0.3s opacity 0s ease, 0s visibility 0.3s ease;
  -o-transition: 0.3s opacity 0s ease, 0s visibility 0.3s ease;
  -moz-transition: 0.3s opacity 0s ease, 0s visibility 0.3s ease;
  transition: 0.3s opacity 0s ease, 0s visibility 0.3s ease;
  visibility: hidden;
  width: 100%;
  z-index: 2;
}
.header__background.--active {
  opacity: 1;
  -webkit-transition: 0.3s opacity 0s ease, 0s visibility 0s ease;
  -o-transition: 0.3s opacity 0s ease, 0s visibility 0s ease;
  -moz-transition: 0.3s opacity 0s ease, 0s visibility 0s ease;
  transition: 0.3s opacity 0s ease, 0s visibility 0s ease;
  visibility: visible;
}
.header__logo__container {
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
  z-index: 1;
}
@media (min-width: 1024px) {
  .header__logo__container {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem;
    background: transparent;
    left: 0;
    position: absolute;
    top: 0;
  }
}
.header__logo.--normal {
  display: block;
}
@media (min-width: 1024px) {
  .header__logo.--normal {
    display: none;
  }
}
@media (max-width: 1023px) {
  .header__logo.--white {
    display: none;
  }
}
.header__logo a {
  display: block;
}
.header__logo svg {
  display: block;
  height: auto;
  width: 100px;
}
@media (min-width: 768px) {
  .header__logo svg {
    width: 125px;
  }
}
@media (min-width: 1024px) {
  .header__logo svg {
    width: 150px;
  }
}
.header__side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(-webkit-calc(100% - 59px)) translate3d(0, 0, 0);
     -moz-transform: translateX(-moz-calc(100% - 59px)) translate3d(0, 0, 0);
          transform: translateX(calc(100% - 59px)) translate3d(0, 0, 0);
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  z-index: 3;
}
@media (min-width: 768px) {
  .header__side {
    -webkit-transform: translateX(-webkit-calc(100% - 69px)) translate3d(0, 0, 0);
       -moz-transform: translateX(-moz-calc(100% - 69px)) translate3d(0, 0, 0);
            transform: translateX(calc(100% - 69px)) translate3d(0, 0, 0);
  }
}
@media (min-width: 1024px) {
  .header__side {
    position: fixed;
    -webkit-transform: translateX(-webkit-calc(100% - 84px)) translate3d(0, 0, 0);
       -moz-transform: translateX(-moz-calc(100% - 84px)) translate3d(0, 0, 0);
            transform: translateX(calc(100% - 84px)) translate3d(0, 0, 0);
  }
}
.header__side.--active {
  -webkit-transform: translateX(0) translate3d(0, 0, 0);
     -moz-transform: translateX(0) translate3d(0, 0, 0);
          transform: translateX(0) translate3d(0, 0, 0);
}
.header__side.--active .header__row__close__span:nth-child(1),
.header__side.--active .header__burger__span:nth-child(1) {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
     -moz-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
          transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
}
.header__side.--active .header__row__close__span:nth-child(2),
.header__side.--active .header__burger__span:nth-child(2) {
  -webkit-transform: translateX(-50%) scale(0) translate3d(0, 0, 0);
     -moz-transform: translateX(-50%) scale(0) translate3d(0, 0, 0);
          transform: translateX(-50%) scale(0) translate3d(0, 0, 0);
}
.header__side.--active .header__row__close__span:nth-child(3),
.header__side.--active .header__burger__span:nth-child(3) {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
     -moz-transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
          transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
}
.header__side.--active .header__row__close__icon,
.header__side.--active .header__burger__icon {
  -webkit-transform: translateX(-100%) translate3d(0, 0, 0);
     -moz-transform: translateX(-100%) translate3d(0, 0, 0);
          transform: translateX(-100%) translate3d(0, 0, 0);
}
.header__side__barre {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 59px;
}
@media (min-width: 768px) {
  .header__side__barre {
    width: 69px;
  }
}
@media (min-width: 1024px) {
  .header__side__barre {
    background: #00817C;
    padding-top: 0;
    width: 84px;
  }
}
.header__side__space {
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 1024px) {
  .header__side__space {
    display: block;
  }
}
.header__side__bottom {
  display: none;
  position: relative;
}
@media (min-width: 1024px) {
  .header__side__bottom {
    display: block;
  }
}
.header__side__link {
  font-size: 1.5em;
  line-height: 1.25em;
  padding-bottom: 1.875rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 1.875rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E55B26;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "GTHaptik", sans-serif;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
}
.header__side__link:hover {
  background: #F1BB3A;
}
.header__lang {
  padding-bottom: 3.4375rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 2.1875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.header__lang li.wpml-ls-current-language a {
  color: #F1BB3A;
}
.header__lang li.wpml-ls-current-language a:before {
  background: #F1BB3A;
}
.header__lang a {
  font-size: 0.875em;
  color: #FFFFFF;
  font-family: "GTHaptik", sans-serif;
  padding-bottom: 6px;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.header__lang a:hover:before {
  background: #FFFFFF;
}
.header__lang a:before {
  background: transparent;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
}
.header__burger {
  background: #F1BB3A;
  border: 0 !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  cursor: pointer;
  height: 100%;
  outline: none !important;
  padding: 0;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
}
@media (min-width: 1024px) {
  .header__burger {
    height: auto;
    padding-top: 100%;
  }
}
@media (min-width: 1024px) {
  .header__burger:hover .header__burger__icon {
    -webkit-transform: translateX(-100%) translate3d(0, 0, 0);
       -moz-transform: translateX(-100%) translate3d(0, 0, 0);
            transform: translateX(-100%) translate3d(0, 0, 0);
  }
}
.header__burger__span {
  background: #FFFFFF;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: -webkit-calc(50% - 1px);
  top: -moz-calc(50% - 1px);
  top: calc(50% - 1px);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 18px;
}
@media (min-width: 768px) {
  .header__burger__span {
    width: 26px;
  }
}
@media (min-width: 1024px) {
  .header__burger__span {
    width: 34px;
  }
}
.header__burger__span:nth-child(1) {
  -webkit-transform: translateX(-50%) translateY(-6px) translate3d(0, 0, 0);
     -moz-transform: translateX(-50%) translateY(-6px) translate3d(0, 0, 0);
          transform: translateX(-50%) translateY(-6px) translate3d(0, 0, 0);
}
@media (min-width: 1024px) {
  .header__burger__span:nth-child(1) {
    -webkit-transform: translateX(-50%) translateY(-9px) translate3d(0, 0, 0);
       -moz-transform: translateX(-50%) translateY(-9px) translate3d(0, 0, 0);
            transform: translateX(-50%) translateY(-9px) translate3d(0, 0, 0);
  }
}
.header__burger__span:nth-child(2) {
  -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
     -moz-transform: translateX(-50%) translate3d(0, 0, 0);
          transform: translateX(-50%) translate3d(0, 0, 0);
}
.header__burger__span:nth-child(3) {
  -webkit-transform: translateX(-50%) translateY(6px) translate3d(0, 0, 0);
     -moz-transform: translateX(-50%) translateY(6px) translate3d(0, 0, 0);
          transform: translateX(-50%) translateY(6px) translate3d(0, 0, 0);
}
@media (min-width: 1024px) {
  .header__burger__span:nth-child(3) {
    -webkit-transform: translateX(-50%) translateY(9px) translate3d(0, 0, 0);
       -moz-transform: translateX(-50%) translateY(9px) translate3d(0, 0, 0);
            transform: translateX(-50%) translateY(9px) translate3d(0, 0, 0);
  }
}
.header__burger__icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-border-bottom-left-radius: 20px;
     -moz-border-radius-bottomleft: 20px;
          border-bottom-left-radius: 20px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(0) translate3d(0, 0, 0);
     -moz-transform: translateX(0) translate3d(0, 0, 0);
          transform: translateX(0) translate3d(0, 0, 0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-timing-function: ease;
     -moz-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  width: 100%;
  z-index: -1;
}
.header__burger__icon svg {
  display: block;
  height: auto;
  width: 20px;
}
@media (min-width: 1024px) {
  .header__burger__icon svg {
    width: 25px;
  }
}
.header__row {
  background: #F1BB3A;
  border-left: 16px solid #00817C;
  height: 100vh;
  overflow: auto;
  padding: 35px;
  position: relative;
  width: 100vw;
}
@media (min-width: 1024px) {
  .header__row {
    padding-bottom: 3.125rem;
    padding-left: 5rem;
    padding-right: 2.8125rem;
    padding-top: 6.25rem;
    width: 43.75rem;
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    max-width: 100%;
  }
}
@media (min-width: 1536px) {
  .header__row {
    width: 56.25rem;
  }
}
.header__row__col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header__row__col:last-child {
  margin-top: 3.125rem;
}
@media (min-width: 1024px) {
  .header__row__col:last-child {
    margin-top: 0;
  }
}
.header__row__close {
  background: transparent;
  border: 0;
  cursor: pointer;
  height: 24px;
  padding: 0;
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 24px;
}
@media (min-width: 1024px) {
  .header__row__close {
    display: none;
  }
}
.header__row__close__span {
  background: #00817C;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: -webkit-calc(50% - 1px);
  top: -moz-calc(50% - 1px);
  top: calc(50% - 1px);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
}
.header__row__close__span:nth-child(1) {
  -webkit-transform: translateX(-50%) translateY(-6px) translate3d(0, 0, 0);
     -moz-transform: translateX(-50%) translateY(-6px) translate3d(0, 0, 0);
          transform: translateX(-50%) translateY(-6px) translate3d(0, 0, 0);
}
.header__row__close__span:nth-child(2) {
  -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
     -moz-transform: translateX(-50%) translate3d(0, 0, 0);
          transform: translateX(-50%) translate3d(0, 0, 0);
}
.header__row__close__span:nth-child(3) {
  -webkit-transform: translateX(-50%) translateY(6px) translate3d(0, 0, 0);
     -moz-transform: translateX(-50%) translateY(6px) translate3d(0, 0, 0);
          transform: translateX(-50%) translateY(6px) translate3d(0, 0, 0);
}
.header__menu {
  font-family: "GTHaptik", sans-serif;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .header__menu {
    font-size: 1.25em;
    line-height: 1.2em;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .header__menu {
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 1536px) {
  .header__menu {
    font-size: 1.625em;
    line-height: 1.2307692308em;
    margin-bottom: 3.75rem;
  }
}
.header__menu li:not(:last-child) {
  margin-bottom: 1.25rem;
}
@media (min-width: 1536px) {
  .header__menu li:not(:last-child) {
    margin-bottom: 1.875rem;
  }
}
.header__menu a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.header__menu a:hover {
  color: #E55B26;
}
.header__smallMenu {
  margin-bottom: 3.125rem;
  font-size: 16px;
  line-height: 24px;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .header__smallMenu {
    font-size: 1em;
    line-height: 1.5em;
  }
}
@media (min-width: 1024px) {
  .header__smallMenu {
    margin-bottom: 3.75rem;
  }
}
@media (min-width: 1536px) {
  .header__smallMenu {
    font-size: 1.125em;
    line-height: 1.3888888889em;
    margin-bottom: 5rem;
  }
}
.header__smallMenu li:not(:last-child) {
  margin-bottom: 1.25rem;
}
.header__smallMenu a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.header__smallMenu a:hover {
  color: #E55B26;
}
.header__bottom {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header__bottom__social a:hover path {
  fill: #E55B26 !important;
}
.header__bottom__social path {
  fill: #00817C !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .header__bottom__lang {
    display: none;
  }
}
.header__bottom__lang ul {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.header__bottom__lang ul li:not(:last-child) {
  margin-right: 10px;
}
.header__post {
  margin-bottom: 5rem;
  display: none;
}
@media (min-width: 1024px) {
  .header__post {
    display: block;
  }
}
.header__sideLogo img {
  display: block;
}
@media (min-width: 1024px) {
  .header__sideLogo img {
    margin-left: auto;
  }
}
.header__reserved {
  background: #00817C;
  bottom: 0;
  color: #FFFFFF;
  display: block;
  font-family: "GTHaptik", sans-serif;
  font-size: 20px;
  left: 0;
  line-height: 25px;
  padding: 10px;
  position: fixed;
  text-align: center;
  -webkit-transform: translateY(100%) translate3d(0, 0, 0);
     -moz-transform: translateY(100%) translate3d(0, 0, 0);
          transform: translateY(100%) translate3d(0, 0, 0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  z-index: 9;
}
@media (min-width: 1024px) {
  .header__reserved {
    display: none;
  }
}
.header__reserved:hover {
  background: #E55B26;
}
.header__reserved.--scrolled {
  -webkit-transform: translateY(0) translate3d(0, 0, 0);
     -moz-transform: translateY(0) translate3d(0, 0, 0);
          transform: translateY(0) translate3d(0, 0, 0);
}

.image-texte-section .content {
  margin-top: 1.5rem;
}

.info-popin {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99999;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  background: rgba(0, 0, 0, 0.3);
  pointer-events: none;
  opacity: 0;
  max-width: 100%;
}
.info-popin.--active {
  pointer-events: all;
  opacity: 1;
}
.info-popin.--active .info-popin__container {
  opacity: 1;
  -webkit-transform: translateY(0) translate3d(0, 0, 0);
     -moz-transform: translateY(0) translate3d(0, 0, 0);
          transform: translateY(0) translate3d(0, 0, 0);
}
.info-popin__bg {
  background-color: #F1BB3A;
  background-image: url("../../images/info-popin.svg");
  -webkit-background-size: 80% 100%;
     -moz-background-size: 80% 100%;
          background-size: 80% 100%;
  background-repeat: no-repeat;
  background-position: right center;
  max-width: 900px;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  max-height: 98vh;
  overflow-y: auto;
}
.info-popin__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: translateY(50px) translate3d(0, 0, 0);
     -moz-transform: translateY(50px) translate3d(0, 0, 0);
          transform: translateY(50px) translate3d(0, 0, 0);
}
@media (min-width: 1024px) {
  .info-popin__container {
    min-height: 400px;
  }
}
.info-popin__img {
  width: 33.333%;
  height: 100%;
}
.info-popin__img picture {
  position: absolute;
  left: 0;
  top: 0;
  width: 33.333%;
  height: 100%;
}
@media (max-width: 1023px) {
  .info-popin__img {
    display: none;
  }
}
.info-popin__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
@media (min-width: 768px) {
  .info-popin__content {
    width: 66.666%;
    padding-left: 70px;
    padding-right: 100px;
  }
}
.info-popin__title {
  font-size: 22px;
  line-height: 29px;
  margin-bottom: 1.25rem;
  max-width: 80%;
}
@media (min-width: 768px) {
  .info-popin__title {
    max-width: 100%;
    font-size: 2.25em;
    line-height: 1.25em;
    margin-bottom: 1.5625rem;
  }
}
.info-popin__text {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .info-popin__text {
    font-size: 1.125em;
    line-height: 1.3888888889em;
    margin-bottom: 2.5rem;
  }
}
.info-popin__close {
  cursor: pointer;
  height: 68px;
  position: absolute;
  right: 15px;
  top: -10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 45px;
  z-index: 2;
}
@media (min-width: 768px) {
  .info-popin__close {
    top: -10px;
    right: 10px;
  }
}
.info-popin__close:before, .info-popin__close:after {
  background: #00817C;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 22px;
}
.info-popin__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
     -moz-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
          transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
}
.info-popin__close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
     -moz-transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
          transform: translate(-50%, -50%) rotate(-45deg) translate3d(0, 0, 0);
}
.info-popin__close:hover::after, .info-popin__close:hover::before {
  background-color: #00817C;
}

.introduction {
  background-color: #F1BB3A;
  background-image: url("../../images/symbol.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  color: #FFFFFF;
  height: 100vh;
  position: relative;
  text-align: center;
}
.introduction.--blue {
  background-color: #00817C;
}
.introduction.--orange {
  background-color: #E55B26;
}
.introduction.--text-blue {
  color: #00817C;
}
.introduction.--already-load .introduction__img, .introduction.--scrolled .introduction__img {
  opacity: 1;
}
.introduction__img {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  z-index: 1;
}
.introduction__img picture {
  height: 100%;
}
.introduction__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  padding: 15px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
}
@media (min-width: 768px) {
  .introduction__content {
    padding: 15px 100px;
  }
}
.introduction__titles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.introduction__title {
  font-size: 2.1875em;
  line-height: 1.1428571429em;
}
@media (min-width: 768px) {
  .introduction__title {
    font-size: 3.125em;
    line-height: 1.36em;
  }
}
@media (min-width: 1536px) {
  .introduction__title {
    font-size: 5em;
    line-height: 1.25em;
  }
}
.introduction__subtitle {
  font-size: 1.25em;
  line-height: 1.25em;
  margin-bottom: 0.3125rem;
}
.introduction__logo {
  margin-top: 0.625rem;
}
.introduction__logo svg {
  max-width: 15rem;
  display: block;
  height: auto;
  width: 100%;
}
.introduction__text {
  font-size: 1em;
  line-height: 1.75em;
  margin-top: 2.5rem;
  max-width: 40.625rem;
}
@media (min-width: 768px) {
  .introduction__text {
    font-size: 1.125em;
    line-height: 1.7222222222em;
  }
}
@media (min-width: 1536px) {
  .introduction__text {
    font-size: 1.1875em;
    line-height: 1.7368421053em;
  }
}
.introduction__anchor {
  margin-top: 3.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.introduction__anchor__item:not(:last-child) {
  margin-bottom: 1.875rem;
  margin-right: 1.875rem;
}
@media (min-width: 768px) {
  .introduction__anchor__item:not(:last-child) {
    margin-right: 3.125rem;
    margin-bottom: 0;
  }
}
.introduction__anchor__item a {
  font-size: 1.25em;
  line-height: 1.3em;
  display: block;
  font-family: "GTHaptik", sans-serif;
  padding-bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .introduction__anchor__item a {
    font-size: 1.375em;
    line-height: 1.2727272727em;
  }
}
@media (min-width: 1536px) {
  .introduction__anchor__item a {
    font-size: 1.75em;
    line-height: 1.25em;
  }
}
.introduction__anchor__item a:before {
  background: #FFFFFF;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.introduction__arrow {
  bottom: 5.625rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
     -moz-transform: translateX(-50%) translate3d(0, 0, 0);
          transform: translateX(-50%) translate3d(0, 0, 0);
}
.introduction__arrow svg {
  display: block;
}

.lang-selector {
  font-family: "Poppins";
  color: #00817C;
  background: transparent;
  border: 0;
  font-weight: 400;
  cursor: pointer;
}
@media (min-width: 768px) {
  .lang-selector {
    margin: 2rem;
    font-size: 1.4rem;
    line-height: 1;
  }
}

/*********************\
    LAZYLOAD MASK
\*********************/
.lazyload-box {
  position: relative;
  display: block;
  width: 100%;
}
.lazyload-box .lazyload,
.lazyload-box .lazyloading {
  opacity: 0;
}
.lazyload-box .lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.lazyload-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.lazyload-box .masks {
  font-size: 0;
}
.lazyload-box .masks .mask {
  position: relative;
  display: none;
  width: 100%;
  max-width: 100%;
  z-index: -1;
  /** FOR RETINA DISPLAY **/
}
@media (min-width: 1536px) {
  .lazyload-box .masks .mask.mask-xxl {
    display: block;
  }
}
@media (max-width: 1535px) {
  .lazyload-box .masks .mask.mask-xxl {
    display: none;
  }
  .lazyload-box .masks .mask.mask-xl {
    display: block;
  }
}
@media (max-width: 1279px) {
  .lazyload-box .masks .mask.mask-xl {
    display: none;
  }
  .lazyload-box .masks .mask.mask-lg {
    display: block;
  }
}
@media (max-width: 1024px) {
  .lazyload-box .masks .mask.mask-lg {
    display: none;
  }
  .lazyload-box .masks .mask.mask-md {
    display: block;
  }
}
@media (max-width: 768px) {
  .lazyload-box .masks .mask.mask-md {
    display: none;
  }
  .lazyload-box .masks .mask.mask-sm {
    display: block;
  }
}
@media (max-width: 639px) {
  .lazyload-box .masks .mask.mask-sm {
    display: none;
  }
  .lazyload-box .masks .mask.mask-xs {
    display: block;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1536px), (min--moz-device-pixel-ratio: 1.5) and (min-width: 1536px), (-o-min-device-pixel-ratio: 3/2) and (min-width: 1536px), (min-resolution: 144dpi) and (min-width: 1536px) {
  .lazyload-box .masks .mask.mask-xxl {
    display: none;
  }
  .lazyload-box .masks .mask.mask-xxl-2x {
    display: block;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1536px -1), (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1535px), (min--moz-device-pixel-ratio: 1.5) and (min-width: 1535px), (-o-min-device-pixel-ratio: 3/2) and (min-width: 1535px), (min-resolution: 144dpi) and (min-width: 1535px) {
  .lazyload-box .masks .mask.mask-xxl-2x, .lazyload-box .masks .mask.mask-xl {
    display: none;
  }
  .lazyload-box .masks .mask.mask-xl-2x {
    display: block;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1279px), (min--moz-device-pixel-ratio: 1.5) and (max-width: 1279px), (-o-min-device-pixel-ratio: 3/2) and (max-width: 1279px), (min-resolution: 144dpi) and (max-width: 1279px) {
  .lazyload-box .masks .mask.mask-xl-2x, .lazyload-box .masks .mask.mask-lg {
    display: none;
  }
  .lazyload-box .masks .mask.mask-lg-2x {
    display: block;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1024px), (min--moz-device-pixel-ratio: 1.5) and (max-width: 1024px), (-o-min-device-pixel-ratio: 3/2) and (max-width: 1024px), (min-resolution: 144dpi) and (max-width: 1024px) {
  .lazyload-box .masks .mask.mask-lg-2x, .lazyload-box .masks .mask.mask-md {
    display: none;
  }
  .lazyload-box .masks .mask.mask-md-2x {
    display: block;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 768px), (min--moz-device-pixel-ratio: 1.5) and (max-width: 768px), (-o-min-device-pixel-ratio: 3/2) and (max-width: 768px), (min-resolution: 144dpi) and (max-width: 768px) {
  .lazyload-box .masks .mask.mask-md-2x, .lazyload-box .masks .mask.mask-sm {
    display: none;
  }
  .lazyload-box .masks .mask.mask-sm-2x {
    display: block;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 639px), (min--moz-device-pixel-ratio: 1.5) and (max-width: 639px), (-o-min-device-pixel-ratio: 3/2) and (max-width: 639px), (min-resolution: 144dpi) and (max-width: 639px) {
  .lazyload-box .masks .mask.mask-sm-2x, .lazyload-box .masks .mask.mask-xs {
    display: none;
  }
  .lazyload-box .masks .mask.mask-xs-2x {
    display: block;
  }
}
.lazyload-box.auto-width {
  width: auto;
  max-width: 100%;
}

/*********************\
     END LAZYLOAD
\*********************/
.newsletter {
  background: #E55B26;
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='458' viewBox='0 0 1920 458' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1580_3422' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='1920' height='458'%3E%3Crect width='1920' height='458' transform='matrix(-1 0 0 1 1920 0)' fill='%23E55B26'/%3E%3C/mask%3E%3Cg mask='url(https://www.spoon-restaurant.com/wp-content/themes/symediane/dist/css/%23mask0_1580_3422)'%3E%3Cpath d='M-277.62 -185.49L-275.452 -189.995L-275.452 -189.995L-277.62 -185.49ZM-893.202 -248.581L-898.105 -247.599L-899.087 -252.502L-894.184 -253.483L-893.202 -248.581ZM213.957 519.72L218.842 518.653L219.91 523.538L215.025 524.605L213.957 519.72ZM96.7236 545.336L97.7909 550.221L92.9062 551.289L91.8388 546.404L96.7236 545.336ZM-329.666 -77.3636L-327.498 -81.8688L-329.666 -77.3636ZM-869.648 -130.915L-868.667 -126.012L-873.57 -125.031L-874.551 -129.934L-869.648 -130.915ZM1652.38 174.241L1655.2 178.372L1652.38 174.241ZM1289.95 675.805L1288.35 680.542L1283.61 678.941L1285.22 674.204L1289.95 675.805ZM2508.9 101.127L2510.42 96.3632L2515.18 97.8812L2513.66 102.645L2508.9 101.127ZM2472.47 215.463L2477.23 216.981L2475.71 221.745L2470.95 220.227L2472.47 215.463ZM1720 273.377L1717.18 269.246L1720 273.377ZM1403.63 714.239L1408.37 715.841L1406.77 720.577L1402.03 718.976L1403.63 714.239ZM-279.789 -180.984C-493.091 -283.656 -724.961 -277.16 -892.221 -243.678L-894.184 -253.483C-725.679 -287.215 -491.394 -293.937 -275.452 -189.995L-279.789 -180.984ZM209.073 520.788C124.806 135.136 -63.5679 -76.9084 -279.789 -180.984L-275.452 -189.995C-56.0591 -84.3923 134.02 130.457 218.842 518.653L209.073 520.788ZM95.6562 540.452L212.89 514.836L215.025 524.605L97.7909 550.221L95.6562 540.452ZM-327.498 -81.8688C-146.143 5.42436 23.4619 186.627 101.608 544.269L91.8388 546.404C14.2495 191.31 -153.648 12.9103 -331.834 -72.8583L-327.498 -81.8688ZM-870.63 -135.818C-717.078 -166.556 -511.772 -170.567 -327.498 -81.8688L-331.834 -72.8583C-513.471 -160.287 -716.363 -156.501 -868.667 -126.012L-870.63 -135.818ZM-888.3 -249.562L-864.745 -131.896L-874.551 -129.934L-898.105 -247.599L-888.3 -249.562ZM1655.2 178.372C1459.63 311.761 1349.32 515.814 1294.69 677.407L1285.22 674.204C1340.26 511.408 1451.58 305.151 1649.56 170.11L1655.2 178.372ZM2507.38 105.891C2131.26 -13.9579 1853.44 43.1568 1655.2 178.372L1649.56 170.11C1850.72 32.9121 2131.82 -24.2765 2510.42 96.3632L2507.38 105.891ZM2467.7 213.945L2504.14 99.6091L2513.66 102.645L2477.23 216.981L2467.7 213.945ZM1717.18 269.246C1883.46 155.835 2125.19 99.5543 2473.99 210.699L2470.95 220.227C2124.64 109.874 1886.19 166.078 1722.82 277.508L1717.18 269.246ZM1398.89 712.638C1449.05 564.29 1548.23 384.483 1717.18 269.246L1722.82 277.508C1556.28 391.095 1458.12 568.698 1408.37 715.841L1398.89 712.638ZM1291.55 671.069L1405.23 709.503L1402.03 718.976L1288.35 680.542L1291.55 671.069Z' fill='white' fill-opacity='0.2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  color: #FFFFFF;
  overflow: hidden;
  text-align: center;
}
.newsletter__container {
  max-width: 31.25rem;
  padding-bottom: 4.375rem;
  padding-top: 3.125rem;
  margin: auto;
}
@media (min-width: 768px) {
  .newsletter__container {
    margin-right: 120px;
    position: relative;
  }
  .newsletter__container:before {
    top: 4.375rem;
    background-image: url("data:image/svg+xml,%3Csvg width='542' height='542' viewBox='0 0 542 542' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1603_11456' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='542' height='542'%3E%3Ccircle cx='271' cy='271' r='271' fill='%23C4C4C4'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1603_11456)'%3E%3Cpath d='M270.393 436.392C362.072 436.392 436.393 362.071 436.393 270.392C436.393 178.713 362.072 104.392 270.393 104.392C178.713 104.392 104.393 178.713 104.393 270.392C104.393 362.071 178.713 436.392 270.393 436.392ZM536.393 270.392C536.393 417.3 417.3 536.392 270.393 536.392C123.485 536.392 4.39258 417.3 4.39258 270.392C4.39258 123.484 123.485 4.39209 270.393 4.39209C417.3 4.39209 536.393 123.484 536.393 270.392Z' stroke='white' stroke-width='10'/%3E%3Cpath d='M276.5 287.39C239.56 297.288 201.918 277.576 192.804 243.559C183.689 209.542 206.431 173.65 243.371 163.752C280.311 153.854 317.953 173.566 327.067 207.583C329.434 216.414 323.635 226.031 313.69 228.696C304.099 231.266 294.002 226.259 291.548 217.101C287.253 201.073 269.452 191.47 251.693 196.229C233.933 200.987 223.231 217.878 227.613 234.232C231.995 250.586 249.708 259.863 267.468 255.104C277.058 252.534 287.156 257.541 289.61 266.7C292.064 275.858 286.09 284.821 276.5 287.39Z' fill='white'/%3E%3Cpath d='M209.734 337.652C219.298 373.344 258.397 393.8 296.401 383.617C334.404 373.434 358.303 335.746 348.739 300.053C339.176 264.361 300.077 243.905 262.073 254.088C250.993 257.057 244.128 267.629 246.997 278.334C249.874 289.07 261.483 294.66 272.177 291.795C288.729 287.36 304.924 296.135 308.926 311.073C312.925 325.995 302.955 341.799 286.739 346.144C270.205 350.574 253.909 341.492 249.99 326.865C247.121 316.159 235.89 310.436 224.81 313.405C213.698 316.383 206.962 327.305 209.734 337.652Z' fill='white' stroke='%23E55B26' stroke-width='5'/%3E%3Cpath d='M29.5474 273.74L30.272 264.864L65.6472 244.241L32.5171 237.361L33.3486 227.175L83.7684 237.59L83.0438 246.466L47.6626 267.162L80.7987 273.969L79.9672 284.155L29.5474 273.74Z' fill='white'/%3E%3Cpath d='M42.0805 200.503L53.6547 169.604L62.79 174.351L54.8008 195.679L63.9361 200.426L71.9253 179.098L81.035 183.913L73.0458 205.242L82.1811 209.989L90.1703 188.66L99.3056 193.407L87.7315 224.307L42.0805 200.503Z' fill='white'/%3E%3Cpath d='M64.5093 146.074L71.7105 137.825L104.74 154.159L90.4814 116.323L97.1065 108.733L130.76 124.352L115.877 87.231L123.079 78.982L144.435 132.22L138.146 139.424L103.647 123.552L118.175 162.301L111.886 169.505L64.5093 146.074Z' fill='white'/%3E%3Cpath d='M176.369 109.942C172.4 112.117 168.682 112.878 165.217 112.224C161.727 111.528 158.83 109.481 156.524 106.084L163.15 98.1237C164.392 99.8846 165.773 100.987 167.293 101.431C168.832 101.808 170.583 101.459 172.546 100.383C174.424 99.3541 175.685 98.1631 176.331 96.8101C176.977 95.4572 176.914 94.0766 176.143 92.6682C175.511 91.5159 174.508 90.9003 173.133 90.8215C171.758 90.7426 169.317 90.9979 165.811 91.5875C161.827 92.2168 158.438 92.1594 155.644 91.4153C152.869 90.6051 150.687 88.749 149.096 85.8469C148.909 85.5054 148.624 84.8845 148.242 83.9842C146.536 79.7579 146.491 75.6758 148.107 71.7381C149.766 67.777 152.771 64.6037 157.125 62.218C161.094 60.0429 164.823 59.3034 168.312 59.9995C171.778 60.653 174.664 62.6786 176.97 66.0765L170.344 74.0363C169.078 72.2327 167.676 71.1421 166.137 70.7645C164.641 70.3636 162.911 70.701 160.948 71.7769C159.07 72.806 157.808 73.997 157.162 75.3499C156.516 76.7028 156.579 78.0834 157.351 79.4918C157.982 80.6441 158.986 81.2597 160.361 81.3386C161.736 81.4174 164.177 81.1621 167.683 80.5726C171.666 79.9432 175.046 80.0337 177.821 80.8438C180.615 81.588 182.807 83.4111 184.397 86.3132C184.584 86.6546 184.869 87.2755 185.252 88.1758C186.957 92.4022 186.981 96.4959 185.322 100.457C183.707 104.395 180.722 107.556 176.369 109.942Z' fill='white'/%3E%3Cpath d='M194.795 45.5483L204.626 42.7557L210.952 83.4563L233.282 77.1131L234.881 87.2833L202.719 96.4191L194.795 45.5483Z' fill='white'/%3E%3Cpath d='M250.203 34.2336L283.166 32.758L282.383 43.0233L259.63 44.0418L258.847 54.3071L281.6 53.2886L280.744 63.5571L257.991 64.5756L257.208 74.8409L279.962 73.8224L279.179 84.0877L246.216 85.5632L250.203 34.2336Z' fill='white'/%3E%3Cpath d='M319.604 49.4113L301.53 45.6107L304.848 35.8648L350.996 45.569L347.679 55.3149L329.605 51.5144L316.264 90.4829L306.262 88.3798L319.604 49.4113Z' fill='white'/%3E%3Cpath d='M377.222 69.7243L360.77 61.3314L366.52 52.7916L408.528 74.2216L402.778 82.7615L386.326 74.3686L363.262 108.495L354.158 103.85L377.222 69.7243Z' fill='white'/%3E%3Cpath d='M424.878 88.391L449.604 110.24L441.906 117.077L424.839 101.995L417.142 108.832L434.209 123.913L426.456 130.702L409.389 115.62L401.692 122.456L418.759 137.538L411.062 144.375L386.336 122.525L424.878 88.391Z' fill='white'/%3E%3Cpath d='M437.296 180.192L445.887 165.172L439.25 155.208L425.378 162.167L419.713 153.661L465.722 130.559L478.105 149.15C479.859 151.783 480.85 154.456 481.078 157.169C481.374 159.896 480.914 162.454 479.698 164.842C478.51 167.271 476.68 169.309 474.209 170.954C473.723 171.278 473.007 171.696 472.062 172.209C469.133 173.692 466.068 174.447 462.87 174.473C459.711 174.471 456.715 173.748 453.881 172.302L443.912 189.994L437.296 180.192ZM451.519 155.193L452.897 152.784L462.249 157.607L458.683 163.841C460.019 164.53 461.436 164.814 462.934 164.694C464.5 164.586 465.972 164.074 467.349 163.157C468.969 162.077 469.928 160.708 470.225 159.048C470.564 157.361 470.126 155.606 468.912 153.783L462.194 143.698L448.444 150.576L451.519 155.193Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
    content: "";
    opacity: 0.2;
    padding-top: 90%;
    position: absolute;
    right: 110%;
    width: 90%;
  }
}
@media (min-width: 1536px) {
  .newsletter__container {
    max-width: 40.625rem;
    margin-right: 12.5rem;
  }
  .newsletter__container:before {
    top: 1.25rem;
  }
}
.newsletter__title {
  font-size: 2.6875em;
  line-height: 1.3488372093em;
  margin-bottom: 0.8125rem;
  font-family: "GTHaptik", sans-serif;
}
.newsletter__content {
  font-size: 1em;
  line-height: 1.75em;
  margin-bottom: 0.625rem;
}
.newsletter__form {
  display: block;
  width: 100%;
}
.newsletter__form__fields {
  margin-bottom: 1.25rem;
}
.newsletter__form__field:not(:last-child) {
  margin-bottom: 1.25rem;
}
.newsletter__form__field input {
  border: 0;
}
.newsletter__form__field input[type=email], .newsletter__form__field input[type=text] {
  font-size: 1.125em;
  line-height: 1.7222222222em;
  padding-bottom: 0.625rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.625rem;
  background: #FFFFFF;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  color: #000000;
  display: block;
  text-align: left;
  width: 100%;
}
.newsletter__form__field input[type=checkbox] {
  height: 1.25rem;
  width: 1.25rem;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  margin: 0;
}
.newsletter__form__field label {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 400;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.newsletter__form__field label span {
  margin-left: 0.625rem;
  display: block;
  margin-top: 2px;
}
.newsletter__form__bottom input.button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.pad__link {
  -webkit-border-bottom-right-radius: 1.25rem;
     -moz-border-radius-bottomright: 1.25rem;
          border-bottom-right-radius: 1.25rem;
  background-image: url("../../images/symbol.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  display: block;
  padding: 25px;
}
@media (min-width: 768px) {
  .pad__link {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 1536px) {
  .pad__link {
    padding-bottom: 3.75rem;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
    padding-top: 3.75rem;
  }
}
.pad__link.--side {
  padding-left: 1.875rem;
  padding-right: 0.625rem;
  padding-top: 0.9375rem;
  padding-bottom: 0;
}
.pad__link.--blue {
  background-color: #00817C;
  color: #E55B26;
}
.pad__link.--orange {
  background-color: #E55B26;
}
.pad__link.--orange svg path {
  fill: #00817C;
}
.pad__link.--yellow {
  background-color: #F1BB3A;
}
.pad__link.--grey {
  background-color: #E4D7CF;
  color: #4B2307;
}
.pad__link:hover svg {
  -webkit-transform: translateX(1rem) translate3d(0, 0, 0);
     -moz-transform: translateX(1rem) translate3d(0, 0, 0);
          transform: translateX(1rem) translate3d(0, 0, 0);
}
.pad__link svg {
  display: block;
  -webkit-transform: translateX(0) translate3d(0, 0, 0);
     -moz-transform: translateX(0) translate3d(0, 0, 0);
          transform: translateX(0) translate3d(0, 0, 0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.pad__row {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 15px;
}
@media (min-width: 768px) {
  .pad__row.--center {
    grid-gap: 1.875rem;
  }
}
@media (min-width: 1024px) {
  .pad__row.--center {
    grid-gap: 3.75rem;
  }
}
@media (min-width: 1536px) {
  .pad__row.--center {
    grid-gap: 6.25rem;
  }
}
.pad__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.pad__title {
  font-size: 1.25em;
  line-height: 1.05em;
  margin-bottom: 1.875rem;
  font-family: "Fligthcase", sans-serif;
}
@media (min-width: 1536px) {
  .pad__title {
    font-size: 1.875em;
    line-height: 1.1em;
  }
}
.pad__text {
  font-size: 1.125em;
  line-height: 1.2222222222em;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 1536px) {
  .pad__text {
    font-size: 1.625em;
    line-height: 1.2307692308em;
  }
}
.pad__logo {
  margin-bottom: 15px;
}
.pad__logo picture {
  max-width: 15.625rem;
}
.pad__img {
  width: 12.5rem;
}

.main-content:not(.home-page) .page-header {
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF -webkit-calc(100% - 16rem), #F1BB3A -webkit-calc(100% - 16rem), #F1BB3A 100%);
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF -moz-calc(100% - 16rem), #F1BB3A -moz-calc(100% - 16rem), #F1BB3A 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(#FFFFFF), color-stop(#F1BB3A), to(#F1BB3A));
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF calc(100% - 16rem), #F1BB3A calc(100% - 16rem), #F1BB3A 100%);
  background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF calc(100% - 16rem), #F1BB3A calc(100% - 16rem), #F1BB3A 100%);
}

.page-header {
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .page-header {
    padding-bottom: 5rem;
  }
}
.page-header .header-wrapper {
  position: relative;
}
@media (max-width: 1023px) {
  .page-header .header-wrapper {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .page-header .header-wrapper::before {
    position: absolute;
    content: "";
    width: -webkit-calc(100% + 10rem);
    width: -moz-calc(100% + 10rem);
    width: calc(100% + 10rem);
    -webkit-transform: translate(-5rem, -50%);
       -moz-transform: translate(-5rem, -50%);
        -ms-transform: translate(-5rem, -50%);
         -o-transform: translate(-5rem, -50%);
            transform: translate(-5rem, -50%);
    top: 50%;
    height: -webkit-calc(100% - 11rem);
    height: -moz-calc(100% - 11rem);
    height: calc(100% - 11rem);
    border: 2px solid;
    -webkit-border-image: -webkit-linear-gradient(295deg, #E55B26 25%, rgba(0, 0, 0, 0.08) 25%, rgba(0, 0, 0, 0.08) 75%, #E55B26 75%, #E55B26 100%) 2;
       -moz-border-image: -moz-linear-gradient(295deg, #E55B26 25%, rgba(0, 0, 0, 0.08) 25%, rgba(0, 0, 0, 0.08) 75%, #E55B26 75%, #E55B26 100%) 2;
         -o-border-image: -o-linear-gradient(295deg, #E55B26 25%, rgba(0, 0, 0, 0.08) 25%, rgba(0, 0, 0, 0.08) 75%, #E55B26 75%, #E55B26 100%) 2;
            border-image: linear-gradient(155deg, #E55B26 25%, rgba(0, 0, 0, 0.08) 25%, rgba(0, 0, 0, 0.08) 75%, #E55B26 75%, #E55B26 100%) 2;
  }
}
.page-header .page-header-pic {
  min-height: 15rem;
  position: relative;
}
@media (min-width: 768px) {
  .page-header .page-header-pic {
    max-height: 43rem;
  }
}
.page-header .header-content {
  position: absolute;
  z-index: 2;
}
@media (max-width: 1023px) {
  .page-header .header-content {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media (min-width: 768px) {
  .page-header .header-content {
    left: 6rem;
    bottom: 6rem;
  }
}
.page-header .header-content.text-white .svg path {
  fill: #FFFFFF;
}

.popin {
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 99999;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
.popin.--active {
  opacity: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.popin__container {
  position: relative;
  background-color: #F1BB3A;
  background-image: url("../../images/symbol.png");
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  color: #00817C;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  width: 90%;
}
@media (min-width: 768px) {
  .popin__container {
    width: 70%;
  }
}
@media (min-width: 1024px) {
  .popin__container {
    width: 50%;
  }
}
.popin__cross {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  width: 0.9375rem;
  height: 0.9375rem;
  border: 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  background-color: transparent;
  cursor: pointer;
  background-image: url("../../images/cross.svg");
}
@media (min-width: 768px) {
  .popin__cross {
    top: 1.5625rem;
    right: 1.5625rem;
    width: 1.5625rem;
    height: 1.5625rem;
  }
}
.popin__title {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0.625rem;
  font-family: "GTHaptik", sans-serif;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .popin__title {
    font-size: 2.375em;
    line-height: 1.3157894737em;
  }
}
.popin__content {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .popin__content {
    font-size: 1.0625em;
    line-height: 1.7647058824em;
  }
}
.popin .newsletter__form__field label {
  color: #00817C !important;
}
.popin .button {
  border-color: #00817C !important;
  background: #00817C !important;
}
.popin .button:hover {
  border-color: #E55B26 !important;
  background: #E55B26 !important;
}

.share {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.share__title {
  font-size: 1.25em;
  line-height: 1.25em;
  margin-right: 1.25rem;
  font-family: "GTHaptik", sans-serif;
}
.share__list {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.share__list__item:not(:last-child) {
  margin-right: 1.25rem;
}
.share__list__item a {
  display: block;
}
.share__list__item a:hover svg path {
  fill: #E55B26;
}
.share__list__item svg {
  height: 1.25rem;
  display: block;
  width: auto;
}
.share__list__item svg path {
  fill: #F1BB3A;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 768px) {
  .video-section {
    padding-top: 12rem;
    padding-bottom: 8rem;
  }
}
.video-section .content {
  margin-bottom: 4.4rem;
}

/* Pages */
.actualites__container {
  margin-bottom: 1.875rem;
  margin-top: 1.875rem;
}
@media (min-width: 1024px) {
  .actualites__container {
    margin-bottom: 11.25rem;
    margin-top: 9.375rem;
    padding-right: 84px;
  }
}
.actualites__grid {
  grid-column-gap: 1.875rem;
  grid-row-gap: 1.875rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 1024px) {
  .actualites__grid {
    grid-row-gap: 5rem;
    grid-template-columns: -webkit-calc((100% - 3.75rem) / 3) -webkit-calc((100% - 3.75rem) / 3) -webkit-calc((100% - 3.75rem) / 3);
    grid-template-columns: -moz-calc((100% - 3.75rem) / 3) -moz-calc((100% - 3.75rem) / 3) -moz-calc((100% - 3.75rem) / 3);
    grid-template-columns: calc((100% - 3.75rem) / 3) calc((100% - 3.75rem) / 3) calc((100% - 3.75rem) / 3);
  }
}
.actualites__grid.--loading {
  padding-bottom: 6.25rem;
  position: relative;
}
.actualites__grid.--loading:after {
  border-width: 0.3125rem;
  bottom: 1.25rem;
  height: 3.75rem;
  width: 3.75rem;
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: rotate_loading;
     -moz-animation-name: rotate_loading;
       -o-animation-name: rotate_loading;
          animation-name: rotate_loading;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #E55B26;
  border-top-color: #E55B26;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
}
@media (min-width: 1024px) {
  .actualites__item:nth-child(10n+1), .actualites__item:nth-child(10n+7) {
    grid-column: span 2;
  }
}
.actualites__item.--pad {
  row-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.actualites__item.--pad .articleMiniature {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: auto;
}

@-webkit-keyframes rotate_loading {
  0% {
    -webkit-transform: translateX(-50%) rotate(0deg) translate3d(0, 0, 0);
            transform: translateX(-50%) rotate(0deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translateX(-50%) rotate(360deg) translate3d(0, 0, 0);
            transform: translateX(-50%) rotate(360deg) translate3d(0, 0, 0);
  }
}

@-moz-keyframes rotate_loading {
  0% {
    -moz-transform: translateX(-50%) rotate(0deg) translate3d(0, 0, 0);
         transform: translateX(-50%) rotate(0deg) translate3d(0, 0, 0);
  }
  100% {
    -moz-transform: translateX(-50%) rotate(360deg) translate3d(0, 0, 0);
         transform: translateX(-50%) rotate(360deg) translate3d(0, 0, 0);
  }
}

@-o-keyframes rotate_loading {
  0% {
    transform: translateX(-50%) rotate(0deg) translate3d(0, 0, 0);
  }
  100% {
    transform: translateX(-50%) rotate(360deg) translate3d(0, 0, 0);
  }
}

@keyframes rotate_loading {
  0% {
    -webkit-transform: translateX(-50%) rotate(0deg) translate3d(0, 0, 0);
       -moz-transform: translateX(-50%) rotate(0deg) translate3d(0, 0, 0);
            transform: translateX(-50%) rotate(0deg) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translateX(-50%) rotate(360deg) translate3d(0, 0, 0);
       -moz-transform: translateX(-50%) rotate(360deg) translate3d(0, 0, 0);
            transform: translateX(-50%) rotate(360deg) translate3d(0, 0, 0);
  }
}
.adresses__container {
  padding-bottom: 3.125rem;
  padding-top: 3.125rem;
}
@media (min-width: 768px) {
  .adresses__container {
    padding-bottom: 6.25rem;
    padding-top: 4.375rem;
  }
}
@media (min-width: 1024px) {
  .adresses__container {
    padding-bottom: 9.375rem;
    padding-top: 6.25rem;
    padding-right: 84px;
  }
}
.adresses__categories {
  margin-bottom: 2.5rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  overflow: auto;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .adresses__categories {
    margin-bottom: 3.75rem;
    overflow-x: auto;
  }
  .adresses__categories:not(:hover) {
    overflow-x: hidden;
  }
}
.adresses__categories__container {
  padding: 0 15px;
  text-align: center;
}
.adresses__category:not(:last-child) {
  margin-right: 0.5rem;
}
.adresses__category a {
  font-size: 1.0625em;
  line-height: 1.4705882353em;
  padding-bottom: 0.3125rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.3125rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.adresses__category a:hover, .adresses__category a.--active {
  background: #00817C;
}
.adresses__list {
  grid-row-gap: 1.875rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .adresses__list {
    grid-column-gap: 1.875rem;
    grid-row-gap: 3.75rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .adresses__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.restaurantItem {
  height: 100%;
}
.restaurantItem__link {
  -webkit-border-bottom-left-radius: 1.25rem;
     -moz-border-radius-bottomleft: 1.25rem;
          border-bottom-left-radius: 1.25rem;
  -webkit-border-bottom-right-radius: 1.25rem;
     -moz-border-radius-bottomright: 1.25rem;
          border-bottom-right-radius: 1.25rem;
  background: #00817C;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.restaurantItem__content {
  padding-bottom: 2.8125rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  padding-top: 1.25rem;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.restaurantItem__title {
  font-size: 1.25em;
  line-height: 1.9em;
  margin-bottom: 0.9375rem;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 1536px) {
  .restaurantItem__title {
    font-size: 1.625em;
    line-height: 1.7307692308em;
  }
}
.restaurantItem__text {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
  margin-bottom: 0.9375rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.restaurantItem__button {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
  font-family: "GTHaptik", sans-serif;
  position: relative;
}
.restaurantItem__button:before {
  background: #FFFFFF;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

.article {
  /*&__product {
    &__link {
      @include propertyRem(padding-bottom, 40);
      @include propertyRem(padding-left, 20);
      @include propertyRem(padding-right, 20);
      @include propertyRem(padding-top, 40);
      background: $brownLight;
      border: 1px solid $brownMedium;
      color: $brown;
      display: block;
      text-align: center;
    }

    &__logo {
      @include propertyRem(margin-bottom, 50);

      svg {
        @include propertyRem(max-width, 216);
        display: block;
        height: auto;
        margin: auto;
        width: 100%;
      }
    }

    &__img {
      @include propertyRem(margin-bottom, 30);

      picture {
        @include propertyRem(max-width, 250);
        margin: auto;
      }
    }

    &__cta {
      @include fontSize(17, 25);
      @include propertyRem(margin-bottom, 10);
      letter-spacing: .1em;
      text-transform: uppercase;
    }

    &__title {
      @include fontSize(18, 27);
      font-weight: 700;
    }
  }*/
}
.article__back {
  margin-bottom: 0.625rem;
  text-align: center;
}
@media (min-width: 768px) {
  .article__back {
    text-align: left;
  }
}
.article__back a {
  font-size: 1.25em;
  line-height: 1.25em;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "GTHaptik", sans-serif;
}
.article__back a:hover:before {
  -webkit-transform: translateX(-1rem) translate3d(0, 0, 0);
     -moz-transform: translateX(-1rem) translate3d(0, 0, 0);
          transform: translateX(-1rem) translate3d(0, 0, 0);
}
.article__back a:before {
  height: 0.9375rem;
  width: 2.25rem;
  margin-right: 0.625rem;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='15' viewBox='0 0 36 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 6.5H36V8.5H35V6.5ZM0.292892 8.20711C-0.0976295 7.81658 -0.0976295 7.18342 0.292892 6.79289L6.65685 0.428932C7.04738 0.0384078 7.68054 0.0384078 8.07107 0.428932C8.46159 0.819457 8.46159 1.45262 8.07107 1.84315L2.41422 7.5L8.07107 13.1569C8.46159 13.5474 8.46159 14.1805 8.07107 14.5711C7.68054 14.9616 7.04738 14.9616 6.65685 14.5711L0.292892 8.20711ZM35 8.5H1V6.5H35V8.5Z' fill='%23F1BB3A'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  content: "";
  -webkit-transform: translateX(0) translate3d(0, 0, 0);
     -moz-transform: translateX(0) translate3d(0, 0, 0);
          transform: translateX(0) translate3d(0, 0, 0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.article__img {
  margin-bottom: 3.125rem;
}
.article__content {
  font-weight: 700;
}
.article__blocs {
  margin-top: 3.125rem;
}
.article__blocs > * {
  margin-bottom: 3.125rem;
  margin-top: 3.125rem;
}
.article__blocs > *:first-child {
  margin-top: 0;
}
.article__blocs > *:last-child {
  margin-bottom: 0;
}
.article__demi__row {
  grid-gap: 2.1875rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .article__demi__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .article__demi__row.--invert {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.article__demi__img {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
@media (min-width: 768px) {
  .article__demi__img {
    width: auto;
  }
}
.article__demi__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.article__demi__title {
  font-size: 1.25em;
  line-height: 1.75em;
  margin-bottom: 1.25rem;
  font-family: "GTHaptik", sans-serif;
}
.article__button.--center {
  text-align: center;
}
.article__button.--right {
  text-align: right;
}
.article__bottom {
  margin-top: 3.75rem;
  padding-top: 3.125rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.article__products {
  padding-bottom: 8.125rem;
  padding-top: 3.75rem;
  background: #FFFFFF;
}
.article__products__title {
  font-size: 2.25em;
  line-height: 1.25em;
  margin-bottom: 2.5rem;
  font-family: "GTHaptik", sans-serif;
  text-align: center;
}
.article__products__list {
  max-width: 75rem;
  grid-gap: 1.875rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin: auto;
}
@media (min-width: 768px) {
  .article__products__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.bonCadeaux__list {
  padding-bottom: 3.125rem;
  padding-top: 3.125rem;
}
@media (min-width: 768px) {
  .bonCadeaux__list {
    padding-bottom: 6.25rem;
    padding-top: 5rem;
  }
}
@media (min-width: 1536px) {
  .bonCadeaux__list {
    padding-bottom: 11.25rem;
    padding-top: 7.5rem;
  }
}
.bonCadeaux__item:not(:last-child) {
  margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
  .bonCadeaux__item:not(:last-child) {
    margin-bottom: 3.125rem;
  }
}

.bonCadeau {
  -webkit-border-bottom-left-radius: 1.25rem;
     -moz-border-radius-bottomleft: 1.25rem;
          border-bottom-left-radius: 1.25rem;
  -webkit-border-bottom-right-radius: 1.25rem;
     -moz-border-radius-bottomright: 1.25rem;
          border-bottom-right-radius: 1.25rem;
  background: #F1BB3A;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .bonCadeau {
    -webkit-border-bottom-left-radius: 0rem;
       -moz-border-radius-bottomleft: 0rem;
            border-bottom-left-radius: 0rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.bonCadeau.--blue {
  background: #00817C;
  color: #FFFFFF;
}
.bonCadeau.--orange {
  background: #E55B26;
  color: #FFFFFF;
}
.bonCadeau__logo {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
@media (min-width: 768px) {
  .bonCadeau__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.bonCadeau__logo svg {
  width: 1.6875rem;
  display: block;
  height: auto;
}
.bonCadeau__img {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (min-width: 768px) {
  .bonCadeau__img {
    width: 43%;
  }
}
.bonCadeau__img picture {
  height: 100%;
}
.bonCadeau__content {
  grid-gap: 0.625rem;
  padding-bottom: 1.875rem;
  padding-left: 2.8125rem;
  padding-right: 2.8125rem;
  padding-top: 0.9375rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media (min-width: 768px) {
  .bonCadeau__content {
    padding-bottom: 0.9375rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
  }
}
.bonCadeau__title {
  font-size: 1.25em;
  line-height: 1.2em;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 1536px) {
  .bonCadeau__title {
    font-size: 1.625em;
    line-height: 1.2307692308em;
  }
}
.bonCadeau__subtitle, .bonCadeau__price {
  font-size: 1.125em;
  line-height: 1.7777777778em;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 1536px) {
  .bonCadeau__subtitle, .bonCadeau__price {
    font-size: 1.25em;
    line-height: 1.75em;
  }
}
.bonCadeau__text {
  font-size: 1em;
  line-height: 1.75em;
}
@media (min-width: 1536px) {
  .bonCadeau__text {
    font-size: 1.0625em;
    line-height: 1.7647058824em;
  }
}

.carte {
  background-color: #F1BB3A;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.carte.--invert {
  background-color: #00817C;
  color: #FFFFFF;
}
.carte__bloc {
  overflow: hidden;
}
.carte__bloc__item {
  padding-bottom: 3.125rem;
  padding-top: 3.125rem;
  position: relative;
}
@media (min-width: 768px) {
  .carte__bloc__item {
    padding-bottom: 6.25rem;
    padding-top: 6.25rem;
  }
}
.carte__bloc__item:first-child {
  margin-top: 3.125rem;
}
@media (min-width: 768px) {
  .carte__bloc__item:first-child {
    margin-top: 6.25rem;
  }
}
.carte__bloc__item:last-child {
  margin-bottom: 3.125rem;
}
@media (min-width: 768px) {
  .carte__bloc__item:last-child {
    margin-bottom: 6.25rem;
  }
}
.carte__bloc__container {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .carte__bloc__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .carte__bloc__container {
    max-width: 91.25%;
  }
}
@media (min-width: 768px) {
  .carte__bloc__container.--invert {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.carte__bloc__container.--invert .carte__bloc__img {
  margin-right: 0 !important;
}
@media (min-width: 768px) {
  .carte__bloc__container.--invert .carte__bloc__img {
    margin-left: 6.25rem;
  }
}
@media (min-width: 1024px) {
  .carte__bloc__container.--invert .carte__bloc__img {
    margin-left: 8.75rem;
  }
}
.carte__bloc__img {
  margin-bottom: 3.75rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
@media (min-width: 768px) {
  .carte__bloc__img {
    margin-right: 6.25rem;
    margin-bottom: 0;
    width: auto;
  }
}
@media (min-width: 1024px) {
  .carte__bloc__img {
    margin-right: 8.75rem;
  }
}
.carte__bloc__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.carte__bloc__title {
  font-size: 1.5625em;
  line-height: 1.12em;
  margin-bottom: 1.5625rem;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .carte__bloc__title {
    font-size: 2.1875em;
    line-height: 1.1428571429em;
    margin-bottom: 2.1875rem;
  }
}
@media (min-width: 1536px) {
  .carte__bloc__title {
    font-size: 3.125em;
    line-height: 1.2em;
    margin-bottom: 3.125rem;
  }
}
.carte__bloc__text {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
}
.carte__bloc__bottom {
  margin-top: 3.125rem;
}
.carte__bloc__bandeaux {
  font-size: 5em;
  line-height: 1.25em;
  color: #FFFFFF;
  font-family: "GTHaptik", sans-serif;
  left: 0;
  opacity: 0.2;
  position: absolute;
  top: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .carte__bloc__bandeaux {
    font-size: 6.25em;
    line-height: 1.35em;
    top: 50%;
    -webkit-transform: translateY(-50%) translate3d(0, 0, 0);
       -moz-transform: translateY(-50%) translate3d(0, 0, 0);
            transform: translateY(-50%) translate3d(0, 0, 0);
  }
}
@media (min-width: 1536px) {
  .carte__bloc__bandeaux {
    font-size: 7.5em;
    line-height: 1.3333333333em;
  }
}
.carte__bloc__bandeau {
  -webkit-animation-duration: 40s;
     -moz-animation-duration: 40s;
       -o-animation-duration: 40s;
          animation-duration: 40s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}
.carte__bloc__bandeau.--left:before {
  content: attr(data-content);
  left: 100%;
  position: absolute;
  top: 0;
}
.carte__bloc__bandeau.--left:after {
  content: attr(data-content);
  left: 200%;
  position: absolute;
  top: 0;
}
.carte__bloc__bandeau.--right:before {
  content: attr(data-content);
  position: absolute;
  right: 100%;
  top: 0;
}
.carte__bloc__bandeau.--right:after {
  content: attr(data-content);
  position: absolute;
  right: 200%;
  top: 0;
}

@-webkit-keyframes bandeau_left {
  0% {
    -webkit-transform: translateX(0) translate3d(0, 0, 0);
            transform: translateX(0) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translateX(-100%) translate3d(0, 0, 0);
            transform: translateX(-100%) translate3d(0, 0, 0);
  }
}

@-moz-keyframes bandeau_left {
  0% {
    -moz-transform: translateX(0) translate3d(0, 0, 0);
         transform: translateX(0) translate3d(0, 0, 0);
  }
  100% {
    -moz-transform: translateX(-100%) translate3d(0, 0, 0);
         transform: translateX(-100%) translate3d(0, 0, 0);
  }
}

@-o-keyframes bandeau_left {
  0% {
    transform: translateX(0) translate3d(0, 0, 0);
  }
  100% {
    transform: translateX(-100%) translate3d(0, 0, 0);
  }
}

@keyframes bandeau_left {
  0% {
    -webkit-transform: translateX(0) translate3d(0, 0, 0);
       -moz-transform: translateX(0) translate3d(0, 0, 0);
            transform: translateX(0) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translateX(-100%) translate3d(0, 0, 0);
       -moz-transform: translateX(-100%) translate3d(0, 0, 0);
            transform: translateX(-100%) translate3d(0, 0, 0);
  }
}
@-webkit-keyframes bandeau_right {
  0% {
    -webkit-transform: translateX(0) translate3d(0, 0, 0);
            transform: translateX(0) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translateX(100%) translate3d(0, 0, 0);
            transform: translateX(100%) translate3d(0, 0, 0);
  }
}
@-moz-keyframes bandeau_right {
  0% {
    -moz-transform: translateX(0) translate3d(0, 0, 0);
         transform: translateX(0) translate3d(0, 0, 0);
  }
  100% {
    -moz-transform: translateX(100%) translate3d(0, 0, 0);
         transform: translateX(100%) translate3d(0, 0, 0);
  }
}
@-o-keyframes bandeau_right {
  0% {
    transform: translateX(0) translate3d(0, 0, 0);
  }
  100% {
    transform: translateX(100%) translate3d(0, 0, 0);
  }
}
@keyframes bandeau_right {
  0% {
    -webkit-transform: translateX(0) translate3d(0, 0, 0);
       -moz-transform: translateX(0) translate3d(0, 0, 0);
            transform: translateX(0) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translateX(100%) translate3d(0, 0, 0);
       -moz-transform: translateX(100%) translate3d(0, 0, 0);
            transform: translateX(100%) translate3d(0, 0, 0);
  }
}
.cms-page {
  background-color: #F1BB3A;
}
.cms-page .cms-section {
  position: relative;
  margin-bottom: 2rem;
}
.cms-page .cms-section::before {
  content: "";
  border: 2px solid;
  -webkit-border-image: -webkit-linear-gradient(295deg, #E55B26 25%, rgba(0, 0, 0, 0.08) 25%, rgba(0, 0, 0, 0.08) 75%, #E55B26 75%, #E55B26 100%) 2;
     -moz-border-image: -moz-linear-gradient(295deg, #E55B26 25%, rgba(0, 0, 0, 0.08) 25%, rgba(0, 0, 0, 0.08) 75%, #E55B26 75%, #E55B26 100%) 2;
       -o-border-image: -o-linear-gradient(295deg, #E55B26 25%, rgba(0, 0, 0, 0.08) 25%, rgba(0, 0, 0, 0.08) 75%, #E55B26 75%, #E55B26 100%) 2;
          border-image: linear-gradient(155deg, #E55B26 25%, rgba(0, 0, 0, 0.08) 25%, rgba(0, 0, 0, 0.08) 75%, #E55B26 75%, #E55B26 100%) 2;
  position: absolute;
  left: 0;
  top: 50%;
  width: -webkit-calc(100% + 2rem);
  width: -moz-calc(100% + 2rem);
  width: calc(100% + 2rem);
  height: -webkit-calc(100% - 3rem);
  height: -moz-calc(100% - 3rem);
  height: calc(100% - 3rem);
  -webkit-transform: translate(-1rem, -50%);
     -moz-transform: translate(-1rem, -50%);
      -ms-transform: translate(-1rem, -50%);
       -o-transform: translate(-1rem, -50%);
          transform: translate(-1rem, -50%);
}
@media (min-width: 768px) {
  .cms-page .cms-section::before {
    width: -webkit-calc(100% + 6rem);
    width: -moz-calc(100% + 6rem);
    width: calc(100% + 6rem);
    height: -webkit-calc(100% - 14rem);
    height: -moz-calc(100% - 14rem);
    height: calc(100% - 14rem);
    -webkit-transform: translate(-3rem, -50%);
       -moz-transform: translate(-3rem, -50%);
        -ms-transform: translate(-3rem, -50%);
         -o-transform: translate(-3rem, -50%);
            transform: translate(-3rem, -50%);
  }
}
.cms-page .cms-section .content {
  padding: 2.5rem 1rem;
  background-color: #FFFFFF;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .cms-page .cms-section .content {
    padding: 10rem;
  }
}

.contact {
  margin-bottom: 3.75rem;
  margin-top: 3.75rem;
}
@media (min-width: 768px) {
  .contact {
    margin-bottom: 15rem;
  }
}
.contact__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .contact__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.contact__map {
  margin: auto;
  margin-bottom: 1.875rem;
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
}
@media (min-width: 768px) {
  .contact__map {
    margin: 0;
    margin-right: 3.125rem;
    width: 50%;
  }
}
@media (min-width: 1536px) {
  .contact__map {
    margin-right: 10.625rem;
  }
}
.contact__iframe {
  position: relative;
  height: 170px;
  width: 100%;
}
@media (min-width: 768px) {
  .contact__iframe {
    height: 43.75rem;
  }
}
.contact__iframe iframe {
  height: 100%;
  position: relative;
  width: 100%;
}
.contact__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.contact__space {
  margin-bottom: 1.25rem;
}
.contact__title {
  font-size: 1.5em;
  line-height: 1.25em;
  margin-bottom: 1.25rem;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .contact__title {
    font-size: 1.75em;
    line-height: 1.25em;
  }
}
@media (min-width: 1536px) {
  .contact__title {
    font-size: 2em;
    line-height: 1.25em;
  }
}
.contact__title.--small {
  margin-bottom: 0.625rem;
}
.contact__subtitle {
  font-size: 1.25em;
  line-height: 1.25em;
  font-family: "GTHaptik", sans-serif;
}
.contact__button {
  margin-bottom: 3.125rem;
  margin-top: 1.25rem;
}
.contact__horaires__content strong,
.contact__horaires__content b {
  font-size: 1.25em;
  line-height: 1.25em;
  font-family: "GTHaptik", sans-serif;
}
.contact__horaires__content p {
  font-size: 1.125em;
  line-height: 1.5em;
}
.contact__horaires__content p:not(:last-child) {
  margin-bottom: 1.25rem;
}
.contact__list {
  margin-top: 3.125rem;
}
.contact__list__item:not(:last-child) {
  margin-bottom: 3.125rem;
}

.error-page {
  background-color: #F1BB3A;
}
.error-page .container {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media (min-width: 768px) {
  .error-page .container {
    padding-top: 12rem;
    padding-bottom: 19rem;
  }
}
.error-page h1 {
  font-size: 10rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .error-page h1 {
    font-size: 20rem;
  }
}
.error-page .content h2 {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .error-page .content h2 {
    margin-top: 3.7rem;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .hp__slider {
    height: 100vh;
  }
}
@media (min-width: 1024px) {
  .hp__slider {
    padding-left: 8.3%;
    padding-right: 84px;
    position: relative;
  }
  .hp__slider:before {
    background-image: url("../../images/slider_side.png");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
            background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 8.3%;
  }
}
.hp__slider .flickity-page-dots {
  bottom: 3.75rem;
  right: 2.5rem;
  width: auto;
}
@media (max-width: 639px) {
  .hp__slider .flickity-page-dots {
    top: 50%;
    right: 5px;
  }
  .hp__slider .flickity-page-dots .dot {
    margin-bottom: 10px !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 1023px) {
  .hp__slider .flickity-page-dots {
    top: 50%;
    right: 15px;
  }
  .hp__slider .flickity-page-dots .dot {
    margin-bottom: 10px !important;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .hp__slider .flickity-page-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 8.125rem;
  }
}
.hp__slider .flickity-page-dots .dot {
  border-width: 0.4375rem;
  height: 1.875rem;
  width: 1.875rem;
  background: transparent;
  border-color: transparent;
  border-style: solid;
  -webkit-box-shadow: 0 0 0 0 #FFFFFF;
     -moz-box-shadow: 0 0 0 0 #FFFFFF;
          box-shadow: 0 0 0 0 #FFFFFF;
  display: block;
  margin: 0;
  opacity: 1;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.hp__slider .flickity-page-dots .dot:before {
  background: #FFFFFF;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
}
.hp__slider .flickity-page-dots .dot:hover:before {
  background: #F1BB3A;
}
.hp__slider .flickity-page-dots .dot:not(:last-child) {
  margin-right: 1.5625rem;
}
.hp__slider .flickity-page-dots .dot.is-selected {
  -webkit-box-shadow: 0 0 0 0.3125rem #F1BB3A;
     -moz-box-shadow: 0 0 0 0.3125rem #F1BB3A;
          box-shadow: 0 0 0 0.3125rem #F1BB3A;
}
.hp__slider .flickity-page-dots .dot.is-selected:before {
  background: #F1BB3A;
}
.hp__slider .flickity-button {
  height: 2.375rem;
  width: 1.375rem;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='38' viewBox='0 0 22 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3L18 19L3 35' stroke='white' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0;
}
.hp__slider .flickity-button[disabled] {
  display: none;
}
.hp__slider .flickity-button-icon {
  display: none;
}
.hp__slider .flickity-button.previous {
  left: 2.5rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
     -moz-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
       -o-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.hp__slider .flickity-button.next {
  right: 2.5rem;
}
@media (min-width: 768px) {
  .hp__slider .flickity-viewport {
    height: 100% !important;
  }
}
.hp__slide {
  overflow: hidden;
  width: 100%;
}
@media (min-width: 768px) {
  .hp__slide {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .hp__slide__container {
    height: 100%;
  }
}
.hp__slide__img {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .hp__slide__img {
    height: 100%;
  }
}
.hp__slide__img picture {
  height: 100%;
}
.hp__slide__content {
  bottom: 60px;
  left: 0;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  z-index: 2;
}
@media (min-width: 768px) {
  .hp__slide__content {
    bottom: 11.14%;
  }
}
@media (min-width: 1024px) {
  .hp__slide__content {
    left: 4.375rem;
    padding-left: 0;
    padding-right: 30px;
  }
}
.hp__slide__title {
  font-size: 2.5em;
  line-height: 1em;
  color: #FFFFFF;
  font-family: "GTHaptik", sans-serif;
  max-width: 50rem;
}
@media (min-width: 768px) {
  .hp__slide__title {
    font-size: 3.4375em;
    line-height: 1em;
  }
}
@media (min-width: 1536px) {
  .hp__slide__title {
    font-size: 4.875em;
    line-height: 1.0256410256em;
  }
}
.hp__slide__text {
  font-size: 1.25em;
  line-height: 1.3em;
  margin-top: 1.25rem;
  color: #FFFFFF;
  font-family: "GTHaptik", sans-serif;
  max-width: 50rem;
}
@media (min-width: 768px) {
  .hp__slide__text {
    font-size: 1.625em;
    line-height: 1.2692307692em;
  }
}
@media (min-width: 1536px) {
  .hp__slide__text {
    font-size: 2.125em;
    line-height: 1.2352941176em;
    margin-top: 1.875rem;
  }
}
.hp__slide__buttons {
  margin-top: 1.25rem;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .hp__slide__buttons {
    display: block;
  }
}
@media (min-width: 1536px) {
  .hp__slide__buttons {
    margin-top: 1.875rem;
  }
}
.hp__slide__buttons .button:not(:last-child) {
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .hp__slide__buttons .button:not(:last-child) {
    margin-right: 1.875rem;
  }
}
.hp__template1 {
  margin-bottom: 6.25rem;
  position: relative;
}
.hp__template1:before {
  background-image: url("../../images/symbol.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  content: "";
  display: block;
  height: 75%;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.hp__template1.--yellow:before {
  background-color: #F1BB3A;
}
.hp__template1.--orange:before {
  background-color: #E55B26;
}
.hp__template1__container {
  padding-top: 3.125rem;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .hp__template1__container {
    max-width: 91.25%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .hp__template1__container {
    padding-top: 8.125rem;
  }
}
.hp__template1__content {
  margin-bottom: 3.75rem;
  position: relative;
}
@media (min-width: 1024px) {
  .hp__template1__content {
    margin-bottom: 5rem;
    padding-left: 15.625rem;
    padding-right: 6.25rem;
  }
  .hp__template1__content:before {
    height: 7.5rem;
    left: 4.6875rem;
    width: 7.5rem;
    background-image: url("../../images/sticker_1.png");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
       -moz-background-size: contain;
            background-size: contain;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translate3d(0, 0, 0);
       -moz-transform: translateY(-50%) translate3d(0, 0, 0);
            transform: translateY(-50%) translate3d(0, 0, 0);
  }
}
@media (min-width: 1536px) {
  .hp__template1__content {
    margin-bottom: 6.875rem;
    padding-left: 30rem;
    padding-right: 11.25rem;
  }
  .hp__template1__content:before {
    height: 11.25rem;
    left: 9.375rem;
    width: 11.25rem;
  }
}
.hp__template1__title {
  font-size: 1.875em;
  line-height: 1.3333333333em;
  margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
  .hp__template1__title {
    font-size: 2.5em;
    line-height: 1.25em;
  }
}
@media (min-width: 1536px) {
  .hp__template1__title {
    font-size: 3.125em;
    line-height: 1.2em;
  }
}
.hp__template1__text {
  font-family: "GTHaptik", sans-serif;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .hp__template1__text {
    font-size: 1.25em;
    line-height: 1.2em;
  }
}
@media (min-width: 1536px) {
  .hp__template1__text {
    font-size: 1.625em;
    line-height: 1.2307692308em;
  }
}
.hp__template2 {
  margin-top: 6.25rem;
  padding-bottom: 3.75rem;
  position: relative;
}
@media (min-width: 768px) {
  .hp__template2 {
    padding-bottom: 8.125rem;
  }
}
.hp__template2:before {
  background-image: url("../../images/symbol.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  bottom: -1px;
  content: "";
  display: block;
  height: 72%;
  left: 0;
  overflow: hidden;
  position: absolute;
  -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
     -moz-transform: rotateY(180deg) translate3d(0, 0, 0);
          transform: rotateY(180deg) translate3d(0, 0, 0);
  width: 100%;
  z-index: 1;
}
.hp__template2.--yellow:before {
  background-color: #F1BB3A;
}
.hp__template2.--orange:before {
  background-color: #E55B26;
}
.hp__template2__grid {
  display: grid;
  grid-template-areas: "b" "c" "text";
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .hp__template2__grid {
    grid-column-gap: 5rem;
    grid-template-areas: "a b" "a c" "text c";
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto 1fr;
    padding-left: 0;
    padding-right: 0;
    max-width: 91.25%;
  }
}
@media (min-width: 1024px) {
  .hp__template2__grid {
    grid-column-gap: 5rem;
  }
}
@media (min-width: 1536px) {
  .hp__template2__grid {
    grid-column-gap: 10rem;
  }
}
.hp__template2__img.--one {
  display: none;
  grid-area: a;
}
@media (min-width: 768px) {
  .hp__template2__img.--one {
    display: block;
  }
}
.hp__template2__img.--two {
  grid-area: b;
  position: relative;
}
@media (min-width: 768px) {
  .hp__template2__img.--two {
    margin-top: 13.75rem;
  }
}
.hp__template2__img.--two:before {
  background-image: url("../../images/sticker_2.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 87px;
  position: absolute;
  right: 0;
  -webkit-transform: translate(20%, 37%) translate3d(0, 0, 0);
     -moz-transform: translate(20%, 37%) translate3d(0, 0, 0);
          transform: translate(20%, 37%) translate3d(0, 0, 0);
  width: 87px;
  z-index: 2;
}
@media (min-width: 768px) {
  .hp__template2__img.--two:before {
    height: 7.5rem;
    width: 7.5rem;
    -webkit-transform: translate(50%, 57%) translate3d(0, 0, 0);
       -moz-transform: translate(50%, 57%) translate3d(0, 0, 0);
            transform: translate(50%, 57%) translate3d(0, 0, 0);
  }
}
@media (min-width: 1024px) {
  .hp__template2__img.--two:before {
    height: 11.25rem;
    width: 11.25rem;
  }
}
.hp__template2__img.--three {
  margin-top: 3.125rem;
  grid-area: c;
  margin-left: auto;
  margin-right: auto;
  max-width: 380px;
  width: 100%;
}
@media (min-width: 768px) {
  .hp__template2__img.--three {
    margin-top: 10.3125rem;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .hp__template2__img.--three picture {
    width: 80%;
  }
}
.hp__template2__content {
  margin-top: 3.125rem;
  max-width: 31.875rem;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-area: text;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  .hp__template2__content {
    max-width: 25rem;
    margin-left: auto;
    margin-top: 0;
  }
}
@media (min-width: 1536px) {
  .hp__template2__content {
    max-width: 31.875rem;
  }
}
.hp__template2__quote {
  font-family: "GTHaptik", sans-serif;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .hp__template2__quote {
    font-size: 1.25em;
    line-height: 1.2em;
  }
}
@media (min-width: 1536px) {
  .hp__template2__quote {
    font-size: 1.625em;
    line-height: 1.2307692308em;
  }
}
.hp__template2__author {
  font-size: 1.0625em;
  margin-top: 1.875rem;
}
.hp__text {
  margin-bottom: 6.25rem;
  margin-top: 6.25rem;
}
.hp__text__container {
  max-width: 43.75rem;
  margin: auto;
  text-align: center;
}
@media (min-width: 1536px) {
  .hp__text__container {
    max-width: 48.75rem;
  }
}
.hp__text__content {
  font-family: "GTHaptik", sans-serif;
  font-size: 16px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .hp__text__content {
    font-size: 1.25em;
    line-height: 1.2em;
  }
}
@media (min-width: 1536px) {
  .hp__text__content {
    font-size: 1.625em;
    line-height: 1.2307692308em;
  }
}
.hp__text__bottom {
  margin-top: 2.5rem;
}
.hp__banniere {
  height: 350px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .hp__banniere {
    height: auto;
  }
}
.hp__banniere__img {
  height: 100%;
}
@media (min-width: 768px) {
  .hp__banniere__img {
    height: auto;
  }
}
.hp__banniere__img picture {
  height: 100%;
}
@media (min-width: 768px) {
  .hp__banniere__img picture {
    height: auto;
  }
}
.hp__banniere__container {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.hp__banniere__content {
  max-width: 48.75rem;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px;
  text-align: center;
}
.hp__banniere__title {
  font-size: 2.1875em;
  line-height: 1.1428571429em;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .hp__banniere__title {
    font-size: 3.125em;
    line-height: 1.36em;
  }
}
@media (min-width: 1536px) {
  .hp__banniere__title {
    font-size: 6.25em;
    line-height: 1.24em;
  }
}
.hp__banniere__text {
  font-size: 1.25em;
  line-height: 1.25em;
  margin-top: 1.875rem;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 1536px) {
  .hp__banniere__text {
    font-size: 2em;
    line-height: 1.21875em;
  }
}
.hp__banniere__bottom {
  margin-top: 3.125rem;
}
.hp__banniere__bandeau {
  font-size: 2.1875em;
  line-height: 1.2857142857em;
  color: #F1BB3A;
  font-family: "GTHaptik", sans-serif;
  width: 100%;
}
@media (min-width: 768px) {
  .hp__banniere__bandeau {
    font-size: 2.8125em;
    line-height: 1.3333333333em;
    padding-bottom: 1.375rem;
    padding-top: 1.375rem;
  }
}
@media (min-width: 1024px) {
  .hp__banniere__bandeau {
    font-size: 3.75em;
    line-height: 1.25em;
  }
}
.hp__banniere__move {
  -webkit-animation-duration: 15s;
     -moz-animation-duration: 15s;
       -o-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: bandeau;
     -moz-animation-name: bandeau;
       -o-animation-name: bandeau;
          animation-name: bandeau;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  white-space: nowrap;
}
.hp__banniere__move:before {
  content: attr(data-content);
  left: 100%;
  position: absolute;
  top: 0;
}
.hp__banniere__move:after {
  content: attr(data-content);
  left: 200%;
  position: absolute;
  top: 0;
}
.hp__news {
  padding-bottom: 5.625rem;
  padding-top: 6.875rem;
}
@media (min-width: 768px) {
  .hp__news {
    margin-bottom: 5.625rem;
    margin-top: 6.875rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.hp__news__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.hp__news__title {
  font-size: 3.75em;
  line-height: 1.25em;
  margin-right: 1.5625rem;
  color: #E55B26;
  font-family: "GTHaptik", sans-serif;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media (min-width: 768px) {
  .hp__news__title {
    font-size: 5em;
    line-height: 1.25em;
  }
}
@media (min-width: 1536px) {
  .hp__news__title {
    font-size: 6.875em;
    line-height: 1.2545454545em;
  }
}
.hp__news__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hp__news__slider:hover .flickity-button {
  opacity: 1;
}
.hp__news__slider .flickity-button {
  width: 10.375rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  display: none !important;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  top: 0;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .hp__news__slider .flickity-button {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.hp__news__slider .flickity-button svg {
  display: none;
}
.hp__news__slider .flickity-button:before {
  height: 2.375rem;
  width: 4.125rem;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='38' viewBox='0 0 22 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3L18 19L3 35' stroke='%23E55B26' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-position: center left;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  content: "";
  display: block;
}
.hp__news__slider .flickity-button[disabled] {
  display: none;
}
.hp__news__slider .flickity-button.previous {
  display: none !important;
  left: 0;
}
@media (min-width: 768px) {
  .hp__news__slider .flickity-button.previous {
    display: none !important;
  }
}
.hp__news__slider .flickity-button.previous:before {
  -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
     -moz-transform: rotate(180deg) translate3d(0, 0, 0);
          transform: rotate(180deg) translate3d(0, 0, 0);
}
.hp__news__slider .flickity-button.next {
  right: 0;
}
.hp__news__slide {
  padding-right: 1.875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  width: -webkit-calc(100% - 25px);
  width: -moz-calc(100% - 25px);
  width: calc(100% - 25px);
}
@media (min-width: 768px) {
  .hp__news__slide {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .hp__news__slide {
    width: 33.3333333333%;
  }
}
.hp__news__slide .articleMiniature {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: auto;
}
.hp__news__bottom {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .hp__news__bottom {
    margin-top: 5rem;
  }
}
@media (max-width: 767px) {
  .hp__news__bottom .underline {
    font-size: 19px !important;
    line-height: 24px !important;
  }
}
.hp__contact {
  margin-bottom: 5.625rem;
  background-color: #F1BB3A;
  background-image: url("../../images/symbol.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
}
@media (min-width: 768px) {
  .hp__contact {
    margin-top: 5.625rem;
  }
}
@media (min-width: 1024px) {
  .hp__contact {
    padding-right: 84px;
  }
}
.hp__contact__container {
  padding-top: 6.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  position: relative;
}
.hp__contact__container:before {
  background-image: url("../../images/sticker_3.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  content: "";
  display: block;
  height: 87px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-2.875rem) translate3d(0, 0, 0);
     -moz-transform: translateY(-2.875rem) translate3d(0, 0, 0);
          transform: translateY(-2.875rem) translate3d(0, 0, 0);
  width: 87px;
}
@media (min-width: 768px) {
  .hp__contact__container:before {
    height: 7.5rem;
    width: 7.5rem;
    right: 1.875rem;
  }
}
@media (min-width: 1536px) {
  .hp__contact__container:before {
    height: 11.25rem;
    width: 11.25rem;
    right: 0;
  }
}
.hp__contact__title {
  font-size: 3.75em;
  line-height: 1.25em;
  margin-bottom: -1.375rem;
  color: #FFFFFF;
  text-align: right;
  width: 100%;
}
@media (min-width: 768px) {
  .hp__contact__title {
    font-size: 5em;
    line-height: 1.25em;
    margin-bottom: -1.5625rem;
  }
}
@media (min-width: 1536px) {
  .hp__contact__title {
    font-size: 6.875em;
    line-height: 1.2545454545em;
    margin-bottom: -2.5rem;
  }
}
.hp__contact__row {
  padding: 0 15px;
  width: 100%;
}
@media (min-width: 768px) {
  .hp__contact__row {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .hp__contact__row {
    grid-gap: 2.3125rem;
    padding-right: 4.1875rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1536px) {
  .hp__contact__row {
    padding-right: 7.5rem;
  }
}
.hp__contact__col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hp__contact__col:not(:last-child) {
  margin-bottom: 1.875rem;
}
@media (min-width: 1024px) {
  .hp__contact__col:not(:last-child) {
    margin-bottom: 0;
  }
}
.hp__contact__col__title {
  font-size: 1.5625em;
  line-height: 1.2em;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .hp__contact__col__title {
    font-size: 1.75em;
    line-height: 1.1428571429em;
    max-width: 21.875rem;
  }
}
@media (min-width: 1536px) {
  .hp__contact__col__title {
    font-size: 2.25em;
    line-height: 1.25em;
  }
}
.hp__contact__col__content {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0.875rem;
}
@media (min-width: 768px) {
  .hp__contact__col__content {
    max-width: 23.75rem;
  }
}
@media (min-width: 1536px) {
  .hp__contact__col__content {
    font-size: 1.125em;
    line-height: 1.5em;
  }
}
.hp__contact__col__buttons {
  margin-top: 1.875rem;
}
@media (min-width: 1024px) {
  .hp__contact__col__buttons {
    margin-top: 3.75rem;
  }
}
.hp__contact__col__buttons .button:not(:last-child) {
  margin-bottom: 1.25rem;
  margin-right: 1.25rem;
}
.hp__bandeau {
  margin-bottom: 5.3125rem;
  height: 330px;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .hp__bandeau {
    height: 440px;
  }
}
@media (min-width: 1024px) {
  .hp__bandeau {
    height: 480px;
  }
}
@media (min-width: 1536px) {
  .hp__bandeau {
    height: 554px;
  }
}
.hp__bandeau + .hp__contact {
  margin-top: 0 !important;
  position: relative;
  z-index: 2;
}
.hp__bandeau:before {
  height: 5.3125rem;
  background-color: #00817C;
  background-image: url("../../images/symbol4.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
}
.hp__bandeau__img {
  height: 100%;
  position: relative;
}
.hp__bandeau__img:before {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.hp__bandeau__img picture {
  height: 100%;
  position: relative;
  z-index: 1;
}
.hp__bandeau__container {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.hp__bandeau__content {
  max-width: 48.75rem;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px;
  text-align: center;
}
.hp__bandeau__title {
  font-size: 2.1875em;
  line-height: 1.1428571429em;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .hp__bandeau__title {
    font-size: 3.125em;
    line-height: 1.36em;
  }
}
@media (min-width: 1536px) {
  .hp__bandeau__title {
    font-size: 5em;
    line-height: 1.25em;
  }
}
.hp__bandeau__subtitle {
  font-size: 1.5625em;
  line-height: 1.2em;
  margin-top: 0.3125rem;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .hp__bandeau__subtitle {
    font-size: 2em;
    line-height: 1.40625em;
  }
}
@media (min-width: 1536px) {
  .hp__bandeau__subtitle {
    font-size: 2.6875em;
    line-height: 1.3488372093em;
    margin-top: 1.875rem;
  }
}
.hp__bandeau__text {
  font-size: 1.25em;
  line-height: 1.25em;
  margin-top: 1.875rem;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 1536px) {
  .hp__bandeau__text {
    font-size: 1.625em;
    line-height: 1.2307692308em;
  }
}
.hp__bandeau__bottom {
  margin-top: 1.875rem;
}
.hp__insta {
  margin-bottom: 6.25rem;
  position: relative;
}
.hp__insta__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
@media (min-width: 768px) {
  .hp__insta__content {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
    /*@include propertyRem(max-width, 440);*/
    max-width: 33%;
    background: #FFFFFF;
    height: 100%;
    /*left: 14%;*/
    left: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
}
@media (min-width: 1024px) {
  .hp__insta__content {
    max-width: 27%;
    left: 10%;
  }
}
@media (min-width: 1536px) {
  .hp__insta__content {
    max-width: 22%;
    left: 17%;
  }
}
.hp__insta__titleMobile, .hp__insta__title {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #E55B26;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 40px;
  text-align: left;
}
@media (min-width: 768px) {
  .hp__insta__titleMobile, .hp__insta__title {
    font-size: 2.1875em;
    line-height: 0.9428571429em;
  }
}
@media (min-width: 1536px) {
  .hp__insta__titleMobile, .hp__insta__title {
    font-size: 3.125em;
    line-height: 0.9em;
  }
}
.hp__insta__titleMobile:before, .hp__insta__title:before {
  height: 3rem;
  width: 3rem;
  margin-right: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='50' viewBox='0 0 49 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.6216 12.5801C17.7382 12.5801 12.186 18.1859 12.186 25.1359C12.186 32.0858 17.7382 37.6916 24.6216 37.6916C31.5049 37.6916 37.0571 32.0858 37.0571 25.1359C37.0571 18.1859 31.5049 12.5801 24.6216 12.5801ZM24.6216 33.2987C20.1734 33.2987 16.5369 29.638 16.5369 25.1359C16.5369 20.6337 20.1625 16.973 24.6216 16.973C29.0806 16.973 32.7063 20.6337 32.7063 25.1359C32.7063 29.638 29.0698 33.2987 24.6216 33.2987ZM40.4663 12.0665C40.4663 13.6947 39.1676 14.9951 37.5658 14.9951C35.9532 14.9951 34.6652 13.6838 34.6652 12.0665C34.6652 10.4492 35.964 9.13789 37.5658 9.13789C39.1676 9.13789 40.4663 10.4492 40.4663 12.0665ZM48.7025 15.0388C48.5186 11.1158 47.6311 7.64081 44.7846 4.77779C41.949 1.91477 38.5074 1.01871 34.6219 0.822012C30.6175 0.592533 18.6149 0.592533 14.6104 0.822012C10.7358 1.00778 7.29409 1.90384 4.44767 4.76686C1.60124 7.62989 0.724587 11.1049 0.529775 15.0279C0.302494 19.0711 0.302494 31.1897 0.529775 35.2329C0.713764 39.1559 1.60124 42.6309 4.44767 45.4939C7.29409 48.3569 10.725 49.253 14.6104 49.4497C18.6149 49.6792 30.6175 49.6792 34.6219 49.4497C38.5074 49.2639 41.949 48.3679 44.7846 45.4939C47.6202 42.6309 48.5077 39.1559 48.7025 35.2329C48.9298 31.1897 48.9298 19.082 48.7025 15.0388ZM43.5292 39.5712C42.685 41.713 41.0507 43.363 38.9186 44.2263C35.7259 45.5048 28.1498 45.2098 24.6216 45.2098C21.0933 45.2098 13.5064 45.4939 10.3245 44.2263C8.20322 43.374 6.56896 41.7239 5.71395 39.5712C4.44767 36.3475 4.73989 28.6982 4.73989 25.1359C4.73989 21.5735 4.45849 13.9132 5.71395 10.7005C6.55813 8.55873 8.19239 6.90867 10.3245 6.04539C13.5173 4.76686 21.0933 5.06191 24.6216 5.06191C28.1498 5.06191 35.7367 4.77779 38.9186 6.04539C41.0399 6.89774 42.6742 8.5478 43.5292 10.7005C44.7955 13.9242 44.5033 21.5735 44.5033 25.1359C44.5033 28.6982 44.7955 36.3585 43.5292 39.5712Z' fill='%23F1BB3A'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  content: "";
  display: block;
}
.hp__insta__titleMobile span, .hp__insta__title span {
  display: block;
}
.hp__insta__title {
  max-width: 13.75rem;
  display: none;
}
@media (min-width: 768px) {
  .hp__insta__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.hp__insta__title span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hp__insta__titleMobile {
  margin-bottom: 1.5625rem;
}
@media (min-width: 768px) {
  .hp__insta__titleMobile {
    display: none;
  }
}
.hp__insta__subtitle {
  margin-top: 1.25rem;
  font-family: "GTHaptik", sans-serif;
  font-size: 22px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .hp__insta__subtitle {
    font-size: 1.25em;
    line-height: 1.2em;
  }
}
@media (min-width: 1536px) {
  .hp__insta__subtitle {
    font-size: 1.625em;
    line-height: 1.2307692308em;
  }
}
.hp__insta__text {
  margin-top: 1.25rem;
  font-size: 17px;
  line-height: 25px;
}
.hp__insta__text b,
.hp__insta__text strong {
  color: #E55B26;
}
.hp__insta__flux #sb_instagram #sbi_images .sbi_item {
  width: 40% !important;
  display: block;
  float: none;
  margin-right: 1rem !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  -moz-transition: none !important;
  transition: none !important;
}
@media (min-width: 768px) {
  .hp__insta__flux #sb_instagram #sbi_images .sbi_item {
    margin-right: 1.2rem !important;
    width: 33.3333333333% !important;
  }
}
@media (min-width: 1024px) {
  .hp__insta__flux #sb_instagram #sbi_images .sbi_item {
    margin-right: 1.5rem !important;
    width: 25% !important;
  }
}
@media (min-width: 1536px) {
  .hp__insta__flux #sb_instagram #sbi_images .sbi_item {
    margin-right: 1.875rem !important;
    width: 20% !important;
  }
}

@-webkit-keyframes bandeau {
  0% {
    -webkit-transform: translateX(0) translate3d(0, 0, 0);
            transform: translateX(0) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translateX(-100%) translate3d(0, 0, 0);
            transform: translateX(-100%) translate3d(0, 0, 0);
  }
}

@-moz-keyframes bandeau {
  0% {
    -moz-transform: translateX(0) translate3d(0, 0, 0);
         transform: translateX(0) translate3d(0, 0, 0);
  }
  100% {
    -moz-transform: translateX(-100%) translate3d(0, 0, 0);
         transform: translateX(-100%) translate3d(0, 0, 0);
  }
}

@-o-keyframes bandeau {
  0% {
    transform: translateX(0) translate3d(0, 0, 0);
  }
  100% {
    transform: translateX(-100%) translate3d(0, 0, 0);
  }
}

@keyframes bandeau {
  0% {
    -webkit-transform: translateX(0) translate3d(0, 0, 0);
       -moz-transform: translateX(0) translate3d(0, 0, 0);
            transform: translateX(0) translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translateX(-100%) translate3d(0, 0, 0);
       -moz-transform: translateX(-100%) translate3d(0, 0, 0);
            transform: translateX(-100%) translate3d(0, 0, 0);
  }
}
.page__container {
  padding: 1.25rem;
  margin-bottom: 6.25rem;
  margin-top: 50px;
  background: #FFFFFF;
}
@media (min-width: 768px) {
  .page__container {
    padding: 3.75rem;
  }
}
@media (min-width: 1024px) {
  .page__container {
    margin-top: 0.75rem;
    padding: 6.25rem;
  }
}
.page__title {
  font-size: 1.5625em;
  line-height: 1em;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
  font-family: "GTHaptik", sans-serif;
  text-align: center;
}
@media (min-width: 768px) {
  .page__title {
    font-size: 2.5em;
    line-height: 1.025em;
    margin-bottom: 1.875rem;
    margin-top: 0;
    text-align: left;
  }
}
@media (min-width: 1536px) {
  .page__title {
    font-size: 4.875em;
    line-height: 1.0256410256em;
    margin-bottom: 3.125rem;
  }
}
.page__content h2, .page__content h3, .page__content h4 {
  font-size: 1.25em;
  line-height: 1.75em;
  font-family: "GTHaptik", sans-serif;
}
.page__content p {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
}
.page__content p:not(:last-child) {
  margin-bottom: 1.25rem;
}
.page__content ul {
  padding-left: 1.25rem;
  list-style: disc;
}
.page__content ul:not(:last-child) {
  margin-bottom: 1.25rem;
}
.page__content li {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
}

.page404__container {
  margin-bottom: 17.5rem;
  margin-top: 11.25rem;
  text-align: center;
}
.page404__title {
  font-size: 12.5em;
  line-height: 1.05em;
  margin-bottom: 3.125rem;
  font-family: "GTHaptik", sans-serif;
}
.page404__title span:nth-child(2) {
  color: #E55B26;
}
.page404__title span:last-child {
  color: #F1BB3A;
}
.page404__subtitle {
  font-size: 3.125em;
  line-height: 1.2em;
  font-family: "GTHaptik", sans-serif;
}
.page404__content {
  max-width: 43.75rem;
  margin: auto;
}
.page404__content p {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
}
.page404__content a {
  color: #E55B26;
  font-weight: 700;
  text-decoration: underline;
}

.privatisation {
  background-color: #F1BB3A;
  background-image: url("data:image/svg+xml,%3Csvg width='1917' height='2911' viewBox='0 0 1917 2911' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1376.02 1005.43L1379.28 1001.64L1376.02 1005.43ZM2111.54 1285.59L2116.53 1285.91L2116.21 1290.9L2111.22 1290.58L2111.54 1285.59ZM1110.5 644.604L1110.64 639.606L1113.81 639.695L1115.08 642.59L1110.5 644.604ZM70.3183 1028.87L74.1094 1032.13L70.3183 1028.87ZM-221.494 1802.25L-216.504 1802.57L-216.825 1807.56L-221.815 1807.24L-221.494 1802.25ZM-373.809 1792.46L-374.13 1797.45L-379.12 1797.13L-378.799 1792.14L-373.809 1792.46ZM-156.663 1081.26L-151.811 1080.06L-151.301 1082.11L-152.416 1083.9L-156.663 1081.26ZM-686.429 343.093L-684.261 338.588L-686.429 343.093ZM-1373.24 274.98L-1372.26 279.883L-1377.16 280.864L-1378.14 275.962L-1373.24 274.98ZM-1403.2 125.32L-1408.1 126.301L-1409.08 121.398L-1404.18 120.417L-1403.2 125.32ZM-620.232 205.566L-622.4 210.071L-620.232 205.566ZM-42.1764 925.616L-38.399 928.891L-44.2301 935.616L-46.939 927.137L-42.1764 925.616ZM1055.64 491.112L1060.45 489.754L1062.25 496.132L1055.62 496.112L1055.64 491.112ZM1004.24 -22.7998L999.241 -23.0331L999.474 -28.0276L1004.47 -27.7943L1004.24 -22.7998ZM1156.7 -15.6781L1156.93 -20.6727L1161.93 -20.4394L1161.69 -15.4448L1156.7 -15.6781ZM1475.56 889.721L1472.3 893.511L1475.56 889.721ZM2121.34 1133.27L2121.66 1128.28L2126.65 1128.6L2126.33 1133.59L2121.34 1133.27ZM1835.42 2067.91L1830.51 2066.98L1835.42 2067.91ZM1710.28 1290.85L1708.07 1286.37L1712.55 1284.15L1714.77 1288.63L1710.28 1290.85ZM1130.84 2904L1133.14 2908.44L1128.69 2910.74L1126.4 2906.29L1130.84 2904ZM1060.78 2768.4L1056.33 2770.7L1054.04 2766.26L1058.48 2763.96L1060.78 2768.4ZM1685.44 2039.56L1680.53 2038.63L1685.44 2039.56ZM1573.48 1358.52L1569 1360.74L1566.78 1356.26L1571.26 1354.04L1573.48 1358.52ZM1379.28 1001.64C1607.85 1198.26 1895.18 1266.66 2111.86 1280.6L2111.22 1290.58C1893.27 1276.56 1603.54 1207.75 1372.76 1009.22L1379.28 1001.64ZM1115.08 642.59C1180.82 791.96 1272.6 909.86 1379.28 1001.64L1372.76 1009.22C1264.98 916.501 1172.29 797.4 1105.93 646.619L1115.08 642.59ZM66.5273 1025.61C261.582 798.778 582.739 624.761 1110.64 639.606L1110.36 649.602C585.06 634.831 266.948 807.875 74.1094 1032.13L66.5273 1025.61ZM-226.484 1801.93C-211.249 1564.97 -136.574 1261.81 66.5273 1025.61L74.1094 1032.13C-127.083 1266.11 -201.351 1566.88 -216.504 1802.57L-226.484 1801.93ZM-373.488 1787.47L-221.173 1797.26L-221.815 1807.24L-374.13 1797.45L-373.488 1787.47ZM-152.416 1083.9C-298.979 1319.82 -355.391 1583.91 -368.819 1792.78L-378.799 1792.14C-365.299 1582.17 -308.589 1316.34 -160.91 1078.63L-152.416 1083.9ZM-684.261 338.588C-463.343 444.924 -255.968 661.092 -151.811 1080.06L-161.515 1082.47C-265.046 666.024 -470.687 452.488 -688.598 347.598L-684.261 338.588ZM-1374.22 270.077C-1179.09 231.015 -918.283 225.943 -684.261 338.588L-688.598 347.598C-919.982 236.224 -1178.37 241.07 -1372.26 279.883L-1374.22 270.077ZM-1398.3 124.338L-1368.34 273.999L-1378.14 275.962L-1408.1 126.301L-1398.3 124.338ZM-622.4 210.071C-894.061 79.3096 -1189.31 87.6019 -1402.22 130.222L-1404.18 120.417C-1190.03 77.5472 -892.364 69.0285 -618.063 201.061L-622.4 210.071ZM-46.939 927.137C-168.591 546.415 -381.878 325.844 -622.4 210.071L-618.063 201.061C-374.855 318.127 -159.828 540.984 -37.4137 924.094L-46.939 927.137ZM1055.62 496.112C527.069 494.536 180.742 676.192 -38.399 928.891L-45.9537 922.34C175.313 667.189 524.543 484.528 1055.65 486.112L1055.62 496.112ZM1009.23 -22.5665C1000.01 174.78 1019.43 344.433 1060.45 489.754L1050.82 492.47C1009.48 345.976 989.98 175.234 999.241 -23.0331L1009.23 -22.5665ZM1156.47 -10.6836L1004 -17.8052L1004.47 -27.7943L1156.93 -20.6727L1156.47 -10.6836ZM1472.3 893.511C1278.59 726.876 1130 448.85 1151.7 -15.9114L1161.69 -15.4448C1140.11 446.71 1287.78 721.588 1478.82 885.931L1472.3 893.511ZM2121.02 1138.26C1922.42 1125.49 1669.19 1062.89 1472.3 893.511L1478.82 885.931C1673.5 1053.4 1924.34 1115.59 2121.66 1128.28L2121.02 1138.26ZM2106.55 1285.27L2116.35 1132.95L2126.33 1133.59L2116.53 1285.91L2106.55 1285.27ZM1830.51 2066.98C1886.5 1770.73 1802.08 1487.69 1705.8 1293.07L1714.77 1288.63C1811.6 1484.39 1896.87 1769.71 1840.33 2068.84L1830.51 2066.98ZM1128.55 2899.56C1574.92 2668.91 1773.73 2367.35 1830.51 2066.98L1840.33 2068.84C1782.9 2372.67 1581.83 2676.6 1133.14 2908.44L1128.55 2899.56ZM1065.22 2766.11L1135.28 2901.7L1126.4 2906.29L1056.33 2770.7L1065.22 2766.11ZM1690.36 2040.49C1642.9 2291.56 1476.42 2559.26 1063.07 2772.84L1058.48 2763.96C1469.51 2551.58 1633.73 2286.25 1680.53 2038.63L1690.36 2040.49ZM1577.96 1356.31C1666.19 1534.68 1738.59 1785.29 1690.36 2040.49L1680.53 2038.63C1728.22 1786.31 1656.67 1537.97 1569 1360.74L1577.96 1356.31ZM1712.5 1295.33L1575.69 1363L1571.26 1354.04L1708.07 1286.37L1712.5 1295.33Z' fill='white' fill-opacity='0.2'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
}
.privatisation__bloc {
  padding-bottom: 3.125rem;
  padding-top: 3.125rem;
}
@media (min-width: 768px) {
  .privatisation__bloc {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
}
@media (min-width: 1536px) {
  .privatisation__bloc {
    padding-bottom: 8.125rem;
    padding-top: 8.125rem;
  }
}
.privatisation__bloc__item {
  margin-bottom: 3.125rem;
  margin-top: 3.125rem;
}
@media (min-width: 768px) {
  .privatisation__bloc__item {
    margin-bottom: 5rem;
    margin-top: 5rem;
  }
}
@media (min-width: 1536px) {
  .privatisation__bloc__item {
    margin-bottom: 8.125rem;
    margin-top: 8.125rem;
  }
}
.privatisation__bloc__item:first-child {
  margin-top: 0;
}
.privatisation__bloc__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .privatisation__bloc__item.--demi + .privatisation__bloc__item.--double_image {
    margin-top: -11.25rem;
  }
}
@media (min-width: 1536px) {
  .privatisation__bloc__item.--demi + .privatisation__bloc__item.--double_image {
    margin-top: -17.5rem;
  }
}
.privatisation__demi .container {
  padding-left: 15px !important;
}
@media (min-width: 768px) {
  .privatisation__demi .container {
    padding-left: 0 !important;
  }
}
.privatisation__demi__container {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .privatisation__demi__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.privatisation__demi__img {
  margin-bottom: 3.125rem;
  width: 100%;
}
@media (min-width: 768px) {
  .privatisation__demi__img {
    margin-right: 5.625rem;
    margin-bottom: 0;
    width: 46%;
  }
}
@media (min-width: 1024px) {
  .privatisation__demi__img {
    margin-right: 8.125rem;
  }
}
@media (min-width: 1536px) {
  .privatisation__demi__img {
    margin-right: 10.625rem;
  }
}
.privatisation__demi__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.privatisation__demi__title {
  font-size: 1.5625em;
  line-height: 1.12em;
  margin-bottom: 1.25rem;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .privatisation__demi__title {
    font-size: 2.1875em;
    line-height: 1.1428571429em;
  }
}
@media (min-width: 1536px) {
  .privatisation__demi__title {
    font-size: 3.125em;
    line-height: 1.2em;
    margin-bottom: 1.875rem;
  }
}
.privatisation__demi__text {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
}
@media (min-width: 768px) {
  .privatisation__demi__text {
    margin-bottom: 6.25rem;
    width: 80%;
  }
}
.privatisation__double {
  grid-row-gap: 3.125rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  grid-template-areas: "imgl" "text" "imgr";
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .privatisation__double {
    grid-column-gap: 3.75rem;
    grid-row-gap: 0rem;
    grid-template-areas: ". . imgr" "imgl text imgr" "imgl . .";
    grid-template-columns: 53fr 65fr 54fr;
    grid-template-rows: 12rem auto 3rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1536px) {
  .privatisation__double {
    grid-column-gap: 6.25rem;
    grid-template-rows: 17.5rem auto 6rem;
  }
}
.privatisation__double__img {
  width: 100%;
}
@media (min-width: 768px) {
  .privatisation__double__img {
    width: auto;
  }
}
.privatisation__double__img.--left {
  grid-area: imgl;
}
.privatisation__double__img.--right {
  grid-area: imgr;
}
.privatisation__double__content {
  grid-area: text;
}
.privatisation__double__title {
  font-size: 1.75em;
  line-height: 1em;
  margin-bottom: 1.25rem;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .privatisation__double__title {
    font-size: 2.1875em;
    line-height: 1.1428571429em;
  }
}
@media (min-width: 1536px) {
  .privatisation__double__title {
    font-size: 3.125em;
    line-height: 1.2em;
    margin-bottom: 1.875rem;
  }
}
.privatisation__double__text {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
}
.privatisation__devis__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .privatisation__devis__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 91.25%;
  }
}
.privatisation__devis__col.--left {
  margin-bottom: 3.125rem;
}
@media (min-width: 768px) {
  .privatisation__devis__col.--left {
    margin-right: 7.5rem;
    margin-bottom: 0;
    width: 35%;
  }
}
@media (min-width: 1536px) {
  .privatisation__devis__col.--left {
    margin-right: 10.625rem;
  }
}
.privatisation__devis__col.--right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.privatisation__devis__title {
  font-size: 1.4375em;
  line-height: 1.4782608696em;
  margin-bottom: 1.875rem;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .privatisation__devis__title {
    font-size: 2.0625em;
    line-height: 1.3636363636em;
  }
}
@media (min-width: 1536px) {
  .privatisation__devis__title {
    font-size: 2.6875em;
    line-height: 1.3488372093em;
  }
}
.privatisation__devis__text {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
}
.privatisation__devis__text:not(:last-child) {
  margin-bottom: 1.25rem;
}
.privatisation__devis__email {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
  margin-bottom: 1.25rem;
  font-weight: 700;
}
.privatisation__devis__email a {
  text-decoration: underline;
}
.restaurant__main > * {
  margin-bottom: 3.125rem;
  margin-top: 3.125rem;
}
@media (min-width: 768px) {
  .restaurant__main > * {
    margin-bottom: 6.25rem;
    margin-top: 6.25rem;
  }
}
@media (min-width: 1024px) {
  .restaurant__main > * {
    margin-bottom: 10rem;
    margin-top: 10rem;
  }
}
.restaurant__main > *:first-child {
  margin-top: 0;
}
.restaurant__main > *:last-child {
  margin-bottom: 0;
}
.restaurant__bloc {
  position: relative;
}
.restaurant__bloc.--yellow .restaurant__bloc__bg {
  background-color: #F1BB3A;
}
.restaurant__bloc.--blue {
  color: #FFFFFF;
}
.restaurant__bloc.--blue .restaurant__bloc__bg {
  background-color: #00817C;
}
.restaurant__bloc.--orange {
  color: #FFFFFF;
}
.restaurant__bloc.--orange .restaurant__bloc__bg {
  background-color: #E55B26;
}
.restaurant__bloc__bg {
  background-image: url("../../images/symbol.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.mosaique {
  padding-top: 3.125rem;
}
@media (min-width: 768px) {
  .mosaique {
    padding-top: 5.625rem;
  }
}
@media (min-width: 1536px) {
  .mosaique {
    padding-top: 8.125rem;
  }
}
.mosaique .restaurant__bloc__bg {
  height: 90%;
}
@media (min-width: 768px) {
  .mosaique .restaurant__bloc__bg {
    height: 80%;
  }
}
.mosaique__container {
  grid-column-gap: 2.5rem;
  grid-row-gap: 3.125rem;
  display: grid;
  grid-template-areas: "img1 img1" "text text" "img2 img3" "img4 img4";
  grid-template-columns: 1fr 1fr;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .mosaique__container {
    grid-column-gap: 6.25rem;
    grid-row-gap: 4.375rem;
    grid-template-areas: "img1 img1 img2 ." ". text img2 ." "img4 img4 img3 .";
    grid-template-columns: -webkit-calc((100% - 720px) / 2) 3fr 2fr -webkit-calc((100% - 720px) / 2 - 10rem);
    grid-template-columns: -moz-calc((100% - 720px) / 2) 3fr 2fr -moz-calc((100% - 720px) / 2 - 10rem);
    grid-template-columns: calc((100% - 720px) / 2) 3fr 2fr calc((100% - 720px) / 2 - 10rem);
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .mosaique__container {
    grid-template-columns: -webkit-calc((100% - 990px) / 2) 3fr 2fr -webkit-calc((100% - 990px) / 2 - 10rem);
    grid-template-columns: -moz-calc((100% - 990px) / 2) 3fr 2fr -moz-calc((100% - 990px) / 2 - 10rem);
    grid-template-columns: calc((100% - 990px) / 2) 3fr 2fr calc((100% - 990px) / 2 - 10rem);
  }
}
@media (min-width: 1280px) {
  .mosaique__container {
    grid-template-columns: -webkit-calc((100% - 1230px) / 2) 3fr 2fr -webkit-calc((100% - 1230px) / 2 - 10rem);
    grid-template-columns: -moz-calc((100% - 1230px) / 2) 3fr 2fr -moz-calc((100% - 1230px) / 2 - 10rem);
    grid-template-columns: calc((100% - 1230px) / 2) 3fr 2fr calc((100% - 1230px) / 2 - 10rem);
  }
}
@media (min-width: 1536px) {
  .mosaique__container {
    grid-column-gap: 10rem;
    grid-row-gap: 7.5rem;
    grid-template-columns: -webkit-calc((100% - 1630px) / 2) 3fr 2fr -webkit-calc((100% - 1630px) / 2 - 10rem);
    grid-template-columns: -moz-calc((100% - 1630px) / 2) 3fr 2fr -moz-calc((100% - 1630px) / 2 - 10rem);
    grid-template-columns: calc((100% - 1630px) / 2) 3fr 2fr calc((100% - 1630px) / 2 - 10rem);
  }
}
.mosaique__content {
  grid-area: text;
}
.mosaique__title {
  font-size: 1.5625em;
  line-height: 1.12em;
  margin-bottom: 1.25rem;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .mosaique__title {
    font-size: 2.1875em;
    line-height: 1.1428571429em;
    margin-bottom: 1.5625rem;
  }
}
@media (min-width: 1536px) {
  .mosaique__title {
    font-size: 3.125em;
    line-height: 1.2em;
    margin-bottom: 1.875rem;
  }
}
.mosaique__text {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
}
.mosaique__img.--image1 {
  grid-area: img1;
  margin-left: -30px;
}
@media (min-width: 768px) {
  .mosaique__img.--image1 {
    margin-left: 0;
  }
}
.mosaique__img.--image2 {
  grid-area: img2;
}
@media (min-width: 768px) {
  .mosaique__img.--image2 {
    padding-top: 5rem;
  }
}
@media (min-width: 1536px) {
  .mosaique__img.--image2 {
    padding-top: 10rem;
  }
}
.mosaique__img.--image3 {
  grid-area: img3;
}
.mosaique__img.--image3 picture {
  max-width: 23.75rem;
}
.mosaique__img.--image4 {
  grid-area: img4;
}

.video .restaurant__bloc__bg {
  height: 90%;
  top: 5%;
}
@media (min-width: 768px) {
  .video .restaurant__bloc__bg {
    height: 75%;
    top: 15%;
  }
}
.video__container {
  grid-row-gap: 2.5rem;
  display: grid;
  grid-template-areas: "imgtop imgtop" "text .";
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .video__container {
    grid-column-gap: 5rem;
    grid-row-gap: 3.125rem;
    grid-template-areas: ". imgtop imgtop" ". text .";
    grid-template-columns: -webkit-calc((100% - 720px) / 2) 1fr -webkit-calc((100% - 720px) / 2);
    grid-template-columns: -moz-calc((100% - 720px) / 2) 1fr -moz-calc((100% - 720px) / 2);
    grid-template-columns: calc((100% - 720px) / 2) 1fr calc((100% - 720px) / 2);
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .video__container {
    grid-column-gap: 10rem;
    grid-row-gap: 4.375rem;
    grid-template-columns: -webkit-calc((100% - 990px) / 2) 1fr -webkit-calc((100% - 990px) / 2);
    grid-template-columns: -moz-calc((100% - 990px) / 2) 1fr -moz-calc((100% - 990px) / 2);
    grid-template-columns: calc((100% - 990px) / 2) 1fr calc((100% - 990px) / 2);
  }
}
@media (min-width: 1280px) {
  .video__container {
    grid-template-columns: -webkit-calc((100% - 1230px) / 2) 1fr -webkit-calc((100% - 1230px) / 2);
    grid-template-columns: -moz-calc((100% - 1230px) / 2) 1fr -moz-calc((100% - 1230px) / 2);
    grid-template-columns: calc((100% - 1230px) / 2) 1fr calc((100% - 1230px) / 2);
  }
}
@media (min-width: 1536px) {
  .video__container {
    grid-template-columns: -webkit-calc((100% - 1630px) / 2) 1fr -webkit-calc((100% - 1630px) / 2);
    grid-template-columns: -moz-calc((100% - 1630px) / 2) 1fr -moz-calc((100% - 1630px) / 2);
    grid-template-columns: calc((100% - 1630px) / 2) 1fr calc((100% - 1630px) / 2);
  }
}
.video__img__top {
  grid-area: imgtop;
  margin-right: -30px;
}
@media (min-width: 768px) {
  .video__img__top {
    margin-right: 0;
  }
}
.video__img__bottom {
  position: relative;
}
.video__img__bottom.--video {
  cursor: pointer;
}
.video__img__bottom.--video:before {
  height: 7.25rem;
  width: 7.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='116' height='116' viewBox='0 0 116 116' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M58 116C90.0325 116 116 90.0325 116 58C116 25.9675 90.0325 0 58 0C25.9675 0 0 25.9675 0 58C0 90.0325 25.9675 116 58 116ZM53.6037 38.8499C51.0225 37.0568 47.4902 38.904 47.4902 42.0468V74.5535C47.4902 77.6964 51.0225 79.5435 53.6037 77.7505L77.0009 61.4971C79.23 59.9487 79.23 56.6517 77.0009 55.1032L53.6037 38.8499Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
          background-size: contain;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0);
     -moz-transform: translate(-50%, -50%) translate3d(0, 0, 0);
          transform: translate(-50%, -50%) translate3d(0, 0, 0);
  z-index: 1;
}
.video__img__bottom.--show-video .video__video {
  display: block;
}
.video__content {
  grid-area: text;
}
.video__content__text {
  margin-bottom: 3.125rem;
}
@media (min-width: 768px) {
  .video__content__text {
    max-width: 90%;
  }
}
.video__title {
  font-size: 1.5625em;
  line-height: 1.12em;
  margin-bottom: 1.25rem;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .video__title {
    font-size: 2.1875em;
    line-height: 1.1428571429em;
    margin-bottom: 1.5625rem;
  }
}
@media (min-width: 1536px) {
  .video__title {
    font-size: 3.125em;
    line-height: 1.2em;
    margin-bottom: 1.875rem;
  }
}
.video__text {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
}
.video__video {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.video__video iframe {
  display: block;
  height: 100%;
  width: 100%;
}

.palette {
  position: relative;
}
.palette .restaurant__bloc__bg {
  height: 90%;
  top: 5%;
}
@media (min-width: 768px) {
  .palette .restaurant__bloc__bg {
    height: 74%;
    top: 15%;
  }
}
.palette__container {
  grid-row-gap: 2.5rem;
  display: grid;
  grid-template-areas: "imgtop" "text" "imglist";
  padding-left: 30px;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .palette__container {
    grid-column-gap: 5rem;
    grid-template-areas: "imgtop imgtop imgtop ." ". . text ." ". . imglist imglist";
    grid-template-columns: -webkit-calc((100% - 720px) / 2) -webkit-calc(7.8125% - 10rem) 1fr -webkit-calc((100% - 720px) / 2);
    grid-template-columns: -moz-calc((100% - 720px) / 2) -moz-calc(7.8125% - 10rem) 1fr -moz-calc((100% - 720px) / 2);
    grid-template-columns: calc((100% - 720px) / 2) calc(7.8125% - 10rem) 1fr calc((100% - 720px) / 2);
    padding-left: 0;
  }
}
@media (min-width: 1024px) {
  .palette__container {
    grid-column-gap: 10rem;
    grid-row-gap: 3.125rem;
    grid-template-columns: -webkit-calc((100% - 990px) / 2) -webkit-calc(7.8125% - 10rem) 1fr -webkit-calc((100% - 990px) / 2);
    grid-template-columns: -moz-calc((100% - 990px) / 2) -moz-calc(7.8125% - 10rem) 1fr -moz-calc((100% - 990px) / 2);
    grid-template-columns: calc((100% - 990px) / 2) calc(7.8125% - 10rem) 1fr calc((100% - 990px) / 2);
  }
}
@media (min-width: 1280px) {
  .palette__container {
    grid-template-columns: -webkit-calc((100% - 1230px) / 2) -webkit-calc(7.8125% - 10rem) 1fr -webkit-calc((100% - 1230px) / 2);
    grid-template-columns: -moz-calc((100% - 1230px) / 2) -moz-calc(7.8125% - 10rem) 1fr -moz-calc((100% - 1230px) / 2);
    grid-template-columns: calc((100% - 1230px) / 2) calc(7.8125% - 10rem) 1fr calc((100% - 1230px) / 2);
  }
}
@media (min-width: 1536px) {
  .palette__container {
    grid-template-columns: -webkit-calc((100% - 1630px) / 2) -webkit-calc(7.8125% - 10rem) 1fr -webkit-calc((100% - 1630px) / 2);
    grid-template-columns: -moz-calc((100% - 1630px) / 2) -moz-calc(7.8125% - 10rem) 1fr -moz-calc((100% - 1630px) / 2);
    grid-template-columns: calc((100% - 1630px) / 2) calc(7.8125% - 10rem) 1fr calc((100% - 1630px) / 2);
  }
}
.palette__img__top {
  grid-area: imgtop;
}
@media (min-width: 1536px) {
  .palette__img__top {
    margin-bottom: 2.5rem;
  }
}
.palette__img__list {
  grid-area: imglist;
}
.palette__img__item {
  margin-right: 2.8125rem;
  width: 220px;
}
@media (min-width: 768px) {
  .palette__img__item {
    width: 26%;
  }
}
.palette__content {
  grid-area: text;
  padding-right: 30px;
}
@media (min-width: 768px) {
  .palette__content {
    padding-right: 0;
  }
}
.palette__title {
  font-size: 1.5625em;
  line-height: 1.12em;
  margin-bottom: 1.25rem;
  font-family: "GTHaptik", sans-serif;
}
@media (min-width: 768px) {
  .palette__title {
    font-size: 2.1875em;
    line-height: 1.1428571429em;
    margin-bottom: 1.5625rem;
  }
}
@media (min-width: 1536px) {
  .palette__title {
    font-size: 3.125em;
    line-height: 1.2em;
    margin-bottom: 1.875rem;
  }
}
.palette__text {
  font-size: 1.0625em;
  line-height: 1.7647058824em;
}

.restoBanner {
  position: relative;
}
.restoBanner picture {
  height: 325px;
}
@media (min-width: 768px) {
  .restoBanner picture {
    height: auto;
  }
}
.restoBanner__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  padding: 15px;
  position: absolute;
  top: 0;
  width: 100%;
}
.restoBanner__text {
  font-size: 1.25em;
  line-height: 1.3em;
  max-width: 43.75rem;
  color: #FFFFFF;
  font-family: "GTHaptik", sans-serif;
  text-align: center;
}
@media (min-width: 768px) {
  .restoBanner__text {
    font-size: 1.375em;
    line-height: 1.2727272727em;
  }
}
@media (min-width: 1536px) {
  .restoBanner__text {
    font-size: 1.75em;
    line-height: 1.25em;
    max-width: 48.75rem;
  }
}
.restoBanner__text + .restoBanner__buttons {
  margin-top: 3.125rem;
}
.restoBanner__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.restoBanner__buttons a:not(:last-child) {
  margin-right: 1.25rem;
}
/*# sourceMappingURL=style.css.map */