@charset "UTF-8";
/*** Variables ***/
/*** Custom login ***/
body.login {
  background: #87C0BB;
}

.login h1 a {
  background-image: url(https://balarama.eu/wp-content/themes/chronos/images/logo.png);
  width: auto;
  height: 90px;
  background-size: auto;
}
.login form {
  background: transparent;
  border: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
}

#login {
  width: 35%;
  padding: 2%;
  margin: 200px auto;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  -webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.75);
          box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.75);
}

.wp-core-ui .button-secondary {
  color: #00294C;
  color: #006BA3;
}
.wp-core-ui .button-primary {
  background: #00294C;
  border-color: #00294C;
  color: #fff;
  border-radius: 50px;
}
.wp-core-ui .button-primary:hover {
  background: transparent;
  border-color: #00294C;
  color: #00294C;
  border-radius: 50px;
}

.login .message {
  border-left: 4px solid #00294C;
}
.login #backtoblog a, .login #nav a {
  text-decoration: none;
  color: #00294C;
}
.login #backtoblog a:hover, .login #nav a:hover {
  text-decoration: none;
  color: #006BA3;
}

input[type=checkbox] {
  width: 16px;
  min-width: 16px;
  height: 16px;
  border: solid 1px #000;
  position: relative;
  margin-right: 10px;
  border-radius: 0;
  appearance: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type=checkbox]:checked:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #00294C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-12%, -21%);
          transform: translate(-12%, -21%);
}

/*** General settings ***/
@media (min-width: 1024px) {
  .accueil #header.sticky {
    background: #87C0BB;
    z-index: 99999999999999;
  }
  .accueil #header.sticky #FlexHeader {
    padding-bottom: 20px;
  }
  .accueil #header.sticky #FlexHeader #navigationContent #site-navigation .menu li:hover a {
    color: white;
  }
  .accueil #header.sticky #FlexHeader #navigationContent #site-navigation .menu .sub-menu li:hover a {
    color: #87C0BB;
  }
}
.accueil #header {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.accueil #header #FlexHeader {
  background: #87C0BB;
}
@media (min-width: 1024px) {
  .accueil #header #FlexHeader {
    padding-bottom: 0;
    background: transparent;
  }
}
@media (min-width: 1024px) {
  .accueil #header #logoCtn {
    width: auto;
    padding: 1rem 0;
  }
}
@media (min-width: 1024px) {
  .accueil #navigationContent #site-navigation .menu li:hover a {
    color: #87C0BB;
  }
}

@media (min-width: 1024px) {
  #header.sticky {
    position: sticky;
    top: 0;
    left: 0;
  }
}

#header {
  background: #87C0BB;
  width: 100%;
  z-index: 9999;
  position: relative;
  -webkit-box-shadow: 0px -8px 20px 0px #000000;
          box-shadow: 0px -8px 20px 0px #000000;
}
#header #FlexHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px;
}
@media (min-width: 1024px) {
  #header #FlexHeader {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 10%;
  }
}
#header #logoCtn {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 999999999;
}
@media (min-width: 1024px) {
  #header #logoCtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    padding: 1rem 0;
  }
}

@media (min-width: 1024px) {
  #header #FlexHeader {
    padding-top: 45px;
    padding-bottom: 20px;
  }
}

#navigationContent {
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 1023px) {
  #navigationContent {
    position: absolute;
    width: 100%;
    left: -9999px;
    top: 0;
    background: #87C0BB;
    height: 150vh;
    padding-top: 86px;
    -webkit-transition: left 0.25s ease-in;
    transition: left 0.25s ease-in;
    z-index: 9999;
  }
}
@media (min-width: 1024px) {
  #navigationContent {
    width: 80%;
  }
}
#navigationContent #site-navigation {
  width: 100%;
  margin-top: 30px;
}
@media (min-width: 1024px) {
  #navigationContent #site-navigation {
    margin: initial;
    margin-left: 3%;
  }
}
@media (min-width: 1280px) {
  #navigationContent #site-navigation {
    margin-left: 5%;
  }
}
#navigationContent #site-navigation .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media (min-width: 1024px) {
  #navigationContent #site-navigation .menu {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#navigationContent #site-navigation .menu li {
  list-style-type: none;
  position: relative;
  border-bottom: solid 1px #8e8e8e;
  width: 100%;
}
@media (min-width: 1024px) {
  #navigationContent #site-navigation .menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 20px;
    width: auto;
    text-align: center;
    border-bottom: 0;
    position: relative;
  }
}
@media (min-width: 1024px) {
  #navigationContent #site-navigation .menu li:hover::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 5px;
    width: 80%;
    background: white;
  }
}
#navigationContent #site-navigation .menu li:hover a {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
#navigationContent #site-navigation .menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 0px 15px 20px;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  line-height: 22px;
}
@media (min-width: 1024px) {
  #navigationContent #site-navigation .menu li a {
    color: #fff;
    font-size: 1.6rem;
    padding: 0;
    height: 100%;
  }
}
@media (min-width: 1680px) {
  #navigationContent #site-navigation .menu li a {
    font-size: 1.8rem;
  }
}
#navigationContent #site-navigation .menu li .sub-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  opacity: 0;
  height: 0;
}
@media (min-width: 1024px) {
  #navigationContent #site-navigation .menu li .sub-menu {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    opacity: 0;
    height: auto;
    z-index: -1;
    -webkit-transform: translate(-50%, 130%);
            transform: translate(-50%, 130%);
    -webkit-transition: opacity 0.2s, z-index 0.2s, -webkit-transform 0.2s ease-in-out 0.05s;
    transition: opacity 0.2s, z-index 0.2s, -webkit-transform 0.2s ease-in-out 0.05s;
    transition: transform 0.2s ease-in-out 0.05s, opacity 0.2s, z-index 0.2s;
    transition: transform 0.2s ease-in-out 0.05s, opacity 0.2s, z-index 0.2s, -webkit-transform 0.2s ease-in-out 0.05s;
    width: 30rem;
  }
}
#navigationContent #site-navigation .menu li .sub-menu li {
  text-align: left;
  padding: 0;
  margin: 0;
  height: 100%;
}
@media (min-width: 1024px) {
  #navigationContent #site-navigation .menu li .sub-menu li {
    background: transparent;
  }
}
#navigationContent #site-navigation .menu li .sub-menu li:after {
  content: none;
}
#navigationContent #site-navigation .menu li .sub-menu li:hover {
  background: white;
}
#navigationContent #site-navigation .menu li .sub-menu li:hover a {
  color: #87C0BB;
}
#navigationContent #site-navigation .menu li .sub-menu li a {
  color: #fff;
  font-weight: 400;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  width: 100%;
  text-align: left;
  padding: 1rem 2rem;
  -webkit-transition: padding 0s;
  transition: padding 0s;
}
@media (min-width: 1024px) {
  #navigationContent #site-navigation .menu li .sub-menu li a {
    padding: 2rem;
  }
}
@media (max-width: 1023px) {
  #navigationContent #site-navigation .menu .menu-item-has-children:after {
    content: "+";
    position: absolute;
    top: 12px;
    right: 20px;
    color: #fff;
  }
}
@media (max-width: 1023px) and (min-width: 1024px) {
  #navigationContent #site-navigation .menu .menu-item-has-children:after {
    content: "";
  }
}
@media (min-width: 1024px) {
  #navigationContent #site-navigation .menu .menu-item-has-children:hover .sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    opacity: 1;
    height: auto;
    z-index: 999;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    -webkit-transition: opacity 0.5s, padding 0s, z-index 0.5s, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.5s, padding 0s, z-index 0.5s, -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, opacity 0.5s, padding 0s, z-index 0.5s;
    transition: transform 0.2s ease-in-out, opacity 0.5s, padding 0s, z-index 0.5s, -webkit-transform 0.2s ease-in-out;
    background-color: #87C0BB;
    -webkit-box-shadow: -6px 2px 15px 5px rgba(0, 0, 0, 0.16);
            box-shadow: -6px 2px 15px 5px rgba(0, 0, 0, 0.16);
  }
  #navigationContent #site-navigation .menu .menu-item-has-children:hover .sub-menu li, #navigationContent #site-navigation .menu .menu-item-has-children:hover .sub-menu li a {
    height: auto;
    color: white;
  }
  #navigationContent #site-navigation .menu .menu-item-has-children:hover .sub-menu li:hover a {
    color: #87C0BB;
  }
  #navigationContent #site-navigation .menu .menu-item-has-children:hover .sub-menu a {
    padding: 2rem;
    -webkit-transition: padding 0s;
    transition: padding 0s;
  }
}
#navigationContent #site-navigation .menu .menu-item-has-children .sub-menu.activeSubmenu {
  position: relative;
  display: block;
  height: 100%;
  opacity: 1;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}
#navigationContent #site-navigation .menu .menu-item-has-children .sub-menu.activeSubmenu li {
  border-color: #fff;
  height: auto;
}
@media (min-width: 1024px) {
  #navigationContent #site-navigation .menu .menu-item-has-children .sub-menu.activeSubmenu li a {
    color: #fff;
  }
}

.menu-menu-haut-container,
.menu-menu-haut-anglais-container {
  background-color: #87C0BB;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 1024px) {
  .menu-menu-haut-container,
  .menu-menu-haut-anglais-container {
    position: relative;
  }
}
.menu-menu-haut-container #menu-menu-haut, .menu-menu-haut-container .menu,
.menu-menu-haut-anglais-container #menu-menu-haut,
.menu-menu-haut-anglais-container .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 3px 10%;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1024px) {
  .menu-menu-haut-container #menu-menu-haut, .menu-menu-haut-container .menu,
  .menu-menu-haut-anglais-container #menu-menu-haut,
  .menu-menu-haut-anglais-container .menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.menu-menu-haut-container #menu-menu-haut li, .menu-menu-haut-container .menu li,
.menu-menu-haut-anglais-container #menu-menu-haut li,
.menu-menu-haut-anglais-container .menu li {
  list-style-type: none;
  padding: 5px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1024px) {
  .menu-menu-haut-container #menu-menu-haut li, .menu-menu-haut-container .menu li,
  .menu-menu-haut-anglais-container #menu-menu-haut li,
  .menu-menu-haut-anglais-container .menu li {
    border-right: 1px solid white;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.menu-menu-haut-container #menu-menu-haut li a, .menu-menu-haut-container .menu li a,
.menu-menu-haut-anglais-container #menu-menu-haut li a,
.menu-menu-haut-anglais-container .menu li a {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
}
@media (min-width: 1024px) {
  .menu-menu-haut-container #menu-menu-haut li a, .menu-menu-haut-container .menu li a,
  .menu-menu-haut-anglais-container #menu-menu-haut li a,
  .menu-menu-haut-anglais-container .menu li a {
    text-align: left;
  }
}

#navigationContent.openMenu {
  left: 0;
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (min-width: 1024px) {
  .burger {
    display: none;
  }
}

#burger-icon {
  position: absolute;
  top: 41px;
  right: 25px;
  width: 39px;
  height: 30px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 99999;
}
#burger-icon span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#burger-icon span:nth-child(1) {
  top: 0px;
}

#burger-icon span:nth-child(2) {
  top: 11px;
}

#burger-icon span:nth-child(3) {
  top: 22px;
}

#burger-icon.open span {
  background: #fff;
}

#burger-icon.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

#burger-icon.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#burger-icon.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

#menu-menu-haut.menu {
  position: relative;
}
#menu-menu-haut.menu::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 13px;
  height: 13px;
}

footer #legal {
  background-color: #000;
  padding: 40px 0;
}
footer #legal .legal_container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (min-width: 768px) {
  footer #legal .legal_container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
footer #legal #menu-pied-de-page, footer #legal .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  footer #legal #menu-pied-de-page, footer #legal .menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
footer #legal #menu-pied-de-page li, footer #legal .menu li {
  margin: 0 1rem;
}
footer #legal #copyright {
  text-align: center;
}
@media (min-width: 768px) {
  footer #legal #copyright {
    text-align: left;
  }
}
footer #legal #menu-pied-de-page li, footer #legal .menu li, footer #legal #copyright {
  font-size: 1.3rem;
  color: #fff;
  list-style-type: none;
}
footer #legal #menu-pied-de-page li a, footer #legal .menu li a, footer #legal #copyright a {
  color: #fff;
  text-decoration: none;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
footer #legal #menu-pied-de-page li a:hover, footer #legal .menu li a:hover, footer #legal #copyright a:hover {
  color: #87C0BB;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

html, body, div, 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, samp,
small, strike, sub, sup, tt, var,
b, i,
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, ul, output, ruby, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

select, label,
img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

html {
  font-size: 62.5% !important;
}

body {
  font: 400 1.6rem/3.1rem "Montserrat", sans-serif;
  background: #fff;
}

p, .pageText ul li {
  font: 400 1.6rem/2.1rem "Montserrat", sans-serif;
  color: #000;
  margin-bottom: 2rem;
}

#breadcrumbs {
  margin: 2rem 0;
}
#breadcrumbs a {
  font: 400 1.4rem/1.9rem "Montserrat", sans-serif;
  color: #000;
  text-decoration: none;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
#breadcrumbs a:hover {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.inner {
  width: 100%;
  margin: 0 auto;
  max-width: 90%;
}
@media (min-width: 768px) {
  .inner {
    max-width: 85%;
  }
}
@media (min-width: 1024px) {
  .inner {
    max-width: 96%;
  }
}
@media (min-width: 1280px) {
  .inner {
    max-width: 77%;
  }
}
@media (min-width: 1440px) {
  .inner {
    max-width: 70%;
  }
}
@media (min-width: 1680px) {
  .inner {
    max-width: 72%;
  }
}

input[type=submit], input[type=tel], input[type=password], input[type=number],
input[type=text], input[type=url], input[type=date], input[type=email],
input[type=file], select, textarea, button,
input[type=checkbox]:checked, input[type=checkbox], input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}

select::-ms-expand {
  display: none;
}

input[type=text], input[type=url], input[type=tel], input[type=number],
input[type=date], input[type=email], input[type=password],
input[type=file], select {
  height: 40px;
  border: solid 1px #000;
  padding: 10px;
  width: 100%;
  margin: 0 0 2rem 0;
}

textarea {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  height: 200px;
  margin: 0 0 2rem 0;
  padding: 10px;
}

label {
  margin: 0 0 0.5rem 0;
  font-weight: 700;
}

select {
  background: url("../images/triangleSelect.png") 98% 13px transparent no-repeat;
  background-size: 20px;
}

input[type=checkbox], input[type=radio] {
  width: 16px;
  height: 16px;
  border: solid 1px #000;
  border-radius: 0;
  position: relative;
  margin-right: 1rem;
}

input[type=radio] {
  border-radius: 50px;
}

input[type=checkbox]:checked:before, input[type=radio]:checked:before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

input[type=radio]:checked:before {
  border-radius: 50px;
}

.wpcf7-checkbox, .wpcf7-radio {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wpcf7-checkbox .wpcf7-list-item, .wpcf7-radio .wpcf7-list-item {
  height: 40px;
}
.wpcf7-checkbox .wpcf7-list-item label, .wpcf7-radio .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  height: 40px;
  margin: 0;
}

.file_container {
  width: 100%;
}
.file_container .wpcf7-form-control-wrap {
  width: 100%;
  height: 40px;
  position: relative;
  float: left;
  margin: 0 0 2rem 0;
}
.file_container .wpcf7-form-control-wrap:after {
  content: "";
  height: 30px;
  padding: 10px 0 0 10px;
  border: solid 1px #000;
  position: relative;
  float: left;
  width: 98%;
}
.file_container .wpcf7-form-control-wrap:before {
  content: "+";
  color: #3a3a3a;
  height: 40px;
  position: absolute;
  right: 0;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  padding: 1px 15px 0px 15px;
  font-size: 3rem;
  line-height: 4rem;
}
.file_container .wpcf7-form-control-wrap:hover:before {
  color: #7d7d7d;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.file_container .File_Name {
  position: absolute;
  left: 10px;
  top: 11px;
}

input[type=file] {
  opacity: 0;
  width: 100%;
  height: 40px;
  position: absolute;
  right: 0;
  z-index: 99;
}

.page_404 header, .page_404 footer {
  display: none;
}

