@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: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .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: .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: .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 .2s ease-out .1s;
    -o-transition: width .2s ease-out .1s;
    -moz-transition: width .2s ease-out .1s;
    transition: width .2s ease-out .1s;
    width: 100%; }
  .underline:after {
    left: 0;
    -webkit-transition: width .2s ease-in 0s;
    -o-transition: width .2s ease-in 0s;
    -moz-transition: width .2s ease-in 0s;
    transition: width .2s ease-in 0s;
    width: 0; }
  .underline:hover:before {
    -webkit-transition: width .2s ease-in 0s;
    -o-transition: width .2s ease-in 0s;
    -moz-transition: width .2s ease-in 0s;
    transition: width .2s ease-in 0s;
    width: 0; }
  .underline:hover:after {
    -webkit-transition: width .2s ease-out .1s;
    -o-transition: width .2s ease-out .1s;
    -moz-transition: width .2s ease-out .1s;
    transition: width .2s ease-out .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.19231em; } }
    .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: .3s;
      -o-transition: .3s;
      -moz-transition: .3s;
      transition: .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: .3s;
      -o-transition: .3s;
      -moz-transition: .3s;
      transition: .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 .3s ease;
  -moz-animation: show-dialog .3s ease;
  -o-animation: show-dialog .3s ease;
  animation: show-dialog .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 .3s ease;
    -moz-animation: hide-dialog .3s ease;
    -o-animation: hide-dialog .3s ease;
    animation: hide-dialog .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(-webkit-calc(-100%/3)) translate3d(0, 0, 0);
      -moz-transform: translateY(-moz-calc(-100%/3)) translate3d(0, 0, 0);
      transform: translateY(calc(-100%/3)) 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.38462em; }
    .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.38462em; }
      .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.76471em;
  -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.76471em;
  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: .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: .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: .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: .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: .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: .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: .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: .3s opacity 0s ease, 0s visibility .3s ease;
    -o-transition: .3s opacity 0s ease, 0s visibility .3s ease;
    -moz-transition: .3s opacity 0s ease, 0s visibility .3s ease;
    transition: .3s opacity 0s ease, 0s visibility .3s ease;
    visibility: hidden;
    width: 100%;
    z-index: 2; }
    .header__background.--active {
      opacity: 1;
      -webkit-transition: .3s opacity 0s ease, 0s visibility 0s ease;
      -o-transition: .3s opacity 0s ease, 0s visibility 0s ease;
      -moz-transition: .3s opacity 0s ease, 0s visibility 0s ease;
      transition: .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: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .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: .3s;
      -o-transition: .3s;
      -moz-transition: .3s;
      transition: .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: .3s;
      -o-transition: .3s;
      -moz-transition: .3s;
      transition: .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: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .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: .3s;
      -o-transition: .3s;
      -moz-transition: .3s;
      transition: .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: .3s;
      -o-transition: .3s;
      -moz-transition: .3s;
      transition: .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: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .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.23077em;
        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: .3s;
      -o-transition: .3s;
      -moz-transition: .3s;
      transition: .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.38889em;
        margin-bottom: 5rem; } }
    .header__smallMenu li:not(:last-child) {
      margin-bottom: 1.25rem; }
    .header__smallMenu a {
      -webkit-transition: .3s;
      -o-transition: .3s;
      -moz-transition: .3s;
      transition: .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: .3s;
      -o-transition: .3s;
      -moz-transition: .3s;
      transition: .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: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .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: 99;
  -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); }
  .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.38889em;
        margin-bottom: 2.5rem; } }
  .info-popin__close {
    cursor: pointer;
    height: 68px;
    position: absolute;
    right: 15px;
    top: -10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .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: .3s;
      -o-transition: .3s;
      -moz-transition: .3s;
      transition: .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: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .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.14286em; }
    @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.72222em; } }
    @media (min-width: 1536px) {
      .introduction__text {
        font-size: 1.1875em;
        line-height: 1.73684em; } }
  .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.27273em; } }
      @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), (-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), (-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), (-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), (-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), (-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), (-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: .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.34884em;
    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.72222em;
        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: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .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.22222em;
  font-family: "GTHaptik", sans-serif; }
  @media (min-width: 1536px) {
    .pad__text {
      font-size: 1.625em;
      line-height: 1.23077em; } }