.article_nav_container .article_nav_items {
  width: 100%;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .article_nav_container .article_nav_items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.article_nav_container .article_nav_items .article_nav_item {
  width: auto;
  margin: 0 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 130px;
}
@media (min-width: 1024px) {
  .article_nav_container .article_nav_items .article_nav_item {
    width: auto;
  }
}
.article_nav_container #re_init_filter {
  border: 0;
  color: #87C0BB;
  text-decoration: underline;
  background-color: transparent;
}
.article_nav_container #re_init_filter:hover {
  text-decoration: none;
  cursor: pointer;
}

.texte_container {
  padding: 16rem 0 100px 0;
}

#articles_container {
  position: relative;
}

.offres-emploi .actualite_wrapper .actualite_item figure img {
  -o-object-fit: contain;
     object-fit: contain;
}

.actualite_wrapper {
  margin: 0 0 0 0;
  padding: 0 0 25rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.actualite_wrapper .actualite_item {
  margin: 2rem 0;
}
.actualite_wrapper .actualite_item a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .actualite_wrapper .actualite_item a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.actualite_wrapper .actualite_item figure {
  width: 320px;
  height: 320px;
  overflow: hidden;
  position: relative;
}
.actualite_wrapper .actualite_item figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.actualite_wrapper .actualite_item .actualite_text_container {
  width: auto;
  padding: 2rem;
}
@media (min-width: 1024px) {
  .actualite_wrapper .actualite_item .actualite_text_container {
    padding: 2rem 9rem;
    width: calc(100% - 428px);
  }
}
.actualite_wrapper .actualite_item .actualite_text_container .actualite_extrait {
  margin: 4rem 0 0 0;
}
.actualite_wrapper .actualite_item .actualite_text_container h2 {
  font: 800 3.4rem/4.2rem "Montserrat", sans-serif;
  color: #000;
  margin: 0 0 1rem 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .actualite_wrapper .actualite_item .actualite_text_container h2 {
    text-align: left;
  }
}
.actualite_wrapper .actualite_item .actualite_text_container .actualite_date {
  font: 500 1.6rem/1.9rem "Montserrat", sans-serif;
  color: #87C0BB;
  margin: 0 0 2rem 0;
  position: relative;
}
@media (max-width: 1024px) {
  .actualite_wrapper .actualite_item .actualite_text_container .actualite_date {
    text-align: center;
  }
}
.actualite_wrapper .actualite_item .actualite_text_container .actualite_date:after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 7.3rem;
  height: 5px;
  background-color: #000;
  position: absolute;
  bottom: -2rem;
  left: 0;
}
@media (max-width: 1024px) {
  .actualite_wrapper .actualite_item .actualite_text_container .actualite_date:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.actualite_wrapper .actualite_item .actualite_text_container .actu_link {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 1024px) {
  .actualite_wrapper .actualite_item .actualite_text_container .actu_link {
    margin-left: 0;
    -webkit-transform: none;
            transform: none;
  }
}

#voirPlus_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 5rem 0;
}
#voirPlus_container #voirPlus {
  border: 0;
  color: #87C0BB;
  text-decoration: underline;
  background-color: transparent;
}
#voirPlus_container #voirPlus:hover {
  text-decoration: none;
  cursor: pointer;
}

.backdrop {
  position: absolute;
  top: 0;
  left: 50%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: none;
}

@-webkit-keyframes bouncing-loader {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    opacity: 0.1;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
}

@keyframes bouncing-loader {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    opacity: 0.1;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
}
.bouncing-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bouncing-loader > div {
  width: 2rem;
  height: 2rem;
  margin: 3rem 0.2rem;
  background: #87C0BB;
  border-radius: 50%;
  -webkit-animation: bouncing-loader 0.8s infinite alternate;
          animation: bouncing-loader 0.8s infinite alternate;
}

.bouncing-loader > div:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.bouncing-loader > div:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.bouncing-loader > div:nth-child(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.page_all_actu {
  background: url("../../images/img_frise_ingredients_bas.svg") bottom center transparent no-repeat;
  background-size: contain;
}

.blog_single {
  background-color: #F4F3F2;
}

.flexCol, .flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flexCol {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flexRow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (max-width: 767px) {
  .flexRow.flexColMobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 1023px) {
  .flexRow.flexColTablet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.full, .demi, .tiers, .quart, .quinte, .sixte, .W30, .W40, .W60, .W70 {
  width: 100%;
  margin-bottom: 4rem;
}

@media (min-width: 768px) {
  .demi, .tiers, .quart, .quinte, .sixte, .W30, .W40, .W60, .W70 {
    width: calc(50% - 4rem / 2);
  }
}
@media (min-width: 1024px) {
  .tiers, .quart, .quinte, .sixte {
    width: calc(33.3333333333% - 4rem / 1.5);
  }
  .W30 {
    width: calc(30% - 4rem / 2);
  }
  .W40 {
    width: calc(40% - 4rem / 2);
  }
  .W60 {
    width: calc(60% - 4rem / 2);
  }
  .W70 {
    width: calc(70% - 4rem / 2);
  }
}
@media (min-width: 1280px) {
  .quart {
    width: calc(25% - 4rem * 0.75);
  }
  .quinte {
    width: calc(20% - 4rem * 0.8);
  }
  .sixte {
    width: calc(16.6666666667% - 4rem * 0.8);
  }
}
html {
  scroll-behavior: smooth;
}

body {
  overflow-x: clip;
}

h1 {
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 50px;
  text-align: center;
  word-break: break-word;
}
@media (min-width: 400px) {
  h1 {
    font-size: 50px;
    line-height: 70px;
  }
}
@media (min-width: 800px) {
  h1 {
    text-align: left;
    font-size: 80px;
    line-height: 100px;
  }
}
h1 i {
  position: relative;
  z-index: 1;
  margin-left: 15px;
  display: inline-block;
}
h1 i .encadre {
  position: absolute;
  width: calc(100% - 30px);
  height: 115%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -15px;
  z-index: 2;
  border: 5px solid white;
  border-right: none;
}
h1 i .encadre .encadre__container {
  position: relative;
  width: 100%;
  height: 100%;
}
h1 i .encadre .encadre__container .crochet__haut {
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  height: 13%;
  background: white;
}
h1 i .encadre .encadre__container .crochet__bas {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 5px;
  height: 13%;
  background: white;
}

.reversed {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  display: inline-block;
}

h2 {
  font-size: 30px;
  color: #87C0BB;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 900;
  word-break: break-word;
}
@media (min-width: 500px) {
  h2 {
    font-size: 40px;
  }
}

.blanc {
  color: white;
}

.blanc ul, .blanc p, .blanc li, .blanc span, .blanc b, .blanc strong, .blanc h2, .blanc h3, .blanc h4, .blanc h5 {
  color: white;
}
.blanc ul li::marker {
  color: white;
}

.centered, .centered p {
  text-align: center;
}

.bouton.no__border, .bouton.no__border a, .bouton__blanc.no__border, .bouton__blanc.no__border a {
  border: none;
}
.bouton.no__border:hover, .bouton.no__border a:hover, .bouton__blanc.no__border:hover, .bouton__blanc.no__border a:hover {
  border: none;
}

.bouton, .bouton a {
  padding: 8px 20px;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  background: #87C0BB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 2px solid white;
}
.bouton:hover, .bouton a:hover {
  color: #87C0BB;
  background: white;
  border: 2px solid #87C0BB;
}
.bouton:hover span, .bouton a:hover span {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  opacity: 0;
}
.bouton span, .bouton a span {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.bouton__blanc, .bouton__blanc a {
  padding: 8px 20px;
  text-transform: uppercase;
  text-decoration: none;
  color: #87C0BB;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 2px solid #87C0BB;
}
.bouton__blanc:hover, .bouton__blanc a:hover {
  color: white;
  background: #87C0BB;
  border: 2px solid white;
}
.bouton__blanc:hover span, .bouton__blanc a:hover span {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
  opacity: 0;
}
.bouton__blanc span, .bouton__blanc a span {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.bouton span, .bouton__blanc span {
  margin-left: 10px;
}

.center__bouton {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.titre__em {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.centered.bordered {
  position: relative;
  margin-bottom: 80px;
}
.centered.bordered::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-57px);
          transform: translateX(-57px);
  content: "";
  height: 7px;
  width: 90px;
  background: #87C0BB;
}
.centered.bordered::before {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(42px);
          transform: translateX(42px);
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background: #87C0BB;
}

.bordered {
  position: relative;
  margin-bottom: 80px;
}
.bordered::after {
  position: absolute;
  bottom: -30px;
  left: 50px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  height: 7px;
  width: 90px;
  background: #87C0BB;
}
.bordered::before {
  position: absolute;
  bottom: -30px;
  left: 110px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background: #87C0BB;
}

.bordered.blanc::after {
  background: white;
}
.bordered.blanc::before {
  background: white;
}

.no__scroll {
  overflow: hidden;
}

.wpcf7-form label {
  font-weight: normal;
}
.wpcf7-form a {
  color: black;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=url], .wpcf7-form input[type=tel], .wpcf7-form input[type=number], .wpcf7-form input[type=date], .wpcf7-form input[type=email], .wpcf7-form input[type=password], .wpcf7-form input[type=file], .wpcf7-form select, .wpcf7-form textarea {
  border: none;
  border-bottom: 1px solid #87C0BB;
  background: #F8F8F8;
  margin-bottom: 0;
}
.wpcf7-form input[type=text]::-webkit-input-placeholder, .wpcf7-form input[type=url]::-webkit-input-placeholder, .wpcf7-form input[type=tel]::-webkit-input-placeholder, .wpcf7-form input[type=number]::-webkit-input-placeholder, .wpcf7-form input[type=date]::-webkit-input-placeholder, .wpcf7-form input[type=email]::-webkit-input-placeholder, .wpcf7-form input[type=password]::-webkit-input-placeholder, .wpcf7-form input[type=file]::-webkit-input-placeholder, .wpcf7-form select::-webkit-input-placeholder, .wpcf7-form textarea::-webkit-input-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}
.wpcf7-form input[type=text]::-moz-placeholder, .wpcf7-form input[type=url]::-moz-placeholder, .wpcf7-form input[type=tel]::-moz-placeholder, .wpcf7-form input[type=number]::-moz-placeholder, .wpcf7-form input[type=date]::-moz-placeholder, .wpcf7-form input[type=email]::-moz-placeholder, .wpcf7-form input[type=password]::-moz-placeholder, .wpcf7-form input[type=file]::-moz-placeholder, .wpcf7-form select::-moz-placeholder, .wpcf7-form textarea::-moz-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}
.wpcf7-form input[type=text]:-ms-input-placeholder, .wpcf7-form input[type=url]:-ms-input-placeholder, .wpcf7-form input[type=tel]:-ms-input-placeholder, .wpcf7-form input[type=number]:-ms-input-placeholder, .wpcf7-form input[type=date]:-ms-input-placeholder, .wpcf7-form input[type=email]:-ms-input-placeholder, .wpcf7-form input[type=password]:-ms-input-placeholder, .wpcf7-form input[type=file]:-ms-input-placeholder, .wpcf7-form select:-ms-input-placeholder, .wpcf7-form textarea:-ms-input-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}
.wpcf7-form input[type=text]::-ms-input-placeholder, .wpcf7-form input[type=url]::-ms-input-placeholder, .wpcf7-form input[type=tel]::-ms-input-placeholder, .wpcf7-form input[type=number]::-ms-input-placeholder, .wpcf7-form input[type=date]::-ms-input-placeholder, .wpcf7-form input[type=email]::-ms-input-placeholder, .wpcf7-form input[type=password]::-ms-input-placeholder, .wpcf7-form input[type=file]::-ms-input-placeholder, .wpcf7-form select::-ms-input-placeholder, .wpcf7-form textarea::-ms-input-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}
.wpcf7-form input[type=text]::placeholder, .wpcf7-form input[type=url]::placeholder, .wpcf7-form input[type=tel]::placeholder, .wpcf7-form input[type=number]::placeholder, .wpcf7-form input[type=date]::placeholder, .wpcf7-form input[type=email]::placeholder, .wpcf7-form input[type=password]::placeholder, .wpcf7-form input[type=file]::placeholder, .wpcf7-form select::placeholder, .wpcf7-form textarea::placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}

#submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #87C0BB;
  position: relative;
  padding: 8px 20px;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  background: #87C0BB;
  display: flex;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: 2px solid white;
}
#submit:hover {
  color: #87C0BB;
  background: white;
  border: 2px solid #87C0BB;
}
#submit:hover .wpcf7-submit {
  color: #87C0BB;
}
#submit .ajax-loader {
  position: absolute;
  bottom: -30px;
}
#submit .wpcf7-submit {
  background: none;
  border: none;
  outline: none;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

h2.has-text-align-center {
  position: relative;
  margin-bottom: 100px;
  max-width: 100% !important;
}
h2.has-text-align-center::after {
  position: absolute;
  bottom: -30px;
  left: 50% !important;
  -webkit-transform: translateX(-57px) !important;
          transform: translateX(-57px) !important;
  content: "";
  height: 7px;
  width: 90px;
  background: #87C0BB;
}
h2.has-text-align-center::before {
  position: absolute;
  bottom: -30px;
  left: 50% !important;
  -webkit-transform: translateX(42px) !important;
          transform: translateX(42px) !important;
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background: #87C0BB;
}

h2.has-text-align-left {
  position: relative;
  margin-bottom: 100px;
}
h2.has-text-align-left::after {
  position: absolute;
  bottom: -30px;
  left: 50px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  height: 7px;
  width: 90px;
  background: #87C0BB;
}
h2.has-text-align-left::before {
  position: absolute;
  bottom: -30px;
  left: 110px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background: #87C0BB;
}

p {
  text-align: center;
  line-height: 28px;
}
@media (min-width: 1280px) {
  p {
    text-align: left;
  }
}

p.has-text-align-center {
  margin: 50px auto 100px auto;
  width: 90%;
  max-width: 1000px;
}

.no-scroll {
  overflow: hidden;
}

.wp-block-button__link {
  margin-bottom: 50px;
}

.has-rouge-color {
  color: #C6312D !important;
}
.has-rouge-color::after, .has-rouge-color::before {
  background: #C6312D !important;
}

.has-marron-color {
  color: #B9AC8B !important;
}
.has-marron-color::after, .has-marron-color::before {
  background: #B9AC8B !important;
}

.has-orange-color {
  color: #DF9940 !important;
}
.has-orange-color::after, .has-orange-color::before {
  background: #DF9940 !important;
}

.has-rose-color {
  color: #E0A4C6 !important;
}
.has-rose-color::after, .has-rose-color::before {
  background: #E0A4C6 !important;
}

.has-vert-color {
  color: #8AB973 !important;
}
.has-vert-color::after, .has-vert-color::before {
  background: #8AB973 !important;
}

.has-principale-color {
  color: #87C0BB !important;
}
.has-principale-color::after, .has-principale-color::before {
  background: #87C0BB !important;
}

.has-blanc-color {
  color: white !important;
}
.has-blanc-color::after, .has-blanc-color::before {
  background: white !important;
}

.has-principale-background-color {
  background: #87C0BB !important;
  padding: 40px 30px;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.has-gris-clair-background-color {
  background: #F4F3F2 !important;
  padding: 50px 0;
}

h3.has-text-align-center, h3.has-text-align-left, h3.has-text-align-right {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}

.single__post .size-full {
  width: 100%;
  margin: 0 auto;
  max-width: 90%;
}
@media (min-width: 768px) {
  .single__post .size-full {
    max-width: 85%;
  }
}
@media (min-width: 1024px) {
  .single__post .size-full {
    max-width: 96%;
  }
}
@media (min-width: 1280px) {
  .single__post .size-full {
    max-width: 77%;
  }
}
@media (min-width: 1440px) {
  .single__post .size-full {
    max-width: 70%;
  }
}
@media (min-width: 1680px) {
  .single__post .size-full {
    max-width: 72%;
  }
}

.wp-block-column a {
  color: #87C0BB;
}

.wp-block-columns {
  width: 100%;
  margin: 0 auto;
  max-width: 90%;
}
@media (min-width: 768px) {
  .wp-block-columns {
    max-width: 85%;
  }
}
@media (min-width: 1024px) {
  .wp-block-columns {
    max-width: 96%;
  }
}
@media (min-width: 1280px) {
  .wp-block-columns {
    max-width: 77%;
  }
}
@media (min-width: 1440px) {
  .wp-block-columns {
    max-width: 70%;
  }
}
@media (min-width: 1680px) {
  .wp-block-columns {
    max-width: 72%;
  }
}

.wp-block-column h2 {
  position: relative;
  margin-bottom: 100px;
  max-width: 100% !important;
}
.wp-block-column h2::after {
  position: absolute;
  bottom: -30px;
  left: 50px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  height: 7px;
  width: 90px;
  background: #87C0BB;
}
.wp-block-column h2::before {
  position: absolute;
  bottom: -30px;
  left: 110px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background: #87C0BB;
}
.wp-block-column h2.has-text-align-right::after {
  right: -20px;
  left: auto;
}
.wp-block-column h2.has-text-align-right::before {
  left: auto;
  right: 0;
}

h2.has-text-color {
  width: 100%;
  margin: 0 auto 80px auto;
  max-width: 100%;
}
@media (min-width: 500px) {
  h2.has-text-color {
    margin: 0 0 80px auto;
    max-width: 90%;
  }
}
@media (min-width: 768px) {
  h2.has-text-color {
    max-width: 92.5%;
  }
}
@media (min-width: 1024px) {
  h2.has-text-color {
    max-width: 98%;
  }
}
@media (min-width: 1280px) {
  h2.has-text-color {
    max-width: 88.5%;
  }
}
@media (min-width: 1440px) {
  h2.has-text-color {
    max-width: 85%;
  }
}
@media (min-width: 1680px) {
  h2.has-text-color {
    max-width: 86%;
    position: relative;
    margin-bottom: 100px;
  }
}
h2.has-text-color::after {
  position: absolute;
  bottom: -30px;
  left: 50px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  height: 7px;
  width: 90px;
}
h2.has-text-color::before {
  position: absolute;
  bottom: -30px;
  left: 110px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 10px;
}

.wp-block-image img {
  height: auto;
  width: auto;
}

.wp-block-column h3 {
  margin-bottom: 40px;
}

.wp-block-columns .wp-block-columns {
  max-width: none;
}

ul {
  margin-left: 20px;
}
ul li::marker {
  color: #87C0BB;
}

.wp-block-button .has-principale-background-color {
  padding: 8px 20px;
  margin-top: 20px;
  border: none;
}
.wp-block-button .has-principale-background-color:hover {
  color: #87C0BB !important;
  background: white !important;
}

.wp-block-image.alignfull {
  margin: 0;
}

.voir__plus {
  position: fixed;
  bottom: 20px;
  z-index: 99999999;
  display: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.voir__plus.horizontalized {
  display: block;
}

.bouton.voir__plus:hover {
  color: white;
  border: white;
}

.wsp-container {
  width: 100%;
  margin: 0 auto;
  max-width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .wsp-container {
    max-width: 85%;
  }
}
@media (min-width: 1024px) {
  .wsp-container {
    max-width: 96%;
  }
}
@media (min-width: 1280px) {
  .wsp-container {
    max-width: 77%;
  }
}
@media (min-width: 1440px) {
  .wsp-container {
    max-width: 70%;
  }
}
@media (min-width: 1680px) {
  .wsp-container {
    max-width: 72%;
  }
}
.wsp-container h2 {
  margin: 50px 0;
}
.wsp-container .wsp-pages-title {
  color: #C6312D;
}
.wsp-container .wsp-posts-title {
  color: #DF9940;
}
.wsp-container .wsp-offress-title {
  color: #8AB973;
}
.wsp-container .wsp-pages-list a {
  color: #C6312D;
}
.wsp-container .wsp-posts-list a {
  color: #DF9940;
}
.wsp-container .wsp-offress-list a {
  color: #8AB973;
}
.wsp-container ul li {
  max-width: 200px;
}

#myrtille, #amande {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
}

#amande {
  left: 0;
  top: 0;
}

#myrtille {
  right: 0;
  top: 300px;
}

.wpcf7 input[type=file] {
  position: relative;
  opacity: 1;
}

.cv__label {
  display: none;
}

.cv__label.visible {
  display: block;
}

.wpcf7-spinner {
  display: none !important;
}

@media (max-width: 1024px) {
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-pre {
    z-index: 1000000000000000000;
  }
}

.mentions-legales h2, .politique-de-confidentialite h2 {
  margin-top: 50px;
  margin-bottom: 50px;
}

#destinataire, #objet {
  display: none;
}

.page__barre .barres__container.inner {
  max-width: 100%;
}
@media (min-width: 768px) {
  .page__barre .barres__container.inner {
    max-width: 95%;
  }
}
@media (min-width: 850px) {
  .page__barre .barres__container.inner {
    max-width: 85%;
  }
}
@media (min-width: 950px) {
  .page__barre .barres__container.inner {
    max-width: 75%;
  }
}
@media (min-width: 110px) {
  .page__barre .barres__container.inner {
    max-width: 65%;
  }
}
@media (min-width: 1280px) {
  .page__barre .barres__container.inner {
    max-width: 100%;
  }
}
@media (min-width: 1700px) {
  .page__barre .barres__container.inner {
    max-width: 80%;
  }
}
@media (min-width: 1900px) {
  .page__barre .barres__container.inner {
    max-width: 70%;
  }
}

section.identite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
section.identite h2 {
  position: relative;
  margin-bottom: 60px;
  text-align: center;
}
section.identite h2::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-57px);
          transform: translateX(-57px);
  content: "";
  height: 7px;
  width: 90px;
  background: #87C0BB;
}
section.identite h2::before {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(42px);
          transform: translateX(42px);
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background: #87C0BB;
}
section.identite p {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  font-family: "Montserrat", sans-serif;
}
section.identite p:nth-child(2) {
  margin: 0;
}
section.identite p:nth-child(4) {
  margin-bottom: 100px;
}
section.identite div.image {
  position: relative;
}
section.identite div.image img {
  position: relative;
  z-index: 1;
}
section.identite div.image div.carre-bleu-vide {
  display: none;
}
@media (min-width: 768px) {
  section.identite div.image div.carre-bleu-vide {
    display: block;
    border: 6px solid #87C0BB;
    width: 50%;
    height: 50%;
    bottom: -50px;
    right: -50px;
    position: absolute;
  }
}
section.identite div.image div.carre-bleu-vide::before {
  content: "";
  height: 10px;
  width: 15px;
  background: white;
  display: inline-block;
  right: 34px;
  position: absolute;
  top: -7px;
}
section.identite div.image div.carre-bleu-vide::after {
  content: "";
  display: inline-block;
  background: white;
  height: 15px;
  width: 10px;
  position: absolute;
  bottom: 36px;
  left: -7px;
}
section.identite p.sous-img {
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  font-family: "Montserrat", sans-serif;
  margin-top: 120px;
}
section.identite div.colonne {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 70px;
  margin-bottom: 150px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  section.identite div.colonne {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
section.identite div.colonne div.contenu_colonne {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  section.identite div.colonne div.contenu_colonne {
    width: 17.5%;
  }
}
section.identite div.colonne div.contenu_colonne h3 {
  height: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 30px;
  font-weight: 800;
  line-height: 41px;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 768px) {
  section.identite div.colonne div.contenu_colonne h3 {
    text-align: left;
    margin-bottom: 30px;
  }
}
section.identite div.colonne div.contenu_colonne p.sous_titre_colonne_identite, section.identite div.colonne div.contenu_colonne ul li {
  font-size: 16px;
  font-weight: bold;
  line-height: 29px;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 768px) {
  section.identite div.colonne div.contenu_colonne p.sous_titre_colonne_identite, section.identite div.colonne div.contenu_colonne ul li {
    text-align: center;
  }
}
@media (min-width: 768px) {
  section.identite div.colonne div.contenu_colonne ul {
    text-align: center;
    margin-left: 0;
  }
}
section.identite div.colonne div.contenu_colonne ul li {
  text-align: center;
  font-weight: 500;
  list-style-position: inside;
  margin: 0;
}

section.engagement {
  background: #F4F3F2;
  padding: 100px 0 150px;
  position: relative;
}
section.engagement img.frise-bas-ingredients {
  position: absolute;
  bottom: 0;
}
section.engagement h2 {
  text-align: center;
  position: relative;
  font-size: 34px;
  margin-bottom: 100px;
}
section.engagement h2::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-57px);
          transform: translateX(-57px);
  content: "";
  height: 7px;
  width: 90px;
  background: #87C0BB;
}
section.engagement h2::before {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(42px);
          transform: translateX(42px);
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background: #87C0BB;
}
section.engagement div.flex-container-engagement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  section.engagement div.flex-container-engagement {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
section.engagement div.flex-container-engagement div.engagement img {
  width: 250px;
  margin: 0 auto;
}
section.engagement div.flex-container-engagement div.engagement p {
  text-align: center;
  color: #87C0BB;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  line-height: 41px;
  font-size: 30px;
}
section.engagement p {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  line-height: 27px;
}

section.demarche {
  padding: 150px 0;
}
section.demarche h2 {
  text-align: center;
  margin-bottom: 100px;
  position: relative;
  font-size: 34px;
}
section.demarche h2::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-57px);
          transform: translateX(-57px);
  content: "";
  height: 7px;
  width: 90px;
  background: #87C0BB;
}
section.demarche h2::before {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(42px);
          transform: translateX(42px);
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background: #87C0BB;
}
section.demarche .frise_demarche .frise {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  section.demarche .frise_demarche .frise {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 100px 0;
  }
}
section.demarche p {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
}
section.demarche div.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 500px;
  width: 100%;
  background: #87C0BB;
  position: relative;
  max-width: 1000px;
  height: 850px;
  margin: 0 auto;
}
section.demarche div.flex-container div.column {
  z-index: 1;
  width: 40%;
}
@media (min-width: 768px) {
  section.demarche div.flex-container div.column {
    width: 35%;
  }
}
section.demarche div.flex-container div.column .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  section.demarche div.flex-container div.column .button {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
section.demarche div.flex-container div.column .button .picto_demarche {
  width: 65%;
}
section.demarche div.flex-container div.column .button p {
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  padding: 0 20px;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  section.demarche div.flex-container div.column .button p {
    font-size: 30px;
    margin-bottom: 50px;
  }
}
section.demarche div.flex-container div.column div {
  width: 100%;
  height: 33.33%;
}
section.demarche div.flex-container div.column div:nth-child(1) {
  background: #87C0BB;
}
section.demarche div.flex-container div.column div:nth-child(2) {
  background: #91CFCA;
}
section.demarche div.flex-container div.column div:nth-child(3) {
  background: #ABD8D4;
}
section.demarche div.flex-container div.content {
  width: 65%;
  position: relative;
  left: -0.5px;
}
section.demarche div.flex-container div.content div {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
section.demarche div.flex-container div.content div:nth-child(1) {
  background: #87C0BB;
}
section.demarche div.flex-container div.content div:nth-child(2) {
  background: #91CFCA;
}
section.demarche div.flex-container div.content div:nth-child(3) {
  background: #ABD8D4;
  figurewidth: 80%;
}
section.demarche div.flex-container div.content div .picto_carre_demarche {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 60px auto 0;
  width: 80%;
}
section.demarche div.flex-container div.content div p {
  padding: 0 20px;
  text-align: left;
}
@media (min-width: 768px) {
  section.demarche div.flex-container div.content div p {
    padding: 0 110px 0 65px;
  }
}

section.equipe {
  padding: 150px 0;
  position: relative;
  margin-bottom: 500px;
}
section.equipe::after {
  display: none;
}
@media (min-width: 1440px) {
  section.equipe::after {
    display: block;
    content: url("../images/img_ingredients_qui_1.png ");
    position: absolute;
    bottom: -31%;
    right: -28%;
  }
}
@media (min-width: 1440px) {
  section.equipe::after {
    right: -10%;
  }
}
section.equipe h2 {
  text-align: center;
  margin-bottom: 100px;
  position: relative;
  font-size: 34px;
}
section.equipe h2::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-57px);
          transform: translateX(-57px);
  content: "";
  height: 7px;
  width: 90px;
  background: #87C0BB;
}
section.equipe h2::before {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(42px);
          transform: translateX(42px);
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background: #87C0BB;
}
section.equipe .image_equipe {
  position: relative;
}
section.equipe .encadre_equipe {
  background-color: #87C0BB;
  top: 78%;
  padding: 50px 25px;
  left: -3%;
}
@media (min-width: 768px) {
  section.equipe .encadre_equipe {
    position: absolute;
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1280px) {
  section.equipe .encadre_equipe {
    position: absolute;
    padding: 85px 65px;
  }
}
@media (min-width: 1440px) {
  section.equipe .encadre_equipe {
    width: 52%;
  }
}
section.equipe .encadre_equipe p {
  color: #fff;
  font-size: 21px;
  line-height: 1.7;
}

section.politique {
  padding: 100px 0;
  position: relative;
  background-color: #F4F3F2;
}
section.politique::after {
  display: none;
}
@media (min-width: 1280px) {
  section.politique::after {
    display: block;
    content: url("../images/img_ingredients_home1.png");
    position: absolute;
    top: -21%;
    left: -11%;
  }
}
@media (min-width: 1680px) {
  section.politique::after {
    left: 1%;
  }
}
section.politique .titre_politique {
  text-align: center;
  margin-bottom: 100px;
  position: relative;
}
@media (min-width: 768px) {
  section.politique .titre_politique {
    font-size: 30px;
  }
}
section.politique .titre_politique::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-57px);
          transform: translateX(-57px);
  content: "";
  height: 7px;
  width: 90px;
  background: #87C0BB;
}
section.politique .titre_politique::before {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(42px);
          transform: translateX(42px);
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background: #87C0BB;
}
section.politique .sous_titre_politique {
  text-align: center;
}
section.politique .ensemble_colonne_politique {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  section.politique .ensemble_colonne_politique {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media (min-width: 768px) {
  section.politique .colonne_politique {
    width: 25%;
  }
}
section.politique .colonne_politique h2 {
  font-size: 30px;
  text-transform: none;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
}
@media (min-width: 768px) {
  section.politique .colonne_politique h2 {
    text-align: unset;
  }
}
section.politique .colonne_politique h2:nth-child(2) {
  width: 90%;
}
section.politique .colonne_politique p {
  font-size: 16px;
}

section.confiance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 100px;
}
section.confiance::before {
  display: none;
}
@media (min-width: 768px) {
  section.confiance::before {
    display: block;
    content: url("../images/image_fruit_cote_gauche.png");
    position: absolute;
    left: 0%;
  }
}
section.confiance::after {
  display: none;
}
@media (min-width: 768px) {
  section.confiance::after {
    display: block;
    content: url("../images/fruit_droit_certif.png");
    position: absolute;
    right: 0%;
  }
}
section.confiance .titre_confiance {
  text-align: center;
  margin-bottom: 100px;
  position: relative;
  font-size: 34px;
}
section.confiance .titre_confiance::after {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-57px);
          transform: translateX(-57px);
  content: "";
  height: 7px;
  width: 90px;
  background: #87C0BB;
}
section.confiance .titre_confiance::before {
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(42px);
          transform: translateX(42px);
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background: #87C0BB;
}
section.confiance .sous_titre_confiance p {
  text-align: center;
}
section.confiance .ensemble_bloc_confiance {
  margin-bottom: 50px;
}
section.confiance .bloc_confiance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  section.confiance .bloc_confiance {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1280px) {
  section.confiance .bloc_confiance {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
section.confiance .bloc_confiance .bloc_text_confiance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1280px) {
  section.confiance .bloc_confiance .bloc_text_confiance {
    width: 30%;
  }
}
section.confiance .bloc_confiance .bloc_text_confiance h2 {
  text-align: center;
}

.certification {
  background-color: #F4F3F2;
  padding: 50px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 1280px) {
  .certification {
    width: 30%;
  }
}
.certification::after {
  display: none;
}
@media (min-width: 1280px) {
  .certification::after {
    display: block;
    content: url("../images/img_ingredients_FAQ2.png");
    position: absolute;
    right: -117%;
  }
}
.certification p {
  text-align: center;
}
.certification .picto_certification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.certification .picto_certification figure {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.text_sous_cadre {
  margin: 100px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.text_sous_cadre p {
  text-align: center;
}

.engageons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media (min-width: 768px) {
  .engageons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.engageons figure {
  position: relative;
}
.engageons figure::before {
  display: none;
}
@media (min-width: 1440px) {
  .engageons figure::before {
    display: block;
    content: url("../images/cadre_gauche.png");
    position: absolute;
    top: -8%;
    left: 20%;
  }
}
@media (min-width: 1680px) {
  .engageons figure::before {
    left: 30%;
  }
}
@media (min-width: 1280px) {
  .engageons .picto_engageons_texte {
    margin-left: 60px;
  }
}
.engageons h2 {
  text-align: center;
  text-transform: none;
  font-size: 30px;
  font-weight: 800;
}
@media (min-width: 768px) {
  .engageons h2 {
    text-align: center;
  }
}
.engageons p {
  line-height: 1.2;
}

.triangle_engagement {
  position: relative;
  margin-top: 100px;
  margin-bottom: 120px;
}
@media (min-width: 768px) {
  .triangle_engagement {
    margin-bottom: 500px;
  }
}
.triangle_engagement::after {
  display: none;
}
@media (min-width: 1280px) {
  .triangle_engagement::after {
    display: block;
    content: url("../images/img_ingredients_qui_1.png");
    position: absolute;
    bottom: -70%;
    left: 2%;
  }
}
.triangle_engagement h2 {
  font-size: 30px;
  font-weight: 800;
  text-transform: none;
}
.triangle_engagement .sous_texte_hover {
  font-size: 16px;
  font-weight: 700;
}

.flex_feuille {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1280px) {
  .flex_feuille {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.flex_feuille .contain_bloc_gauche .bloc_gauche {
  display: none;
}
@media (min-width: 1280px) {
  .flex_feuille .contain_bloc_gauche .bloc_gauche {
    display: block;
    position: absolute;
    left: 1%;
    top: 1%;
  }
}
@media (min-width: 1680px) {
  .flex_feuille .contain_bloc_gauche .bloc_gauche {
    left: 20%;
    top: 1%;
  }
}
.flex_feuille .contain_bloc_gauche .bloc_absolute_gauche {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (min-width: 1280px) {
  .flex_feuille .contain_bloc_gauche .bloc_absolute_gauche {
    display: none;
  }
}
.flex_feuille .contain_bloc_gauche .bloc_feuille_gauche {
  display: none;
}
@media (min-width: 1280px) {
  .flex_feuille .contain_bloc_gauche .bloc_feuille_gauche {
    display: block;
    margin-right: 20px;
  }
}
.flex_feuille .contain_bloc_gauche .bloc_feuille_gauche .image_feuille1 {
  display: block;
}
.flex_feuille .contain_bloc_gauche .bloc_feuille_gauche .image_feuille_hover1 {
  display: none;
}
.flex_feuille .contain_bloc_gauche:hover .bloc_gauche {
  display: none;
}
@media (min-width: 1280px) {
  .flex_feuille .contain_bloc_gauche:hover .bloc_gauche {
    display: none;
  }
}
.flex_feuille .contain_bloc_gauche:hover .bloc_absolute_gauche {
  display: none;
}
@media (min-width: 1280px) {
  .flex_feuille .contain_bloc_gauche:hover .bloc_absolute_gauche {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    left: -2%;
    top: 1%;
    width: 25%;
    position: absolute;
  }
}
@media (min-width: 1680px) {
  .flex_feuille .contain_bloc_gauche:hover .bloc_absolute_gauche {
    left: 10%;
    top: 0%;
  }
}
.flex_feuille .contain_bloc_gauche:hover .bloc_feuille_gauche {
  display: none;
}
@media (min-width: 1280px) {
  .flex_feuille .contain_bloc_gauche:hover .bloc_feuille_gauche {
    display: block;
  }
}
.flex_feuille .contain_bloc_gauche:hover .bloc_feuille_gauche .image_feuille1 {
  display: none;
}
.flex_feuille .contain_bloc_gauche:hover .bloc_feuille_gauche .image_feuille_hover1 {
  display: block;
}

.contain_bloc_droite .bloc_droite {
  display: none;
}
@media (min-width: 1280px) {
  .contain_bloc_droite .bloc_droite {
    display: block;
    position: absolute;
    right: 1%;
    top: 1%;
  }
}
@media (min-width: 1680px) {
  .contain_bloc_droite .bloc_droite {
    right: 20%;
    top: 1%;
  }
}
.contain_bloc_droite .bloc_absolute_droite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1280px) {
  .contain_bloc_droite .bloc_absolute_droite {
    display: none;
  }
}
.contain_bloc_droite .bloc_feuille_droite {
  display: none;
}
@media (min-width: 1280px) {
  .contain_bloc_droite .bloc_feuille_droite {
    display: block;
    margin-left: 20px;
  }
}
.contain_bloc_droite .bloc_feuille_droite .image_feuille2 {
  display: block;
}
.contain_bloc_droite .bloc_feuille_droite .image_feuille_hover2 {
  display: none;
}
.contain_bloc_droite:hover .bloc_droite {
  display: none;
}
@media (min-width: 1280px) {
  .contain_bloc_droite:hover .bloc_droite {
    display: none;
  }
}
.contain_bloc_droite:hover .bloc_absolute_droite {
  display: none;
}
@media (min-width: 1280px) {
  .contain_bloc_droite:hover .bloc_absolute_droite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: -2%;
    top: 1%;
    width: 25%;
  }
}
@media (min-width: 1680px) {
  .contain_bloc_droite:hover .bloc_absolute_droite {
    right: 10%;
    top: 0%;
  }
}
.contain_bloc_droite:hover .bloc_feuille_droite {
  display: none;
}
@media (min-width: 1280px) {
  .contain_bloc_droite:hover .bloc_feuille_droite {
    display: block;
  }
}
.contain_bloc_droite:hover .bloc_feuille_droite .image_feuille2 {
  display: none;
}
.contain_bloc_droite:hover .bloc_feuille_droite .image_feuille_hover2 {
  display: block;
}

.contain_bloc_bas .bloc_bas {
  display: none;
}
@media (min-width: 1280px) {
  .contain_bloc_bas .bloc_bas {
    display: block;
    position: absolute;
    left: 50%;
    top: 101%;
  }
}
.contain_bloc_bas .bloc_absolute_bas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1280px) {
  .contain_bloc_bas .bloc_absolute_bas {
    display: none;
  }
}
.contain_bloc_bas .bloc_feuille_bas {
  display: none;
}
@media (min-width: 1280px) {
  .contain_bloc_bas .bloc_feuille_bas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.contain_bloc_bas .bloc_feuille_bas .image_feuille3 {
  display: block;
}
.contain_bloc_bas .bloc_feuille_bas .image_feuille_hover3 {
  display: none;
}
.contain_bloc_bas:hover .bloc_bas {
  display: none;
}
@media (min-width: 1280px) {
  .contain_bloc_bas:hover .bloc_bas {
    display: none;
  }
}
.contain_bloc_bas:hover .bloc_absolute_bas {
  position: absolute;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contain_bloc_bas:hover .bloc_feuille_bas {
  display: none;
}
@media (min-width: 1280px) {
  .contain_bloc_bas:hover .bloc_feuille_bas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.contain_bloc_bas:hover .bloc_feuille_bas .image_feuille3 {
  display: none;
}
.contain_bloc_bas:hover .bloc_feuille_bas .image_feuille_hover3 {
  display: block;
}

.triangle_bloc {
  display: none;
}
@media (min-width: 1280px) {
  .triangle_bloc {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -99;
  }
}
.triangle_bloc p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 30px;
  font-weight: 800;
  color: #87C0BB;
  text-align: center;
}
.triangle_bloc p .notre_engagement_RSE {
  display: none;
}

.engagement_rse_titre {
  position: absolute;
  color: #87C0BB;
  font-size: 30px;
  font-weight: 800;
  top: -6%;
  text-align: center;
}
@media (min-width: 768px) {
  .engagement_rse_titre {
    top: -3%;
    left: 50%;
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px);
  }
}
@media (min-width: 1280px) {
  .engagement_rse_titre {
    display: none;
  }
}

.text_feuille1, .text_feuille2, .text_feuille3 {
  text-align: center;
}
@media (min-width: 1280px) {
  .text_feuille1, .text_feuille2, .text_feuille3 {
    text-align: left;
  }
}

.fruit_bas_page {
  position: absolute;
  bottom: -7.4%;
}
@media (min-width: 768px) {
  .fruit_bas_page {
    bottom: -18.3%;
  }
}
@media (min-width: 1280px) {
  .fruit_bas_page {
    bottom: -84%;
  }
}

#notre_demarche_rse {
  padding-top: 7em;
  margin-top: -7em;
}

#notre_capital_humain {
  padding-top: 7em;
  margin-top: -7em;
}

#notre_confiance_clients {
  padding-top: 7em;
  margin-top: -7em;
}

#notre_engagement {
  padding-top: 7em;
  margin-top: -7em;
}

#notre_identite {
  padding-top: 1em;
  margin-top: -1em;
}