.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: linear-gradient(180deg, #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: -moz- oldlinear-gradient(top, #FFFFFF 0%, #FFFFFF calc(100% - 16rem), #F1BB3A calc(100% - 16rem), #F1BB3A 100%);
  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- oldlinear-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: linear-gradient(155deg, #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: -moz- oldlinear-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.31579em; } }
  .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.76471em; } }
  .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: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .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.47059em;
  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: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .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.73077em; } }
  .restaurantItem__text {
    font-size: 1.0625em;
    line-height: 1.76471em;
    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.76471em;
    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: .3s;
        -o-transition: .3s;
        -moz-transition: .3s;
        transition: .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.23077em; } }
  .bonCadeau__subtitle, .bonCadeau__price {
    font-size: 1.125em;
    line-height: 1.77778em;
    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.76471em; } }

.carte {
  background-color: #F1BB3A;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -moz-transition: .3s;
  transition: .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.14286em;
          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.76471em; }
    .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: .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.33333em; } }
    .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- oldlinear-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: linear-gradient(155deg, #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: -moz- oldlinear-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: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .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: .3s;
      -o-transition: .3s;
      -moz-transition: .3s;
      transition: .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.02564em; } }
  .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.26923em; } }
    @media (min-width: 1536px) {
      .hp__slide__text {
        font-size: 2.125em;
        line-height: 1.23529em;
        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.33333em;
    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.23077em; } }

.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.23077em; } }
  .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.23077em; } }
  .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.14286em;
    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.28571em;
    color: #F1BB3A;
    font-family: "GTHaptik", sans-serif;
    width: 100%; }
    @media (min-width: 768px) {
      .hp__banniere__bandeau {
        font-size: 2.8125em;
        line-height: 1.33333em;
        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.25455em; } }
  .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: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .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: -webkit-calc(100%/3);
        width: -moz-calc(100%/3);
        width: calc(100%/3); } }
    .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.25455em;
        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.14286em;
          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.14286em;
    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.34884em;
        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.23077em; } }
  .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.94286em; } }
    @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.23077em; } }
  .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: -webkit-calc(100% / 2.5) !important;
    width: -moz-calc(100% / 2.5) !important;
    width: calc(100% / 2.5) !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: -webkit-calc(100% / 3) !important;
        width: -moz-calc(100% / 3) !important;
        width: calc(100% / 3) !important; } }
    @media (min-width: 1024px) {
      .hp__insta__flux #sb_instagram #sbi_images .sbi_item {
        margin-right: 1.5rem !important;
        width: -webkit-calc(100% / 4) !important;
        width: -moz-calc(100% / 4) !important;
        width: calc(100% / 4) !important; } }
    @media (min-width: 1536px) {
      .hp__insta__flux #sb_instagram #sbi_images .sbi_item {
        margin-right: 1.875rem !important;
        width: -webkit-calc(100% / 5) !important;
        width: -moz-calc(100% / 5) !important;
        width: calc(100% / 5) !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.02564em;
      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.76471em; }
  .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.76471em; }

.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.76471em; }
  .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.14286em; } }
    @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.76471em; }
    @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.14286em; } }
      @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.76471em; }
  .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.47826em;
    margin-bottom: 1.875rem;
    font-family: "GTHaptik", sans-serif; }
    @media (min-width: 768px) {
      .privatisation__devis__title {
        font-size: 2.0625em;
        line-height: 1.36364em; } }
    @media (min-width: 1536px) {
      .privatisation__devis__title {
        font-size: 2.6875em;
        line-height: 1.34884em; } }
  .privatisation__devis__text {
    font-size: 1.0625em;
    line-height: 1.76471em; }
    .privatisation__devis__text:not(:last-child) {
      margin-bottom: 1.25rem; }
  .privatisation__devis__email {
    font-size: 1.0625em;
    line-height: 1.76471em;
    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.14286em;
        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.76471em; }
  .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.14286em;
      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.76471em; }

.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.14286em;
        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.76471em; }

.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.27273em; } }
    @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 */