#notre_politique_environnementale {
  padding-top: 7em;
  margin-top: -7em;
}

.offre {
  overflow-y: clip;
}
.offre .has-gris-clair-background-color {
  position: relative;
  width: 100%;
}
.offre .has-gris-clair-background-color .wp-block-group__inner-container {
  width: 100%;
  margin: 0 auto;
  max-width: 90%;
}
@media (min-width: 768px) {
  .offre .has-gris-clair-background-color .wp-block-group__inner-container {
    max-width: 85%;
  }
}
@media (min-width: 1024px) {
  .offre .has-gris-clair-background-color .wp-block-group__inner-container {
    max-width: 96%;
  }
}
@media (min-width: 1280px) {
  .offre .has-gris-clair-background-color .wp-block-group__inner-container {
    max-width: 77%;
  }
}
@media (min-width: 1440px) {
  .offre .has-gris-clair-background-color .wp-block-group__inner-container {
    max-width: 70%;
  }
}
@media (min-width: 1680px) {
  .offre .has-gris-clair-background-color .wp-block-group__inner-container {
    max-width: 72%;
  }
}
@media (min-width: 1024px) {
  .offre .has-gris-clair-background-color .wp-block-group__inner-container .wp-block-contact-form-7-contact-form-selector {
    width: 70%;
  }
}
.offre .has-gris-clair-background-color .wp-block-group__inner-container .wp-block-contact-form-7-contact-form-selector .pj, .offre .has-gris-clair-background-color .wp-block-group__inner-container .wp-block-contact-form-7-contact-form-selector .pj2 {
  margin: 20px 0;
  width: 100%;
}
.offre .has-gris-clair-background-color .wp-block-group__inner-container .wp-block-contact-form-7-contact-form-selector #pj, .offre .has-gris-clair-background-color .wp-block-group__inner-container .wp-block-contact-form-7-contact-form-selector #pj2 {
  opacity: 1;
  position: relative;
  z-index: 1;
}
.offre .has-gris-clair-background-color .wp-block-group__inner-container .wp-block-contact-form-7-contact-form-selector #submit {
  margin-left: 80%;
}
.offre .blog {
  background: white;
  position: relative;
  overflow-x: clip;
  z-index: 1;
}
.offre .blog #img_ingredients_offre2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: -100%;
  display: none;
}
@media (min-width: 1024px) {
  .offre .blog #img_ingredients_offre2 {
    display: block;
  }
}
.offre .blog #frise__bas {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.offre .blog .remontee__offres .remontee__element {
  margin: 0 80px;
}
.offre .blog .remontee__offres .remontee__element h3 {
  color: #000000;
  opacity: 0.7;
  font-size: 34px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 38px;
}
.offre .blog .remontee__offres .remontee__element .remontee__texte > span {
  color: #87C0BB;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 40px;
  position: relative;
  display: block;
}
.offre .blog .remontee__offres .remontee__element .remontee__texte > span::after {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 70px;
  background: black;
  opacity: 0.7;
  height: 6px;
  content: "";
}
.offre .blog .remontee__offres .owl-nav {
  width: 97%;
}

.remontee__element .bouton {
  margin-bottom: 10px;
}

.liste__offres figure {
  background: #87C0BB;
}
.liste__offres figure img {
  width: 90%;
}

.contact__page .nous__trouver {
  background: #87C0BB;
  padding: 50px 0 70px 0;
  position: relative;
}
.contact__page .nous__trouver #contact__page__elemen3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
@media (min-width: 1280px) {
  .contact__page .nous__trouver #contact__page__elemen3 {
    display: block;
  }
}
.contact__page .nous__trouver #contact__page__element4 {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: 0;
  left: 0;
  display: none;
}
@media (min-width: 1280px) {
  .contact__page .nous__trouver #contact__page__element4 {
    display: block;
  }
}
.contact__page .nous__trouver #contact__bg__element {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.contact__page .nous__trouver .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .contact__page .nous__trouver .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.contact__page .nous__trouver .inner .trouver__content h2 {
  margin-bottom: 100px;
}
.contact__page .nous__trouver .inner .trouver__content p {
  color: white;
  text-align: center;
}
@media (min-width: 1024px) {
  .contact__page .nous__trouver .inner .trouver__content p {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .contact__page .nous__trouver .inner .trouver__content {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .contact__page .nous__trouver .inner .trouver__carte {
    width: 50%;
  }
}
.contact__page .contact {
  padding: 100px 0 0 0;
  position: relative;
}
.contact__page .contact #contact__page__element2 {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 0;
  top: 100px;
  display: none;
}
@media (min-width: 1280px) {
  .contact__page .contact #contact__page__element2 {
    display: block;
  }
}
.contact__page .contact #contact__page__element {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
@media (min-width: 1280px) {
  .contact__page .contact #contact__page__element {
    display: block;
  }
}
.contact__page .contact .contact__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1024px) {
  .contact__page .contact .contact__container .inner {
    padding: 0 50px;
  }
}
.contact__page .contact .contact__container h2 {
  margin-bottom: 100px;
}
.contact__page .contact .contact__container .contact__choix {
  width: 100%;
  margin: auto;
}
.contact__page .contact .contact__container .contact__choix em {
  font-weight: 900;
}
.contact__page .contact .contact__container .contact__formulaire {
  background: #F4F3F2;
  width: 100%;
  padding-bottom: 100px;
  margin-top: 50px;
  display: none;
}
@media (min-width: 1024px) {
  .contact__page .contact .contact__container .contact__formulaire .inner .wpcf7 {
    width: 70%;
  }
}
.contact__page .contact .contact__container .contact__formulaire .inner .wpcf7 #submit {
  margin-left: 80%;
}
.contact__page .contact .contact__container .contact__formulaire.activeForm {
  display: block;
}
.contact__page .contact .contact__container .choix {
  margin-left: 0;
  margin-top: 20px;
}
@media (min-width: 1024px) {
  .contact__page .contact .contact__container .choix {
    width: 70%;
  }
}
.contact__page .contact .contact__container .choix li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.contact__page .contact .contact__container .choix li .check {
  height: 50px;
  width: 50px;
  cursor: pointer;
}
.contact__page .contact .contact__container .choix li .check svg {
  height: 50px !important;
  width: 50px !important;
}
.contact__page .contact .contact__container .choix li p {
  display: inline;
  margin-bottom: 0;
  margin-left: 5px;
  text-align: left;
}
.contact__page .contact .contact__container #warning {
  color: red;
  text-align: center;
  font-size: 14px;
}
.contact__page .contact #contact__element {
  position: absolute;
  top: 0;
  right: 0;
  width: 330px;
  height: auto;
  z-index: -1;
}
@media (max-width: 1024px) {
  .contact__page .contact #contact__element {
    display: none;
  }
}
.contact__page .contact #contact__bg__element {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .contact__page .formulaire__contact {
    margin-top: 140px;
  }
}

/*** PAGE ***/
.accueil .banner {
  position: relative;
  height: 710px;
  width: 100%;
  z-index: 3;
}
@media (min-width: 1024px) {
  .accueil .banner {
    margin-top: -175px;
  }
}
.accueil .banner .assombrisseur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), color-stop(50%, rgba(0, 0, 0, 0.2)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 50%);
}
.accueil .banner video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.accueil .banner .main__banner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 10%;
}
.accueil .banner .main__banner p {
  color: white;
  font-size: 20px;
  margin: 20px 0 40px 0;
  line-height: 20px;
  text-align: center;
}
@media (min-width: 800px) {
  .accueil .banner .main__banner p {
    font-size: 34px;
    line-height: 34px;
    text-align: left;
  }
}
.accueil .banner .main__banner a {
  margin: auto;
}
@media (min-width: 800px) {
  .accueil .banner .main__banner a {
    margin: 0;
  }
}
.accueil .savoir__faire {
  background: #87C0BB;
  padding: 130px 0;
  position: relative;
  z-index: 2;
  overflow-y: clip;
}
@media (min-width: 1024px) {
  .accueil .savoir__faire {
    padding: 180px 0;
  }
}
@media (min-width: 1440px) {
  .accueil .savoir__faire {
    padding: 230px 0;
  }
}
@media (min-width: 1680px) {
  .accueil .savoir__faire {
    padding: 260px 0;
  }
}
.accueil .savoir__faire .savoir__main p {
  margin: 40px 0;
  font-size: 25px;
  line-height: 30px;
}
.accueil .savoir__faire #barre__haut, .accueil .savoir__faire #barre__bas {
  position: absolute;
  z-index: 1;
  width: 80%;
  max-width: 1000px;
  height: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 768px) {
  .accueil .savoir__faire #barre__haut, .accueil .savoir__faire #barre__bas {
    width: 60%;
  }
}
@media (min-width: 1440px) {
  .accueil .savoir__faire #barre__haut, .accueil .savoir__faire #barre__bas {
    width: 50%;
  }
}
.accueil .savoir__faire #barre__haut {
  top: 0px;
}
.accueil .savoir__faire #barre__bas {
  bottom: -200px;
}
.accueil .solutions {
  position: relative;
  z-index: 2;
  background: white;
  padding: 200px 0 100px 0;
  overflow-y: clip;
}
.accueil .solutions ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
}
.accueil .solutions ul li::marker {
  color: #87C0BB;
}
.accueil .solutions .bg__solution__fruits {
  position: absolute;
  top: 250px;
  left: 0;
  height: 400px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 700px) {
  .accueil .solutions .bg__solution__fruits {
    display: none;
  }
}
.accueil .solutions #barre__decomp {
  position: absolute;
  left: 49%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80%;
  max-width: 1000px;
  top: -200px;
  z-index: 1;
}
@media (min-width: 768px) {
  .accueil .solutions #barre__decomp {
    width: 60%;
  }
}
@media (min-width: 1440px) {
  .accueil .solutions #barre__decomp {
    width: 50%;
  }
}
.accueil .solutions p {
  max-width: 1000px;
  width: 90%;
  margin: auto;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.75);
}
.accueil .solutions h2 {
  margin: 100px 0 150px 0;
}
@media (min-width: 768px) {
  .accueil .barres__container.inner {
    max-width: 95%;
  }
}
@media (min-width: 1230px) {
  .accueil .barres__container.inner {
    max-width: 75%;
  }
}
@media (min-width: 1530px) {
  .accueil .barres__container.inner {
    max-width: 65%;
  }
}
@media (min-width: 1800px) {
  .accueil .barres__container.inner {
    max-width: 95%;
  }
}
@media (min-width: 2200px) {
  .accueil .barres__container.inner {
    max-width: 70%;
  }
}
.accueil .barres__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  overflow-y: clip;
}
.accueil .barres__container .barre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 100px;
}
.accueil .barres__container .barre p {
  margin-top: 30px;
}
.accueil .barres__container .barre h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
}
.accueil .barres__container .barre h3 em {
  display: block;
  font-size: 27px;
  padding: 10px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto auto 5px auto;
  line-height: 23px;
  position: relative;
}
.accueil .barres__container .barre h3 .encadre {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.accueil .barres__container .barre h3 .encadre .point {
  position: absolute;
  width: 15px;
  height: 15px;
  background: white;
  bottom: 10px;
  right: -6px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accueil .barres__container .barre h3 .encadre .point .rond {
  width: 6px;
  height: 6px;
  border-radius: 50px;
  padding: 0;
  padding-bottom: 1px;
  -webkit-transform: translate(0.3px, -0.4px);
          transform: translate(0.3px, -0.4px);
}
.accueil .barres__container .barre h3 span {
  text-align: center;
  padding: 0 0.5px;
}
.accueil .barres__container .barre h3 .reversed {
  padding: 0 0 0 3px;
}
.accueil .barres__container .barre .image__container.horizontalized {
  z-index: 20;
  position: fixed;
  top: 50vh;
  max-width: 1000px;
  overflow: visible;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.accueil .barres__container .barre .image__container.horizontalized .close__popup {
  opacity: 1;
}
@media (max-width: 500px) {
  .accueil .barres__container .barre .image__container.horizontalized {
    bottom: 20px;
    top: auto;
  }
}
@media (min-width: 600px) {
  .accueil .barres__container .barre .image__container.horizontalized {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .accueil .barres__container .barre .image__container.horizontalized {
    top: 40vh;
  }
}
.accueil .barres__container .barre .image__container {
  position: relative;
  overflow-y: clip;
  padding-top: 100px;
  width: 100%;
  max-width: 220px;
  cursor: pointer;
}
.accueil .barres__container .barre .image__container .background {
  height: 340px;
  border-radius: 10px;
  position: relative;
  width: 100%;
  -webkit-transition: max-width 1s ease;
  transition: max-width 1s ease;
  max-width: 220px;
}
.accueil .barres__container .barre .image__container .close__popup {
  position: fixed;
  top: 120px;
  right: 20px;
  font-size: 70px;
  color: white;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease 0.8s, -webkit-transform 0s ease;
  transition: opacity 0.5s ease 0.8s, -webkit-transform 0s ease;
  transition: opacity 0.5s ease 0.8s, transform 0s ease;
  transition: opacity 0.5s ease 0.8s, transform 0s ease, -webkit-transform 0s ease;
  cursor: pointer;
}
.accueil .barres__container .barre .image__container .background.horizontalized {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 1000px;
  -webkit-box-shadow: 0px -4px 16px 11px rgba(0, 0, 0, 0.14);
          box-shadow: 0px -4px 16px 11px rgba(0, 0, 0, 0.14);
}
@media (max-width: 600px) {
  .accueil .barres__container .barre .image__container .background.horizontalized {
    height: 230px;
  }
}
.accueil .barres__container .barre .image__container .background.horizontalized img {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  left: 50%;
  top: 40px;
  bottom: 0;
  max-width: 300px;
  z-index: 2000;
  -webkit-transform-origin: left;
          transform-origin: left;
  min-height: 0;
}
@media (min-width: 1024px) {
  .accueil .barres__container .barre .image__container .background.horizontalized img {
    top: -20px;
  }
}
.accueil .barres__container .barre .image__container img {
  position: absolute;
  max-width: 220px;
  max-height: 300px;
  width: auto;
  top: -50px;
  left: 0px;
  min-height: 500px;
  z-index: 2;
  -webkit-transition: left 1s ease-in-out, max-width 0.8s ease, top 1s ease, z-index 0.5s ease 1s, -webkit-transform 1s ease-in-out;
  transition: left 1s ease-in-out, max-width 0.8s ease, top 1s ease, z-index 0.5s ease 1s, -webkit-transform 1s ease-in-out;
  transition: left 1s ease-in-out, transform 1s ease-in-out, max-width 0.8s ease, top 1s ease, z-index 0.5s ease 1s;
  transition: left 1s ease-in-out, transform 1s ease-in-out, max-width 0.8s ease, top 1s ease, z-index 0.5s ease 1s, -webkit-transform 1s ease-in-out;
}
@media (min-width: 600px) {
  .accueil .barres__container .barre .image__container img {
    max-height: 400px;
  }
}
@media (min-width: 768px) {
  .accueil .barres__container .barre .image__container img {
    max-height: 500px;
  }
}
@media (min-width: 1024px) {
  .accueil .barres__container .barre .image__container img {
    max-height: 1000px;
  }
}
.accueil .barres__container .barre .image__container:hover img {
  top: -70px;
}
.accueil .barres__container .barre:nth-of-type(4) .background.horizontalized img {
  top: 20px;
}
.accueil .barres__container .barre:nth-of-type(5) .background.horizontalized img {
  top: 40px;
}
@media (min-width: 1024px) {
  .accueil .barres__container .barre:nth-of-type(5) .background.horizontalized img {
    top: 20px;
  }
}
.accueil .barres__container .detail__cache .div__couleur {
  height: 100vh;
  max-height: 0px;
  width: 100vw;
  z-index: 10;
  position: fixed;
  bottom: 30vh;
  left: 0;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.accueil .barres__container .detail__cache .div__couleur.horizontalized {
  max-height: 70vh;
}
@media (max-width: 500px) {
  .accueil .barres__container .detail__cache .div__couleur.horizontalized {
    max-height: 100vh;
    bottom: 0;
  }
}
.accueil .barres__container .detail__cache .div__blanche {
  height: 30vh;
  max-height: 0px;
  width: 100vw;
  z-index: 10;
  position: fixed;
  top: 70vh;
  left: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: white;
}
.accueil .barres__container .detail__cache .div__blanche.horizontalized {
  max-height: 30vh;
}
@media (max-width: 500px) {
  .accueil .barres__container .detail__cache .div__blanche.horizontalized {
    max-height: 0;
  }
}
.accueil .barres__container .detail__cache .div__content {
  height: auto;
  width: 0;
  max-height: 0;
  z-index: 1;
  position: fixed;
  bottom: 40vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: white;
  opacity: 0;
  -webkit-transition: bottom 1s ease 0.5s, opacity 0s ease 0.2s;
  transition: bottom 1s ease 0.5s, opacity 0s ease 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 50px;
}
@media (max-width: 500px) {
  .accueil .barres__container .detail__cache .div__content {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .accueil .barres__container .detail__cache .div__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 768px) {
  .accueil .barres__container .detail__cache .div__content h3 {
    margin-bottom: 30px;
  }
}
.accueil .barres__container .detail__cache .div__content h3 em {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.accueil .barres__container .detail__cache .div__content .description {
  margin-left: 10%;
  margin-top: -10px;
}
@media (max-width: 500px) {
  .accueil .barres__container .detail__cache .div__content .description {
    margin-left: 5px;
    overflow: hidden;
  }
}
.accueil .barres__container .detail__cache .div__content.horizontalized {
  opacity: 1;
  z-index: 10;
  bottom: auto;
  width: 100%;
  max-width: 1000px;
  max-height: none;
}
@media (min-width: 350px) {
  .accueil .barres__container .detail__cache .div__content.horizontalized {
    width: 90%;
  }
}
@media (min-width: 500px) {
  .accueil .barres__container .detail__cache .div__content.horizontalized {
    bottom: 40vh;
  }
}
@media (min-width: 768px) {
  .accueil .barres__container .detail__cache .div__content.horizontalized {
    bottom: 60vh;
  }
}
.accueil .titre__sol.horizontalized {
  position: fixed;
  top: -10vh;
  color: white;
  z-index: 20;
  width: 100%;
  left: 0;
}
.accueil .titre__sol.horizontalized::after {
  display: none;
}
.accueil .titre__sol.horizontalized::before {
  display: none;
}
@media (max-width: 500px) {
  .accueil .titre__sol.horizontalized {
    top: -170px;
  }
}
.accueil .ingredients {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding-bottom: 200px;
  width: 100%;
  overflow: clip;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .accueil .ingredients {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.accueil .ingredients .partie__gauche {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
@media (min-width: 1024px) {
  .accueil .ingredients .partie__gauche {
    width: 45%;
    margin-left: 10%;
    display: block;
    padding: 0;
  }
}
.accueil .ingredients .partie__gauche p {
  line-height: 30px;
  color: rgba(0, 0, 0, 0.75);
  margin: 20px 0 20px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .accueil .ingredients .partie__gauche p {
    text-align: left;
  }
}
.accueil .ingredients .barre__decomp__ingredients {
  height: 680px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 70px;
  margin-right: 0;
}
@media (min-width: 1024px) {
  .accueil .ingredients .barre__decomp__ingredients {
    margin-right: -162px;
  }
}
.accueil .ingredients .partie__droite {
  position: absolute;
  bottom: 120px;
  right: 0;
  width: 50%;
}
@media (min-width: 1024px) {
  .accueil .ingredients .partie__droite {
    position: relative;
    width: 50%;
    bottom: 0;
  }
}
.accueil .ingredients .partie__droite .droite__inner.activated {
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}
.accueil .ingredients .partie__droite .droite__inner.activated .main {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  left: 40px;
  bottom: 0;
}
.accueil .ingredients .partie__droite .droite__inner {
  position: relative;
  right: 0;
  width: 100%;
  padding: 100px 0;
  background: #87C0BB;
  clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: clip;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.accueil .ingredients .partie__droite .droite__inner .barre_recomp {
  height: 630px;
  width: 117px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: -100px;
}
.accueil .ingredients .partie__droite .droite__inner .main {
  position: absolute;
  max-width: 600px;
  bottom: -200px;
  left: 100%;
  -webkit-transform: rotate(-53deg);
          transform: rotate(-53deg);
  -webkit-transition: left 0.8s ease, bottom 0.8s ease, -webkit-transform 0.5s ease 0.3s;
  transition: left 0.8s ease, bottom 0.8s ease, -webkit-transform 0.5s ease 0.3s;
  transition: left 0.8s ease, transform 0.5s ease 0.3s, bottom 0.8s ease;
  transition: left 0.8s ease, transform 0.5s ease 0.3s, bottom 0.8s ease, -webkit-transform 0.5s ease 0.3s;
}
.accueil .packaging {
  position: relative;
  overflow-x: clip;
}
.accueil .packaging #separator {
  width: 100%;
}
.accueil .packaging #packaging__bg__1 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  top: -200px;
  left: 50px;
}
.accueil .packaging #packaging__bg__2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  top: -200px;
  right: 50px;
}
.accueil .packaging #packaging__bg__3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  right: -200px;
  top: 150px;
}
@media (max-width: 1700px) {
  .accueil .packaging #packaging__bg__3 {
    display: none;
  }
}
.accueil .packaging #packaging__bg__4 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  bottom: -160px;
  right: 10%;
}
@media (max-width: 1024px) {
  .accueil .packaging #packaging__bg__4 {
    display: none;
  }
}
.accueil .packaging .packaging__container {
  background: #87C0BB;
  padding: 100px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1024px) {
  .accueil .packaging .packaging__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .accueil .packaging .packaging__container img {
    width: 50%;
  }
}
.accueil .packaging .packaging__container .packaging__texte {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 90%;
}
@media (min-width: 1024px) {
  .accueil .packaging .packaging__container .packaging__texte {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-right: 10%;
    margin-left: 50px;
    max-width: 100%;
  }
}
.accueil .packaging .packaging__container .packaging__texte p {
  line-height: 30px;
  color: white;
  margin: 20px 0 0 0;
  text-align: center;
}
.accueil .packaging .packaging__container .packaging__texte p:last-of-type {
  margin-bottom: 50px;
}
@media (min-width: 1024px) {
  .accueil .packaging .packaging__container .packaging__texte p {
    text-align: left;
  }
}
.accueil .blog {
  padding: 100px 0;
  position: relative;
  z-index: 15;
}
.accueil .blog .remontee__articles {
  margin: 100px auto 0 auto;
}
.accueil .blog .remontee__articles .active .remontee__element::after {
  display: none;
}
.accueil .blog .remontee__articles .remontee__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 50px;
}
@media (max-width: 768px) {
  .accueil .blog .remontee__articles .remontee__element {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 30px;
  }
}
@media (max-width: 400px) {
  .accueil .blog .remontee__articles .remontee__element {
    padding: 0;
  }
}
.accueil .blog .remontee__articles .remontee__element::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}
.accueil .blog .remontee__articles .remontee__element img {
  width: 40%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 768px) {
  .accueil .blog .remontee__articles .remontee__element img {
    width: 90%;
    margin-bottom: 20px;
  }
}
@media (max-width: 400px) {
  .accueil .blog .remontee__articles .remontee__element img {
    width: 100%;
  }
}
.accueil .blog .remontee__articles .remontee__element .remontee__texte {
  width: 50%;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .accueil .blog .remontee__articles .remontee__element .remontee__texte {
    width: 90%;
    padding-right: 0;
  }
}
@media (max-width: 400px) {
  .accueil .blog .remontee__articles .remontee__element .remontee__texte {
    width: 100%;
  }
}
.accueil .blog .remontee__articles .remontee__element .remontee__texte h3 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 34px;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 768px) {
  .accueil .blog .remontee__articles .remontee__element .remontee__texte h3 {
    text-align: center;
  }
}
.accueil .blog .remontee__articles .remontee__element .remontee__texte span {
  color: #87C0BB;
}
.accueil .blog .remontee__articles .remontee__element .remontee__texte .remontee__separator {
  height: 6px;
  width: 70px;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  margin: 30px 0;
}
.accueil .blog .remontee__articles .remontee__element .remontee__texte p {
  color: rgba(0, 0, 0, 0.7);
}
.accueil .blog .remontee__articles .remontee__element .remontee__texte .bouton {
  margin: 50px 0 15px 0;
}
.accueil .owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 400px) {
  .accueil .owl-nav {
    top: 100%;
  }
}
.accueil .owl-prev {
  width: 40px;
  height: 40px;
  border: 5px solid #87C0BB !important;
  position: relative;
  border-radius: 50px;
  background: white !important;
  margin-left: -20px;
}
@media (max-width: 400px) {
  .accueil .owl-prev {
    margin-left: -10px;
  }
}
.accueil .owl-prev::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "‹";
  color: #87C0BB;
  font-weight: bold;
  font-size: 40px;
  line-height: 0px;
  margin-top: -3px;
}
.accueil .owl-next {
  width: 40px;
  height: 40px;
  border: 5px solid #87C0BB !important;
  position: relative;
  border-radius: 50px;
  background: white !important;
  margin-right: -20px;
}
@media (max-width: 400px) {
  .accueil .owl-next {
    margin-right: -10px;
  }
}
.accueil .owl-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "›";
  color: #87C0BB;
  font-weight: bold;
  font-size: 40px;
  line-height: 0px;
  margin-top: -3px;
}
.accueil .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 70px;
}
.accueil .owl-dots .owl-dot {
  width: 11px;
  height: 11px;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.5);
  margin: 0 5px;
}
.accueil .owl-dots .owl-dot.active {
  background: rgba(0, 0, 0, 0.7);
}
.accueil .pourquoi__nous {
  position: relative;
  overflow-y: clip;
  background: #F4F3F2;
}
.accueil .pourquoi__nous #pourquoi__bg1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.accueil .pourquoi__nous #pourquoi__bg2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.accueil .pourquoi__nous .inner {
  padding: 100px 0;
}
.accueil .pourquoi__nous .inner .elements__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin: 50px 0 0 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.accueil .pourquoi__nous .inner .elements__container .element__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px;
  width: 200px;
}
.accueil .pourquoi__nous .inner .elements__container .element__element:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.accueil .pourquoi__nous .inner .elements__container .element__element img {
  width: 170px;
  height: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.accueil .pourquoi__nous .inner .elements__container .element__element h3 {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20;
  text-transform: uppercase;
  text-align: center;
}
.accueil .nous__trouver {
  background: #87C0BB;
  padding: 50px 0 70px 0;
}
.accueil .nous__trouver .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .accueil .nous__trouver .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.accueil .nous__trouver .inner .trouver__content h2 {
  margin-bottom: 100px;
}
.accueil .nous__trouver .inner .trouver__content p {
  color: white;
  text-align: center;
}
@media (min-width: 1024px) {
  .accueil .nous__trouver .inner .trouver__content p {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .accueil .nous__trouver .inner .trouver__content {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .accueil .nous__trouver .inner .trouver__carte {
    width: 50%;
  }
}
.accueil .contact {
  padding: 100px 0;
  position: relative;
}
.accueil .contact .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1024px) {
  .accueil .contact .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.accueil .contact .inner h2 {
  margin-bottom: 100px;
}
@media (min-width: 1024px) {
  .accueil .contact .inner .contact__choix {
    width: 50%;
  }
}
.accueil .contact .inner .contact__choix em {
  font-weight: 900;
}
.accueil .contact .inner .contact__formulaire {
  display: none;
}
@media (min-width: 1024px) {
  .accueil .contact .inner .contact__formulaire {
    width: 40%;
  }
}
.accueil .contact .inner .contact__formulaire .wpcf7 input[type=file] {
  position: relative;
  opacity: 1;
}
.accueil .contact .inner .contact__formulaire .cv__label {
  display: none;
}
.accueil .contact .inner .contact__formulaire .cv__label.visible {
  display: block;
}
.accueil .contact .inner .contact__formulaire.activeForm {
  display: block;
}
.accueil .contact .inner .choix {
  margin-top: 20px;
  margin-left: 0;
}
.accueil .contact .inner .choix li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.accueil .contact .inner .choix li .check {
  height: 50px;
  width: 50px;
  cursor: pointer;
}
.accueil .contact .inner .choix li .check svg {
  height: 50px !important;
  width: 50px !important;
}
.accueil .contact .inner .choix li p {
  display: inline;
  margin-bottom: 0;
  margin-left: 5px;
}
.accueil .contact .inner #warning {
  color: red;
  text-align: center;
  font-size: 14px;
}
.accueil .contact #contact__element {
  position: absolute;
  top: 0;
  right: 0;
  width: 330px;
  height: auto;
  z-index: -1;
}
@media (max-width: 1024px) {
  .accueil .contact #contact__element {
    display: none;
  }
}
.accueil .contact #contact__bg__element {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .accueil .formulaire__contact {
    margin-top: 140px;
  }
}

.safari.accueil section {
  clip: auto;
  -webkit-mask-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  overflow: hidden;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .safari.accueil .safarized.solutions {
    height: 200vh;
  }
}
.safari.accueil .solutions {
  overflow: visible;
}
.safari.accueil .solutions .barres__container {
  max-width: none;
}
.safari.accueil .solutions .barres__container .barre .image__container {
  clip: auto;
  -webkit-mask-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
}

.safari .barres__container {
  max-width: none;
}
.safari .barres__container .barre .image__container {
  clip: auto;
  -webkit-mask-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
}

/*** BLOCS ***/
.bloc__titre {
  padding: 70px 0;
  background: #87C0BB;
}
.bloc__titre h1 {
  text-align: center;
}
.bloc__titre .sous_titre_bloc_h1 {
  color: #fff;
  font-size: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
  text-align: center;
}

.menu__interne {
  padding: 40px 0 100px 0;
  position: relative;
}
.menu__interne #bg__haut {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.menu__interne ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 10;
  margin-left: 0;
}
@media (min-width: 700px) {
  .menu__interne ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.menu__interne ul li.current_page_item {
  background: black;
}
.menu__interne ul li.current_page_item a {
  color: #87C0BB;
}
.menu__interne ul li {
  list-style: none;
  width: 90%;
  background: #87C0BB;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  border-right: 1px solid white;
}
@media (min-width: 700px) {
  .menu__interne ul li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.menu__interne ul li a {
  text-decoration: none;
  padding: 15px 10px;
  color: white;
  height: 100%;
  width: 100%;
  text-align: center;
}
.menu__interne ul li:hover {
  background: black;
}
.menu__interne ul li:hover a {
  color: #87C0BB;
}
@media (min-width: 700px) {
  .menu__interne ul li:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .menu__interne ul li:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: none;
  }
}
.menu__interne #ingredients1 {
  width: 380px;
  position: absolute;
  display: none;
}
@media (min-width: 700px) {
  .menu__interne #ingredients1 {
    display: block;
  }
}
.menu__interne #ingredients2 {
  width: 160px;
  position: absolute;
  right: 0;
  top: 150%;
  display: none;
}
@media (min-width: 700px) {
  .menu__interne #ingredients2 {
    display: block;
  }
}

.image__texte__fondvert .inner {
  padding-bottom: 100px;
}
.image__texte__fondvert .inner img {
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .image__texte__fondvert .inner img {
    width: calc(100% - 100px);
    margin-left: 100px;
  }
}
.image__texte__fondvert .inner .texte__container {
  width: 90%;
  margin: -50px auto 0 auto;
  padding: 30px;
  background: #87C0BB;
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  .image__texte__fondvert .inner .texte__container {
    padding: 70px;
    width: 60%;
    margin: -100px 0 0 0;
  }
}
.image__texte__fondvert .inner .texte__container p {
  color: white;
  line-height: 28px;
  margin-bottom: 0;
}

.image__texte__GD .inner {
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1024px) {
  .image__texte__GD .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.image__texte__GD .inner .image__parent {
  padding: 40px;
  position: relative;
}
@media (min-width: 1024px) {
  .image__texte__GD .inner .image__parent {
    width: 50%;
  }
}
.image__texte__GD .inner .image__parent img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image__texte__GD .inner .image__parent #cadre__gauche, .image__texte__GD .inner .image__parent #cadre__droit, .image__texte__GD .inner .image__parent #point {
  position: absolute;
}
.image__texte__GD .inner .image__parent #point {
  width: 44px;
  height: 44px;
  top: 20px;
  right: 20px;
  z-index: -1;
}
.image__texte__GD .inner .image__parent #cadre__gauche {
  width: 50%;
  height: auto;
  bottom: 10px;
  left: 10px;
}
.image__texte__GD .inner .image__parent #cadre__droit {
  width: 80%;
  height: auto;
  top: 10px;
  right: 10px;
}
.image__texte__GD .inner .texte__container {
  padding: 40px;
}
.image__texte__GD .inner .texte__container h3 {
  color: #87C0BB;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .image__texte__GD .inner .texte__container {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .image__texte__GD.Droite .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.image__texte__GD.Droite .inner .image__parent #point {
  top: auto;
  right: auto;
  bottom: 20px;
  left: 20px;
}

.employes {
  position: relative;
  padding: 50px 0 150px 0;
}
.employes .slider__employes {
  margin-top: 100px;
}
.employes .slider__employes .slider__element {
  margin: 0 20px;
}
.employes .slider__employes .slider__element .image__bloc {
  position: relative;
  border-radius: 10px;
}
.employes .slider__employes .slider__element .image__bloc .bg__colored {
  height: 80%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 10px;
}
.employes .slider__employes .slider__element em {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  font-size: 25px;
}
.employes .slider__employes .slider__element p {
  text-align: center;
  line-height: 20px;
}
.employes .owl-nav {
  position: absolute;
  bottom: 50px;
  top: auto;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.employes .owl-prev {
  width: 40px;
  height: 40px;
  border: 5px solid #87C0BB !important;
  position: relative;
  border-radius: 50px;
  background: white !important;
  margin-left: -20px;
}
@media (max-width: 400px) {
  .employes .owl-prev {
    margin-left: -10px;
  }
}
.employes .owl-prev::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "‹";
  color: #87C0BB;
  font-weight: bold;
  font-size: 40px;
  line-height: 0px;
  margin-top: -3px;
}
.employes .owl-next {
  width: 40px;
  height: 40px;
  border: 5px solid #87C0BB !important;
  position: relative;
  border-radius: 50px;
  background: white !important;
  margin-right: -20px;
}
@media (max-width: 400px) {
  .employes .owl-next {
    margin-right: -10px;
  }
}
.employes .owl-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "›";
  color: #87C0BB;
  font-weight: bold;
  font-size: 40px;
  line-height: 0px;
  margin-top: -3px;
}
.employes .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 100px;
}
.employes .owl-dots .owl-dot {
  width: 11px;
  height: 11px;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.5);
  margin: 0 5px;
}
.employes .owl-dots .owl-dot.active {
  background: rgba(0, 0, 0, 0.7);
}
.employes #frise__bas {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .barres__container.inner {
    max-width: 95%;
  }
}
@media (min-width: 850px) {
  .barres__container.inner {
    max-width: 85%;
  }
}
@media (min-width: 950px) {
  .barres__container.inner {
    max-width: 75%;
  }
}
@media (min-width: 1100px) {
  .barres__container.inner {
    max-width: 80%;
  }
}
@media (min-width: 1300px) {
  .barres__container.inner {
    max-width: 70%;
  }
}
@media (min-width: 1500px) {
  .barres__container.inner {
    max-width: 100%;
  }
}
@media (min-width: 1700px) {
  .barres__container.inner {
    max-width: 80%;
  }
}
@media (min-width: 1900px) {
  .barres__container.inner {
    max-width: 70%;
  }
}

.barres__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  overflow-y: clip;
}
.barres__container .barre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 100px;
}
.barres__container .barre p {
  margin: 30px auto 0 auto;
  width: 90%;
  text-align: center;
}
.barres__container .barre h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
}
.barres__container .barre h3 em {
  display: block;
  font-size: 27px;
  padding: 10px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto auto 5px auto;
  line-height: 23px;
  position: relative;
}
.barres__container .barre h3 .encadre {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.barres__container .barre h3 .encadre .point {
  position: absolute;
  width: 15px;
  height: 15px;
  background: white;
  bottom: 10px;
  right: -6px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.barres__container .barre h3 .encadre .point .rond {
  width: 6px;
  height: 6px;
  border-radius: 50px;
  padding: 0;
  padding-bottom: 1px;
  -webkit-transform: translate(0.3px, -0.4px);
          transform: translate(0.3px, -0.4px);
}
.barres__container .barre h3 span {
  text-align: center;
  padding: 0 0.5px;
}
.barres__container .barre h3 .reversed {
  padding: 0 0 0 3px;
}
.barres__container .barre .image__container.horizontalized {
  z-index: 20;
  position: fixed;
  top: 50vh;
  max-width: 1000px;
  overflow: visible;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.barres__container .barre .image__container.horizontalized .close__popup {
  opacity: 1;
}
@media (max-width: 500px) {
  .barres__container .barre .image__container.horizontalized {
    bottom: 90px;
    top: auto;
  }
}
@media (min-width: 600px) {
  .barres__container .barre .image__container.horizontalized {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .barres__container .barre .image__container.horizontalized {
    top: 40vh;
  }
}
.barres__container .barre .image__container {
  position: relative;
  overflow-y: clip;
  padding-top: 100px;
  width: 100%;
  max-width: 220px;
  cursor: pointer;
}
.barres__container .barre .image__container .background {
  height: 340px;
  border-radius: 10px;
  position: relative;
  width: 100%;
  -webkit-transition: max-width 1s ease;
  transition: max-width 1s ease;
  max-width: 220px;
}
.barres__container .barre .image__container .close__popup {
  position: fixed;
  top: 120px;
  right: 20px;
  font-size: 70px;
  color: white;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease 0.8s, -webkit-transform 0s ease;
  transition: opacity 0.5s ease 0.8s, -webkit-transform 0s ease;
  transition: opacity 0.5s ease 0.8s, transform 0s ease;
  transition: opacity 0.5s ease 0.8s, transform 0s ease, -webkit-transform 0s ease;
  cursor: pointer;
}
.barres__container .barre .image__container .background.horizontalized {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 1000px;
  -webkit-box-shadow: 0px -4px 16px 11px rgba(0, 0, 0, 0.14);
          box-shadow: 0px -4px 16px 11px rgba(0, 0, 0, 0.14);
}
@media (max-width: 600px) {
  .barres__container .barre .image__container .background.horizontalized {
    height: 230px;
  }
}
.barres__container .barre .image__container .background.horizontalized img {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  left: 50%;
  top: 40px;
  bottom: 0;
  max-width: 300px;
  z-index: 2000;
  -webkit-transform-origin: left;
          transform-origin: left;
  min-height: 0;
}
@media (min-width: 1024px) {
  .barres__container .barre .image__container .background.horizontalized img {
    top: -20px;
  }
}
.barres__container .barre .image__container img {
  position: absolute;
  max-width: 220px;
  max-height: 300px;
  width: auto;
  top: -50px;
  left: 0px;
  min-height: 500px;
  z-index: 2;
  -webkit-transition: left 1s ease-in-out, max-width 0.8s ease, top 1s ease, z-index 0.5s ease 1s, -webkit-transform 1s ease-in-out;
  transition: left 1s ease-in-out, max-width 0.8s ease, top 1s ease, z-index 0.5s ease 1s, -webkit-transform 1s ease-in-out;
  transition: left 1s ease-in-out, transform 1s ease-in-out, max-width 0.8s ease, top 1s ease, z-index 0.5s ease 1s;
  transition: left 1s ease-in-out, transform 1s ease-in-out, max-width 0.8s ease, top 1s ease, z-index 0.5s ease 1s, -webkit-transform 1s ease-in-out;
}
@media (min-width: 600px) {
  .barres__container .barre .image__container img {
    max-height: 400px;
  }
}
@media (min-width: 768px) {
  .barres__container .barre .image__container img {
    max-height: 500px;
  }
}
@media (min-width: 1024px) {
  .barres__container .barre .image__container img {
    max-height: 1000px;
  }
}
.barres__container .barre .image__container:hover img {
  top: -70px;
}
.barres__container .barre:nth-of-type(4) .background.horizontalized img {
  top: 20px;
}
.barres__container .barre:nth-of-type(5) .background.horizontalized img {
  top: 40px;
}
@media (min-width: 1024px) {
  .barres__container .barre:nth-of-type(5) .background.horizontalized img {
    top: 20px;
  }
}
.barres__container .detail__cache .div__couleur {
  height: 100vh;
  max-height: 0px;
  width: 100vw;
  z-index: 10;
  position: fixed;
  bottom: 30vh;
  left: 0;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.barres__container .detail__cache .div__couleur.horizontalized {
  max-height: 70vh;
}
@media (max-width: 500px) {
  .barres__container .detail__cache .div__couleur.horizontalized {
    max-height: 100vh;
    bottom: 0;
  }
}
.barres__container .detail__cache .div__blanche {
  height: 30vh;
  max-height: 0px;
  width: 100vw;
  z-index: 10;
  position: fixed;
  top: 70vh;
  left: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 500px) {
  .barres__container .detail__cache .div__blanche {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .barres__container .detail__cache .div__blanche {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.barres__container .detail__cache .div__blanche a {
  display: none;
}
.barres__container .detail__cache .div__blanche.horizontalized {
  max-height: 30vh;
}
@media (max-width: 500px) {
  .barres__container .detail__cache .div__blanche.horizontalized {
    max-height: 0;
  }
}
.barres__container .detail__cache .div__blanche.horizontalized a {
  display: block;
}
.barres__container .detail__cache .div__content {
  height: auto;
  width: 0;
  max-height: 0;
  z-index: 1;
  position: fixed;
  bottom: 40vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: white;
  opacity: 0;
  -webkit-transition: bottom 1s ease 0.5s, opacity 0s ease 0.2s;
  transition: bottom 1s ease 0.5s, opacity 0s ease 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 50px;
}
@media (min-width: 768px) {
  .barres__container .detail__cache .div__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 768px) {
  .barres__container .detail__cache .div__content h3 {
    margin-bottom: 30px;
  }
}
.barres__container .detail__cache .div__content h3 em {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.barres__container .detail__cache .div__content .description {
  margin-left: 10%;
  margin-top: -10px;
  overflow: hidden;
}
@media (max-width: 500px) {
  .barres__container .detail__cache .div__content .description {
    margin-left: 5px;
  }
}
.barres__container .detail__cache .div__content .description p {
  color: white;
  margin: 0;
  width: 100%;
}
.barres__container .detail__cache .div__content.horizontalized {
  opacity: 1;
  z-index: 10;
  top: 0;
  width: 100%;
  max-width: 1000px;
  max-height: none;
}
@media (min-width: 350px) {
  .barres__container .detail__cache .div__content.horizontalized {
    width: 90%;
  }
}
@media (min-width: 500px) {
  .barres__container .detail__cache .div__content.horizontalized {
    bottom: 40vh;
  }
}
@media (min-width: 768px) {
  .barres__container .detail__cache .div__content.horizontalized {
    bottom: 60vh;
    top: auto;
  }
}

.contact__us {
  background: center/cover no-repeat url("../../images/UNE_QUESTION.png");
}
.contact__us .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .contact__us .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.contact__us .inner .contact__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .contact__us .inner .contact__text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-right: 100px;
  }
}
.contact__us .inner .contact__text h2 {
  text-align: center;
  color: white;
  font-size: 34px;
  font-weight: 900;
}
@media (min-width: 1024px) {
  .contact__us .inner .contact__text h2 {
    text-align: left;
  }
}
.contact__us .inner .contact__text h3 {
  color: white;
  font-size: 25px;
  text-align: center;
  position: relative;
}
@media (min-width: 1024px) {
  .contact__us .inner .contact__text h3 {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .contact__us .inner .contact__text h3::after {
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    left: calc(100% + 20px);
    content: "";
    height: 7px;
    width: 90px;
    background: black;
  }
}
@media (min-width: 1024px) {
  .contact__us .inner .contact__text h3::before {
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    left: calc(100% + 120px);
    content: "";
    height: 7px;
    width: 7px;
    border-radius: 10px;
    background: black;
  }
}
.contact__us .inner .bouton__blanc {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 50px;
}
@media (min-width: 1024px) {
  .contact__us .inner .bouton__blanc {
    margin-top: 0;
  }
}

.image__text .inner {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 500px) {
  .image__text .inner {
    padding: 50px 0;
  }
}
@media (min-width: 1024px) {
  .image__text .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 100px 0;
  }
}
.image__text .inner .image__text__text {
  background: #87C0BB;
  padding: 50px;
}
.image__text .inner .image__text__text p {
  color: white;
}
.image__text .inner .image__text__text h2 {
  margin-bottom: 80px;
}
.image__text .inner img {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 1024px) {
  .image__text .inner img {
    width: 40%;
  }
}
@media (min-width: 1024px) {
  .image__text .inner.Gauche .image__text__text {
    padding-right: 100px;
    margin-right: -20px;
  }
  .image__text .inner.Gauche img {
    margin-left: -20px;
  }
}
@media (min-width: 1024px) {
  .image__text .inner.Droite {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .image__text .inner.Droite .image__text__text {
    padding-left: 100px;
    margin-left: -20px;
  }
  .image__text .inner.Droite img {
    margin-right: -20px;
  }
}
@media (min-width: 1024px) {
  .image__text .inner.Haut img {
    margin-top: -50px;
  }
}
@media (min-width: 1024px) {
  .image__text .inner.Bas {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .image__text .inner.Bas img {
    margin-bottom: -50px;
  }
}
@media (min-width: 1024px) {
  .image__text .inner.Milieu {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.frise {
  margin: 100px 0 250px 0;
  position: relative;
  width: 100%;
  overflow-x: clip;
}
.frise h2 {
  margin-bottom: 100px;
}
.frise .slider__container {
  width: 100%;
  margin: 0 0 0 auto;
  max-width: 90%;
}
@media (min-width: 768px) {
  .frise .slider__container {
    max-width: 92.5%;
  }
}
@media (min-width: 1024px) {
  .frise .slider__container {
    max-width: 98%;
  }
}
@media (min-width: 1280px) {
  .frise .slider__container {
    max-width: 88.5%;
  }
}
@media (min-width: 1440px) {
  .frise .slider__container {
    max-width: 85%;
  }
}
@media (min-width: 1680px) {
  .frise .slider__container {
    max-width: 86%;
  }
}
.frise .slider__container .slider__frise .frise__element span {
  color: #87C0BB;
  font-weight: 900;
  font-size: 75px;
  line-height: 85px;
  opacity: 0.7;
}
.frise .slider__container .slider__frise .frise__element .separator {
  margin: 50px 0;
}
.frise .slider__container .slider__frise .frise__element .frise__texte {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.frise .slider__container .slider__frise .frise__element .frise__texte p {
  margin-bottom: 0;
}
.frise .slider__container .slider__frise .frise__element .frise__texte img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .frise .slider__container .slider__frise .frise__element .frise__texte {
    max-width: 90%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .frise .slider__container .slider__frise .frise__element .frise__texte img {
    margin-right: 20px;
  }
}
@media (min-width: 768px) {
  .frise .slider__container .owl-stage {
    margin-left: -100px;
  }
}
.frise .slider__container .owl-item {
  position: relative;
  opacity: 0.5;
}
.frise .slider__container .owl-item.active {
  opacity: 1;
}
.frise .slider__container .owl-dots {
  display: none;
}
.frise .slider__container .owl-nav {
  position: absolute;
  bottom: -50px;
  top: auto;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -10%;
}
@media (min-width: 768px) {
  .frise .slider__container .owl-nav {
    margin-left: -5%;
  }
}
@media (min-width: 1024px) {
  .frise .slider__container .owl-nav {
    margin-left: -2%;
  }
}
@media (min-width: 1280px) {
  .frise .slider__container .owl-nav {
    margin-left: -6%;
  }
}
@media (min-width: 1440px) {
  .frise .slider__container .owl-nav {
    margin-left: -8%;
  }
}
@media (min-width: 1680px) {
  .frise .slider__container .owl-nav {
    margin-left: -7%;
  }
}
.frise .slider__container .owl-prev {
  width: 40px;
  height: 40px;
  border: 5px solid #87C0BB !important;
  position: relative;
  border-radius: 50px;
  background: white !important;
  margin-left: -20px;
}
@media (max-width: 400px) {
  .frise .slider__container .owl-prev {
    margin-left: -10px;
  }
}
.frise .slider__container .owl-prev::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "‹";
  color: #87C0BB;
  font-weight: bold;
  font-size: 40px;
  line-height: 0px;
  margin-top: -3px;
}
.frise .slider__container .owl-next {
  width: 40px;
  height: 40px;
  border: 5px solid #87C0BB !important;
  position: relative;
  border-radius: 50px;
  background: white !important;
  margin-right: -20px;
}
@media (max-width: 400px) {
  .frise .slider__container .owl-next {
    margin-right: -10px;
  }
}
.frise .slider__container .owl-next::after {
  position: absolute;
  top: 50%;
  left: 53%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "›";
  color: #87C0BB;
  font-weight: bold;
  font-size: 40px;
  line-height: 0px;
  margin-top: -3px;
}
.frise .slider__container .owl-prev.disabled, .frise .slider__container .owl-next.disabled {
  opacity: 0.5;
}

#frise1 {
  position: absolute;
  width: 375px;
  top: -100px;
  left: 0;
  display: none;
}
@media (min-width: 768px) {
  #frise1 {
    display: block;
  }
}

#frise2 {
  position: absolute;
  width: 600px;
  right: -200px;
  bottom: -300px;
  display: none;
}
@media (min-width: 768px) {
  #frise2 {
    display: block;
  }
}

@media (min-width: 1024px) {
  .picto__text .inner {
    max-width: 80%;
  }
}
@media (min-width: 1200px) {
  .picto__text .inner {
    max-width: 70%;
  }
}
@media (min-width: 1200px) {
  .picto__text .inner {
    max-width: 60%;
  }
}
@media (min-width: 1500px) {
  .picto__text .inner {
    max-width: 90%;
  }
}
@media (min-width: 1920px) {
  .picto__text .inner {
    max-width: 70%;
  }
}
.picto__text .inner h2 {
  margin-bottom: 70px;
}
.picto__text .inner .picto__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: auto auto 80px auto;
}
.picto__text .inner .picto__container .picto__element {
  margin: 30px;
  width: 260px;
}
.picto__text .inner .picto__container .picto__element h3 {
  color: #87C0BB;
  font-weight: 900;
  font-size: 30px;
  text-align: center;
}
.picto__text .inner .picto__container .picto__element p {
  text-align: center;
}
.picto__text .inner .picto__container .picto__element .picto__img__container {
  width: 260px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.picto__text .inner .picto__container .picto__element .picto__img__container img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.bloc__video {
  margin: 50px 0 100px 0;
}
.bloc__video .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bloc__video .inner .video__container {
  position: relative;
}
.bloc__video .inner .video__container #launcher {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 109px;
  height: 109px;
  z-index: 10;
  cursor: pointer;
}
.bloc__video .inner .video__container #crochet {
  position: absolute;
  top: -30px;
  right: -20px;
  width: 90%;
}
.bloc__video .inner .video__container #miniature {
  margin-left: -10px;
}
.bloc__video .inner .video__container::after {
  position: absolute;
  left: -10px;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: "";
  z-index: 5;
}
.bloc__video .inner .popup_vid {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.bloc__video .inner .popup_vid .popup__vid__container {
  position: relative;
}
.bloc__video .inner .popup_vid .popup__vid__container #close {
  color: white;
  font-size: 30px;
  cursor: pointer;
  position: absolute;
  top: -50px;
  right: 10px;
}
.bloc__video .inner .popup_vid.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.citation {
  margin: 100px 0 150px 0;
}
.citation .inner {
  position: relative;
}
.citation p {
  margin-bottom: 0;
  font-weight: bold;
  font-style: italic;
  line-height: 35px;
}
.citation #ouvert {
  position: absolute;
  width: 66px;
  top: -100%;
  left: 10%;
}
.citation #ferme {
  position: absolute;
  width: 66px;
  bottom: -100%;
  right: 10%;
}

.Rouge .titre__barre__bloc h2 {
  color: #C6312D;
}
.Rouge .titre__barre__bloc .titre__barre {
  border: 5px solid #C6312D;
}
.Rouge .titre__barre__bloc .point .rond {
  background: #C6312D;
}

.Orange .titre__barre__bloc h2 {
  color: #DF9940;
}
.Orange .titre__barre__bloc .titre__barre {
  border: 5px solid #DF9940;
}
.Orange .titre__barre__bloc .point .rond {
  background: #DF9940;
}

.Vert .titre__barre__bloc h2 {
  color: #8AB973;
}
.Vert .titre__barre__bloc .titre__barre {
  border: 5px solid #8AB973;
}
.Vert .titre__barre__bloc .point .rond {
  background: #8AB973;
}

.Marron .titre__barre__bloc h2 {
  color: #B9AC8B;
}
.Marron .titre__barre__bloc .titre__barre {
  border: 5px solid #B9AC8B;
}
.Marron .titre__barre__bloc .point .rond {
  background: #B9AC8B;
}

.Rose .titre__barre__bloc h2 {
  color: #E0A4C6;
}
.Rose .titre__barre__bloc .titre__barre {
  border: 5px solid #E0A4C6;
}
.Rose .titre__barre__bloc .point .rond {
  background: #E0A4C6;
}

.titre__barre__bloc {
  margin-bottom: 50px;
}
.titre__barre__bloc h2 {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 45px;
}
.titre__barre__bloc h2 em {
  display: block;
  font-size: 57px;
  padding: 12px 13px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto auto 20px auto;
  line-height: 53px;
  position: relative;
}
.titre__barre__bloc h2 .encadre {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.titre__barre__bloc h2 .encadre .point {
  position: absolute;
  width: 18px;
  height: 21px;
  background: white;
  bottom: 10px;
  right: -7px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.titre__barre__bloc h2 .encadre .point .rond {
  width: 9px;
  height: 9px;
  border-radius: 50px;
  padding: 0;
  padding-bottom: 1px;
  -webkit-transform: translate(0.3px, -0.4px);
          transform: translate(0.3px, -0.4px);
}
.titre__barre__bloc h2 span {
  text-align: center;
  padding: 0 0.5px;
}
.titre__barre__bloc h2 .reversed {
  padding: 0 0 0 3px;
}

.chiffre {
  background: #F4F3F2;
  position: relative;
  margin-bottom: 50px;
}
.chiffre #constat__elem {
  position: absolute;
  width: 450px;
  display: none;
}
@media (min-width: 1024px) {
  .chiffre #constat__elem {
    display: block;
  }
}
.chiffre .inner {
  padding: 60px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.chiffre .inner .chiffre__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 300px;
}
.chiffre .inner .chiffre__element span {
  color: #87C0BB;
  opacity: 0.7;
  font-size: 75px;
  font-weight: 900;
  line-height: 80px;
  margin-bottom: 10px;
  text-align: center;
}
.chiffre .inner .chiffre__element p {
  text-align: center;
}

.Rouge .chiffre .inner .chiffre__element span {
  color: #C6312D;
}

.Orange .chiffre .inner .chiffre__element span {
  color: #DF9940;
}

.Vert .chiffre .inner .chiffre__element span {
  color: #8AB973;
}

.Rose .chiffre .inner .chiffre__element span {
  color: #E0A4C6;
}

.Marron .chiffre .inner .chiffre__element span {
  color: #B9AC8B;
}

.slider__simple {
  margin: 0 0 70px auto;
  width: 100%;
}
@media (min-width: 500px) {
  .slider__simple {
    max-width: 90%;
  }
}
@media (min-width: 768px) {
  .slider__simple {
    max-width: 92.5%;
  }
}
@media (min-width: 1024px) {
  .slider__simple {
    max-width: 98%;
  }
}
@media (min-width: 1280px) {
  .slider__simple {
    max-width: 88.5%;
  }
}
@media (min-width: 1440px) {
  .slider__simple {
    max-width: 85%;
  }
}
@media (min-width: 1680px) {
  .slider__simple {
    max-width: 86%;
  }
}
.slider__simple .slider__simple__container .slider__simple__element {
  max-width: 300px;
}
.slider__simple .slider__simple__container .slider__simple__element img {
  margin-bottom: 30px;
}
.slider__simple .slider__simple__container .slider__simple__element ul {
  margin-left: 20px;
}
.slider__simple .slider__simple__container .slider__simple__element ul li::marker {
  color: #C6312D;
}
@media (min-width: 768px) {
  .slider__simple .owl-stage {
    margin-left: -100px;
  }
}
.slider__simple .owl-item {
  position: relative;
  opacity: 0.5;
}
.slider__simple .owl-item.active {
  opacity: 1;
}
.slider__simple .owl-nav {
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 100;
}
@media (min-width: 768px) {
  .slider__simple .owl-nav {
    margin-left: -5%;
  }
}
@media (min-width: 1024px) {
  .slider__simple .owl-nav {
    margin-left: -2%;
    bottom: 50%;
    width: 90%;
  }
}
@media (min-width: 1280px) {
  .slider__simple .owl-nav {
    margin-left: -6%;
  }
}
@media (min-width: 1440px) {
  .slider__simple .owl-nav {
    margin-left: -8%;
  }
}
@media (min-width: 1680px) {
  .slider__simple .owl-nav {
    margin-left: -7%;
  }
}
.slider__simple .owl-prev {
  width: 40px;
  height: 40px;
  border: 5px solid #C6312D !important;
  position: relative;
  border-radius: 50px;
  background: white !important;
  margin-left: -20px;
}
@media (max-width: 400px) {
  .slider__simple .owl-prev {
    margin-left: -10px;
  }
}
.slider__simple .owl-prev::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "‹";
  color: #C6312D;
  font-weight: bold;
  font-size: 40px;
  line-height: 0px;
  margin-top: -3px;
}
.slider__simple .owl-next {
  width: 40px;
  height: 40px;
  border: 5px solid #C6312D !important;
  position: relative;
  border-radius: 50px;
  background: white !important;
  margin-right: -20px;
}
@media (max-width: 400px) {
  .slider__simple .owl-next {
    margin-right: -10px;
  }
}
.slider__simple .owl-next::after {
  position: absolute;
  top: 50%;
  left: 53%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "›";
  color: #C6312D;
  font-weight: bold;
  font-size: 40px;
  line-height: 0px;
  margin-top: -3px;
}
.slider__simple .owl-prev.disabled, .slider__simple .owl-next.disabled {
  opacity: 0;
}

.Orange .slider__simple .owl-prev, .Orange .slider__simple .owl-next {
  border-color: #DF9940 !important;
}
.Orange .slider__simple .owl-prev::after, .Orange .slider__simple .owl-next::after {
  color: #DF9940;
}

.Marron .slider__simple .owl-prev, .Marron .slider__simple .owl-next {
  border-color: #B9AC8B !important;
}
.Marron .slider__simple .owl-prev::after, .Marron .slider__simple .owl-next::after {
  color: #B9AC8B;
}

.Vert .slider__simple .owl-prev, .Vert .slider__simple .owl-next {
  border-color: #8AB973 !important;
}
.Vert .slider__simple .owl-prev::after, .Vert .slider__simple .owl-next::after {
  color: #8AB973;
}

.Rose .slider__simple .owl-prev, .Rose .slider__simple .owl-next {
  border-color: #E0A4C6 !important;
}
.Rose .slider__simple .owl-prev::after, .Rose .slider__simple .owl-next::after {
  color: #E0A4C6;
}

.blocs_deroulants .blocs__container .bloc__deroulant.active span {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.blocs_deroulants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin: 100px auto 200px auto;
  max-width: 90%;
}
@media (min-width: 500px) {
  .blocs_deroulants {
    margin: 100px 0 200px auto;
  }
}
@media (min-width: 768px) {
  .blocs_deroulants {
    max-width: 92.5%;
  }
}
@media (min-width: 1024px) {
  .blocs_deroulants {
    max-width: 98%;
  }
}
@media (min-width: 1280px) {
  .blocs_deroulants {
    max-width: 88.5%;
  }
}
@media (min-width: 1440px) {
  .blocs_deroulants {
    max-width: 85%;
  }
}
@media (min-width: 1680px) {
  .blocs_deroulants {
    max-width: 86%;
  }
}
.blocs_deroulants .blocs__container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 500px) {
  .blocs_deroulants .blocs__container {
    width: calc(80% - 20px);
  }
}
.blocs_deroulants .blocs__container .bloc__deroulant h3 {
  font-weight: 500;
  width: 100%;
  padding: 7px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #707070;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.blocs_deroulants .blocs__container .bloc__deroulant h3 span {
  font-weight: 900;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.blocs_deroulants .blocs__container .bloc__deroulant ul {
  margin-left: 20px;
}
.blocs_deroulants .blocs__container .bloc__deroulant .bloc__content {
  display: none;
}
.blocs_deroulants .blocs__container .bloc__deroulant .bloc__content a {
  color: #87C0BB;
}
.blocs_deroulants .blocs__container .bloc__deroulant .bloc__content.active {
  display: block;
}
.blocs_deroulants img {
  width: calc(20% - 20px);
  margin-bottom: -100px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: none;
}
@media (min-width: 500px) {
  .blocs_deroulants img {
    display: block;
  }
}

.Rouge .blocs_deroulants .blocs__container .bloc__deroulant h3 {
  color: #C6312D;
}
.Rouge .blocs_deroulants .blocs__container .bloc__deroulant ul li::marker {
  color: #C6312D;
}

.Orange .blocs_deroulants .blocs__container .bloc__deroulant h3 {
  color: #DF9940;
}
.Orange .blocs_deroulants .blocs__container .bloc__deroulant ul li::marker {
  color: #DF9940;
}

.Vert .blocs_deroulants .blocs__container .bloc__deroulant h3 {
  color: #8AB973;
}
.Vert .blocs_deroulants .blocs__container .bloc__deroulant ul li::marker {
  color: #8AB973;
}

.Marron .blocs_deroulants .blocs__container .bloc__deroulant h3 {
  color: #B9AC8B;
}
.Marron .blocs_deroulants .blocs__container .bloc__deroulant ul li::marker {
  color: #B9AC8B;
}

.Rose .blocs_deroulants .blocs__container .bloc__deroulant h3 {
  color: #E0A4C6;
}
.Rose .blocs_deroulants .blocs__container .bloc__deroulant ul li::marker {
  color: #E0A4C6;
}

.slider__packaging {
  position: relative;
  padding: 100px 0 100px 0;
  margin-bottom: 100px;
}
.slider__packaging #rond__orange {
  position: absolute;
  top: -100px;
  left: -150px;
  width: 454px;
  z-index: 2;
}
.slider__packaging .bg__gris {
  position: absolute;
  width: 100%;
  height: 70%;
  bottom: 0;
  left: 0;
  background: #F4F3F2;
  z-index: 1;
}
.slider__packaging .slider__pack__container {
  position: relative;
  z-index: 5;
}
.slider__packaging .slider__pack__container .slider__pack__elem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .slider__packaging .slider__pack__container .slider__pack__elem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .slider__packaging .slider__pack__container .slider__pack__elem img {
    width: calc(50% - 20px);
  }
}
@media (min-width: 768px) {
  .slider__packaging .slider__pack__container .slider__pack__elem .pack__content {
    width: calc(50% - 20px);
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .slider__packaging .slider__pack__container .slider__pack__elem .pack__content p {
    text-align: left;
  }
}
.slider__packaging .slider__pack__container .slider__pack__elem h2 {
  margin-bottom: 70px;
  color: #C6312D;
}
.slider__packaging .slider__pack__container .slider__pack__elem .bordered::after, .slider__packaging .slider__pack__container .slider__pack__elem .bordered::before {
  background: #C6312D;
}
.slider__packaging .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0px;
}
.slider__packaging .owl-dots .owl-dot {
  width: 11px;
  height: 11px;
  border-radius: 50px;
  background: #C6312D;
  opacity: 0.5;
  margin: 0 5px;
}
.slider__packaging .owl-dots .owl-dot.active {
  opacity: 1;
}

.Orange .slider__packaging .slider__pack__container .slider__pack__elem .pack__content h2 {
  color: #DF9940 !important;
}
.Orange .slider__packaging .slider__pack__container .slider__pack__elem .pack__content .bordered::after, .Orange .slider__packaging .slider__pack__container .slider__pack__elem .pack__content .bordered::before {
  background: #DF9940 !important;
}

.Vert .slider__packaging .slider__pack__container .slider__pack__elem .pack__content h2 {
  color: #8AB973 !important;
}
.Vert .slider__packaging .slider__pack__container .slider__pack__elem .pack__content .bordered::after, .Vert .slider__packaging .slider__pack__container .slider__pack__elem .pack__content .bordered::before {
  background: #8AB973 !important;
}

.Marron .slider__packaging .slider__pack__container .slider__pack__elem .pack__content h2 {
  color: #B9AC8B !important;
}
.Marron .slider__packaging .slider__pack__container .slider__pack__elem .pack__content .bordered::after, .Marron .slider__packaging .slider__pack__container .slider__pack__elem .pack__content .bordered::before {
  background: #B9AC8B !important;
}

.Rose .slider__packaging .slider__pack__container .slider__pack__elem .pack__content h2 {
  color: #E0A4C6 !important;
}
.Rose .slider__packaging .slider__pack__container .slider__pack__elem .pack__content .bordered::after, .Rose .slider__packaging .slider__pack__container .slider__pack__elem .pack__content .bordered::before {
  background: #E0A4C6 !important;
}

.FAQ {
  margin-bottom: 50px;
}
.FAQ .onglet__selecteur {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 10;
  margin-bottom: 80px;
}
@media (min-width: 500px) {
  .FAQ .onglet__selecteur {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.FAQ .onglet__selecteur li.active {
  background: black;
  color: #87C0BB;
}
.FAQ .onglet__selecteur li {
  list-style: none;
  cursor: pointer;
  width: 90%;
  background: #87C0BB;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  text-decoration: none;
  padding: 15px 30px;
  color: white;
  height: 100%;
  width: 100%;
  border-right: 1px solid white;
  text-align: center;
}
@media (min-width: 500px) {
  .FAQ .onglet__selecteur li {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.FAQ .onglet__selecteur li:hover {
  background: black;
  color: #87C0BB;
}
@media (min-width: 500px) {
  .FAQ .onglet__selecteur li:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .FAQ .onglet__selecteur li:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.FAQ .faq__main .theme__main {
  display: none;
}
.FAQ .faq__main .theme__main.active {
  display: block;
}
.FAQ .faq__main h2 {
  margin-bottom: 80px;
}
.FAQ .faq__main h3 {
  color: #87C0BB;
  font-size: 22px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.FAQ .faq__main ul {
  margin-left: 20px;
}
.FAQ .faq__main ul li::marker {
  color: #87C0BB;
}
.FAQ .faq__main ul li a {
  color: #87C0BB;
}
.FAQ .faq__main .bloc__deroulant.active span {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.FAQ .faq__main .bloc__content {
  display: none;
}
.FAQ .faq__main .bloc__content a {
  color: #87C0BB;
}
.FAQ .faq__main .bloc__content.active {
  display: block;
}

.blog {
  padding: 100px 0;
  position: relative;
  z-index: 15;
}
.blog .remontee__articles {
  margin: 100px auto 0 auto;
}
.blog .remontee__articles .active .remontee__element::after {
  display: none;
}
.blog .remontee__articles .remontee__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 50px;
}
@media (max-width: 768px) {
  .blog .remontee__articles .remontee__element {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 30px;
  }
}
@media (max-width: 400px) {
  .blog .remontee__articles .remontee__element {
    padding: 0;
  }
}
.blog .remontee__articles .remontee__element::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.blog .remontee__articles .remontee__element img {
  width: 40%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 768px) {
  .blog .remontee__articles .remontee__element img {
    width: 90%;
    margin-bottom: 20px;
  }
}
@media (max-width: 400px) {
  .blog .remontee__articles .remontee__element img {
    width: 100%;
  }
}
.blog .remontee__articles .remontee__element .remontee__texte {
  width: 50%;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .blog .remontee__articles .remontee__element .remontee__texte {
    width: 90%;
    padding-right: 0;
  }
}
@media (max-width: 400px) {
  .blog .remontee__articles .remontee__element .remontee__texte {
    width: 100%;
  }
}
.blog .remontee__articles .remontee__element .remontee__texte h3 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 34px;
  line-height: 34px;
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 768px) {
  .blog .remontee__articles .remontee__element .remontee__texte h3 {
    text-align: center;
  }
}
.blog .remontee__articles .remontee__element .remontee__texte span {
  color: #87C0BB;
}
.blog .remontee__articles .remontee__element .remontee__texte .remontee__separator {
  height: 6px;
  width: 70px;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  margin: 30px 0;
}
.blog .remontee__articles .remontee__element .remontee__texte p {
  color: rgba(0, 0, 0, 0.7);
}
.blog .remontee__articles .remontee__element .remontee__texte .bouton {
  margin: 50px 0 15px 0;
}

.owl-nav {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.owl-prev {
  width: 40px;
  height: 40px;
  border: 5px solid #87C0BB !important;
  position: relative;
  border-radius: 50px;
  background: white !important;
  margin-left: -20px;
}
@media (max-width: 400px) {
  .owl-prev {
    margin-left: -10px;
  }
}
.owl-prev::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "‹";
  color: #87C0BB;
  font-weight: bold;
  font-size: 40px;
  line-height: 0px;
  margin-top: -3px;
}

.owl-next {
  width: 40px;
  height: 40px;
  border: 5px solid #87C0BB !important;
  position: relative;
  border-radius: 50px;
  background: white !important;
  margin-right: -20px;
}
@media (max-width: 400px) {
  .owl-next {
    margin-right: -10px;
  }
}
.owl-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "›";
  color: #87C0BB;
  font-weight: bold;
  font-size: 40px;
  line-height: 0px;
  margin-top: -3px;
}

.owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 70px;
}
.owl-dots .owl-dot {
  width: 11px;
  height: 11px;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.5) !important;
  margin: 0 5px;
}
.owl-dots .owl-dot.active {
  background: rgba(0, 0, 0, 0.7) !important;
}

.owl-item {
  opacity: 0.3;
}

.owl-item.active {
  opacity: 1;
}

.offres__main {
  position: relative;
}
.offres__main #offre_img {
  position: absolute;
  left: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: 300px;
  display: none;
}
@media (min-width: 1250px) {
  .offres__main #offre_img {
    display: block;
  }
}
.offres__main .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1024px) {
  .offres__main .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.offres__main .inner .partie__gauche {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #87C0BB;
  width: 100%;
  padding: 30px;
  margin-bottom: 100px;
}
@media (min-width: 1024px) {
  .offres__main .inner .partie__gauche {
    width: 30%;
    margin-bottom: 0;
  }
}
.offres__main .inner .partie__gauche .carac__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .offres__main .inner .partie__gauche .carac__element {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.offres__main .inner .partie__gauche .carac__element .picto__container {
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.offres__main .inner .partie__gauche .carac__element p {
  color: white;
  line-height: 22px;
  margin-bottom: 0;
}
.offres__main .inner .partie__gauche .carac__element img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 40px;
}
.offres__main .inner #postuler {
  position: absolute;
  bottom: -70px;
  left: 0;
}
.offres__main .inner .partie__droite {
  width: 100%;
}
@media (min-width: 1024px) {
  .offres__main .inner .partie__droite {
    width: calc(70% - 50px);
  }
}
.offres__main .inner .partie__droite em {
  color: #87C0BB;
}
.offres__main .inner .partie__droite h3 {
  color: #87C0BB;
  font-weight: bold;
  font-size: 30px;
  margin: 50px 0 50px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .offres__main .inner .partie__droite h3 {
    text-align: left;
  }
}
.offres__main .inner .partie__droite h3:first-of-type {
  margin-top: 0px;
}

/*** LIBS ***/
.owl-carousel {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: none;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel {
  display: block;
}

.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  margin-top: 10px;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}/*# sourceMappingURL=template.css.map */