@charset "UTF-8";
/**
* Helpers
 */
/**
* FONTS
 */
/**
* COLORS
 */
/**
* SIZES
 */
/**
* BREAKPOINTS
 */
/**
* ANIMATIONS
 */
.placeholder-italic,
 form {
  /* Firefox 19+ */
  /* Firefox 18- */ }
  .placeholder-italic ::-webkit-input-placeholder,
 form ::-webkit-input-placeholder {
    font-weight: normal;
    font-style: italic; }
  .placeholder-italic ::-moz-placeholder,
 form ::-moz-placeholder {
    font-weight: normal;
    font-style: italic; }
  .placeholder-italic :-moz-placeholder,
 form :-moz-placeholder {
    font-weight: normal;
    font-style: italic; }
  .placeholder-italic :-ms-input-placeholder,
 form :-ms-input-placeholder {
    font-weight: normal;
    font-style: italic; }

.placeholder-light,
 .search-dropdown__form,
 .search-dropdown,
 .block-newsletter,
 .block-recettes__filters {
  /* Firefox 19+ */
  /* Firefox 18- */ }
  .placeholder-light ::-webkit-input-placeholder,
 .search-dropdown__form ::-webkit-input-placeholder,
 .search-dropdown ::-webkit-input-placeholder,
 .block-newsletter ::-webkit-input-placeholder,
 .block-recettes__filters ::-webkit-input-placeholder {
    font-weight: 300; }
  .placeholder-light ::-moz-placeholder,
 .search-dropdown__form ::-moz-placeholder,
 .search-dropdown ::-moz-placeholder,
 .block-newsletter ::-moz-placeholder,
 .block-recettes__filters ::-moz-placeholder {
    font-weight: 300; }
  .placeholder-light :-moz-placeholder,
 .search-dropdown__form :-moz-placeholder,
 .search-dropdown :-moz-placeholder,
 .block-newsletter :-moz-placeholder,
 .block-recettes__filters :-moz-placeholder {
    font-weight: 300; }
  .placeholder-light :-ms-input-placeholder,
 .search-dropdown__form :-ms-input-placeholder,
 .search-dropdown :-ms-input-placeholder,
 .block-newsletter :-ms-input-placeholder,
 .block-recettes__filters :-ms-input-placeholder {
    font-weight: 300; }

.placeholder-normal,
 .block-form--columnForm {
  /* Firefox 19+ */
  /* Firefox 18- */ }
  .placeholder-normal ::-webkit-input-placeholder,
 .block-form--columnForm ::-webkit-input-placeholder {
    font-weight: 400;
    font-style: normal; }
  .placeholder-normal ::-moz-placeholder,
 .block-form--columnForm ::-moz-placeholder {
    font-weight: 400;
    font-style: normal; }
  .placeholder-normal :-moz-placeholder,
 .block-form--columnForm :-moz-placeholder {
    font-weight: 400;
    font-style: normal; }
  .placeholder-normal :-ms-input-placeholder,
 .block-form--columnForm :-ms-input-placeholder {
    font-weight: 400;
    font-style: normal; }

/**
* EXTENDS
*/
.title-border,
 .block-nouveaute h2,
 .block-edito h2 {
  margin: 0 0 1.8rem;
  font-size: 2.9rem; }

  @media (max-width: 767px) {
    .title-border,
 .block-nouveaute h2,
 .block-edito h2 {
      font-size: 1.9rem; } }
  .title-border::after,
 .block-nouveaute h2::after,
 .block-edito h2::after {
    content: "";
    display: block;
    width: 5.6rem;
    height: 0.2rem;
    border-bottom: 0.2rem solid;
    margin: 0.9rem auto 0; }

    @media (max-width: 767px) {
      .title-border::after,
 .block-nouveaute h2::after,
 .block-edito h2::after {
        width: 4.4rem;
        height: 0.1rem;
        margin-top: 0.9rem; } }
  .title-border--lg {
    margin: 0 0 1.5rem;
    font-size: 3.4rem; }

    @media (max-width: 767px) {
      .title-border--lg {
        font-size: 2.1rem; } }
    .title-border--lg::after {
      margin-top: 1.3rem; }

      @media (max-width: 767px) {
        .title-border--lg::after {
          margin-top: 1rem; } }
  .title-border--white {
    color: #fff; }

/**
* External libs
 */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.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;
  /* fix for flashing background */
  -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -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 {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit; }

.owl-carousel.owl-loaded {
  display: block; }

.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: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

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

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""],
 .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.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;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*======================================
  Selectric v1.13.0
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer; }

.selectric-responsive {
  width: 100%; }

.selectric {
  border: 2px solid #00833e;
  border-radius: 0;
  position: relative;
  overflow: hidden; }

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 44px 0 14px;
  font-size: 21px;
  line-height: 44px;
  height: 44px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url("images/arrow-down.svg") center no-repeat;
  background-size: 1.8rem auto;
  font-size: 0; }

.selectric-open {
  z-index: 9999; }

.selectric-open .selectric-items {
  display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }

.selectric-hide-select select {
  position: absolute;
  left: -100%; }

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10; }

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #00833e;
  z-index: -1;
  box-shadow: 0 0 10px -6px; }

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto; }

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%; }

.selectric-items ul,
 .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.1; }

.selectric-items li {
  display: block;
  padding: 5px 14px;
  border-bottom: 1px solid #00833e;
  cursor: pointer; }
  .selectric-items li:last-child {
    border: 0; }

.selectric-items li.selected,
.selectric-items li:hover,
.selectric-items li.highlighted {
  background: #00833e;
  color: #fff; }

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444; }

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1; }

.selectric-items .selectric-group li {
  padding-left: 25px; }

.selectric-no-border .selectric {
  border: 0; }
  .selectric-no-border .selectric .label {
    height: 36px;
    margin-left: 0;
    border-bottom: 2px solid #00833e;
    text-transform: uppercase; }

    @media (max-width: 767px) {
      .selectric-no-border .selectric .label {
        height: 24px;
        line-height: 24px;
        margin-right: 24px;
        font-size: 1.5rem;
        text-transform: none; } }

  @media (max-width: 767px) {
    .selectric-no-border .selectric .button {
      width: 24px;
      height: 24px;
      background-size: 1.4rem auto; } }

.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  background: red;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px; }

.jspHorizontalBar {
  background: red;
  bottom: 0;
  height: 16px;
  left: 0;
  position: absolute;
  width: 100%; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #72ba94;
  position: relative; }

.jspDrag {
  background: #00833e;
  cursor: pointer;
  left: 0;
  position: relative;
  top: 0; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  cursor: pointer;
  direction: ltr;
  display: block;
  margin: 0;
  padding: 0;
  text-indent: -20000px; }

.jspDisabled {
  background: #80808d;
  cursor: default; }

/**
* Default styles
 */
html {
  font-size: 62.5%; }

body {
  margin: 0;
  padding: 0;
  color: #00833e;
  font-family: "Josefin Sans";
  font-size: 1.9rem;
  line-height: 1.4; }

  @media (max-width: 767px) {
    body {
      font-size: 1.5rem; } }

.term-les-tutti-free {
  color: #094e91; }
  .term-les-tutti-free .icon-buy {
    margin-right: 10px; }

.red-border::after {
  color: #e63819; }

.site-main {
  position: relative;
  padding: 13rem 0 0; }

  @media (max-width: 767px) {
    .site-main {
      padding-top: 5.5rem; } }

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

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 136.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 100%; }

.page-title {
  margin: 7rem 0;
  font-size: 5rem;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center; }

  @media (max-width: 767px) {
    .page-title {
      margin: 8.5rem 0 4rem;
      font-size: 2.5rem; } }

.italic {
  font-style: italic; }

.underline {
  text-decoration: underline; }

.strong {
  font-weight: 700; }

p {
  margin: 0 0 1rem; }
  p:last-child {
    margin: 0; }

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.5s; }
  a:hover {
    text-decoration: underline; }

picture {
  display: block; }

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

.no-list {
  list-style: none;
  margin: 0;
  padding: 0; }

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

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

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

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

/*** Backgrounds ***/
.bg-beige {
  background: url("images/gamme/gammes_1_bg.jpg") no-repeat;
  background-size: cover; }

.bg-white-1 {
  background: url("images/gamme/gammes_3_bg.jpg") top center repeat; }

.bg-white-2 {
  background: url("images/nouve_bg.jpg") top center repeat;
  background-size: 100% auto; }

.bg-white-3 {
  background: url("images/bg/bg-bio.jpg") top center repeat;
  background-size: cover; }

.bg-white-4 {
  background: url("images/bg/bg-tutti.jpg") top center repeat;
  background-size: 100% auto; }

.bg-white-6 {
  background: url("images/bg/bg-festif.jpg") top center repeat;
  background-size: 100% auto; }

.gammes-slider .bg-default {
  background: url("images/nouve_bg.jpg") top center repeat;
  background-size: 100% auto; }

@media (max-width: 767px) {
  .single-recette #tarteaucitronIcon #tarteaucitronManager {
    margin-bottom: 5rem; } }

@font-face {
  font-family: "Josefin Sans";
  src: url("fonts/JosefinSans-Regular/JosefinSans-Regular.eot");
  src: url("fonts/JosefinSans-Regular/JosefinSans-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/JosefinSans-Regular/JosefinSans-Regular.woff2") format("woff2"), url("fonts/JosefinSans-Regular/JosefinSans-Regular.woff") format("woff"), url("fonts/JosefinSans-Regular/JosefinSans-Regular.ttf") format("truetype"), url("fonts/JosefinSans-Regular/JosefinSans-Regular.svg#JosefinSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Josefin Sans";
  src: url("fonts/JosefinSans-Italic/JosefinSans-Italic.eot");
  src: url("fonts/JosefinSans-Italic/JosefinSans-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/JosefinSans-Italic/JosefinSans-Italic.woff2") format("woff2"), url("fonts/JosefinSans-Italic/JosefinSans-Italic.woff") format("woff"), url("fonts/JosefinSans-Italic/JosefinSans-Italic.ttf") format("truetype"), url("fonts/JosefinSans-Italic/JosefinSans-Italic.svg#JosefinSans-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Josefin Sans";
  src: url("fonts/JosefinSans-SemiBold/JosefinSans-SemiBold.eot");
  src: url("fonts/JosefinSans-SemiBold/JosefinSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("fonts/JosefinSans-SemiBold/JosefinSans-SemiBold.woff2") format("woff2"), url("fonts/JosefinSans-SemiBold/JosefinSans-SemiBold.woff") format("woff"), url("fonts/JosefinSans-SemiBold/JosefinSans-SemiBold.ttf") format("truetype"), url("fonts/JosefinSans-SemiBold/JosefinSans-SemiBold.svg#JosefinSans-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Josefin Sans";
  src: url("fonts/JosefinSans-Bold/JosefinSans-Bold.eot");
  src: url("fonts/JosefinSans-Bold/JosefinSans-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/JosefinSans-Bold/JosefinSans-Bold.woff2") format("woff2"), url("fonts/JosefinSans-Bold/JosefinSans-Bold.woff") format("woff"), url("fonts/JosefinSans-Bold/JosefinSans-Bold.ttf") format("truetype"), url("fonts/JosefinSans-Bold/JosefinSans-Bold.svg#JosefinSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Josefin Sans";
  src: url("fonts/JosefinSans-Light/JosefinSans-Light.eot");
  src: url("fonts/JosefinSans-Light/JosefinSans-Light.eot?#iefix") format("embedded-opentype"), url("fonts/JosefinSans-Light/JosefinSans-Light.woff2") format("woff2"), url("fonts/JosefinSans-Light/JosefinSans-Light.woff") format("woff"), url("fonts/JosefinSans-Light/JosefinSans-Light.ttf") format("truetype"), url("fonts/JosefinSans-Light/JosefinSans-Light.svg#JosefinSans-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Josefin Sans";
  src: url("fonts/JosefinSans-LightItalic/JosefinSans-LightItalic.eot");
  src: url("fonts/JosefinSans-LightItalic/JosefinSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/JosefinSans-LightItalic/JosefinSans-LightItalic.woff2") format("woff2"), url("fonts/JosefinSans-LightItalic/JosefinSans-LightItalic.woff") format("woff"), url("fonts/JosefinSans-LightItalic/JosefinSans-LightItalic.ttf") format("truetype"), url("fonts/JosefinSans-LightItalic/JosefinSans-LightItalic.svg#JosefinSans-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "slsicon";
  src: url("../saintlouissucre/fonts/slsicon/fonts//slsicon.ttf?1ggx0e") format("truetype"), url("../saintlouissucre/fonts/slsicon/fonts//slsicon.woff?1ggx0e") format("woff"), url("../saintlouissucre/fonts/slsicon/fonts//slsicon.svg?1ggx0e#slsicon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"],
 [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "slsicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-heart-2::before {
  content: ""; }

.icon-heart-2-active::before {
  content: ""; }

.icon-shop-2::before {
  content: ""; }

.icon-alert::before {
  content: ""; }

.icon-check-circle::before {
  content: ""; }

.icon-close::before {
  content: ""; }

.icon-color::before {
  content: ""; }

.icon-color-active::before {
  content: ""; }

.icon-cook::before {
  content: ""; }

.icon-geolocalisation::before {
  content: ""; }

.icon-heart::before {
  content: ""; }

.icon-list::before {
  content: ""; }

.icon-localisation::before {
  content: ""; }

.icon-menu::before {
  content: ""; }

.icon-account-menu::after {
  content: ""; }

.icon-minus::before {
  content: ""; }

.icon-note::before {
  content: ""; }

.icon-oven::before {
  content: ""; }

.icon-pattern::before {
  content: ""; }

.icon-pattern-active::before {
  content: ""; }

.icon-plus::before {
  content: ""; }

.icon-print::before {
  content: ""; }

.icon-search1::before {
  content: ""; }

.icon-search-circle::before {
  content: ""; }

.icon-share::before {
  content: ""; }

.icon-shop1::before {
  content: ""; }

.icon-text-size::before {
  content: ""; }

.icon-text-size-active::before {
  content: ""; }

.icon-text-style::before {
  content: ""; }

.icon-text-style-active::before {
  content: ""; }

.icon-time::before {
  content: ""; }

.icon-upload::before {
  content: ""; }

.icon-angle-down::before {
  content: ""; }

.icon-angle-up::before {
  content: ""; }

.icon-angle-right::before {
  content: ""; }

.icon-angle-left::before {
  content: ""; }

.icon-buy::before {
  content: ""; }

.icon-delivery::before {
  content: ""; }

.icon-drive::before {
  content: ""; }

.icon-home::before {
  content: ""; }

.icon-instagram-circle::before {
  content: ""; }

.icon-mail::before {
  content: ""; }

.icon-minues-circle::before {
  content: ""; }

.icon-plus-circle::before {
  content: ""; }

.icon-user::before {
  content: ""; }

.icon-google::before {
  content: ""; }

/**
* Common components
 */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 13rem;
  padding-top: 6rem;
  z-index: 150;
  background: url("images/bg/bg-green-header.jpg") center no-repeat;
  background-size: cover;
  color: #fff; }
  body:not(.header-sticky) .site-header.no-bg,
  body:not(.header-sticky) .site-header.no-bg {
    background: 0; }
  .site-header.no-bg ~ main {
    margin-top: -13rem; }

    @media (max-width: 767px) {
      .site-header.no-bg ~ main {
        margin-top: -5.5rem; } }

  @media (max-width: 767px) {
    .site-header {
      height: 5.5rem;
      padding-top: 1.3rem; } }
  .admin-bar .site-header {
    top: 3.2rem; }
  .site-header-container {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 29rem; }

    @media (max-width: 1365px) {
      .site-header-container {
        padding-right: 25rem; } }

    @media (max-width: 1320px) {
      .site-header-container {
        padding-right: 11rem; } }

    @media (max-width: 1023px) {
      .site-header-container {
        padding-right: 1.5rem;
        justify-content: space-between; } }

.site-logo {
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 17.3rem;
  height: 14.6rem;
  margin-left: 0.3rem; }

  @media (max-width: 767px) {
    .site-logo {
      top: 1.5rem;
      width: 9.7rem;
      height: 8.5rem; } }
  .site-logo img {
    width: 20rem;
    max-width: none;
    height: 15.6rem;
    margin: -0.5rem 0 0 -0.4rem; }

    @media (max-width: 767px) {
      .site-logo img {
        width: 11.4rem;
        height: 8.9rem; } }

.external-gamme .site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 114px;
  z-index: 150;
  background: #094e91; }

.external-gamme .site-logo {
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 145px;
  height: 145px;
  margin-left: 0.3rem; }
  .external-gamme .site-logo img {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 27px 0 0 -0.4rem;
    border: 2px solid; }

.main-navigation {
  width: 100%; }

  @media (max-width: 767px) {
    .main-navigation {
      width: auto; } }
  .main-navigation .menu {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0 48.7rem 0 0;
    list-style: none; }

    @media (max-width: 1365px) {
      .main-navigation .menu {
        padding-right: calc(39% + 17rem); } }

    @media (max-width: 1023px) {
      .main-navigation .menu {
        display: block;
        position: absolute;
        left: 0;
        top: 14rem;
        width: 100%;
        height: calc(100% - 14rem);
        padding: 2rem;
        overflow-y: auto; } }
    .main-navigation .menu > .menu-item {
      margin-right: 1.5rem;
      font-weight: bold;
      font-size: 1.5rem;
      letter-spacing: -0.02rem;
      text-transform: uppercase;
      text-align: center; }

      @media (max-width: 1365px) {
        .main-navigation .menu > .menu-item {
          font-size: 1.4rem; } }

      @media (max-width: 1023px) {
        .main-navigation .menu > .menu-item {
          position: relative;
          margin: 0 0 2.2rem;
          font-size: 2rem; } }
      .main-navigation .menu > .menu-item.current-menu-item a::before,
      .main-navigation .menu > .menu-item a:hover::before {
        opacity: 1; }

      @media (max-width: 1023px) {
        .main-navigation .menu > .menu-item::after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: -0.9rem;
          width: 3.2rem;
          height: 0.1rem;
          margin-left: -1.6rem;
          background: #fff; } }
      .main-navigation .menu > .menu-item > a {
        display: inline-block;
        position: relative;
        padding: 0.7rem 0;
        text-decoration: none; }
        .main-navigation .menu > .menu-item > a::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 0.2rem;
          background: #93d500;
          opacity: 0;
          transition: all 0.3s; }

      @media (min-width: 1024px) {
        .main-navigation .menu > .menu-item:first-child {
          display: flex;
          align-items: center;
          flex: 0 0 3.1rem;
          height: 3.5rem;
          margin-top: -0.4rem;
          margin-right: 1.2rem;
          border-right: 0.2rem solid #fff; } }

      @media (min-width: 1024px) {
        .main-navigation .menu > .menu-item:first-child a {
          font-size: 0; }
          .main-navigation .menu > .menu-item:first-child a::before {
            content: none; }
          .main-navigation .menu > .menu-item:first-child a::after {
            content: "";
            font-weight: normal;
            font-size: 2.1rem;
            font-family: "slsicon"; }
          .main-navigation .menu > .menu-item:first-child a:hover {
            color: #93d500; } }

      @media (min-width: 1024px) {
        .main-navigation .menu > .menu-item:nth-child(4) {
          margin: 0; } }
      .main-navigation .menu > .menu-item:nth-child(5),
 .main-navigation .menu > .menu-item:nth-child(6) {
        font-size: 1.6rem; }

        @media (min-width: 1024px) {
          .main-navigation .menu > .menu-item:nth-child(5),
 .main-navigation .menu > .menu-item:nth-child(6) {
            position: absolute;
            margin: 0; } }

        @media (max-width: 1365px) {
          .main-navigation .menu > .menu-item:nth-child(5),
 .main-navigation .menu > .menu-item:nth-child(6) {
            font-size: 1.5rem; } }

        @media (max-width: 1023px) {
          .main-navigation .menu > .menu-item:nth-child(5),
 .main-navigation .menu > .menu-item:nth-child(6) {
            font-size: 2rem; } }

      @media (min-width: 1024px) {
        .main-navigation .menu > .menu-item:nth-child(5) {
          right: 17%; } }

      @media (min-width: 1100px) and (max-width: 1320px) {
        .main-navigation .menu > .menu-item:nth-child(5) {
          right: 25%; } }

      @media (min-width: 1024px) {
        .main-navigation .menu > .menu-item:last-child {
          right: 1%; } }

      @media (min-width: 1100px) and (max-width: 1320px) {
        .main-navigation .menu > .menu-item:last-child {
          right: 8%; } }
      .main-navigation .menu > .menu-item-has-children {
        position: relative; }
        .main-navigation .menu > .menu-item-has-children:hover .sub-menu {
          display: block; }

          @media (max-width: 1023px) {
            .main-navigation .menu > .menu-item-has-children:hover .sub-menu {
              display: none; } }
        .main-navigation .menu > .menu-item-has-children > a {
          padding-right: 2.4rem; }

          @media (max-width: 1023px) {
            .main-navigation .menu > .menu-item-has-children > a {
              padding-right: 2.2rem;
              padding-left: 2.2rem; } }
          .main-navigation .menu > .menu-item-has-children > a::before {
            width: calc(100% - 2.4rem); }

            @media (max-width: 1023px) {
              .main-navigation .menu > .menu-item-has-children > a::before {
                display: none; } }
          .main-navigation .menu > .menu-item-has-children > a::after {
            content: "";
            position: absolute;
            bottom: 0.4rem;
            right: 0;
            font-weight: normal;
            font-size: 2.4rem;
            line-height: 1;
            font-family: "slsicon"; }

            @media (max-width: 1023px) {
              .main-navigation .menu > .menu-item-has-children > a::after {
                bottom: 0.7rem;
                font-size: 2.6rem; } }

      @media (max-width: 1023px) {
        .main-navigation .menu > .menu-item.focus {
          padding-bottom: 1rem; }
          .main-navigation .menu > .menu-item.focus .sub-menu {
            display: block !important; }
          .main-navigation .menu > .menu-item.focus > a::before {
            display: block;
            opacity: 1;
            bottom: 0.7rem;
            left: 2.2rem;
            width: calc(100% - 4.4rem); }
          .main-navigation .menu > .menu-item.focus > a::after {
            transform: rotate(180deg); } }
  .main-navigation .sub-menu {
    display: none;
    list-style: none; }

    @media (min-width: 1024px) {
      .main-navigation .sub-menu {
        position: absolute;
        top: calc(100% - 0.2rem);
        z-index: 1;
        width: 33.8rem;
        padding: 3.8rem 2.5rem 3.8rem 3.8rem;
        box-shadow: 0 0.3rem 1.5rem -1rem rgba(0, 0, 0, 0.75);
        background: #fff;
        color: #00833e;
        text-align: left; } }

    @media (max-width: 1023px) {
      .main-navigation .sub-menu {
        padding: 0; } }
    .main-navigation .sub-menu .menu-item:not(:last-child) {
      margin-bottom: 1.9rem; }

      @media (max-width: 1023px) {
        .main-navigation .sub-menu .menu-item:not(:last-child) {
          margin-bottom: 0.7rem; } }
    .main-navigation .sub-menu a {
      font-size: 1.8rem;
      letter-spacing: 0; }

      @media (max-width: 1023px) {
        .main-navigation .sub-menu a {
          font-size: 1.6rem;
          text-transform: none; } }
      .main-navigation .sub-menu a span {
        display: block;
        margin-top: -0.8rem;
        font-weight: 300;
        font-size: 2.1rem;
        letter-spacing: -0.15rem;
        text-transform: none; }

        @media (max-width: 1023px) {
          .main-navigation .sub-menu a span {
            font-size: 1.7rem;
            letter-spacing: -0.1rem; } }
      .main-navigation .sub-menu a:hover {
        text-decoration: none; }

        @media (min-width: 1024px) {
          .main-navigation .sub-menu a:hover {
            color: #005026; } }

@media (max-width: 1023px) {
  .menu-menu-1-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00833e; }
    .toggled .menu-menu-1-container {
      display: block; } }

@media (max-width: 767px) {
  .menu-menu-1-container {
    padding-top: 16rem; } }

.menu-toggle {
  display: none;
  position: absolute;
  top: -0.5rem;
  z-index: 1;
  height: 4rem;
  padding: 0 0 0.5rem;
  border: 0;
  outline: 0;
  background: 0;
  cursor: pointer; }

  @media (max-width: 1023px) {
    .menu-toggle {
      display: block; } }
  .menu-toggle span {
    background: #fff;
    display: block;
    height: 0.2rem;
    margin: 0.7rem 0;
    width: 3.7rem;
    transition: all 0.2s; }
    .menu-toggle span:first-child {
      margin-top: 0; }
  .menu-toggle strong {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    text-align: center; }
  .menu-toggle[aria-expanded="true"] {
    margin: 0.5rem 0 0 -0.5rem; }
    .menu-toggle[aria-expanded="true"] span {
      width: 5rem;
      margin: 0; }
      .menu-toggle[aria-expanded="true"] span:first-of-type {
        transform: rotate(45deg) translate(0.2rem, 0.2rem); }
      .menu-toggle[aria-expanded="true"] span:nth-of-type(2) {
        opacity: 0; }
      .menu-toggle[aria-expanded="true"] span:last-of-type {
        transform: rotate(-45deg) translate(0.1rem, -0.1rem); }
    .menu-toggle[aria-expanded="true"] strong {
      display: none; }

.site-header__right {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: flex-start; }

  @media (max-width: 1365px) {
    .site-header__right {
      right: 1.5rem; } }

  @media (max-width: 1023px) {
    .site-header__right {
      align-items: center; } }

.header-search {
  position: relative;
  height: 3.2rem;
  margin-right: 2rem; }

  @media (max-width: 1023px) {
    .header-search {
      height: 2.5rem;
      margin-right: 0; } }
  .header-search .btn--no-bg {
    color: #fff;
    font-size: 3.2rem; }

    @media (max-width: 1023px) {
      .header-search .btn--no-bg {
        font-size: 2.5rem; } }
    .header-search .btn--no-bg:hover {
      color: #93d500; }

.btn.header-login {
  display: block;
  position: relative;
  padding: 0.9rem 2.9rem 0.5rem 0.9rem;
  font-size: 1.6rem;
  width: 11.6em;
  margin-top: -4px; }
  .btn.header-login > a {
    width: 14rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

  @media (max-width: 1320px) {
    .btn.header-login {
      border-radius: 50%;
      border: 0;
      font-size: 0;
      width: unset;
      padding: 0.9rem 1.7rem 1.5rem 0.9rem; } }
  .btn.header-login .icon-user {
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.8rem; }

    @media (max-width: 1320px) {
      .btn.header-login .icon-user {
        position: static;
        transform: translateY(0);
        font-size: 1.8rem; } }
  .btn.header-login .icon-account-menu {
    position: absolute;
    right: 0.8rem;
    font-size: 2.4rem; }

    @media (max-width: 1320px) {
      .btn.header-login .icon-account-menu {
        font-size: 1.8rem;
        right: 0.1rem; } }
  .btn.header-login .header-login--sub-menu {
    display: none;
    list-style-type: none;
    padding: 10px 0 0; }

    @media (max-width: 1320px) {
      .btn.header-login .header-login--sub-menu {
        color: #00833e;
        background-color: #fff;
        margin-top: 14px;
        z-index: 1;
        position: absolute;
        right: 1em !important;
        padding: 15px 5px 0 5px;
        border: 0.2rem solid #00833e;
        width: 14rem; } }
    .btn.header-login .header-login--sub-menu li {
      font-size: 14px;
      display: inline-block;
      width: 11em;
      margin-bottom: 10px;
      text-align: center;
      text-transform: none; }

      @media (max-width: 1320px) {
        .btn.header-login .header-login--sub-menu li {
          font-size: 12px;
          width: unset; } }
  .btn.header-login:hover {
    border: 0.2rem solid #00833e; }

    @media (max-width: 1320px) {
      .btn.header-login:hover.btn--white {
        background-color: transparent;
        border: 0;
        color: #fff; } }
    .btn.header-login:hover .icon-account-menu {
      transform: rotate(180deg); }
    .btn.header-login:hover a:hover {
      text-decoration: none;
      color: #93d500; }
    .btn.header-login:hover .header-login--sub-menu {
      display: block;
      color: #00833e; }

  @media (min-width: 1320px) {
    .btn.header-login:hover::before {
      border-bottom: 0.2rem solid #00833e;
      display: block;
      content: "";
      width: 100%;
      position: absolute;
      left: 0;
      top: 36px; } }

.search-dropdown {
  background: #fff;
  box-shadow: 0 0.2rem 2.4rem 0 rgba(0, 0, 0, 0.5);
  left: 0;
  padding: 3rem 0 5rem;
  position: fixed;
  text-align: center;
  top: -100%;
  transition-duration: 0.5s;
  visibility: hidden;
  width: 100%;
  z-index: 101;
  /* Firefox 19+ */
  /* Firefox 18- */ }

  @media (max-width: 767px) {
    .search-dropdown {
      padding-top: 4rem; } }
  .search-dropdown.is-open {
    top: 0;
    visibility: visible; }
  .search-dropdown .container {
    max-width: 90rem;
    position: relative; }
  .search-dropdown__form {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 5rem; }

    @media (max-width: 767px) {
      .search-dropdown__form {
        margin: 0; } }
  .search-dropdown .form-control {
    width: 50rem;
    height: 5rem;
    margin-right: 1.5rem;
    padding: 0;
    border: 0;
    border-bottom: 0.1rem solid #00833e;
    font-weight: normal;
    font-size: 2rem; }

    @media (max-width: 767px) {
      .search-dropdown .form-control {
        height: 4rem;
        font-size: 1.5rem; } }
  .search-dropdown ::-webkit-input-placeholder {
    color: #00833e;
    opacity: 1 !important; }
  .search-dropdown ::-moz-placeholder {
    color: #00833e;
    opacity: 1 !important; }
  .search-dropdown :-moz-placeholder {
    color: #00833e;
    opacity: 1 !important; }
  .search-dropdown :-ms-input-placeholder {
    color: #00833e;
    opacity: 1 !important; }
  .search-dropdown .btn--search,
  .search-dropdown .btn--close {
    color: #00833e; }
    .search-dropdown .btn--search:hover,
 .search-dropdown .btn--search:focus,
    .search-dropdown .btn--close:hover,
    .search-dropdown .btn--close:focus {
      color: #005026; }
  .search-dropdown .btn--close {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    margin-top: 1rem;
    transform: translateY(-50%); }
    .search-dropdown .btn--close .icon-close {
      position: relative;
      top: 0;
      right: 0; }

    @media (max-width: 767px) {
      .search-dropdown .btn--close {
        top: -3rem;
        transform: translateY(0); } }

.site-footer {
  position: relative;
  padding: 5rem 1rem 2.5rem;
  color: #fff;
  text-align: center; }

  @media (max-width: 767px) {
    .site-footer {
      padding-top: 3rem;
      padding-bottom: 1.5rem; } }
  .site-footer__text {
    margin: 4.3rem auto 7.3rem; }

    @media (max-width: 767px) {
      .site-footer__text {
        max-width: 27rem;
        margin: 2.3rem auto 6.8rem; } }
  .site-footer__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover; }

  @media (max-width: 767px) {
    .single-recette .site-footer {
      padding-bottom: 7rem; } }

.external-gamme .site-footer {
  position: relative;
  padding: 40px 1rem 2.5rem;
  color: #fff;
  min-height: 228px;
  background: #094e91;
  text-align: center; }
  .external-gamme .site-footer__text {
    margin: 0 auto;
    margin-bottom: 28px; }

.block-newsletter {
  /* Firefox 19+ */
  /* Firefox 18- */ }
  .block-newsletter__title {
    margin: 0;
    text-transform: uppercase;
    font-size: 2rem; }

    @media (max-width: 767px) {
      .block-newsletter__title {
        margin-bottom: 1.8rem;
        font-size: 1.8rem;
        line-height: 1.3; }
        .block-newsletter__title span {
          display: block; } }
  .block-newsletter__intro {
    margin-bottom: 1rem;
    font-size: 2rem; }

    @media (max-width: 767px) {
      .block-newsletter__intro {
        font-size: 1.6rem;
        line-height: 1.1;
        letter-spacing: -0.01rem; } }
  .block-newsletter__inner {
    display: flex;
    max-width: 65.3rem;
    margin: 0 auto;
    justify-content: center; }
  .block-newsletter__input {
    flex: 0 0 calc(100% - 16rem);
    height: 4.2rem;
    padding: 0 4.2rem;
    outline: 0;
    border-radius: 0;
    border: 0;
    background: #fff;
    color: #00833e;
    font-weight: normal;
    font-size: 1.9rem;
    font-family: "Josefin Sans";
    -webkit-appearance: none; }

    @media (max-width: 767px) {
      .block-newsletter__input {
        flex: 0 0 calc(100 - 10rem);
        height: 3rem;
        padding: 0 0.9rem;
        font-size: 1.2rem; } }
  .block-newsletter .btn {
    height: 4.2rem;
    flex: 0 0 16rem; }

    @media (max-width: 767px) {
      .block-newsletter .btn {
        flex: 0 0 10rem;
        height: 3rem;
        padding: 1rem 0.9rem 0.5rem;
        border-width: 0.1rem;
        font-size: 1.2rem; } }
  .block-newsletter ::-webkit-input-placeholder {
    color: #00833e;
    opacity: 1 !important; }
  .block-newsletter ::-moz-placeholder {
    color: #00833e;
    opacity: 1 !important; }
  .block-newsletter :-moz-placeholder {
    color: #00833e;
    opacity: 1 !important; }
  .block-newsletter :-ms-input-placeholder {
    color: #00833e;
    opacity: 1 !important; }

.site-footer .menu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none; }
  .site-footer .menu .menu-item {
    margin: 0 0.8rem 0.8rem;
    font-size: 1.5rem;
    text-transform: uppercase; }
    .site-footer .menu .menu-item.menu-item-39 a {
      display: inline-block !important;
      height: fit-content; }
    .site-footer .menu .menu-item.menu-item-39::after {
      content: "";
      background: url("images/external-link.svg") 0 0 no-repeat;
      width: 100px;
      height: 40px;
      background-size: contain;
      display: inline-flex !important;
      position: relative !important;
      top: 0.4rem;
      width: 2.4rem;
      height: 2rem; }

      @media (max-width: 767px) {
        .site-footer .menu .menu-item.menu-item-39::after {
          height: 1.2rem; } }

    @media (max-width: 767px) {
      .site-footer .menu .menu-item {
        margin: 0 0.4rem 0.2rem; } }

    @media (max-width: 767px) {
      .site-footer .menu .menu-item {
        font-size: 1.1rem; } }
    .site-footer .menu .menu-item.current-menu-item a::after,
    .site-footer .menu .menu-item a:hover::after {
      opacity: 1; }
  .site-footer .menu a {
    display: block;
    position: relative;
    padding: 0.5rem 0; }

    @media (max-width: 767px) {
      .site-footer .menu a {
        padding: 0.2rem 0; } }
    .site-footer .menu a::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0.2rem;
      background: #93d500;
      opacity: 0;
      transition: all 0.3s; }

      @media (max-width: 767px) {
        .site-footer .menu a::after {
          height: 0.1rem; } }
    .site-footer .menu a:hover {
      text-decoration: none; }
  .site-footer .menu .external-link {
    content: url("images/external-link.svg") !important;
    display: inline-flex !important;
    position: relative !important;
    height: fit-content; }

.breadcrumbs {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 15rem;
  z-index: 99;
  font-size: 2rem;
  line-height: 1.1; }

  @media (max-width: 767px) {
    .breadcrumbs {
      top: 10.5rem;
      text-align: center;
      font-size: 1rem; } }
  .breadcrumbs > span {
    display: inline-block;
    text-transform: lowercase;
    -moz-animation: bugfix 0.001s; }
    .breadcrumbs > span::first-letter {
      text-transform: uppercase; }
    .breadcrumbs > span:first-child {
      text-transform: none; }
    .breadcrumbs > span:not(:last-child)::after {
      content: ">";
      margin-right: 0.2rem;
      padding-left: 5px;
      padding-right: 2px; }
  .breadcrumbs > :last-child span::after {
    display: none; }
  .breadcrumbs a:hover {
    color: #005026;
    text-decoration: none; }

.site-header.no-bg + .breadcrumbs {
  color: #fff; }
  .site-header.no-bg + .breadcrumbs a:hover {
    color: #93d500; }

@-moz-keyframes bugfix {
  from {
    padding-right: 1px; }
  to {
    padding-right: 0; } }

.pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3.5rem 0;
  padding: 0;
  list-style: none; }

  @media (max-width: 767px) {
    .pager {
      margin: 0 3rem; } }
  .pager__item {
    display: block;
    padding: 0.2rem;
    margin: 0 1.1rem;
    font-weight: 300;
    font-size: 3.8rem; }

    @media (max-width: 767px) {
      .pager__item {
        margin: 0 0.9rem;
        font-size: 3.5rem; } }
    .pager__item--prev,
 .pager__item--next {
      position: relative;
      margin-top: -0.6rem;
      border: solid #00833e;
      border-width: 0 0.2rem 0.2rem 0;
      padding: 0.8rem;
      font-size: 0;
      transform: rotate(-45deg);
      transition-duration: 0.5s; }
      .pager__item--prev:hover,
 .pager__item--next:hover {
        border-color: #005026; }

      @media (max-width: 767px) {
        .pager__item--prev,
 .pager__item--next {
          display: none; } }
    .pager__item--prev {
      border-width: 0.2rem 0 0 0.2rem; }
    .pager__item.active {
      font-weight: bold; }
  .pager a:hover {
    color: #005026;
    text-decoration: none; }

.modal {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 3rem;
  overflow-y: auto; }

  @media (max-width: 1023px) {
    .modal {
      padding: 1.5rem; } }
  .modal__inner {
    position: relative;
    width: 100%;
    max-width: 133.5rem;
    margin: 0 auto;
    max-height: 100%; }
  .modal__outer {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }
  .modal__body {
    padding: 4.4rem 5.7rem 5.3rem;
    background: #f4f9f6; }

    @media (max-width: 1023px) {
      .modal__body {
        padding: 2rem 1.5rem 1.5rem; } }

    @media (max-width: 767px) {
      .modal__body {
        padding-top: 1rem; }
        .modal-video .modal__body {
          padding-right: 0;
          padding-left: 0; } }
  .modal__header {
    margin-bottom: 4.5rem;
    padding-bottom: 0.8rem;
    border-bottom: 0.2rem solid #00833e;
    text-align: center; }

    @media (max-width: 767px) {
      .modal__header {
        margin-bottom: 2rem;
        padding-bottom: 0.5rem;
        border-width: 0.1rem; } }
    .modal-video .modal__header {
      margin-bottom: 2.4rem; }

      @media (max-width: 767px) {
        .modal-video .modal__header {
          margin-bottom: 0.5rem; } }
    .modal__header h2 {
      margin: 1rem 0 3.8rem;
      font-weight: 600;
      font-size: 3.4rem;
      line-height: 1.2; }
      .modal-video .modal__header h2 {
        margin: 0; }

      @media (max-width: 1023px) {
        .modal__header h2 {
          margin: 0;
          padding: 0 5rem;
          font-size: 2.5rem; } }

      @media (max-width: 767px) {
        .modal__header h2 {
          padding: 0 4rem;
          font-size: 1.5rem; } }
  .modal h3 {
    margin: 0 0 2.5rem;
    font-weight: 600;
    font-size: 2.3rem; }

    @media (max-width: 1023px) {
      .modal h3 {
        font-size: 2rem; } }

    @media (max-width: 767px) {
      .modal h3 {
        font-size: 1.4rem; } }
  .modal .form-group {
    margin-bottom: 2.7rem; }
  .modal__video {
    position: relative;
    padding-top: 50%; }
    .modal__video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .modal--sauvegardes__wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row; }
  .modal--sauvegardes__item {
    width: 33.333%; }
    .modal--sauvegardes__item:nth-child(n+4) {
      margin-top: 5rem; }
    .modal--sauvegardes__item .img {
      text-align: center;
      max-width: 75%;
      margin: 0 auto; }
      .modal--sauvegardes__item .img img {
        height: 18.5rem;
        margin: 0 auto; }

    @media (max-width: 767px) {
      .modal--sauvegardes__item {
        width: 100%; }
        .modal--sauvegardes__item + .modal--sauvegardes__item {
          margin-top: 3rem; }
        .modal--sauvegardes__item:nth-child(n+4) {
          margin-top: 3rem; } }
    .modal--sauvegardes__item .title {
      margin-top: 2rem;
      text-align: center; }

.icon-close {
  position: absolute;
  top: 2.2rem;
  right: 2.2rem;
  z-index: 1;
  font-size: 2.5rem;
  cursor: pointer; }

  @media (max-width: 1023px) {
    .icon-close {
      font-size: 2.2rem; } }

  @media (max-width: 767px) {
    .icon-close {
      top: 0.8rem;
      right: 0.8rem;
      font-size: 1.6rem; } }
  .icon-close:hover {
    text-decoration: none;
    color: #005026; }

.modal-open {
  overflow: hidden; }

.modal-message .modal__inner {
  max-width: 90rem; }

.modal-board-etiquettes .modal__header {
  border: 0; }

.modal-board-etiquettes h2 {
  margin: 0; }

/**
* Components
 */
.btn {
  display: inline-block;
  padding: 1.6rem 2rem 1rem;
  border: 0.2rem solid;
  background: 0;
  color: #00833e;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1;
  font-family: "Josefin Sans";
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.5s;
  cursor: pointer;
  text-align: center; }

  @media (max-width: 767px) {
    .btn {
      padding: 1.6rem 1.2rem 1rem;
      border-width: 0.1rem;
      font-size: 1.5rem; } }
  .btn:hover,
 .btn:focus {
    border-color: #00833e;
    background-color: #00833e;
    color: #fff;
    text-decoration: none;
    outline: 0; }
  .btn--md {
    min-width: 20.5rem;
    padding: 1.3rem 2rem 0.6rem;
    text-align: center;
    font-size: 2.2rem; }

    @media (max-width: 767px) {
      .btn--md {
        min-width: 16rem;
        font-size: 1.9rem; } }
  .btn--sm {
    padding: 1.2rem 1.5rem 0.7rem;
    font-size: 1.9rem; }

    @media (max-width: 767px) {
      .btn--sm {
        font-size: 1.5rem; } }
  .btn--white {
    border-color: #fff;
    color: #fff; }
    .btn--white:hover,
 .btn--white:focus {
      border-color: #fff;
      background-color: #fff;
      color: #00833e; }
  .btn--white2 {
    border-color: #fff;
    color: #188045;
    background: #fff; }
    .btn--white2:hover,
 .btn--white2:focus {
      border-color: #fff;
      background-color: transparent;
      color: #fff; }
  .btn--xs {
    padding: 1rem 1.1rem 0.6rem;
    font-size: 1.5rem; }
    .btn--xs--icon {
      position: relative;
      padding-right: 3.3rem; }
      .btn--xs--icon span {
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translateY(-50%);
        font-size: 2.6rem; }
  .btn--green {
    border-color: #00833e;
    background-color: #00833e;
    color: #fff; }
    .btn--green:hover,
 .btn--green:focus {
      background-color: #fff;
      color: #00833e; }
  .btn--green2 {
    border-color: #188045;
    background-color: #188045;
    color: #fff; }
    .btn--green2:hover,
 .btn--green2:focus {
      background-color: #fff;
      color: #188045; }
  .btn--green-dark {
    color: #fff;
    background-color: #004534;
    border-radius: 3rem;
    border-color: #004534;
    font-size: 2rem;
    font-weight: 600; }
    .btn--green-dark:hover {
      color: #004534;
      background-color: #fff;
      border-color: #fff; }
  .btn--brown {
    border-color: #722b0b;
    background-color: #722b0b;
    color: #fff; }
    .btn--brown:hover,
 .btn--brown:focus {
      background-color: transparent;
      border-color: #722b0b;
      color: #722b0b; }
  .btn--red {
    border-color: #e63819;
    background-color: #e63819;
    color: #fff; }
    .btn--red:hover,
 .btn--red:focus {
      background-color: transparent;
      border-color: #e63819;
      color: #e63819; }
  .btn--no-bg {
    padding: 0;
    border: 0;
    background: 0; }
    .btn--no-bg:hover,
 .btn--no-bg:focus {
      background: 0;
      color: #00833e; }

.message {
  margin-top: 2rem;
  font-size: 1.6rem;
  line-height: 1.2; }
  .message-error {
    color: red; }

.message-large {
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center; }

form {
  /* Firefox 19+ */
  /* Firefox 18- */ }
  form ::-webkit-input-placeholder {
    color: #5da57a;
    opacity: 1 !important; }
  form ::-moz-placeholder {
    color: #5da57a;
    opacity: 1 !important; }
  form :-moz-placeholder {
    color: #5da57a;
    opacity: 1 !important; }
  form :-ms-input-placeholder {
    color: #5da57a;
    opacity: 1 !important; }

.form-control {
  width: 100%;
  height: 4rem;
  padding: 0 1.8rem;
  outline: 0;
  border-radius: 0;
  border: 0.2rem solid #00833e;
  background-color: transparent;
  color: #00833e;
  font-weight: 600;
  font-family: inherit;
  font-size: 2.1rem;
  -webkit-appearance: none; }

.radioLabel {
  overflow: hidden;
  margin-bottom: 2rem; }
  .radioLabel label {
    cursor: pointer;
    float: left; }
    .radioLabel label input {
      display: none; }
      .radioLabel label input:checked + .indicator {
        background: #00833e;
        color: #fff; }
    .radioLabel label .indicator {
      border: 0.2rem solid #00833e;
      color: #00833e;
      line-height: 4.4rem;
      width: 7.2rem;
      height: 4.4rem;
      text-align: center;
      font-weight: 600;
      display: block; }

      @media (max-width: 767px) {
        .radioLabel label .indicator {
          height: 3.5rem;
          line-height: 3.5rem; } }

textarea.form-control {
  height: 16rem;
  padding: 2rem 1.8rem; }

.predict-search {
  position: absolute;
  top: 100%;
  left: -2rem;
  background: white;
  right: 3.3rem;
  padding: 1rem 0;
  box-shadow: 0 0.5rem 0.5rem 0.2rem rgba(0, 0, 0, 0.15);
  z-index: -1;
  opacity: 0;
  transition-duration: 0.3s; }
  .predict-search.active {
    z-index: 123;
    opacity: 1; }
  .predict-search-word {
    cursor: pointer;
    padding: 0.25rem 2rem;
    transition-duration: 0.3s; }
    .predict-search-word::first-letter {
      text-transform: uppercase; }
    .predict-search-word.active {
      background: #00833e;
      color: #fff; }

.block-engagements {
  display: flex;
  position: relative;
  background: #188045;
  color: #fff;
  overflow: hidden;
  max-height: 35rem; }

  @media (min-width: 1899px) {
    .block-engagements {
      max-height: 50rem; } }
  .block-engagements .stamp {
    position: absolute;
    z-index: 1;
    max-width: none;
    right: 1rem;
    width: auto;
    height: 90%;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block; }

    @media (max-width: 767px) {
      .block-engagements .stamp {
        left: 0;
        right: 0; } }
  .block-engagements__img {
    display: flex;
    position: relative;
    z-index: 1; }

    @media (min-width: 2050px) {
      .block-engagements__img {
        width: 45vw; } }
    .block-engagements__img picture {
      width: 100%; }

    @media (max-width: 1640px) {
      .block-engagements__img {
        width: 43%; } }

    @media (max-width: 1440px) {
      .block-engagements__img {
        width: 33%; } }

    @media (max-width: 1023px) {
      .block-engagements__img {
        display: none; } }
    .block-engagements__img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .block-engagements__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    padding: 5rem 5%;
    text-align: center; }

    @media (max-width: 767px) {
      .block-engagements__content {
        padding: 4.3rem 5rem 5.5rem;
        margin: 0 auto; } }
  .block-engagements h3 {
    margin: 0;
    font-size: 2.4rem;
    line-height: 1.2; }

    @media (max-width: 767px) {
      .block-engagements h3 {
        font-size: 1.7rem; } }
  .block-engagements .separator {
    display: block;
    width: 5.6rem;
    height: 0.2rem;
    background: #fff;
    margin: 0 auto 2.1rem; }

    @media (max-width: 767px) {
      .block-engagements .separator {
        display: none; } }
  .block-engagements .btn {
    margin: 1rem 0 4rem; }

    @media (max-width: 767px) {
      .block-engagements .btn {
        margin-top: 0.8rem; } }

.gammes-only {
  overflow: hidden;
  position: relative; }
  .gammes-only .text {
    z-index: 1;
    width: 100%;
    position: relative; }
    .gammes-only .text--inner {
      width: 100%;
      text-align: center; }
      .gammes-only .text--inner__content {
        padding: 0 3rem; }
      .gammes-only .text--inner h2 {
        margin: 0 0 4rem;
        position: relative; }
        .gammes-only .text--inner h2::after {
          content: "";
          width: 5rem;
          height: 0.2rem;
          position: absolute;
          display: block;
          background: #fff;
          bottom: -19px;
          left: 0;
          right: 0;
          margin-left: auto;
          margin-right: auto; }

        @media (max-width: 1024px) {
          .gammes-only .text--inner h2 {
            display: none; } }
      .gammes-only .text--inner .btn {
        margin-top: 0; }

    @media (min-width: 1024px) {
      .gammes-only .text {
        max-width: 40.5rem;
        min-height: 100%;
        width: 40.5rem; }
        .gammes-only .text h2 {
          display: block; }
        .gammes-only .text--inner {
          min-height: 40.5rem;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
          .gammes-only .text--inner__content {
            width: 100%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%); }
        .gammes-only .text .btn {
          margin-top: 4rem; } }
  .gammes-only .image {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center; }

    @media (min-width: 1024px) {
      .gammes-only .image {
        width: calc(100% - 40.5rem);
        min-height: 100%; } }
  .gammes-only .oh-wrapper {
    overflow: hidden; }

    @media (min-width: 1024px) {
      .gammes-only .oh-wrapper {
        max-height: 62rem;
        height: 100vh; } }
  .gammes-only .mob-title {
    display: none;
    text-align: center;
    overflow: hidden; }
    .gammes-only .mob-title h2 {
      margin: 4rem 0;
      position: relative; }
      .gammes-only .mob-title h2::after {
        content: "";
        width: 5rem;
        height: 0.2rem;
        position: absolute;
        display: block;
        background: #fff;
        bottom: -19px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto; }

    @media (max-width: 768px) {
      .gammes-only .mob-title {
        display: block; } }

  @media (max-width: 768px) {
    .gammes-only .desc-title {
      display: none; } }
  .gammes-only .mob-description {
    display: block;
    margin-bottom: 50px;
    color: #722b0b;
    font-weight: bold;
    font-size: 2rem; }
  .gammes-only--odd .mob-title h2 {
    color: #00833e; }
    .gammes-only--odd .mob-title h2::after {
      background: #00833e; }
  .gammes-only--even {
    position: relative;
    background: url("images/bg/bg-green.jpg") top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover; }
    .gammes-only--even .mob-title h2 {
      color: #fff; }
      .gammes-only--even .mob-title h2::after {
        background: #fff; }
    .gammes-only--even .text {
      color: #fff; }
      .gammes-only--even .text--inner h2::after {
        background: #00833e; }

  @media (min-width: 1024px) {
    .gammes-only--odd .image {
      padding-right: 3rem;
      float: left; }
    .gammes-only--odd .text {
      float: right; }
      .gammes-only--odd .text--inner {
        background: url("images/gamme/gammes_odd_text.jpg") top center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        color: #fff; }
      .gammes-only--odd .text .btn {
        border-color: #fff;
        color: #fff; }
        .gammes-only--odd .text .btn:hover,
 .gammes-only--odd .text .btn:focus {
          border-color: #fff;
          background-color: #fff;
          color: #00833e; }
    .gammes-only--even .image {
      padding-left: 3rem;
      float: right; }
    .gammes-only--even .text {
      float: left; }
      .gammes-only--even .text--inner {
        color: #00833e;
        background: #fff; } }

  @media (max-width: 1024px) {
    .gammes-only {
      padding-bottom: 2rem; }
      .gammes-only--even .text .btn {
        border-color: #fff;
        color: #fff; }
        .gammes-only--even .text .btn:hover,
 .gammes-only--even .text .btn:focus {
          border-color: #fff;
          background-color: #fff;
          color: #00833e; } }
  .gammes-only.les-cannes,
 .gammes-only.les-sucres-de-caractere {
    background: url("images/gamme/gammes_1_bg.jpg") top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover; }
    .gammes-only.les-cannes::before,
 .gammes-only.les-sucres-de-caractere::before {
      position: absolute;
      content: url("images/gamme/gammes_1_before.png");
      left: 4rem;
      top: -5rem; }

      @media (max-width: 1599px) {
        .gammes-only.les-cannes::before,
 .gammes-only.les-sucres-de-caractere::before {
          left: -10rem; } }

      @media (max-width: 767px) {
        .gammes-only.les-cannes::before,
 .gammes-only.les-sucres-de-caractere::before {
          top: -8rem;
          left: auto;
          right: -14rem;
          transform: scale(0.41); } }
    .gammes-only.les-cannes::after,
 .gammes-only.les-sucres-de-caractere::after {
      position: absolute;
      content: url("images/gamme/gammes_1_after.png");
      right: -2rem;
      top: 3rem;
      z-index: 1; }

      @media (max-width: 1599px) {
        .gammes-only.les-cannes::after,
 .gammes-only.les-sucres-de-caractere::after {
          z-index: 0; } }

      @media (max-width: 1023px) {
        .gammes-only.les-cannes::after,
 .gammes-only.les-sucres-de-caractere::after {
          display: none; } }
  .gammes-only.les-sucres-a-confitures::before {
    content: "";
    position: absolute;
    width: 19rem;
    height: 22rem;
    background: url("images/gamme/gammes_2_before.png") no-repeat;
    background-size: 100% auto;
    left: 50%;
    margin-left: -78rem;
    top: 0;
    z-index: 2; }

    @media (max-width: 767px) {
      .gammes-only.les-sucres-a-confitures::before {
        width: 12rem;
        height: 13rem;
        top: auto;
        bottom: 15rem;
        left: -4.5rem;
        margin: 0;
        background-image: url("images/bg/apricot.png"); } }
  .gammes-only.les-sucres-a-confitures::after {
    position: absolute;
    content: url("images/gamme/gammes_2_after.png");
    right: 10rem;
    top: 4rem; }

    @media (max-width: 1599px) {
      .gammes-only.les-sucres-a-confitures::after {
        right: 1rem; } }

    @media (max-width: 1023px) {
      .gammes-only.les-sucres-a-confitures::after {
        display: none; } }
  .gammes-only.les-sucres-a-confitures .text {
    position: relative; }

    @media (max-width: 1023px) {
      .gammes-only.les-sucres-a-confitures .text {
        position: static; } }
    .gammes-only.les-sucres-a-confitures .text::after {
      content: "";
      position: absolute;
      right: -6.5rem;
      bottom: 12rem;
      width: 15.5rem;
      height: 14rem;
      background: url("images/bg/bg-confisuc-6.png") no-repeat;
      background-size: 100% auto; }

      @media (max-width: 1460px) {
        .gammes-only.les-sucres-a-confitures .text::after {
          right: -5rem;
          width: 14rem;
          height: 12.5rem; } }

      @media (max-width: 1023px) {
        .gammes-only.les-sucres-a-confitures .text::after {
          top: 8.5rem; } }

      @media (max-width: 767px) {
        .gammes-only.les-sucres-a-confitures .text::after {
          right: 1.5rem;
          width: 7.3rem;
          height: 7rem; } }
  .gammes-only.les-patissiers,
 .gammes-only.les-gourmets {
    background: url("images/gamme/gammes_3_bg.jpg") top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover; }
    .gammes-only.les-patissiers::before,
 .gammes-only.les-gourmets::before {
      position: absolute;
      content: "";
      left: -5.5rem;
      top: 0;
      width: 24.5rem;
      height: 100%;
      background: url("images/gamme/gammes_3_before.png") no-repeat;
      background-size: 100% auto;
      transform: rotate(10deg); }

      @media (max-width: 767px) {
        .gammes-only.les-patissiers::before,
 .gammes-only.les-gourmets::before {
          top: auto;
          right: -4rem;
          bottom: -21rem;
          left: auto;
          width: 15rem; } }
    .gammes-only.les-patissiers::after,
 .gammes-only.les-gourmets::after {
      position: absolute;
      content: url("images/gamme/gammes_3_after.png");
      right: -2rem;
      top: 2rem;
      z-index: 2; }

      @media (max-width: 1640px) {
        .gammes-only.les-patissiers::after,
 .gammes-only.les-gourmets::after {
          z-index: 0; } }

      @media (max-width: 1023px) {
        .gammes-only.les-patissiers::after,
 .gammes-only.les-gourmets::after {
          display: none; } }
  .gammes-only.les-blanks::before,
 .gammes-only.les-blanks::after {
    content: "";
    position: absolute;
    left: 50%;
    background-size: 100% auto;
    background-repeat: no-repeat; }
  .gammes-only.les-blanks::before {
    bottom: -9.5rem;
    z-index: 2;
    width: 30rem;
    height: 29rem;
    margin-left: -79rem;
    background-image: url("images/bg/white-sugar-bowl.png"); }
  .gammes-only.les-blanks::after {
    top: 4rem;
    width: 21rem;
    height: 16rem;
    margin-left: 45rem;
    background-image: url("images/bg/white-sugar-cubes.png"); }

    @media (max-width: 767px) {
      .gammes-only.les-blanks::after {
        left: auto;
        margin: 0;
        right: 2rem;
        top: 9rem;
        width: 10rem;
        height: 8rem; } }
  .gammes-only.les-sucres-bio {
    background: url("images/bg/bg-bio.jpg") top center no-repeat;
    background-size: cover; }
    .gammes-only.les-sucres-bio .container {
      position: relative; }
      .gammes-only.les-sucres-bio .container::before {
        background: url("images/bg/betterave.png") 0 bottom no-repeat;
        background-size: 100% auto;
        content: "";
        height: 30rem;
        left: -12rem;
        position: absolute;
        top: 12rem;
        width: 22.8rem; }

        @media (max-width: 1023px) {
          .gammes-only.les-sucres-bio .container::before {
            display: none; } }
      .gammes-only.les-sucres-bio .container::after {
        content: "";
        position: absolute;
        top: 15rem;
        left: 95%;
        width: 17.7rem;
        height: 40rem;
        background: url("images/gamme/canne-a-sucre.png") no-repeat;
        background-size: 100% auto;
        z-index: 2;
        transform: rotate(5deg); }

        @media (max-width: 1023px) {
          .gammes-only.les-sucres-bio .container::after {
            display: none; } }
  .gammes-only.les-tutti-free {
    background: url("images/bg/bg-tutti.jpg") top center no-repeat;
    background-size: cover; }
  .gammes-only.les-grands-classiques .container {
    position: relative; }
    .gammes-only.les-grands-classiques .container::before {
      position: absolute;
      content: "";
      background: url("images/gamme/gammes_4_before.png") no-repeat;
      background-size: cover;
      top: -3rem;
      left: -8rem;
      z-index: 2;
      width: 27rem;
      height: 46rem; }

      @media (max-width: 1024px) {
        .gammes-only.les-grands-classiques .container::before {
          display: none; } }
    .gammes-only.les-grands-classiques .container::after {
      position: absolute;
      content: "";
      background: url("images/gamme/gammes_4_after.png") no-repeat;
      background-size: cover;
      bottom: 0;
      left: 94%;
      width: 26rem;
      height: 46rem;
      z-index: 2; }

      @media (max-width: 1440px) {
        .gammes-only.les-grands-classiques .container::after {
          left: 94%; } }

      @media (max-width: 1024px) {
        .gammes-only.les-grands-classiques .container::after {
          display: none; } }
  .gammes-only.les-festifs .container {
    position: relative; }
    .gammes-only.les-festifs .container::before {
      position: absolute;
      content: "";
      background: url("images/gamme/Coffee.png") no-repeat;
      background-size: cover;
      top: 1rem;
      left: -12rem;
      z-index: 2;
      width: 23rem;
      height: 23rem;
      transform: rotate(25deg); }

      @media (max-width: 1024px) {
        .gammes-only.les-festifs .container::before {
          display: none; } }
    .gammes-only.les-festifs .container::after {
      position: absolute;
      content: "";
      background: url("images/gamme/buchette_1.png") no-repeat;
      background-size: cover;
      top: 2rem;
      right: -1rem;
      width: 26rem;
      height: 14rem;
      z-index: 2; }

      @media (max-width: 1024px) {
        .gammes-only.les-festifs .container::after {
          display: none; } }
  .gammes-only.les-festifs::after {
    position: absolute;
    content: "";
    background: url("images/gamme/buchette_2.png") no-repeat;
    background-size: cover;
    bottom: 0;
    right: 14rem;
    width: 12rem;
    height: 22rem;
    top: 0;
    margin: auto; }

    @media (max-width: 1625px) {
      .gammes-only.les-festifs::after {
        right: -4rem; } }

    @media (max-width: 1024px) {
      .gammes-only.les-festifs::after {
        display: none; } }

@media (max-width: 768px) {
  .gammes-desc {
    display: none; } }

.gammes-mobile {
  margin-bottom: 3rem; }

  @media (min-width: 769px) {
    .gammes-mobile {
      display: none; } }

.page-wysiwyg {
  overflow: hidden;
  padding-bottom: 2.5rem;
  text-align: center;
  font-size: 2.2rem; }

  @media (max-width: 767px) {
    .page-wysiwyg {
      padding-bottom: 0.5rem; } }
  .page-wysiwyg .title-border,
 .page-wysiwyg .block-nouveaute h2,
 .block-nouveaute .page-wysiwyg h2,
 .page-wysiwyg .block-edito h2,
 .block-edito .page-wysiwyg h2 {
    margin-bottom: 1.6rem;
    font-size: 3rem;
    letter-spacing: 0.1rem; }

    @media (max-width: 767px) {
      .page-wysiwyg .title-border,
 .page-wysiwyg .block-nouveaute h2,
 .block-nouveaute .page-wysiwyg h2,
 .page-wysiwyg .block-edito h2,
 .block-edito .page-wysiwyg h2 {
        margin-top: 13rem;
        font-size: 2.1rem;
        letter-spacing: 0.05rem; } }
    .page-wysiwyg .title-border::after,
 .page-wysiwyg .block-nouveaute h2::after,
 .block-nouveaute .page-wysiwyg h2::after,
 .page-wysiwyg .block-edito h2::after,
 .block-edito .page-wysiwyg h2::after {
      width: 6rem;
      margin-top: 1.8rem; }

      @media (max-width: 767px) {
        .page-wysiwyg .title-border::after,
 .page-wysiwyg .block-nouveaute h2::after,
 .block-nouveaute .page-wysiwyg h2::after,
 .page-wysiwyg .block-edito h2::after,
 .block-edito .page-wysiwyg h2::after {
          display: none; } }

  @media (max-width: 767px) {
    .page-wysiwyg p {
      display: none; } }

@media (max-width: 767px) {
  .page-template-template-page-gamme-list .page-wysiwyg .title-border,
 .page-template-template-page-gamme-list .page-wysiwyg .block-nouveaute h2,
 .block-nouveaute .page-template-template-page-gamme-list .page-wysiwyg h2,
 .page-template-template-page-gamme-list .page-wysiwyg .block-edito h2,
 .block-edito .page-template-template-page-gamme-list .page-wysiwyg h2 {
    margin-top: 6.5rem;
    margin-bottom: 1.2rem; } }

@media (max-width: 767px) {
  .page-template-template-page-gamme-list .simple-text-block {
    margin-bottom: 0; } }

.gammes-holder {
  display: flex;
  justify-content: center;
  gap: 2rem; }

  @media (max-width: 1023px) {
    .gammes-holder {
      align-items: center;
      margin-bottom: 3rem;
      gap: 1rem;
      flex-direction: row;
      flex-wrap: wrap; } }

  @media (max-width: 1023px) {
    .gammes-holder--grid {
      grid-template-columns: 1fr 1fr;
      /* grid-template-rows: 200px 200px; */
      align-items: center;
      display: grid;
      grid-template-rows: auto auto; }
      .gammes-holder--grid > .gammes-holder__item:nth-child(1) {
        grid-column: 1;
        width: auto; }
      .gammes-holder--grid > .gammes-holder__item:nth-child(2) {
        grid-column: 1;
        width: auto; }
      .gammes-holder--grid > .gammes-holder__item:nth-child(3) {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: center;
        justify-self: center;
        width: auto; } }
  .gammes-holder__item {
    position: relative;
    padding-bottom: 6rem;
    min-width: 15.5rem;
    min-height: 100%;
    align-items: center;
    display: flex;
    justify-content: center; }

    @media (max-width: 1023px) {
      .gammes-holder__item {
        padding-bottom: 0;
        min-height: 0;
        min-width: 0; }
        .gammes-holder__item:nth-child(1) {
          width: calc(50% - 0.5rem); }
        .gammes-holder__item:nth-child(2) {
          width: calc(50% - 0.5rem); }
        .gammes-holder__item:nth-child(3) {
          width: 100%; } }
    .gammes-holder__item .btn-wrapper {
      display: block;
      width: 100%; }

      @media (max-width: 1023px) {
        .gammes-holder__item .btn-wrapper {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0; }
          .gammes-holder__item .btn-wrapper:hover .gammes-holder__btn {
            opacity: 1; } }
  .gammes-holder__btn {
    position: absolute;
    bottom: 0;
    width: 15rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 1rem 1rem 0.6rem;
    line-height: 1;
    font-family: "Josefin Sans";
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.5s;
    cursor: pointer;
    text-align: center;
    display: block;
    font-size: 1.5rem;
    border: 0.1rem solid;
    border-color: #fff;
    color: #fff; }

    @media (max-width: 767px) {
      .gammes-holder__btn {
        font-weight: bold; } }
    .gammes-holder__btn:hover {
      border-color: #fff;
      background-color: #fff;
      color: #00833e; }

    @media (max-width: 1023px) {
      .gammes-holder__btn {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0; }
        .gammes-holder__btn:hover {
          background-color: rgba(255, 255, 255, 0.5); } }
    .gammes-holder__btn--brown {
      background-color: #722b0b;
      border-color: #722b0b;
      color: #fff; }
      .gammes-holder__btn--brown:hover {
        background-color: transparent;
        border-color: #722b0b;
        color: #722b0b; }

      @media (max-width: 1023px) {
        .gammes-holder__btn--brown {
          background-color: rgba(114, 43, 11, 0.5) !important;
          color: #fff !important; } }
    .gammes-holder__btn--green {
      background-color: #00833e;
      border-color: #00833e;
      color: #fff; }
      .gammes-holder__btn--green:hover {
        background-color: transparent;
        border-color: #00833e;
        color: #00833e; }

      @media (max-width: 1023px) {
        .gammes-holder__btn--green {
          background-color: rgba(0, 131, 62, 0.5) !important;
          color: #fff !important; } }
  .gammes-holder__img {
    width: 100%;
    filter: drop-shadow(9px 9px 14px rgba(0, 0, 0, 0.42)); }

    @media (min-width: 1024px) {
      .gammes-holder__img {
        width: auto;
        transform: translateX(-50%);
        left: 50%;
        position: relative; } }

.gammes-only--odd .gammes-holder {
  flex-direction: row-reverse; }

  @media (max-width: 1023px) {
    .gammes-only--odd .gammes-holder {
      flex-direction: row;
      flex-wrap: wrap; } }
  .gammes-only--odd .gammes-holder--grid {
    flex-direction: row; }

.gammes-only--odd--grid {
  flex-direction: row; }

.block-sous-gamme {
  position: relative;
  overflow: hidden;
  margin-bottom: 5rem;
  padding-bottom: 4rem; }
  .block-sous-gamme::before,
 .block-sous-gamme::after {
    content: "";
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat; }
  .block-sous-gamme--cannes::before {
    top: 0;
    left: 0;
    width: 43.8rem;
    height: 100%;
    background-image: url("images/bg/bg-cannes-7.png");
    background-position: right 0; }

    @media (max-width: 1604px) {
      .block-sous-gamme--cannes::before {
        left: -10rem; } }

    @media (max-width: 1023px) {
      .block-sous-gamme--cannes::before {
        left: 0;
        width: 12.9rem;
        background-image: url("images/bg/bg-cannes-3.png");
        background-size: 100% auto; } }

    @media (max-width: 1000px) {
      .block-sous-gamme--cannes::before {
        display: none; } }

    @media (max-width: 767px) {
      .block-sous-gamme--cannes::before {
        display: none; } }
  .block-sous-gamme--cannes::after {
    width: 48.1rem;
    height: 86.6rem;
    background-image: url("images/bg/bg-betterave-1.png");
    right: -10rem;
    bottom: -100px; }

    @media (max-width: 1604px) {
      .block-sous-gamme--cannes::after {
        width: 38.1rem;
        height: 66.6rem;
        right: -20rem;
        bottom: -400px;
        background-size: 80%; } }

    @media (max-width: 800px) {
      .block-sous-gamme--cannes::after {
        right: -15rem;
        bottom: -400px;
        background-size: 70%; } }

    @media (max-width: 767px) {
      .block-sous-gamme--cannes::after {
        display: none; } }

  @media (max-width: 767px) {
    .block-sous-gamme--patissiers .page-title {
      max-width: 21rem;
      margin-right: auto;
      margin-left: auto; } }
  .block-sous-gamme--patissiers::before {
    top: 0;
    left: 0;
    width: 33.8rem;
    height: 63.2rem;
    background-image: url("images/bg/bg-patissier-1.png");
    background-position: right 0; }

    @media (max-width: 1604px) {
      .block-sous-gamme--patissiers::before {
        left: -7rem; } }

    @media (max-width: 1023px) {
      .block-sous-gamme--patissiers::before {
        left: -11rem; } }

    @media (max-width: 767px) {
      .block-sous-gamme--patissiers::before {
        top: 0;
        left: 0;
        width: 12rem;
        height: 33rem;
        background: url("images/bg/bg-patissier-6.png") no-repeat; } }
  .block-sous-gamme--patissiers::after {
    bottom: 14.2rem;
    right: 0;
    width: 30.9rem;
    height: 67.4rem;
    background-image: url("images/bg/bg-patissier-4.png"); }

    @media (max-width: 1604px) {
      .block-sous-gamme--patissiers::after {
        width: 20.9rem;
        height: 57.4rem; } }

    @media (max-width: 767px) {
      .block-sous-gamme--patissiers::after {
        display: none; } }
  .block-sous-gamme--patissiers .block-sous-gamme__inner {
    position: relative;
    background: url("images/bg/bg-patissier-2.png") 0 center no-repeat; }

    @media (max-width: 767px) {
      .block-sous-gamme--patissiers .block-sous-gamme__inner {
        background-position: right -7rem top 69%;
        background-size: 14rem auto; } }
    .block-sous-gamme--patissiers .block-sous-gamme__inner::before {
      content: "";
      position: absolute;
      bottom: -10rem;
      left: 0;
      width: 54.1rem;
      height: 59rem;
      background: url("images/bg/bg-patissier-3.png") right 0 no-repeat;
      background-size: cover; }

      @media (max-width: 1955px) {
        .block-sous-gamme--patissiers .block-sous-gamme__inner::before {
          left: -16rem; } }

      @media (max-width: 1604px) {
        .block-sous-gamme--patissiers .block-sous-gamme__inner::before {
          left: -28rem; } }

      @media (max-width: 767px) {
        .block-sous-gamme--patissiers .block-sous-gamme__inner::before {
          bottom: 16.8rem;
          left: -8rem;
          width: 24.1rem;
          height: 29rem; } }

  @media (max-width: 767px) {
    .block-sous-gamme--patissiers .sous-gamme__content {
      position: relative; }
      .block-sous-gamme--patissiers .sous-gamme__content::after {
        content: "";
        position: absolute;
        top: -13rem;
        right: -3.8rem;
        width: 13rem;
        height: 16rem;
        background: url("images/bg/hazelnut.png") no-repeat;
        background-size: 100% auto; } }
  .block-sous-gamme--confisuc::before {
    top: 0;
    left: 0;
    width: 42.7rem;
    height: 59.9rem;
    background-image: url("images/bg/bg-confisuc-1.png");
    background-position: right 0;
    display: none; }

    @media (max-width: 1830px) {
      .block-sous-gamme--confisuc::before {
        left: -6rem; } }

    @media (max-width: 1604px) {
      .block-sous-gamme--confisuc::before {
        top: 8rem;
        left: -9rem;
        width: 32.7rem;
        height: 89.9rem;
        background-size: contain; } }

    @media (max-width: 1480px) {
      .block-sous-gamme--confisuc::before {
        left: -12rem; } }

    @media (max-width: 767px) {
      .block-sous-gamme--confisuc::before {
        display: none; } }
  .block-sous-gamme--confisuc::after {
    top: 19rem;
    right: 5rem;
    width: 20rem;
    height: 20rem;
    background-image: url("images/bg/bg-confisuc-6.png");
    background-size: 100% auto; }

    @media (max-width: 1023px) {
      .block-sous-gamme--confisuc::after {
        right: -5rem; } }

    @media (max-width: 767px) {
      .block-sous-gamme--confisuc::after {
        display: none; } }
  .block-sous-gamme--confisuc .block-sous-gamme__inner {
    background: url("images/bg/bg-confisuc-2.png") -13.5rem 7rem no-repeat; }

    @media (max-width: 1730px) {
      .block-sous-gamme--confisuc .block-sous-gamme__inner {
        background-position: -17rem 7rem;
        background-size: 39rem auto; } }

    @media (max-width: 1440px) {
      .block-sous-gamme--confisuc .block-sous-gamme__inner {
        background-position: -22rem 7rem; } }

    @media (max-width: 767px) {
      .block-sous-gamme--confisuc .block-sous-gamme__inner {
        background-position: -16.5rem -2rem;
        background-size: 25rem auto; } }
    .block-sous-gamme--confisuc .block-sous-gamme__inner::before,
 .block-sous-gamme--confisuc .block-sous-gamme__inner::after {
      content: "";
      position: absolute; }
    .block-sous-gamme--confisuc .block-sous-gamme__inner::after {
      bottom: 5rem;
      left: 3rem;
      width: 42.1rem;
      height: 37.6rem;
      background: url("images/bg/bg-confisuc-4.png") right 0 no-repeat; }

      @media (max-width: 1800px) {
        .block-sous-gamme--confisuc .block-sous-gamme__inner::after {
          left: -15rem; } }

      @media (max-width: 1023px) {
        .block-sous-gamme--confisuc .block-sous-gamme__inner::after {
          left: -28rem; } }

      @media (max-width: 767px) {
        .block-sous-gamme--confisuc .block-sous-gamme__inner::after {
          display: none; } }
    .block-sous-gamme--confisuc .block-sous-gamme__inner::before {
      bottom: 29rem;
      left: 26rem;
      width: 30.4rem;
      height: 27.5rem;
      background: url("images/bg/bg-confisuc-3.png") right 0 no-repeat; }

      @media (max-width: 1800px) {
        .block-sous-gamme--confisuc .block-sous-gamme__inner::before {
          left: 2rem; } }

      @media (max-width: 1023px) {
        .block-sous-gamme--confisuc .block-sous-gamme__inner::before {
          left: -11rem; } }

      @media (max-width: 767px) {
        .block-sous-gamme--confisuc .block-sous-gamme__inner::before {
          display: none; } }
  .block-sous-gamme--confisuc .sous-gamme__item:nth-child(2) {
    position: relative; }
    .block-sous-gamme--confisuc .sous-gamme__item:nth-child(2)::before,
 .block-sous-gamme--confisuc .sous-gamme__item:nth-child(2)::after {
      content: "";
      position: absolute;
      z-index: -1; }
    .block-sous-gamme--confisuc .sous-gamme__item:nth-child(2)::before {
      bottom: -15rem;
      right: -3rem;
      width: 18.5rem;
      height: 40.4rem;
      background: url("images/bg/bg-confisuc-7.png") no-repeat;
      background-size: 100% auto; }

      @media (max-width: 1270px) {
        .block-sous-gamme--confisuc .sous-gamme__item:nth-child(2)::before {
          right: -12rem; } }

      @media (max-width: 1023px) {
        .block-sous-gamme--confisuc .sous-gamme__item:nth-child(2)::before {
          right: -15rem; } }

      @media (max-width: 767px) {
        .block-sous-gamme--confisuc .sous-gamme__item:nth-child(2)::before {
          top: -5rem;
          bottom: auto;
          right: -6.7rem;
          width: 13rem;
          height: 14rem;
          background-size: contain; } }
    .block-sous-gamme--confisuc .sous-gamme__item:nth-child(2)::after {
      bottom: 21rem;
      right: -26rem;
      width: 40.6rem;
      height: 36.4rem;
      background: url("images/bg/bg-confisuc-5.png") right 0 no-repeat; }

      @media (max-width: 767px) {
        .block-sous-gamme--confisuc .sous-gamme__item:nth-child(2)::after {
          display: none; } }

  @media (min-width: 1024px) {
    .block-sous-gamme--confisuc .sous-gamme__img {
      flex: none; } }
  .block-sous-gamme--grand-classiques .container::before {
    position: absolute;
    content: "";
    background: url("images/bg/spoon.png") no-repeat;
    background-size: cover;
    top: 0;
    left: -15rem;
    z-index: 0;
    width: 34.5rem;
    height: 57rem; }

    @media (max-width: 1024px) {
      .block-sous-gamme--grand-classiques .container::before {
        display: none; } }
  .block-sous-gamme--grand-classiques .container::after {
    position: absolute;
    content: "";
    background: url("images/bg/Classic_sucre.png") no-repeat;
    background-size: cover;
    bottom: -2rem;
    right: -22rem;
    width: 36rem;
    height: 62rem;
    z-index: 0;
    transform: rotate(160deg); }

    @media (max-width: 1024px) {
      .block-sous-gamme--grand-classiques .container::after {
        display: none; } }
  .block-sous-gamme--festifs .sous-gamme__item {
    position: relative; }
    .block-sous-gamme--festifs .sous-gamme__item:nth-child(1)::after {
      position: absolute;
      content: "";
      background: url("images/bg/sucres-festifs.png") no-repeat;
      background-size: cover;
      top: 50%;
      left: 100%;
      width: 17.3rem;
      height: 33rem;
      z-index: 2;
      transform: translateY(-50%); }

      @media (max-width: 1550px) {
        .block-sous-gamme--festifs .sous-gamme__item:nth-child(1)::after {
          left: 95%; } }

      @media (max-width: 1300px) {
        .block-sous-gamme--festifs .sous-gamme__item:nth-child(1)::after {
          display: none; } }
    .block-sous-gamme--festifs .sous-gamme__item:nth-child(2)::before {
      position: absolute;
      content: "";
      background: url("images/bg/coffee.png") no-repeat;
      background-size: cover;
      top: 0;
      left: -12rem;
      z-index: 2;
      width: 25rem;
      height: 25rem; }

      @media (max-width: 1199px) {
        .block-sous-gamme--festifs .sous-gamme__item:nth-child(2)::before {
          display: none; } }
    .block-sous-gamme--festifs .sous-gamme__item:nth-child(3)::before {
      position: absolute;
      content: "";
      background: url("images/bg/buchette_3.png") no-repeat;
      background-size: cover;
      right: 10rem;
      width: 10rem;
      height: 25rem;
      bottom: -10rem; }

      @media (max-width: 1199px) {
        .block-sous-gamme--festifs .sous-gamme__item:nth-child(3)::before {
          display: none; } }
    .block-sous-gamme--festifs .sous-gamme__item:nth-child(3)::after {
      position: absolute;
      content: "";
      background: url("images/bg/buchette_4.png") no-repeat;
      background-size: cover;
      top: 0;
      right: -10rem;
      width: 21rem;
      height: 10rem;
      z-index: 2; }

      @media (max-width: 1199px) {
        .block-sous-gamme--festifs .sous-gamme__item:nth-child(3)::after {
          display: none; } }
  .block-sous-gamme--sucre-bio .sous-gamme__item {
    position: relative; }
    .block-sous-gamme--sucre-bio .sous-gamme__item:nth-child(1)::after {
      content: "";
      position: absolute;
      top: 0;
      right: 96%;
      z-index: 2;
      background: url("images/gamme/betterave.png") no-repeat;
      background-size: 100% auto;
      width: 30.4rem;
      height: 40rem; }

      @media (max-width: 1300px) {
        .block-sous-gamme--sucre-bio .sous-gamme__item:nth-child(1)::after {
          display: none; } }
    .block-sous-gamme--sucre-bio .sous-gamme__item:nth-child(2)::before {
      content: "";
      position: absolute;
      top: 0;
      left: 100%;
      z-index: 2;
      width: 17.7rem;
      height: 40rem;
      background: url("images/gamme/canne-a-sucre.png") no-repeat;
      background-size: cover; }

      @media (max-width: 1199px) {
        .block-sous-gamme--sucre-bio .sous-gamme__item:nth-child(2)::before {
          display: none; } }

  @media (max-width: 767px) {
    .block-sous-gamme {
      margin: 0;
      padding-bottom: 0; } }
  .block-sous-gamme .container {
    position: relative;
    z-index: 1; }

.sous-gamme {
  padding: 0 8.5rem; }

  @media (max-width: 767px) {
    .sous-gamme {
      padding: 0 0.5rem; } }
  .sous-gamme__item {
    display: flex;
    align-items: center;
    margin-bottom: 8rem;
    text-align: center; }
    .block-sous-gamm__cannes .sous-gamme__item {
      color: #722b0b; }

    @media (max-width: 1023px) {
      .sous-gamme__item {
        flex-direction: column-reverse;
        align-items: center; } }

    @media (max-width: 767px) {
      .sous-gamme__item {
        margin-bottom: 5.5rem; }
        .sous-gamme__item:last-child {
          margin-bottom: 4rem; } }
    .sous-gamme__item:nth-child(even) {
      flex-direction: row-reverse;
      justify-content: flex-end; }
      .block-sous-gamm__cannes .sous-gamme__item:nth-child(even) {
        color: #ba8444; }

      @media (max-width: 1023px) {
        .sous-gamme__item:nth-child(even) {
          flex-direction: column-reverse; } }
      .sous-gamme__item:nth-child(even) .sous-gamme__img {
        min-width: 59rem;
        padding-right: 3rem; }

        @media (max-width: 1200px) {
          .sous-gamme__item:nth-child(even) .sous-gamme__img {
            min-width: 0; } }

        @media (max-width: 1023px) {
          .sous-gamme__item:nth-child(even) .sous-gamme__img {
            width: 100%;
            max-width: 100%;
            padding: 0; } }
      .sous-gamme__item:nth-child(even) .sous-gamme__content {
        padding: 0 0 0 3rem; }

        @media (max-width: 1023px) {
          .sous-gamme__item:nth-child(even) .sous-gamme__content {
            padding: 0; } }
      .block-sous-gamm__cannes .sous-gamme__item:nth-child(even) .btn {
        color: #ba8444;
        border-color: #ba8444; }
        .block-sous-gamm__cannes .sous-gamme__item:nth-child(even) .btn:hover,
 .block-sous-gamm__cannes .sous-gamme__item:nth-child(even) .btn:focus {
          border-color: #ba8444;
          background-color: #ba8444;
          color: #fff; }

    @media (max-width: 1023px) {
      .block-sous-gamme--cannes .sous-gamme__item:first-child .sous-gamme__img::before {
        right: -2rem;
        bottom: 0;
        width: 9.5rem;
        height: 28.5rem;
        background-image: url("images/bg/bg-cannes-4.png"); } }

    @media (max-width: 1023px) {
      .block-sous-gamme--cannes .sous-gamme__item:nth-child(2) .sous-gamme__img::before {
        top: -5rem;
        left: -2rem;
        width: 7.2rem;
        height: 22.7rem;
        background-image: url("images/bg/bg-cannes-5.png"); } }

    @media (max-width: 1023px) {
      .block-sous-gamme--cannes .sous-gamme__item:nth-child(3) .sous-gamme__img::before {
        top: -7.5rem;
        right: -2rem;
        width: 6.39rem;
        height: 22.2rem;
        background-image: url("images/bg/bg-cannes-6.png"); } }
  .sous-gamme__content {
    padding-right: 3rem; }

    @media (max-width: 1023px) {
      .sous-gamme__content {
        padding: 0; } }
    .sous-gamme__content__inner {
      width: 34rem; }

      @media (max-width: 1023px) {
        .sous-gamme__content__inner {
          width: auto; } }
  .sous-gamme__img {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex: 0 0 calc(100% - 37rem); }

    @media (max-width: 1023px) {
      .sous-gamme__img {
        flex: 0 0 auto;
        flex-wrap: wrap;
        position: relative;
        width: 100%;
        margin-bottom: 2.3rem;
        padding: 0 0.5rem; } }

    @media (max-width: 1023px) {
      .sous-gamme__img::before {
        content: "";
        position: absolute;
        z-index: -1;
        background-size: cover;
        background-repeat: no-repeat; } }
    .sous-gamme__img a {
      margin: 1.5rem; }
      .sous-gamme__img a:hover img {
        transform: scale(1.05); }

      @media (max-width: 1023px) {
        .sous-gamme__img a {
          margin: 0 1rem 2.4rem;
          max-width: calc(50% - 2rem); } }
    .sous-gamme__img img {
      width: 100%;
      max-width: 31.7rem;
      transition: all ease 0.5s; }
  .sous-gamme .title-border,
 .sous-gamme .block-nouveaute h2,
 .block-nouveaute .sous-gamme h2,
 .sous-gamme .block-edito h2,
 .block-edito .sous-gamme h2 {
    margin-bottom: 1.3rem; }
  .sous-gamme p {
    line-height: 1.2; }
  .sous-gamme__icon {
    display: flex;
    align-items: center;
    justify-content: center; }
    .sous-gamme__icon img {
      margin: 0.5rem 0.7rem 1.6rem; }

      @media (max-width: 767px) {
        .sous-gamme__icon img {
          display: none; } }
  .sous-gamme .format {
    margin-bottom: 0.6rem;
    font-style: italic;
    font-weight: 300; }
  .block-sous-gamm__cannes .sous-gamme .btn {
    color: #722b0b;
    border-color: #722b0b; }
    .block-sous-gamm__cannes .sous-gamme .btn:hover,
 .block-sous-gamm__cannes .sous-gamme .btn:focus {
      border-color: #722b0b;
      background-color: #722b0b;
      color: #fff; }

.external-gamme .sous-gamme__img img {
  max-width: 100%; }

.block-nouveaute {
  overflow: hidden;
  position: relative;
  background: url("images/nouve_bg.jpg") top center no-repeat;
  -webkit-background-size: cover;
  background-size: cover; }

  @media (max-width: 767px) {
    .block-nouveaute {
      background-image: url("images/nouve_bg-mobile.jpg"); } }
  .block-nouveaute .text {
    text-align: center; }
  .block-nouveaute .image {
    position: relative;
    z-index: 1;
    overflow: hidden; }
    .block-nouveaute .image img {
      max-width: 90%;
      margin: 0 auto; }
  .block-nouveaute .mob-title {
    display: none;
    text-align: center;
    overflow: hidden; }
    .block-nouveaute .mob-title img {
      margin-left: auto;
      margin-right: auto;
      max-width: 50%; }

    @media (max-width: 768px) {
      .block-nouveaute .mob-title {
        display: block;
        margin: 4rem 0; } }
  .block-nouveaute .desc-title {
    text-align: center; }
    .block-nouveaute .desc-title img {
      margin: 0 auto; }

    @media (max-width: 768px) {
      .block-nouveaute .desc-title {
        display: none; } }
  .block-nouveaute h2 {
    margin-top: 3rem; }
  .block-nouveaute::before,
 .block-nouveaute::after {
    content: "";
    position: absolute;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: none; }
  .block-nouveaute::before {
    top: 1rem;
    right: 4rem;
    width: 20.5rem;
    height: 22rem;
    background-image: url("images/bg/cherries.png"); }

    @media (max-width: 1599px) {
      .block-nouveaute::before {
        right: -7rem; } }

    @media (max-width: 1023px) {
      .block-nouveaute::before {
        display: none; } }
  .block-nouveaute::after {
    bottom: 0;
    right: 15rem;
    width: 20rem;
    height: 12rem;
    background-image: url("images/bg/raspberries.png"); }

    @media (max-width: 1599px) {
      .block-nouveaute::after {
        right: -4rem; } }

    @media (max-width: 1023px) {
      .block-nouveaute::after {
        bottom: -1.5rem; } }

    @media (max-width: 767px) {
      .block-nouveaute::after {
        right: 0;
        width: 8rem;
        height: 7rem;
        transform: rotate(-20deg); } }

  @media (min-width: 1024px) {
    .block-nouveaute .image,
 .block-nouveaute .text {
      width: 50%;
      float: left;
      min-height: 50rem;
      position: relative; }
    .block-nouveaute .image img {
      max-width: 90%;
      display: block;
      max-height: 90%;
      position: absolute;
      top: 52%;
      left: 0;
      transform: translateY(-50%);
      right: 0;
      margin: auto; }
    .block-nouveaute .text--inner {
      position: absolute;
      width: 100%;
      padding-right: 8rem;
      padding-left: 2rem;
      top: 50%;
      transform: translateY(-50%); } }

  @media (max-width: 1023px) {
    .block-nouveaute {
      padding-bottom: 5rem; }
      .block-nouveaute .text {
        position: relative;
        margin-top: 40px; }
        .block-nouveaute .text::before {
          content: "";
          width: 5rem;
          height: 0.2rem;
          position: absolute;
          display: block;
          background: #00833e;
          top: -19px;
          left: 0;
          right: 0;
          margin-left: auto;
          margin-right: auto; }
        .block-nouveaute .text h2 {
          display: none; } }

.block-hp-intro {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 79rem;
  padding-bottom: 9.4rem; }

  @media (max-width: 767px) {
    .block-hp-intro {
      height: 60rem; } }
  .block-hp-intro img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom; }
  .block-hp-intro .container {
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    z-index: 2; }

    @media (max-width: 767px) {
      .block-hp-intro .container {
        position: static; } }
  .block-hp-intro .text {
    max-width: 45.5rem;
    width: 45.5rem;
    padding: 3rem 3rem 4rem;
    border: 0.3rem solid #fff;
    color: #fff;
    text-align: center; }

    @media (max-width: 767px) {
      .block-hp-intro .text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        padding-top: 11.4rem;
        border: 0;
        font-size: 1.6rem; } }

  @media (max-width: 767px) {
    .block-hp-intro .title-border,
 .block-hp-intro .block-nouveaute h2,
 .block-nouveaute .block-hp-intro h2,
 .block-hp-intro .block-edito h2,
 .block-edito .block-hp-intro h2 {
      margin-bottom: 0.8rem;
      font-size: 2.2rem; } }
  .block-hp-intro .btn {
    min-width: 23.5rem;
    margin-top: 2.5rem; }

    @media (max-width: 767px) {
      .block-hp-intro .btn {
        position: absolute;
        bottom: 8.8rem;
        left: 50%;
        transform: translateX(-50%);
        min-width: 16rem;
        background: #fff;
        color: #00833e;
        font-size: 1.7rem; } }
  .block-hp-intro .video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1; }
  .block-hp-intro #player-desktop,
  .block-hp-intro #player-mobile {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    pointer-events: none; }
  .block-hp-intro--video .text {
    background: rgba(0, 131, 62, 0.4);
    color: #fff;
    border: 0; }

    @media (max-width: 767px) {
      .block-hp-intro--video .text {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        padding: 4rem 2rem;
        border: 0;
        font-size: 1.6rem; } }

  @media (max-width: 767px) {
    .block-hp-intro--video .btn {
      position: relative;
      bottom: 0;
      left: 0;
      transform: none;
      min-width: 16rem;
      background: none;
      color: #fff;
      font-size: 1.7rem; } }

.block-gammes-presentation {
  padding: 4.4rem 0 4.7rem;
  text-align: center; }

  @media (max-width: 767px) {
    .block-gammes-presentation {
      padding: 3rem 0 3.8rem; } }
  .block-gammes-presentation__title {
    margin: 0 0 3.3rem;
    font-weight: 600;
    font-size: 3.4rem; }

    @media (max-width: 767px) {
      .block-gammes-presentation__title {
        margin-bottom: 2.8rem;
        font-size: 2rem;
        line-height: 1.2; }
        .block-gammes-presentation__title strong {
          display: block; }
        .block-gammes-presentation__title::after {
          content: "";
          display: block;
          width: 4rem;
          height: 0.2rem;
          margin: 1rem auto 0;
          background: #00833e; } }
  .block-gammes-presentation__link {
    margin-top: 3rem; }

    @media (max-width: 767px) {
      .block-gammes-presentation__link {
        margin-top: 2.4rem; } }

.slider-wraper {
  max-width: 154.5rem;
  margin: 0 auto;
  padding: 0 9rem; }

  @media (max-width: 767px) {
    .slider-wraper {
      padding: 0; } }
  .slider-wraper .owl-nav button.owl-prev,
  .slider-wraper .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    outline: 0; }

    @media (max-width: 767px) {
      .slider-wraper .owl-nav button.owl-prev,
      .slider-wraper .owl-nav button.owl-next {
        top: 10.5rem;
        transform: translateY(0);
        width: 5.3rem;
        height: 5.3rem;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.7); } }
    .slider-wraper .owl-nav button.owl-prev span,
    .slider-wraper .owl-nav button.owl-next span {
      display: inline-block;
      border: solid #00833e;
      border-width: 0 0.4rem 0.4rem 0;
      padding: 2.5rem;
      font-size: 0;
      transform: rotate(-45deg);
      transition-duration: 0.5s; }

      @media (max-width: 767px) {
        .slider-wraper .owl-nav button.owl-prev span,
        .slider-wraper .owl-nav button.owl-next span {
          border-width: 0 0.2rem 0.2rem 0;
          padding: 1.1rem; } }
      .slider-wraper .owl-nav button.owl-prev span:hover,
      .slider-wraper .owl-nav button.owl-next span:hover {
        border-color: #005026; }
    .slider-wraper .owl-nav button.owl-prev.disabled,
    .slider-wraper .owl-nav button.owl-next.disabled {
      display: none; }
  .slider-wraper .owl-nav button.owl-prev {
    left: -6.5rem; }

    @media (max-width: 767px) {
      .slider-wraper .owl-nav button.owl-prev {
        left: 50%;
        margin-left: -13.7rem; } }
    .slider-wraper .owl-nav button.owl-prev span {
      border-width: 0.4rem 0 0 0.4rem; }

      @media (max-width: 767px) {
        .slider-wraper .owl-nav button.owl-prev span {
          margin-left: 1rem;
          border-width: 0.2rem 0 0 0.2rem; } }
  .slider-wraper .owl-nav button.owl-next {
    right: -6.5rem; }

    @media (max-width: 767px) {
      .slider-wraper .owl-nav button.owl-next {
        right: 50%;
        margin-right: -13.7rem; }
        .slider-wraper .owl-nav button.owl-next span {
          margin-left: -1rem; } }

.owl-dots {
  display: flex;
  justify-content: center;
  margin-top: 4rem; }

  @media (max-width: 767px) {
    .owl-dots {
      margin-top: 1.4rem; } }

.owl-dot {
  margin: 0 0.4rem;
  outline: 0; }

  @media (max-width: 767px) {
    .owl-dot {
      margin: 0 0.2rem; } }
  .owl-dot span {
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 0.1rem solid #00833e; }

    @media (max-width: 767px) {
      .owl-dot span {
        width: 1.1rem;
        height: 1.1rem; } }
  .owl-dot.active span {
    background: #00833e; }

.gammes-slider .owl-stage,
.gammes-slider .owl-item {
  display: flex; }

.card-gamme {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  min-height: 42.2rem;
  padding-top: 2rem;
  text-align: center;
  font-size: 1.7rem;
  line-height: 1.2;
  overflow: hidden; }

  @media (max-width: 767px) {
    .card-gamme {
      width: 26rem;
      min-height: 34rem; } }
  .card-gamme.bg-beige {
    background-image: url("images/bg/gammes_1_bg_sm.jpg"); }
  .card-gamme.bg-white-1 {
    background-image: url("images/bg/gammes_3_bg-sm.jpg"); }
  .card-gamme.bg-white-2 {
    background-image: url("images/bg/nouve_bg-sm.jpg"); }
  .card-gamme.bg-white-4 {
    background-image: url("images/bg/bg-tutti-sm.jpg"); }
  .card-gamme::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 21.3rem;
    background: url("images/gamme/gammes_odd_text.jpg") top center no-repeat;
    background-size: cover; }

    @media (max-width: 767px) {
      .card-gamme::before {
        height: 14.3rem; } }
  .card-gamme__header {
    position: relative;
    z-index: 1;
    padding: 0 3rem 2.5rem; }

    @media (max-width: 767px) {
      .card-gamme__header {
        padding-bottom: 2rem; } }
  .card-gamme .title-border,
 .card-gamme .block-nouveaute h2,
 .block-nouveaute .card-gamme h2,
 .card-gamme .block-edito h2,
 .block-edito .card-gamme h2 {
    margin-bottom: 1rem;
    font-size: 2.4rem; }

    @media (min-width: 1280px) and (max-width: 1600px) {
      .card-gamme .title-border,
 .card-gamme .block-nouveaute h2,
 .block-nouveaute .card-gamme h2,
 .card-gamme .block-edito h2,
 .block-edito .card-gamme h2 {
        font-size: 2.2rem; } }

    @media (max-width: 767px) {
      .card-gamme .title-border,
 .card-gamme .block-nouveaute h2,
 .block-nouveaute .card-gamme h2,
 .card-gamme .block-edito h2,
 .block-edito .card-gamme h2 {
        max-width: 15rem;
        margin: 0 auto;
        font-size: 1.6rem; }
        .card-gamme .title-border::after,
 .card-gamme .block-nouveaute h2::after,
 .block-nouveaute .card-gamme h2::after,
 .card-gamme .block-edito h2::after,
 .block-edito .card-gamme h2::after {
          content: none; } }

  @media (max-width: 767px) {
    .card-gamme p {
      display: none; } }
  .card-gamme__footer {
    position: relative;
    z-index: 1;
    margin-top: auto;
    min-height: 30.7rem;
    padding: 0 3rem 1.5rem; }

    @media (max-width: 767px) {
      .card-gamme__footer {
        min-height: 19rem;
        padding-bottom: 2rem; } }
  .card-gamme.confisuc .card-gamme__footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 36%;
    width: 32.4rem;
    height: 22.7rem;
    margin-left: -10.5rem;
    background: url("images/bg/strawberries.png") 0 0 no-repeat;
    background-size: 100% auto; }

    @media (max-width: 767px) {
      .card-gamme.confisuc .card-gamme__footer::before {
        left: 8%;
        width: 21rem;
        height: 16rem;
        margin: 0; } }
  .card-gamme.patissiers .card-gamme__footer::before,
 .card-gamme.patissiers .card-gamme__footer::after {
    content: "";
    position: absolute; }
  .card-gamme.patissiers .card-gamme__footer::before {
    bottom: 0;
    left: -2rem;
    width: 11rem;
    height: 29rem;
    background: url("images/bg/whip.png") 0 bottom no-repeat;
    background-size: 100% auto;
    transform: rotate(5deg); }

    @media (max-width: 767px) {
      .card-gamme.patissiers .card-gamme__footer::before {
        width: 8rem; } }
  .card-gamme.patissiers .card-gamme__footer::after {
    right: -4rem;
    bottom: 3.5rem;
    width: 14rem;
    height: 13rem;
    background: url("images/bg/bg-patissier-2.png") no-repeat;
    background-size: 100% auto; }

    @media (max-width: 1365px) {
      .card-gamme.patissiers .card-gamme__footer::after {
        right: -6rem;
        width: 12rem;
        height: 11rem; } }

    @media (max-width: 767px) {
      .card-gamme.patissiers .card-gamme__footer::after {
        width: 10rem;
        height: 9rem; } }
  .card-gamme__pic {
    position: relative;
    z-index: 1;
    width: 22.5rem;
    height: 22.5rem;
    margin: 0 auto 2rem; }

    @media (max-width: 767px) {
      .card-gamme__pic {
        width: 14.5rem;
        height: 18.5rem;
        margin-bottom: 1.6rem; } }
  .card-gamme img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto !important; }
  .card-gamme .btn--sm {
    position: relative;
    z-index: 1;
    min-width: 19.6rem;
    padding: 1.4rem 1.5rem 0.9rem;
    font-size: 2rem; }

    @media (max-width: 767px) {
      .card-gamme .btn--sm {
        min-width: 14.7rem;
        padding: 1rem 1.5rem 0.5rem; } }
  .card-gamme.card-product::before {
    display: none; }
  .card-gamme.card-product .card-gamme__footer::before,
 .card-gamme.card-product .card-gamme__footer::after {
    display: none; }
  .card-gamme.grand-classiques .card-gamme__footer::before,
 .card-gamme.grand-classiques .card-gamme__footer::after {
    content: "";
    position: absolute; }
  .card-gamme.grand-classiques .card-gamme__footer::before {
    background: url("images/bg/spoon.png") 0 bottom no-repeat;
    background-size: 100% auto;
    width: 15rem;
    height: 22.5rem;
    left: -5rem;
    top: 0;
    transform: rotate(-8deg); }

    @media (max-width: 767px) {
      .card-gamme.grand-classiques .card-gamme__footer::before {
        width: 12rem;
        height: 18rem;
        left: -4rem;
        top: 6rem; } }
  .card-gamme.grand-classiques .card-gamme__footer::after {
    background: url("images/bg/sugar_cup.png") 0 bottom no-repeat;
    background-size: 100% auto;
    width: 20rem;
    height: 20rem;
    right: -8rem;
    top: 12rem; }

    @media (max-width: 1365px) {
      .card-gamme.grand-classiques .card-gamme__footer::after {
        width: 18rem;
        height: 18rem;
        right: -9rem; } }

    @media (max-width: 767px) {
      .card-gamme.grand-classiques .card-gamme__footer::after {
        width: 14rem;
        height: 14rem;
        right: -8rem; } }
  .card-gamme.cannes .card-gamme__header::before,
 .card-gamme.cannes .card-gamme__header::after {
    content: "";
    position: absolute; }
  .card-gamme.cannes .card-gamme__header::before {
    background: url("images/bg/F3_up_left.png") 0 0 no-repeat;
    background-size: 100% auto;
    width: 7rem;
    height: 7rem;
    left: 1rem;
    top: 100%; }

    @media (max-width: 767px) {
      .card-gamme.cannes .card-gamme__header::before {
        top: 80%; } }
  .card-gamme.cannes .card-gamme__header::after {
    background: url("images/bg/F3_up_right.png") 0 0 no-repeat;
    background-size: 100% auto;
    width: 7rem;
    height: 7rem;
    right: 1rem;
    top: 100%; }

    @media (max-width: 767px) {
      .card-gamme.cannes .card-gamme__header::after {
        top: 80%; } }
  .card-gamme.cannes .card-gamme__footer::after {
    content: "";
    position: absolute;
    background: url("images/bg/F3_down_right.png") 0 0 no-repeat;
    background-size: 100% auto;
    width: 7rem;
    height: 7rem;
    right: 1rem;
    bottom: 5rem; }
  .card-gamme.festifs .card-gamme__footer::before,
 .card-gamme.festifs .card-gamme__footer::after {
    content: "";
    position: absolute; }
  .card-gamme.festifs .card-gamme__footer::before {
    background: url("images/bg/coffee.png") 0 bottom no-repeat;
    background-size: 100% auto;
    width: 11rem;
    height: 11rem;
    top: 12rem;
    left: 0; }

    @media (max-width: 1023px) {
      .card-gamme.festifs .card-gamme__footer::before {
        width: 10rem;
        height: 10rem; } }

    @media (max-width: 767px) {
      .card-gamme.festifs .card-gamme__footer::before {
        left: -4rem; } }
  .card-gamme.festifs .card-gamme__footer::after {
    background: url("images/bg/buchette.png") 0 bottom no-repeat;
    background-size: 100% auto;
    width: 13rem;
    height: 18.4rem;
    top: -8rem;
    right: -2rem; }

    @media (max-width: 1023px) {
      .card-gamme.festifs .card-gamme__footer::after {
        width: 12rem;
        height: 17rem; } }

    @media (max-width: 767px) {
      .card-gamme.festifs .card-gamme__footer::after {
        right: -3rem;
        top: -8rem; } }
  .card-gamme.sucre-bio .card-gamme__footer::before,
 .card-gamme.sucre-bio .card-gamme__footer::after {
    content: "";
    position: absolute; }
  .card-gamme.sucre-bio .card-gamme__footer::before {
    top: -4.5rem;
    left: -10rem;
    width: 22.8rem;
    height: 30rem;
    background: url("images/bg/betterave.png") 0 bottom no-repeat;
    background-size: 100% auto; }

    @media (max-width: 767px) {
      .card-gamme.sucre-bio .card-gamme__footer::before {
        top: -5.5rem;
        left: -8rem;
        width: 18.8rem;
        height: 26rem; } }

.gammes-list__inner {
  display: flex;
  flex-wrap: wrap; }

.gammes-list .card-gamme {
  flex: 0 0 calc(33.3333% - 3rem);
  max-width: calc(33.3333% - 3rem);
  margin: 0 1.5rem 6rem; }

  @media (max-width: 950px) {
    .gammes-list .card-gamme {
      flex: 0 0 calc(50% - 3rem);
      max-width: calc(50% - 3rem); } }

  @media (max-width: 767px) {
    .gammes-list .card-gamme {
      flex: 0 0 100%;
      max-width: 100%;
      margin: 0 0 5rem; } }

.block-desserts-confitures {
  position: relative;
  padding: 4.8rem 0 4.5rem; }

  @media (max-width: 767px) {
    .block-desserts-confitures {
      padding: 15.3rem 0 8.7rem; } }
  .block-desserts-confitures__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1; }
  .block-desserts-confitures .container {
    position: relative; }
  .block-desserts-confitures .text {
    width: 100%;
    max-width: 53.7rem;
    padding: 3.7rem 5.5rem 6rem;
    background: #00833e;
    color: #fff;
    text-align: center; }

    @media (max-width: 767px) {
      .block-desserts-confitures .text {
        padding: 1rem 1.5rem 1.3rem; } }
    .block-desserts-confitures .text img {
      max-width: 29.7rem;
      margin: 0 auto 4.2rem; }

      @media (max-width: 767px) {
        .block-desserts-confitures .text img {
          max-width: 12.2rem;
          margin-bottom: 1rem; } }
  .block-desserts-confitures .title-border::after,
 .block-desserts-confitures .block-nouveaute h2::after,
 .block-nouveaute .block-desserts-confitures h2::after,
 .block-desserts-confitures .block-edito h2::after,
 .block-edito .block-desserts-confitures h2::after {
    margin-top: 1.2rem; }

    @media (max-width: 767px) {
      .block-desserts-confitures .title-border::after,
 .block-desserts-confitures .block-nouveaute h2::after,
 .block-nouveaute .block-desserts-confitures h2::after,
 .block-desserts-confitures .block-edito h2::after,
 .block-edito .block-desserts-confitures h2::after {
        margin-top: 0.5rem; } }

  @media (max-width: 767px) {
    .block-desserts-confitures .title-border,
 .block-desserts-confitures .block-nouveaute h2,
 .block-nouveaute .block-desserts-confitures h2,
 .block-desserts-confitures .block-edito h2,
 .block-edito .block-desserts-confitures h2 {
      margin-bottom: 1rem; } }

  @media (max-width: 767px) {
    .block-desserts-confitures p {
      margin-bottom: 1rem; } }
  .block-desserts-confitures .btn {
    margin-top: 1.5rem; }

    @media (max-width: 767px) {
      .block-desserts-confitures .btn {
        margin: 0; } }

.section-edito {
  padding-bottom: 4.3rem; }

  @media (max-width: 767px) {
    .section-edito {
      padding-bottom: 1rem; } }

.block-edito-top {
  position: relative;
  height: 82.5rem;
  margin-bottom: 3rem; }

  @media (max-width: 1600px) {
    .block-edito-top {
      height: 65rem; } }

  @media (max-width: 1400px) {
    .block-edito-top {
      height: 60rem; } }

  @media (max-width: 1024px) {
    .block-edito-top {
      height: 82.5rem; } }

  @media (max-width: 767px) {
    .block-edito-top {
      height: 52.8rem;
      margin-bottom: 2rem; } }
  .block-edito-top .container {
    display: flex;
    align-items: flex-end;
    position: relative;
    height: 100%;
    z-index: 1;
    padding-bottom: 3.8rem; }

    @media (max-width: 767px) {
      .block-edito-top .container {
        padding-bottom: 2.8rem; } }
  .block-edito-top h1 {
    margin: 0;
    color: #fff;
    font-size: 7.1rem;
    line-height: 1; }

    @media (max-width: 767px) {
      .block-edito-top h1 {
        font-size: 3.8rem; } }
  .block-edito-top img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

    @media (max-width: 1600px) {
      .block-edito-top img {
        height: 120%; } }

    @media (max-width: 1024px) {
      .block-edito-top img {
        height: 100%; } }

.block-edito {
  margin-bottom: 9rem;
  color: #000;
  line-height: 1.6; }
  .section-actu .block-edito {
    color: #00833e; }

    @media (min-width: 768px) {
      .section-actu .block-edito {
        margin-top: 6.5rem; } }

  @media (max-width: 767px) {
    .block-edito {
      margin-bottom: 3rem;
      line-height: 1.4; } }
  .block-edito h2 {
    color: #00833e;
    font-size: 3.5rem;
    line-height: 1.25; }
    .section-actu .block-edito h2 {
      font-weight: normal;
      text-transform: none; }

      @media (max-width: 767px) {
        .section-actu .block-edito h2 {
          font-size: 1.6rem; } }
      .section-actu .block-edito h2::after {
        content: none; }

    @media (max-width: 767px) {
      .block-edito h2 {
        margin-bottom: 1.5rem;
        font-size: 2.6rem; } }
    .block-edito h2::after {
      margin-left: 0; }

      @media (max-width: 767px) {
        .block-edito h2::after {
          width: 5.6rem; } }
  .block-edito h3 {
    margin: 0 0 1rem;
    color: #00833e; }
  .section-actu .block-edito p,
 .section-actu
  .block-edito ul {
    font-weight: 300; }
    .section-actu .block-edito p strong,
 .section-actu
    .block-edito ul strong {
      font-weight: 600; }
  .block-edito--intro {
    font-weight: bold;
    font-size: 2.7rem;
    margin-bottom: 5.2rem; }

    @media (max-width: 767px) {
      .block-edito--intro {
        margin-bottom: 2.2rem;
        font-weight: 600;
        font-size: 1.9rem; } }
  .block-edito--text-image .inner {
    position: relative;
    padding: 8rem 0 8rem 54.5rem; }

    @media (min-width: 1201px) {
      .section-actu .block-edito--text-image .inner {
        padding: 13.5rem 0 13.3rem 45.5rem; } }

    @media (max-width: 1200px) {
      .block-edito--text-image .inner {
        padding: 5rem 0 5rem 45%; } }

    @media (max-width: 767px) {
      .block-edito--text-image .inner {
        padding: 0; } }
  .block-edito--text-image .text-container {
    position: relative;
    z-index: 1;
    max-width: 69rem;
    padding: 4rem 5rem 6rem;
    background: #fff; }
    .section-actu .block-edito--text-image .text-container {
      max-width: 100%; }

      @media (min-width: 768px) {
        .section-actu .block-edito--text-image .text-container {
          padding-left: 2.5rem; } }

    @media (max-width: 1023px) {
      .block-edito--text-image .text-container {
        padding-right: 1rem; } }

    @media (max-width: 767px) {
      .block-edito--text-image .text-container {
        padding: 0; } }
    .block-edito--text-image .text-container h2:only-child {
      margin: 0 0 0 1.7rem;
      font-weight: bold;
      font-size: 5.5rem;
      line-height: 1.2; }

      @media (max-width: 1200px) {
        .block-edito--text-image .text-container h2:only-child {
          font-size: 4rem; } }

      @media (max-width: 767px) {
        .block-edito--text-image .text-container h2:only-child {
          margin: 0;
          font-size: 2.2rem; } }
  .block-edito--text-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    max-width: 100%;
    height: 100%;
    object-fit: cover; }

    @media (max-width: 767px) {
      .block-edito--text-image img {
        position: static;
        height: auto;
        margin-bottom: 1.8rem; } }
  .block-edito--text-image--type-2 .inner {
    padding: 10.8rem 0 8.7rem; }

    @media (max-width: 1200px) {
      .block-edito--text-image--type-2 .inner {
        padding: 5rem 0; } }

    @media (max-width: 767px) {
      .block-edito--text-image--type-2 .inner {
        padding: 0; } }
  .block-edito--text-image--type-3 .inner {
    padding-top: 8.6rem;
    padding-bottom: 8.6rem; }

    @media (max-width: 1200px) {
      .block-edito--text-image--type-3 .inner {
        padding-top: 5rem;
        padding-bottom: 5rem; } }

    @media (max-width: 767px) {
      .block-edito--text-image--type-3 .inner {
        padding: 0; } }
  .block-edito--text-image--type-3 img {
    height: calc(50% - 1rem); }

    @media (max-width: 767px) {
      .block-edito--text-image--type-3 img {
        height: auto; } }
  .block-edito--text-image--type-3 picture:nth-child(2) img {
    top: auto;
    bottom: 0; }

    @media (max-width: 767px) {
      .block-edito--text-image--type-3 picture:nth-child(2) img {
        display: none; } }
  .block-edito--text-image.block-edito--text-image-droite--type-1 h2::after {
    margin-right: auto;
    margin-left: 0; }

    @media (max-width: 767px) {
      .block-edito--text-image.block-edito--text-image-droite--type-1 h2::after {
        margin-right: auto;
        margin-left: 0; } }

  @media (max-width: 1023px) {
    .block-edito--text-image.block-edito--text-image-droite--type-1 .text-container {
      padding-left: 1rem;
      padding-right: 5rem; } }

  @media (max-width: 767px) {
    .block-edito--text-image.block-edito--text-image-droite--type-1 .text-container {
      padding: 0; } }
  .block-edito--text-image.block-edito--text-image-droite--type-1 .inner {
    padding: 8rem 54.5rem 8rem 0;
    text-align: left; }

    @media (max-width: 1200px) {
      .block-edito--text-image.block-edito--text-image-droite--type-1 .inner {
        padding: 5rem 45% 5rem 0; } }

    @media (max-width: 767px) {
      .block-edito--text-image.block-edito--text-image-droite--type-1 .inner {
        padding: 0;
        text-align: left; } }
  .block-edito--text-image.block-edito--text-image-droite--type-1 img {
    left: initial;
    right: 0;
    max-width: 80%; }

    @media (max-width: 767px) {
      .block-edito--text-image.block-edito--text-image-droite--type-1 img {
        max-width: 100%;
        width: 100%; } }
  .block-edito--text-stamp {
    position: relative;
    margin-bottom: 2.2rem;
    padding: 5.5rem 0 7.5rem;
    background: #00833e;
    color: #fff;
    overflow: hidden; }

    @media (max-width: 767px) {
      .block-edito--text-stamp {
        margin-bottom: 1.3rem;
        padding: 4rem 0 3rem; } }
    .block-edito--text-stamp::before {
      content: "";
      position: absolute;
      top: 0.8rem;
      left: 50%;
      width: 61rem;
      height: 61rem;
      margin-left: 21rem;
      background: url("images/stamp.svg") no-repeat;
      background-size: contain; }

      @media (max-width: 767px) {
        .block-edito--text-stamp::before {
          top: 0.4rem;
          left: auto;
          right: -2rem;
          width: 20rem;
          height: 20rem;
          margin: 0; } }
    .block-edito--text-stamp .text-container {
      position: relative;
      z-index: 1;
      font-weight: bold;
      font-size: 2.7rem; }

      @media (max-width: 767px) {
        .block-edito--text-stamp .text-container {
          font-weight: normal;
          font-size: 1.7rem; } }
    .block-edito--text-stamp h2 {
      max-width: 80rem;
      margin-bottom: 4.8rem;
      color: #fff;
      text-transform: none;
      font-size: 7.1rem;
      line-height: 1.2; }

      @media (max-width: 767px) {
        .block-edito--text-stamp h2 {
          margin-bottom: 2rem;
          font-size: 2.2rem; } }

      @media (min-width: 768px) {
        .block-edito--text-stamp h2::after {
          content: none; } }
  .block-edito--two-col {
    margin-bottom: 5.7rem; }
    .block-edito--two-col:first-child {
      margin-top: 9rem; }

    @media (max-width: 767px) {
      .block-edito--two-col {
        margin-bottom: 3rem; } }
    .block-edito--two-col .inner {
      display: flex;
      margin: 0 -2.6rem; }

      @media (max-width: 767px) {
        .block-edito--two-col .inner {
          flex-direction: column;
          margin: 0; } }
      .block-edito--two-col .inner .text-container,
      .block-edito--two-col .inner picture {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 2.6rem; }

        @media (max-width: 767px) {
          .block-edito--two-col .inner .text-container,
          .block-edito--two-col .inner picture {
            max-width: 100%;
            padding: 0; } }

      @media (max-width: 767px) {
        .block-edito--two-col .inner picture {
          order: 1;
          margin-bottom: 1.8rem; } }

      @media (max-width: 767px) {
        .block-edito--two-col .inner .text-container {
          order: 2;
          flex: auto; } }
  .block-edito--text-large {
    margin-bottom: 7rem;
    color: #00833e;
    font-weight: bold;
    font-size: 5.5rem;
    line-height: 1.2; }

    @media (max-width: 1200px) {
      .block-edito--text-large {
        font-size: 2.2rem; } }

    @media (max-width: 767px) {
      .block-edito--text-large {
        margin-bottom: 3rem;
        font-size: 1.9rem; } }
    .section-actu .block-edito--text-large p {
      font-weight: bold; }
  .block-edito--image-large picture {
    margin-bottom: 4rem; }
  .block-edito--image-large .btn {
    margin-top: 2rem; }

    @media (min-width: 768px) {
      .block-edito--image-large .btn {
        padding: 1.7rem 2rem 1rem; } }

.simple-text-block {
  margin-bottom: 3rem;
  overflow: hidden; }
  .simple-text-block p {
    font-weight: 300; }
  .simple-text-block strong {
    font-weight: 600; }

  @media (max-width: 767px) {
    .simple-text-block {
      display: flex;
      flex-direction: column; } }
  .simple-text-block:first-child {
    margin-top: 9rem; }
  .simple-text-block:last-child {
    margin-bottom: 5rem; }

.alignnone,
.alignleft,
.alignright {
  display: inline; }

.text img.aligncenter {
  margin: 0 auto; }

.alignleft {
  float: left;
  margin: 0.5em 3em 0.5em 0; }

.alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em; }

.block-product {
  position: relative;
  padding-top: 6rem; }

  @media (max-width: 767px) {
    .block-product {
      padding-top: 10rem; } }
  .block-product--wrapper .container {
    position: relative; }
  .block-product--wrapper.product--cassonade {
    background: url("images/products/cassonade/bg.png") top center repeat; }
    .block-product--wrapper.product--cassonade .block-product--navigation .custom-nav.custom-next .icon,
 .block-product--wrapper.product--cassonade .block-product--navigation .custom-nav.custom-prev .icon {
      background: #fff;
      border-radius: 50%;
      width: 8rem;
      height: 8rem; }
      .block-product--wrapper.product--cassonade .block-product--navigation .custom-nav.custom-next .icon::before,
 .block-product--wrapper.product--cassonade .block-product--navigation .custom-nav.custom-prev .icon::before {
        border-color: #722b0b; }

      @media (max-width: 800px) {
        .block-product--wrapper.product--cassonade .block-product--navigation .custom-nav.custom-next .icon,
 .block-product--wrapper.product--cassonade .block-product--navigation .custom-nav.custom-prev .icon {
          width: 4.5rem;
          height: 4.5rem;
          margin: 0 auto; } }
    .block-product--wrapper.product--cassonade .block-product--navigation .custom-nav.custom-next .text,
 .block-product--wrapper.product--cassonade .block-product--navigation .custom-nav.custom-prev .text {
      color: #722b0b; }

    @media (max-width: 800px) {
      .block-product--wrapper.product--cassonade .block-product--navigation .custom-nav.custom-prev .icon::before {
        transform: translate(-85%, -50%) rotate(-45deg); } }

    @media (max-width: 800px) {
      .block-product--wrapper.product--cassonade .block-product--navigation .custom-nav.custom-next .icon::before {
        transform: translate(85%, -50%) rotate(-45deg); } }
    .block-product--wrapper.product--cassonade .block-product--carousel .owl-stage-outer {
      border-color: #722b0b; }
    .block-product--wrapper.product--cassonade .block-product--carousel .owl-dot.active span {
      background: #722b0b; }
    .block-product--wrapper.product--cassonade .block-product--carousel .owl-dot span {
      border-color: #722b0b; }
    .block-product--wrapper.product--cassonade .block-product--slide .title,
 .block-product--wrapper.product--cassonade .block-product--slide .descr {
      color: #722b0b; }
      .block-product--wrapper.product--cassonade .block-product--slide .title::after,
 .block-product--wrapper.product--cassonade .block-product--slide .descr::after {
        background: #722b0b; }

    @media (max-width: 767px) {
      .block-product--wrapper.product--cassonade .block-product--slide .btn-wrapper {
        border-color: #722b0b; } }

    @media (max-width: 767px) {
      .block-product--wrapper.product--cassonade .block-related h2 {
        margin-top: 3rem; } }
  .block-product--wrapper.product--sucreglasse {
    background: url("images/products/sucrelace/bg.png") top center repeat; }
    .block-product--wrapper.product--sucreglasse .block-product--slide .image {
      margin-right: 0; }
    .block-product--wrapper.product--sucreglasse .block-product--slide .decor_bottom {
      left: 0; }

    @media (max-width: 767px) {
      .block-product--wrapper.product--sucreglasse {
        padding-bottom: 3rem; } }

    @media (max-width: 767px) {
      .block-product--wrapper.product--sucreglasse::after {
        content: "";
        position: absolute;
        top: 16rem;
        left: -9rem;
        width: 16rem;
        height: 38rem;
        background: url("images/bg/whip.png") no-repeat;
        background-size: 100% auto; } }
  .block-product--wrapper.product--confit {
    background: url("images/products/confit/bg.png") top center repeat; }
    .block-product--wrapper.product--confit .block-product--slide {
      padding-bottom: 3rem; }
      .block-product--wrapper.product--confit .block-product--slide .image {
        margin-right: 0; }
      .block-product--wrapper.product--confit .block-product--slide .decor_bottom {
        left: 0; }
        .block-product--wrapper.product--confit .block-product--slide .decor_bottom img {
          max-width: 25rem; }

      @media (max-width: 767px) {
        .block-product--wrapper.product--confit .block-product--slide {
          padding-top: 0;
          padding-bottom: 0; }
          .block-product--wrapper.product--confit .block-product--slide .btn-wrapper {
            top: 40rem; } }
      .block-product--wrapper.product--confit .block-product--slide::before,
 .block-product--wrapper.product--confit .block-product--slide::after {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100% auto; }
      .block-product--wrapper.product--confit .block-product--slide::before {
        width: 20rem;
        height: 18.3rem;
        top: 4rem;
        left: 0;
        background-image: url("images/bg/apricot.png");
        z-index: -1; }

        @media (max-width: 1023px) {
          .block-product--wrapper.product--confit .block-product--slide::before {
            width: 15rem;
            height: 13rem; } }

        @media (max-width: 767px) {
          .block-product--wrapper.product--confit .block-product--slide::before {
            display: none; } }
      .block-product--wrapper.product--confit .block-product--slide::after {
        top: 0;
        right: 13rem;
        width: 15.2rem;
        height: 21.5rem;
        background-image: url("images/gamme/raspberries.png");
        transform: rotate(40deg); }

        @media (max-width: 1300px) {
          .block-product--wrapper.product--confit .block-product--slide::after {
            right: 4%; } }

        @media (max-width: 1023px) {
          .block-product--wrapper.product--confit .block-product--slide::after {
            width: 10.2rem;
            height: 16.5rem; } }

        @media (max-width: 767px) {
          .block-product--wrapper.product--confit .block-product--slide::after {
            display: none; } }

    @media (max-width: 767px) {
      .block-product--wrapper.product--confit .block-product--carousel .owl-dots {
        top: 51rem; } }

    @media (max-width: 767px) {
      .block-product--wrapper.product--confit .block-related h2 {
        margin-top: 3rem; } }

    @media (max-width: 767px) {
      .block-product--wrapper.product--confit::after {
        content: "";
        position: absolute;
        top: 25rem;
        left: -3.2rem;
        width: 12rem;
        height: 12rem;
        background: url("images/bg/apricot.png") no-repeat;
        background-size: 100% auto; } }
  .block-product--wrapper.no-related {
    padding-bottom: 3rem; }
  .block-product--wrapper.product--bio {
    background: url("images/bg/bg-bio.jpg") top center repeat;
    background-size: cover; }
  .block-product--wrapper.product--tutti-free {
    background: url("images/bg/bg-tutti.jpg") top center no-repeat;
    background-size: cover; }
  .block-product--wrapper.product--festifs {
    background: url("images/bg/bg-festif.jpg") top center repeat;
    background-size: cover; }
  .block-product .bg-left {
    position: absolute;
    top: -5rem;
    left: 0; }
    .block-product .bg-left .mobile {
      display: none; }

    @media (max-width: 767px) {
      .block-product .bg-left {
        top: 0; }
        .block-product .bg-left .desc {
          display: none; }
        .block-product .bg-left .mobile {
          display: block; } }
  .block-product .bg-right {
    top: -10rem;
    right: 0;
    position: absolute; }

    @media (max-width: 767px) {
      .block-product .bg-right {
        display: none; } }
  .block-product--carousel .owl-item img {
    width: auto; }
  .block-product--carousel .owl-stage-outer {
    border-bottom: 0.2rem solid #188045;
    padding-bottom: 2rem; }

  @media (max-width: 767px) {
    .block-product--carousel .btn-wrapper {
      display: none; }
    .block-product--carousel .owl-stage-outer {
      border-bottom: none; }
    .block-product--carousel .owl-dots {
      position: absolute;
      width: 100%;
      top: 46rem;
      left: 0; } }
  .block-product--slide {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    padding-left: 5rem;
    padding-right: 5rem;
    min-height: 55rem; }
    .block-product--slide .decor_bottom {
      position: absolute;
      bottom: 0;
      left: 5rem; }
    .block-product--slide .image {
      margin-right: 8.5rem !important;
      padding-bottom: 2rem;
      padding-top: 2rem; }

      @media (max-width: 767px) {
        .block-product--slide .image {
          padding-bottom: 0;
          padding-top: 0; } }
    .block-product--slide .text {
      max-width: 40rem;
      text-align: center; }
      .block-product--slide .text .icon {
        margin-top: 2rem; }
        .block-product--slide .text .icon img {
          margin-left: auto;
          margin-right: auto; }
    .block-product--slide .title {
      margin-top: 0;
      font-size: 2em;
      position: relative;
      font-weight: bold; }

      @media (max-width: 767px) {
        .block-product--slide .title {
          margin-bottom: 4rem; } }
      .block-product--slide .title::after {
        content: "";
        width: 5rem;
        height: 0.2rem;
        position: absolute;
        display: block;
        background: #188045;
        bottom: -1rem;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto; }
    .block-product--slide .subtitle {
      font-weight: 700;
      text-transform: uppercase; }
    .block-product--slide .btn span {
      margin-right: 1rem; }

    @media (max-width: 767px) {
      .block-product--slide .btn {
        margin-top: 4.5rem; } }
    .block-product--slide .btn-wrapper {
      margin-bottom: 1rem; }
    .block-product--slide .descr p {
      margin-bottom: 0.5rem; }
    .block-product--slide .descr em {
      font-weight: 300; }
    .block-product--slide .icon {
      margin-bottom: 4.5rem; }

    @media (max-width: 1366px) {
      .block-product--slide .decor_bottom {
        display: none; } }

    @media (max-width: 1100px) {
      .block-product--slide .image {
        margin-right: 2rem !important; } }

    @media (max-width: 767px) {
      .block-product--slide {
        display: block;
        position: relative;
        padding-top: 0; }
        .block-product--slide .image {
          position: relative;
          width: 100%;
          margin: 0 !important; }
          .block-product--slide .image img {
            max-height: 30rem;
            margin: 0 auto 4rem; }
        .block-product--slide .text {
          width: 100%;
          max-width: 100%; }
        .block-product--slide .descr {
          margin: 0 -5rem;
          display: flex;
          flex-flow: column;
          justify-content: center;
          flex-wrap: wrap;
          flex-direction: column; }
          .block-product--slide .descr p {
            order: 2;
            margin-top: 2rem; }
          .block-product--slide .descr .icon {
            order: 3; }
          .block-product--slide .descr .btn-wrapper {
            order: 1; }
            .block-product--slide .descr .btn-wrapper .btn {
              margin-top: 1.5rem;
              margin-bottom: 2rem; }
        .block-product--slide .btn-wrapper {
          width: 90%;
          max-width: 40rem;
          margin-left: auto;
          margin-right: auto;
          border-bottom: 0.2rem solid #00833e; }
        .block-product--slide .icon {
          margin-bottom: 0; } }
  .block-product--navigation .custom-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 123;
    cursor: pointer;
    width: 8rem;
    height: 8rem; }
    .block-product--navigation .custom-nav.inactive {
      cursor: auto;
      opacity: 0.5; }
    .block-product--navigation .custom-nav .text {
      color: #188045;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: 1.5rem; }
    .block-product--navigation .custom-nav .icon::before {
      content: "";
      position: absolute;
      width: 4.5rem;
      height: 4.5rem;
      top: 50%;
      display: block; }
    .block-product--navigation .custom-nav.custom-prev {
      left: -4rem; }
      .block-product--navigation .custom-nav.custom-prev .icon::before {
        right: 0;
        border-left: 0.5rem solid #188045;
        border-top: 0.5rem solid #188045;
        transform: translate(-20%, -50%) rotate(-45deg); }
    .block-product--navigation .custom-nav.custom-next {
      right: -4rem; }
      .block-product--navigation .custom-nav.custom-next .icon::before {
        left: 0;
        border-right: 0.5rem solid #188045;
        border-bottom: 0.5rem solid #188045;
        transform: translate(20%, -50%) rotate(-45deg); }

  @media (max-width: 1450px) {
    .block-product--navigation .custom-nav.custom-prev {
      left: 0; }
    .block-product--navigation .custom-nav.custom-next {
      right: 0; } }

  @media (max-width: 800px) {
    .block-product--navigation .custom-nav {
      height: 5rem; }
      .block-product--navigation .custom-nav .icon {
        width: 4.5rem;
        height: 4.5rem;
        margin: 0 auto;
        margin-top: -0.3rem; }
        .block-product--navigation .custom-nav .icon::before {
          width: 2.5rem;
          height: 2.5rem; } }

  @media (max-width: 767px) {
    .block-product--navigation {
      display: none; } }
  .block-product--navigation-mob {
    display: none; }

    @media (max-width: 767px) {
      .block-product--navigation-mob {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -5rem;
        right: -5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 2rem; }
        .block-product--navigation-mob .custom-nav {
          position: static; } }

.block-fixed {
  position: fixed;
  background: white;
  border-top: 0.2rem solid #00833e;
  width: 100%;
  left: 0;
  padding: 1.6rem;
  z-index: 999;
  bottom: 0;
  text-align: center;
  display: none; }
  .block-fixed .icon-buy {
    margin-right: 1rem; }

  @media (max-width: 767px) {
    .block-fixed {
      display: block; } }

@media (max-width: 767px) {
  .single-product .site-footer {
    padding-bottom: 9.5rem; } }

.block-product--wrapper.product--cassonade .block-related h2 {
  color: #722b0b; }

.block-related h2 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 6rem; }

@media (max-width: 925px) {
  .block-related--wrapper {
    margin-left: -1.5rem;
    width: calc(100% + 3rem); } }

.block-related--wrapper .owl-nav > button {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5) !important;
  color: #00833e !important; }
  .block-related--wrapper .owl-nav > button span {
    font-size: 8rem;
    line-height: 5rem;
    text-align: center; }
  .block-related--wrapper .owl-nav > button:hover,
 .block-related--wrapper .owl-nav > button:focus {
    background-color: #fff !important; }

.block-related--wrapper .owl-nav .owl-prev {
  top: 10rem;
  position: absolute;
  left: 1.5rem; }

  @media (max-width: 767px) {
    .block-related--wrapper .owl-nav .owl-prev {
      top: 7rem; } }

.block-related--wrapper .owl-nav .owl-next {
  right: 1.5rem;
  top: 7rem;
  position: absolute; }

@media (max-width: 767px) {
  .block-related--wrapper .title,
 .block-related--wrapper .details {
    opacity: 0; }
  .block-related--wrapper .center .title,
 .block-related--wrapper .center .details {
    opacity: 1; } }

.block-related--wrapper.dash {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row; }

  @media (max-width: 1100px) {
    .block-related--wrapper.dash {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .block-related--wrapper.dash .block-related--item {
    position: relative;
    padding-bottom: 6rem;
    width: calc(33% - 2rem);
    margin-bottom: 6rem;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
    .block-related--wrapper.dash .block-related--item .image a {
      padding: 1rem;
      background: #fff; }

    @media (max-width: 1100px) {
      .block-related--wrapper.dash .block-related--item {
        width: calc(50% - 2rem); } }

    @media (max-width: 767px) {
      .block-related--wrapper.dash .block-related--item {
        width: 100%;
        margin-bottom: 3rem; }
        .block-related--wrapper.dash .block-related--item .title,
 .block-related--wrapper.dash .block-related--item .details {
          opacity: 1; }
        .block-related--wrapper.dash .block-related--item .title,
 .block-related--wrapper.dash .block-related--item .descr {
          padding: 0 2.5rem; }
        .block-related--wrapper.dash .block-related--item .title {
          font-size: 1.5rem; }
        .block-related--wrapper.dash .block-related--item .descr {
          font-size: 1.2rem; } }
  .block-related--wrapper.dash .title,
 .block-related--wrapper.dash .descr {
    padding: 0 3.5rem;
    text-align: left; }
  .block-related--wrapper.dash .title {
    margin-top: 0.5rem; }

    @media (max-width: 1300px) {
      .block-related--wrapper.dash .title {
        font-size: 2rem; } }
  .block-related--wrapper.dash .descr {
    font-size: 1.3rem; }
  .block-related--wrapper.dash .details {
    padding-bottom: 1.2rem;
    border-bottom: none;
    border-top: 0.2rem solid #00833e;
    position: absolute;
    right: 2.3rem;
    left: 2.3rem;
    bottom: 0;
    padding-top: 1.2rem; }

.block-related--item img {
  width: auto !important; }

.block-related--item .image a {
  display: block; }

.block-related--item .image img {
  width: 100% !important;
  height: 33rem;
  object-fit: cover; }

  @media (max-width: 1365px) {
    .block-related--item .image img {
      height: 25rem; } }

  @media (max-width: 767px) {
    .block-related--item .image img {
      height: 20rem; } }

.block-related--item .title {
  font-size: 2.4rem;
  font-weight: 700;
  margin-top: 3rem;
  text-align: center;
  text-transform: uppercase; }

  @media (max-width: 1023px) {
    .block-related--item .title {
      font-size: 2rem; } }

.block-related--btn {
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 6rem; }

.details {
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  padding-bottom: 2rem;
  border-bottom: 0.2rem solid #00833e; }

.timing,
.oven-timing {
  overflow: hidden;
  padding-right: 2rem;
  border-right: 0.2rem solid #00833e; }
  .timing img,
  .oven-timing img {
    float: left;
    margin-right: 0.5rem; }

.oven-timing {
  padding-left: 2rem; }

.diff {
  padding-left: 2rem; }
  .diff .icon-cook {
    float: left;
    margin-right: 0.2rem; }
  .diff span:last-child {
    padding-left: 0.5rem; }
  .diff span.op1 {
    opacity: 1; }
  .diff span.op0 {
    opacity: 0.5; }

.block-aide {
  position: relative;
  padding-top: 6rem; }
  .block-aide h1 {
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 4rem; }
    .block-aide h1::after {
      content: "";
      width: 5rem;
      height: 0.2rem;
      position: absolute;
      display: block;
      background: #188045;
      bottom: -2rem;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }

    @media (max-width: 400px) {
      .block-aide h1 {
        font-size: 2.1rem;
        margin-bottom: 2rem; }
        .block-aide h1::after {
          bottom: -1rem;
          width: 3rem; } }
  .block-aide .subtitle {
    margin-top: 0;
    text-align: center;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.2em; }

    @media (max-width: 767px) {
      .block-aide .subtitle {
        font-weight: 400;
        font-size: 1em; } }

    @media (max-width: 400px) {
      .block-aide .subtitle {
        font-weight: 400;
        padding: 0 2rem;
        font-size: 1.65rem;
        line-height: 1.3; } }
  .block-aide .accordion-container {
    position: relative;
    height: auto;
    margin: 0 auto; }
  .block-aide .set {
    position: relative;
    width: 100%;
    height: auto;
    border-bottom: 0.2rem solid #c7c7c7; }
    .block-aide .set:last-child {
      border-bottom: none; }
    .block-aide .set[open] .title .icon-plus::before {
      content: ""; }
    .block-aide .set > .title {
      display: block;
      padding: 1.5rem 1rem 1.5rem 4rem;
      text-decoration: none;
      color: #000;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      transition: all 0.2s linear;
      cursor: pointer; }

      @media (max-width: 767px) {
        .block-aide .set > .title {
          font-size: 1.4rem;
          line-height: 1.3; } }
  .block-aide .icon {
    color: #188045;
    font-size: 1.6rem;
    position: absolute;
    left: 1rem;
    top: 1.7rem; }
  .block-aide .btns {
    margin-top: 3rem; }
    .block-aide .btns a + a {
      margin-left: 2rem; }

    @media (max-width: 767px) {
      .block-aide .btns a {
        display: inline-block;
        margin-bottom: 1rem; }
        .block-aide .btns a + a {
          margin-left: 0; } }
  .block-aide .content {
    border-left: 0.5rem solid #188045;
    margin-left: 8.5rem;
    padding-left: 2rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    overflow: hidden; }

    @media (max-width: 767px) {
      .block-aide .content {
        margin-left: 4rem;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        padding-left: 1rem; } }
    .block-aide .content p a {
      color: #001489; }
  .block-aide .btn-svg {
    position: relative; }
  .block-aide--tab_item h2 {
    text-align: center;
    position: relative;
    margin-bottom: 6rem;
    margin-top: 6rem; }
    .block-aide--tab_item h2::after {
      content: "";
      width: 5rem;
      height: 0.2rem;
      position: absolute;
      display: block;
      background: #188045;
      bottom: -2.5rem;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }

    @media (max-width: 767px) {
      .block-aide--tab_item h2 {
        margin-bottom: 1rem;
        margin-top: 2.4rem;
        font-size: 1.2em; }
        .block-aide--tab_item h2::after {
          width: 3rem;
          bottom: -1rem; } }
  .block-aide--tab_item:first-child h2 {
    margin-top: 4rem; }

    @media (max-width: 767px) {
      .block-aide--tab_item:first-child h2 {
        margin-top: 2.4rem; } }
  .block-aide--anchors {
    text-align: center;
    position: sticky;
    background-color: #fff;
    z-index: 140;
    max-width: 136.5rem;
    width: 100%;
    top: 13rem;
    padding: 60px 0 25px; }
    .block-aide--anchors a {
      margin: 0 3.5rem;
      text-decoration: underline;
      font-weight: 700; }
      .block-aide--anchors a:hover,
 .block-aide--anchors a:focus {
        text-decoration: none; }
      .block-aide--anchors a .active {
        display: block; }
      .block-aide--anchors a .block-aide--anchors a:not(.active) {
        display: none; }
    .block-aide--anchors > .sticky-arrow {
      display: none; }

    @media (min-width: 964px) {
      .block-aide--anchors > .anchor {
        display: inline-block !important; } }

    @media (max-width: 964px) {
      .block-aide--anchors {
        font-size: 1.95rem;
        padding: 20px 0;
        border: 0.2rem solid #00833e; }
        .block-aide--anchors a.active {
          display: block; }
        .block-aide--anchors a:not(.active) {
          display: none; }
        .block-aide--anchors > .sticky-arrow {
          display: block !important;
          color: green;
          position: absolute;
          bottom: 0.4rem;
          right: 0;
          top: 1rem;
          font-weight: normal;
          font-size: 2.4rem;
          line-height: 1;
          font-family: "slsicon";
          padding: 10px;
          margin-right: 10px;
          cursor: pointer; }
        .block-aide--anchors > .anchor:not(:first-child) {
          display: none; } }

    @media (max-width: 767px) {
      .block-aide--anchors {
        top: 11rem;
        font-size: 1.95rem; } }

    @media (max-width: 400px) {
      .block-aide--anchors {
        margin-top: 1.6rem; }
        .block-aide--anchors a:not(:first-child) {
          margin: 0 auto 1.7rem; }
        .block-aide--anchors a:nth-child(2) {
          margin-top: 1.7rem; } }
  .block-aide--wrapper {
    padding-left: 10rem;
    padding-right: 10rem;
    padding-bottom: 6rem;
    overflow: hidden;
    margin-top: 3rem;
    margin-right: auto;
    margin-left: auto;
    background: #eff6f2; }

    @media (max-width: 767px) {
      .block-aide--wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-right: -1.5rem;
        margin-left: -1.5rem; } }
  .block-aide--green {
    margin-top: 3.5rem;
    margin-bottom: 4rem;
    color: #fff;
    background: #188045;
    text-align: center;
    padding: 3rem 2rem; }
    .block-aide--green .btn {
      margin-top: 4rem; }
    .block-aide--green .title {
      font-size: 3rem; }

      @media (max-width: 767px) {
        .block-aide--green .title {
          font-size: 2rem; } }

.block-actu-top {
  margin-bottom: 3.5rem;
  padding: 5rem 0; }

  @media (max-width: 767px) {
    .block-actu-top {
      margin-bottom: 2.5rem;
      padding-bottom: 0; } }
  .block-actu-top .container {
    display: flex;
    align-items: center !important; }
  .block-actu-top .text-container {
    flex: 0 0 40%;
    padding: 0 3rem 0 0; }

    @media (max-width: 1365px) {
      .block-actu-top .text-container {
        flex: 0 0 50%; } }

    @media (max-width: 767px) {
      .block-actu-top .text-container {
        flex: 0 0 100%;
        padding: 3rem 0 0; } }
  .block-actu-top picture {
    flex: 0 0 60%; }

    @media (max-width: 1365px) {
      .block-actu-top picture {
        flex: 0 0 50%; } }

  @media (max-width: 1365px) and (max-width: 767px) {
    .block-actu-top picture {
      display: none; } }

  @media (max-width: 767px) {
    .block-actu-top .tag {
      width: 15rem; } }
  .block-actu-top h1 {
    margin: 2.2rem 0 0;
    font-size: 4rem;
    line-height: 1.2; }

    @media (max-width: 767px) {
      .block-actu-top h1 {
        font-size: 2.4rem; } }

.actualites-list-top {
  margin-bottom: 4rem;
  padding-top: 2.4rem; }
  .actualites-list-top .title-border,
 .actualites-list-top .block-nouveaute h2,
 .block-nouveaute .actualites-list-top h2,
 .actualites-list-top .block-edito h2,
 .block-edito .actualites-list-top h2 {
    margin-bottom: 1.5rem;
    font-size: 4rem;
    text-align: left; }

    @media (max-width: 767px) {
      .actualites-list-top .title-border,
 .actualites-list-top .block-nouveaute h2,
 .block-nouveaute .actualites-list-top h2,
 .actualites-list-top .block-edito h2,
 .block-edito .actualites-list-top h2 {
        margin-top: 6rem;
        margin-bottom: 1.2rem;
        font-size: 2.4rem; } }
    .actualites-list-top .title-border::after,
 .actualites-list-top .block-nouveaute h2::after,
 .block-nouveaute .actualites-list-top h2::after,
 .actualites-list-top .block-edito h2::after,
 .block-edito .actualites-list-top h2::after {
      margin: 1.5rem 0 0 0; }

      @media (max-width: 767px) {
        .actualites-list-top .title-border::after,
 .actualites-list-top .block-nouveaute h2::after,
 .block-nouveaute .actualites-list-top h2::after,
 .actualites-list-top .block-edito h2::after,
 .block-edito .actualites-list-top h2::after {
          margin-top: 0.7rem; } }
  .actualites-list-top p {
    font-weight: 300;
    font-size: 4rem; }

    @media (max-width: 767px) {
      .actualites-list-top p {
        font-size: 2.2rem; } }
  .actualites-list-top .block-actu-top {
    margin: 1rem 0 0;
    padding-top: 3rem; }

    @media (max-width: 767px) {
      .actualites-list-top .block-actu-top {
        position: relative;
        margin: 1rem -1.5rem 0;
        padding: 5.5rem 0 3rem; } }
    .actualites-list-top .block-actu-top .container {
      align-items: flex-start;
      padding: 0 11.5rem; }

      @media (max-width: 767px) {
        .actualites-list-top .block-actu-top .container {
          flex-direction: column;
          padding: 0 1.5rem; } }

    @media (max-width: 767px) {
      .actualites-list-top .block-actu-top .text-container {
        display: flex;
        flex-direction: column-reverse;
        flex: auto;
        padding-top: 0;
        order: 2; } }

    @media (max-width: 767px) {
      .actualites-list-top .block-actu-top h1 {
        margin-top: 4rem;
        font-size: 1.5rem;
        text-transform: uppercase; }
        .actualites-list-top .block-actu-top h1::after {
          content: "";
          display: block;
          width: 6rem;
          height: 0.2rem;
          background: #00833e;
          margin-top: 1rem; } }

    @media (max-width: 767px) {
      .actualites-list-top .block-actu-top picture {
        display: block;
        order: 1;
        flex: auto; }
        .actualites-list-top .block-actu-top picture img {
          margin: 0 auto 1rem; } }

    @media (max-width: 767px) {
      .actualites-list-top .block-actu-top .tag {
        width: 13.3rem;
        position: absolute;
        top: 1rem;
        left: 1.5rem; } }
    .actualites-list-top .block-actu-top .btn {
      margin-top: 3rem; }

      @media (min-width: 768px) {
        .actualites-list-top .block-actu-top .btn {
          padding: 1.7rem 2rem 1rem; } }

      @media (max-width: 767px) {
        .actualites-list-top .block-actu-top .btn {
          align-self: center;
          margin-top: 1rem; } }

.actualites-list {
  margin-bottom: 4rem; }
  .tab .actualites-list {
    margin: 0; }
  .actualites-list-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.3rem; }

.actualites-item {
  position: relative;
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  margin-bottom: 4rem;
  padding: 0 1.3rem;
  text-align: center; }

  @media (max-width: 767px) {
    .actualites-item {
      flex: 0 0 100%;
      max-width: 100%; } }

  @media (max-width: 767px) {
    .actualites-item__header {
      position: relative; } }
  .actualites-item picture {
    margin-bottom: 1.3rem; }
    .actualites-item picture img {
      width: 100%;
      height: 42.5rem;
      object-fit: contain;
      object-position: bottom; }

      @media (max-width: 1365px) {
        .actualites-item picture img {
          height: 31.5vw; } }
  .actualites-item h2 {
    font-size: 1.9rem;
    line-height: 1.25;
    text-transform: uppercase;
    transition-duration: 0.5s; }

    @media (max-width: 767px) {
      .actualites-item h2 {
        font-size: 1.5rem;
        text-align: left; }
        .actualites-item h2::after {
          content: "";
          display: block;
          width: 6rem;
          height: 0.2rem;
          background: #00833e;
          margin-top: 1rem; } }
  .actualites-item .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.5rem;
    left: 1.5rem;
    opacity: 0; }

    @media (max-width: 767px) {
      .actualites-item .btn {
        top: auto;
        right: auto;
        left: 50%;
        bottom: 3rem;
        transform: translateX(-50%);
        opacity: 1;
        white-space: nowrap; } }

  @media (min-width: 768px) {
    .actualites-item:hover h2 {
      color: #005026; } }

.block-form {
  padding-top: 6rem; }
  .block-form h1 {
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 4rem; }
    .block-form h1::after {
      content: "";
      width: 5rem;
      height: 0.2rem;
      position: absolute;
      display: block;
      background: #188045;
      bottom: -2rem;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }

    @media (max-width: 767px) {
      .block-form h1 {
        margin-top: 4rem; } }
  .block-form .subtitle {
    margin-top: 0;
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
    max-width: 111rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2em; }

    @media (max-width: 767px) {
      .block-form .subtitle {
        font-size: 1em; } }
  .block-form .subtitleSmall {
    font-size: 1.9rem;
    text-align: center;
    width: 100%; }
  .block-form--columns {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    background: #f4f9f6;
    max-width: 111rem;
    padding: 9rem 0;
    margin: 6rem auto 10rem; }

    @media (max-width: 767px) {
      .block-form--columns {
        width: calc(100% + 3rem);
        margin-left: -1.5rem;
        padding: 4rem 0;
        margin-top: 2rem;
        margin-bottom: 4rem; } }
    .modal .block-form--columns {
      padding: 0; }

      @media (min-width: 768px) {
        .modal .block-form--columns {
          margin: 10.7rem auto 8rem; } }
    .block-form--columns.nobg {
      background: transparent;
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 6rem; }
    .block-form--columns--change-pass {
      padding: 0 17rem; }

      @media (max-width: 767px) {
        .block-form--columns--change-pass {
          padding: 0; } }
  .block-form--login {
    text-align: center;
    margin-bottom: 4.5rem; }
    .block-form--login.full {
      width: 100%; }
    .block-form--login a {
      display: inline-block;
      vertical-align: top; }
      .block-form--login a + a {
        margin-left: 1.5rem; }

        @media (max-width: 767px) {
          .block-form--login a + a {
            margin-left: 0.6rem; } }
      .block-form--login a.wp_google_login__button {
        display: inline-flex;
        align-items: center;
        padding: 0.4rem 1.2rem 0;
        min-width: 28.3rem;
        height: 4rem;
        border-radius: 0.3rem;
        background: #ec5548;
        color: #fff;
        font-weight: bold;
        font-size: 1.6rem;
        text-decoration: none;
        font-family: Helvetica, Arial, sans-serif;
        letter-spacing: 0.25px;
        line-height: 1.1;
        text-align: left; }
        .block-form--login a.wp_google_login__button span {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 2.4rem;
          height: 2.4rem;
          margin: -0.4rem 0.8rem 0 0;
          border-radius: 50%;
          background: #fff;
          color: #ec5548; }

    @media (max-width: 767px) {
      .block-form--login {
        margin-bottom: 3rem; }
        .block-form--login img {
          height: 3rem; } }
  .block-form--columnForm {
    width: 57%;
    padding: 0 6.5rem;
    /* Firefox 19+ */
    /* Firefox 18- */ }
    .block-form--columnForm .form-control {
      height: 4.8rem;
      line-height: 4.4rem;
      margin-bottom: 2rem;
      background: transparent; }
      .modal .block-form--columnForm .form-control {
        height: 4rem; }

      @media (max-width: 767px) {
        .block-form--columnForm .form-control {
          height: 3.5rem;
          line-height: 3.1rem;
          margin-bottom: 1.7rem;
          font-size: 1.5rem; } }
    .block-form--columnForm .block-form--item.btn-wrapper {
      text-align: center; }
    .block-form--columnForm .block-form--item .btn {
      margin-top: 0.5rem; }

      @media (max-width: 767px) {
        .block-form--columnForm .block-form--item .btn {
          margin-top: 1rem; } }
    .block-form--columnForm ::-webkit-input-placeholder {
      color: #00833e;
      opacity: 1 !important; }
    .block-form--columnForm ::-moz-placeholder {
      color: #00833e;
      opacity: 1 !important; }
    .block-form--columnForm :-moz-placeholder {
      color: #00833e;
      opacity: 1 !important; }
    .block-form--columnForm :-ms-input-placeholder {
      color: #00833e;
      opacity: 1 !important; }

    @media (max-width: 1023px) {
      .block-form--columnForm {
        width: 50%;
        padding: 0 2rem; } }

    @media (max-width: 767px) {
      .block-form--columnForm {
        width: 100%; } }
    .block-form--columnForm.center {
      max-width: 61rem;
      margin-left: auto;
      margin-right: auto;
      padding: 0 2rem;
      position: relative;
      width: 100%; }
    .block-form--columnForm.full {
      max-width: 100%;
      padding: 0 2rem;
      position: relative;
      width: 100%; }
    .block-form--columnForm .button.wp-hide-pw {
      border: 1px solid green;
      background: 0 0;
      box-shadow: none;
      font-size: 14px;
      line-height: 2;
      width: 2.5rem;
      height: 2.5rem;
      min-width: 40px;
      min-height: 40px;
      margin: 0;
      padding: 5px 9px;
      position: relative;
      float: right;
      top: -64px;
      right: 4px; }

      @media (max-width: 767px) {
        .block-form--columnForm .button.wp-hide-pw {
          min-width: 35px;
          min-height: 29px;
          top: -49px; } }
    .block-form--columnForm .dashicons-hidden::before {
      content: "\f530"; }
    .block-form--columnForm .wp-cancel-pw > .dashicons,
 .block-form--columnForm .wp-hide-pw > .dashicons {
      content: "\f530";
      font-size: 20px;
      color: green; }

      @media (max-width: 767px) {
        .block-form--columnForm .wp-cancel-pw > .dashicons,
 .block-form--columnForm .wp-hide-pw > .dashicons {
          font-size: 15px; } }
    .block-form--columnForm .dashicons,
 .block-form--columnForm .dashicons-before::before {
      content: "\f530";
      font-family: dashicons;
      line-height: 1.2;
      font-weight: 400;
      font-style: normal;
      text-transform: none;
      text-rendering: auto;
      font-size: 20px;
      text-align: center; }
  .block-form--forgot {
    margin-top: 1.5rem;
    text-align: center; }
    .block-form--forgot a {
      padding-bottom: 0.3rem;
      border-bottom: 0.1rem solid;
      transition-duration: 0.3s;
      text-decoration: none; }
      .block-form--forgot a:hover {
        border-bottom-color: transparent; }
  .block-form--columnInfo {
    width: calc(43% - 4rem);
    background: url("images/gamme/gammes_odd_text.jpg") top center no-repeat;
    background-size: cover;
    color: #fff;
    padding: 8rem;
    text-align: center; }
    .block-form--columnInfo p {
      font-size: 3.5rem;
      line-height: 1.1;
      margin-bottom: 2rem; }

    @media (max-width: 1023px) {
      .block-form--columnInfo {
        width: calc(50% - 2rem); } }

    @media (max-width: 767px) {
      .block-form--columnInfo {
        width: calc(100% - 6rem);
        padding: 5rem 3rem;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4rem; }
        .block-form--columnInfo p {
          font-size: 2.5rem; } }
  .block-form .password-strength {
    position: absolute;
    left: 100%;
    width: 160px;
    top: 0; }
    .block-form .password-strength p {
      margin-bottom: 0; }

    @media (max-width: 767px) {
      .block-form .password-strength {
        position: relative;
        left: 0;
        top: 0;
        margin: 2rem auto 0;
        text-align: center; } }
  .block-form .strength-wrapper {
    border: 0.1rem solid #00833e;
    width: 138px;
    height: 14px;
    display: block;
    position: relative; }

    @media (max-width: 767px) {
      .block-form .strength-wrapper {
        margin: 0 auto; } }
  .block-form .strength {
    height: calc(100% + 1px);
    width: 0;
    top: 0;
    position: absolute;
    left: -1px;
    background: #00833e;
    overflow: hidden;
    transition: width 0.3s; }
  .block-form option.hidden,
  .block-form li.hidden {
    display: none; }
  .block-form--row {
    display: flex;
    flex-flow: row wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row; }
    .block-form--row > div {
      width: 100%; }
    .block-form--row p {
      margin-top: 1rem;
      margin-bottom: 1rem; }
    .block-form--row .w100 {
      width: 100%; }
    .block-form--row .w150 {
      max-width: 16rem; }
      .block-form--row .w150 + div {
        margin-left: 2.5rem; }

      @media (max-width: 767px) {
        .block-form--row .w150 {
          max-width: 100%;
          width: 100%; }
          .block-form--row .w150 + div {
            margin-left: 0; } }
    .block-form--row .w160 {
      max-width: 16rem; }
      .block-form--row .w160 + div {
        margin-left: 1.5rem; }

      @media (max-width: 767px) {
        .block-form--row .w160 {
          max-width: 9rem;
          width: 100%; }
          .block-form--row .w160 .selectric .label {
            height: 3.5rem;
            line-height: 3.5rem;
            margin-right: 3rem;
            margin-left: 1.1rem;
            font-size: 1.5rem; }
          .block-form--row .w160 .selectric .button {
            height: 3.5rem;
            width: 3.5rem; }
          .block-form--row .w160 + div {
            margin-left: 0.5rem; } }
    .block-form--row .w300 {
      max-width: 30rem; }

      @media (max-width: 767px) {
        .block-form--row .w300 {
          max-width: 100%;
          width: 100%; }
          .block-form--row .w300 + div {
            margin-left: 0; } }
    .block-form--row .w375 {
      max-width: 37.5rem; }
      .block-form--row .w375 + div {
        margin-left: 2.5rem; }

      @media (max-width: 767px) {
        .block-form--row .w375 {
          max-width: 100%;
          width: 100%; }
          .block-form--row .w375 + div {
            margin-left: 0; } }
    .block-form--row .w640 {
      max-width: 64rem; }

      @media (max-width: 767px) {
        .block-form--row .w640 {
          max-width: 100%;
          width: 100%; } }
  .block-form .w100rem {
    font-size: 1.5rem;
    margin-bottom: 0;
    margin-top: 4rem;
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .block-form .w100rem a {
      text-decoration: underline; }
      .block-form .w100rem a:hover {
        text-decoration: none; }
    .block-form .w100rem.bigger {
      font-size: 1.9rem; }
    .block-form .w100rem + .w100rem {
      margin-top: 2rem; }
  .block-form--full {
    margin-bottom: 0; }
  .block-form .checkboxWrapper {
    overflow: hidden;
    margin-bottom: 2rem;
    margin-top: 6rem;
    display: block; }
    .block-form .checkboxWrapper + .btn-wrapper {
      margin-top: 4rem; }
    .block-form .checkboxWrapper label {
      display: block;
      cursor: pointer;
      width: 100%; }
      .block-form .checkboxWrapper label + label {
        margin-top: 2rem; }
      .block-form .checkboxWrapper label input {
        display: none; }
        .block-form .checkboxWrapper label input:checked + .indicator::after {
          opacity: 1; }
      .block-form .checkboxWrapper label .indicator {
        display: block;
        position: relative;
        padding-left: 4rem;
        line-height: 2.65rem; }
        .block-form .checkboxWrapper label .indicator::before {
          border: 0.2rem solid #00833e;
          color: #00833e;
          line-height: 2.6rem;
          width: 2.6rem;
          height: 2.6rem;
          top: 0;
          display: block;
          position: absolute;
          content: "";
          left: 0; }
        .block-form .checkboxWrapper label .indicator::after {
          top: 0.35rem;
          display: block;
          position: absolute;
          background: #00833e;
          width: 1.9rem;
          height: 1.9rem;
          opacity: 0;
          content: "";
          left: 0.35rem;
          transition-duration: 0.3s; }
  .block-form .selectWrapper + .btn-wrapper {
    margin-top: 4rem; }

  @media (max-width: 767px) {
    .block-form .selectWrapper {
      margin-bottom: 2rem; } }
  .block-form .lined-text {
    margin-bottom: 4rem;
    text-align: center;
    position: relative;
    display: block;
    width: 100%; }
    .block-form .lined-text::after {
      height: 0.2rem;
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0;
      margin-top: auto;
      margin-bottom: auto;
      position: absolute;
      content: "";
      display: block;
      background: #00833e; }
    .block-form .lined-text--inner {
      color: #00833e;
      text-align: center;
      background: #fff;
      padding: 0 1rem;
      position: relative;
      z-index: 1;
      display: inline-block; }
  .block-form .radioLabel {
    overflow: hidden;
    margin-bottom: 2rem; }
    .block-form .radioLabel label {
      cursor: pointer;
      float: left; }
      .block-form .radioLabel label input {
        display: none; }
        .block-form .radioLabel label input:checked + .indicator {
          background: #00833e;
          color: #fff; }
      .block-form .radioLabel label .indicator {
        border: 0.2rem solid #00833e;
        color: #00833e;
        line-height: 4.4rem;
        width: 7.2rem;
        height: 4.4rem;
        text-align: center;
        font-weight: 600;
        display: block; }

        @media (max-width: 767px) {
          .block-form .radioLabel label .indicator {
            height: 3.5rem;
            line-height: 3.5rem; } }

.no-results-text {
  width: 100%;
  text-align: center;
  font-size: 2.4rem; }

.block-recettes-top {
  margin-bottom: 4.7rem;
  padding-top: 7.7rem;
  text-align: center; }

  @media (max-width: 767px) {
    .block-recettes-top {
      padding-top: 8.8rem;
      margin-bottom: 2rem; } }
  .block-recettes-top .block-recettes-top {
    padding: 0; }
    .block-recettes-top .block-recettes-top .container {
      padding: 0; }
  .block-recettes-top--search {
    padding-top: 10rem; }
  .block-recettes-top h1 {
    margin: 0 0 2rem;
    font-size: 4rem; }

    @media (max-width: 767px) {
      .block-recettes-top h1 {
        margin-bottom: 1.3rem;
        font-size: 2.1rem; } }
  .block-recettes-top p {
    max-width: 104rem;
    margin-right: auto;
    margin-left: auto;
    line-height: 1.65; }

    @media (max-width: 767px) {
      .block-recettes-top p {
        font-size: 1.6rem;
        line-height: 1.25; } }
  .block-recettes-top a {
    text-decoration: underline; }
    .block-recettes-top a:hover {
      text-decoration: none; }

.block-recettes__filters {
  margin-bottom: 3.6rem;
  padding: 2.2rem 1.5rem;
  border: 0.1rem solid #00833e;
  /* Firefox 19+ */
  /* Firefox 18- */ }

  @media (max-width: 767px) {
    .block-recettes__filters {
      margin-bottom: 0.5rem;
      padding: 0;
      border: 0; } }
  .block-recettes__filters__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 118rem;
    margin: 0 auto; }

    @media (max-width: 1023px) {
      .block-recettes__filters__inner {
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start; } }
  .block-recettes__filters .form-group {
    display: flex;
    align-items: center;
    margin: 0 2rem; }

    @media (max-width: 1365px) {
      .block-recettes__filters .form-group {
        margin: 0 1rem; } }

    @media (max-width: 767px) {
      .block-recettes__filters .form-group:nth-child(2),
 .block-recettes__filters .form-group:nth-child(3) {
        flex-direction: column; } }

    @media (max-width: 767px) {
      .block-recettes__filters .form-group:nth-child(2) {
        position: relative; } }

    @media (max-width: 374px) {
      .block-recettes__filters .form-group:nth-child(2) {
        margin-right: 0.5rem; } }

    @media (max-width: 767px) {
      .block-recettes__filters .form-group:nth-child(2)::after {
        content: "";
        position: absolute;
        top: -0.6rem;
        right: -2.1rem;
        width: 0.1rem;
        height: 2.7rem;
        background: #00833e; } }

    @media (max-width: 374px) {
      .block-recettes__filters .form-group:nth-child(2)::after {
        height: 2.3rem;
        right: -0.5rem; } }

    @media (max-width: 767px) {
      .block-recettes__filters .form-group:nth-child(3) {
        margin: 0 0 2rem 2.2rem; } }

    @media (max-width: 374px) {
      .block-recettes__filters .form-group:nth-child(3) {
        margin-left: 0.5rem; } }
    .block-recettes__filters .form-group:only-child {
      width: 100%; }
      .block-recettes__filters .form-group:only-child .form-control {
        width: 100%;
        max-width: 102.8rem; }

        @media (min-width: 1365px) {
          .block-recettes__filters .form-group:only-child .form-control {
            margin-left: 7rem; } }
  .block-recettes__filters .global-search .form-group,
  .block-recettes__filters .form-group:first-child {
    position: relative; }

    @media (max-width: 1023px) {
      .block-recettes__filters .global-search .form-group,
      .block-recettes__filters .form-group:first-child {
        flex: 0 0 100%;
        justify-content: center;
        margin-bottom: 3.5rem; } }

    @media (max-width: 767px) {
      .block-recettes__filters .global-search .form-group,
      .block-recettes__filters .form-group:first-child {
        margin: 0 0 1.3rem;
        padding: 0.7rem 1rem;
        border: 0.2rem solid #00833e;
        flex-direction: row; }
        .block-recettes__filters .global-search .form-group::after,
        .block-recettes__filters .form-group:first-child::after {
          content: none; } }
  .block-recettes__filters .global-search .form-group {
    justify-content: center; }
  .block-recettes__filters #videos-filter .form-group {
    width: 100%; }

    @media (max-width: 767px) {
      .block-recettes__filters #videos-filter .form-group {
        margin: 0 0 1.3rem;
        padding: 0.7rem 1rem;
        border: 0.2rem solid #00833e;
        flex-direction: row; } }
    .block-recettes__filters #videos-filter .form-group .form-control {
      width: 100%;
      max-width: 102.8rem; }

      @media (min-width: 1365px) {
        .block-recettes__filters #videos-filter .form-group .form-control {
          margin-left: 7rem; } }

      @media (max-width: 767px) {
        .block-recettes__filters #videos-filter .form-group .form-control {
          margin-right: 0.9rem;
          padding: 0;
          border-bottom: 0.1rem solid #00833e;
          font-weight: normal;
          width: 100%;
          height: 2rem;
          font-size: 1.5rem;
          letter-spacing: -0.02rem; } }
  .block-recettes__filters .form-control {
    width: 35.5rem;
    height: 3rem;
    margin-right: 0.9rem;
    padding: 0;
    border: 0;
    border-bottom: 0.1rem solid #00833e;
    font-weight: normal;
    font-size: 1.9rem; }

    @media (max-width: 1365px) {
      .block-recettes__filters .form-control {
        width: 32rem;
        font-size: 1.7rem; } }

    @media (max-width: 767px) {
      .block-recettes__filters .form-control {
        width: 100%;
        height: 2rem;
        border-width: 0.1rem;
        font-size: 1.5rem;
        letter-spacing: -0.02rem; } }
  .block-recettes__filters ::-webkit-input-placeholder {
    color: #00833e;
    opacity: 1 !important; }
  .block-recettes__filters ::-moz-placeholder {
    color: #00833e;
    opacity: 1 !important; }
  .block-recettes__filters :-moz-placeholder {
    color: #00833e;
    opacity: 1 !important; }
  .block-recettes__filters :-ms-input-placeholder {
    color: #00833e;
    opacity: 1 !important; }
  .block-recettes__filters .selectric-no-border {
    margin-top: -6px;
    margin-left: 10px; }
  .block-recettes__filters label {
    margin-right: 1rem;
    text-transform: uppercase;
    line-height: 1.1; }

    @media (max-width: 767px) {
      .block-recettes__filters label {
        margin: 0 0 1.3rem;
        font-size: 1.4rem;
        text-align: center; }
        .block-recettes__filters label span {
          display: none; } }

    @media (max-width: 374px) {
      .block-recettes__filters label {
        font-size: 1.3rem; } }
  .block-recettes__filters .selectric-items {
    min-width: 17.5rem; }

.block-recettes__list.slider-wraper {
  max-width: 136.5rem;
  margin-bottom: 4.2rem;
  padding: 0 1.5rem; }

  @media (max-width: 767px) {
    .block-recettes__list.slider-wraper {
      margin-bottom: 4.8rem;
      padding: 0; } }
  .block-recettes__list.slider-wraper .block-recettes__list__row {
    margin: 0; }

.block-recettes__list .title-border,
 .block-recettes__list .block-nouveaute h2,
 .block-nouveaute .block-recettes__list h2,
 .block-recettes__list .block-edito h2,
 .block-edito .block-recettes__list h2 {
  margin-bottom: 5.5rem;
  font-weight: normal;
  font-size: 4rem;
  text-align: center; }

  @media (max-width: 767px) {
    .block-recettes__list .title-border,
 .block-recettes__list .block-nouveaute h2,
 .block-nouveaute .block-recettes__list h2,
 .block-recettes__list .block-edito h2,
 .block-edito .block-recettes__list h2 {
      margin-bottom: 0.8rem;
      font-size: 2rem; } }

  @media (min-width: 768px) {
    .block-recettes__list .title-border::after,
 .block-recettes__list .block-nouveaute h2::after,
 .block-nouveaute .block-recettes__list h2::after,
 .block-recettes__list .block-edito h2::after,
 .block-edito .block-recettes__list h2::after {
      width: 13.2rem;
      margin-top: 3rem; } }

.block-recettes__list__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5rem; }

.block-recettes__list .pager {
  margin-top: 0; }

@media (min-width: 768px) {
  .block-recettes__list .owl-item {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 4rem; } }

@media (min-width: 1024px) {
  .block-recettes__list .owl-item {
    flex: 0 0 33.33%;
    max-width: 33.33%; } }

@media (min-width: 768px) {
  .block-recettes__list .owl-stage-outer {
    overflow: visible;
    margin: -1.5rem; }
  .block-recettes__list .owl-stage {
    display: flex;
    flex-wrap: wrap;
    width: auto !important; } }

@media (max-width: 767px) {
  .block-recettes__list .owl-nav.disabled,
  .block-recettes__list .owl-dots.disabled {
    display: flex;
    margin: 0; }
  .block-recettes__list .owl-nav button.owl-prev {
    margin-left: -15.9rem; }
  .block-recettes__list .owl-nav button.owl-next {
    margin-right: -15.9rem; } }

.recette-item {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  margin-bottom: 6rem;
  padding: 0 1.5rem; }

  @media (max-width: 1365px) {
    .recette-item {
      margin-bottom: 4rem; } }

  @media (max-width: 950px) {
    .recette-item {
      flex: 0 0 50%;
      max-width: 50%; } }

  @media (max-width: 767px) {
    .recette-item {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 3rem; } }
  .owl-carousel .recette-item {
    max-width: 100%; }

    @media (max-width: 767px) {
      .owl-carousel .recette-item {
        width: 26rem;
        margin: 0;
        padding: 1.5rem 0.5rem 2rem; } }
  .recette-item a {
    display: block;
    position: relative;
    padding: 1rem;
    text-decoration: none;
    box-shadow: 0.1rem 0.1rem 2rem -1.3rem rgba(0, 0, 0, 0.75); }

    @media (max-width: 767px) {
      .recette-item a {
        min-height: 0;
        padding: 0.8rem; } }
    .recette-item a:hover {
      box-shadow: 0.1rem 0.1rem 2rem -1.1rem rgba(0, 0, 0, 0.9); }
      .recette-item a:hover h2 {
        color: #005026; }
  .recette-item img {
    width: 100%;
    height: 31.4rem;
    object-fit: cover; }

    @media (max-width: 1365px) {
      .recette-item img {
        height: 22.5vw; } }

    @media (max-width: 767px) {
      .recette-item img {
        height: auto; } }

    @media (max-width: 767px) {
      .owl-carousel .recette-item img {
        height: 19rem; } }
  .recette-item__text {
    padding: 1.5rem 1.5rem 0; }

    @media (max-width: 767px) {
      .recette-item__text {
        padding-top: 1rem; } }
  .recette-item h2 {
    margin: 0 0 0.5rem;
    font-size: 2.5rem;
    text-transform: uppercase;
    transition-duration: 0.5s; }

    @media (max-width: 767px) {
      .recette-item h2 {
        margin: 0;
        font-size: 2rem; } }

    @media (max-width: 767px) {
      .owl-carousel .recette-item h2 {
        font-size: 1.5rem; } }
  .recette-item p {
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.2; }

    @media (max-width: 767px) {
      .owl-carousel .recette-item p {
        font-size: 1.3rem; } }
  .recette-item .details {
    margin: 1rem -1rem 0;
    padding: 1rem 0 0;
    border-top: 0.2rem solid #00833e;
    border-bottom: 0;
    font-size: 1.6rem; }

    @media (max-width: 767px) {
      .recette-item .details {
        margin: 1 -0.5rem 0;
        font-size: 1.5rem; } }

    @media (max-width: 767px) {
      .owl-carousel .recette-item .details {
        border-width: 0.1rem;
        font-size: 1.2rem; } }
  .recette-item .timing {
    display: flex;
    height: 2rem; }

    @media (max-width: 767px) {
      .recette-item .timing {
        height: 1.8rem; } }

    @media (max-width: 767px) {
      .owl-carousel .recette-item .timing {
        height: 1.5rem;
        border-width: 0.1rem; } }
  .recette-item .icon-time {
    margin-right: 0.5rem;
    font-size: 1.8rem; }

    @media (max-width: 767px) {
      .recette-item .icon-time {
        font-size: 1.7rem; } }

    @media (max-width: 767px) {
      .owl-carousel .recette-item .icon-time {
        font-size: 1.3rem; } }
  .recette-item .icon-cook {
    font-size: 1.9rem; }

    @media (max-width: 767px) {
      .recette-item .icon-cook {
        font-size: 1.8rem; } }

    @media (max-width: 767px) {
      .owl-carousel .recette-item .icon-cook {
        font-size: 1.3rem; } }

.logged-in .picture-wrapper {
  margin-top: 2.5rem; }

@media (max-width: 767px) {
  .recettes-categories .form-group label {
    font-size: 1.48rem; } }

.block-recettes .btn-wrapper {
  margin-top: 6rem;
  text-align: center; }

  @media (max-width: 767px) {
    .block-recettes .btn-wrapper {
      margin-top: 3rem; } }

.tabs-nav {
  max-width: 100%;
  margin-bottom: 3.2rem;
  padding: 0;
  font-size: 2.2rem;
  text-transform: uppercase; }

  @media (max-width: 767px) {
    .tabs-nav {
      margin-bottom: 1.5rem; } }
  .tabs-nav .owl-stage {
    display: flex;
    margin: 0 auto; }
  .tabs-nav ul {
    margin: 0;
    padding: 0;
    list-style: none; }

    @media (max-width: 1023px) {
      .tabs-nav ul {
        margin: 0; } }
  .tabs-nav a {
    display: block;
    padding-top: 0.3rem;
    border-bottom: 0.3rem solid transparent;
    text-decoration: none;
    white-space: nowrap; }

    @media (max-width: 1023px) {
      .tabs-nav a {
        font-size: 1.7rem; } }
    .tabs-nav a.active,
 .tabs-nav a:hover {
      border-color: #00833e; }
    .tabs-nav a.active {
      text-shadow: 1px 0 0; }
  .tabs-nav .owl-nav button.owl-prev,
  .tabs-nav .owl-nav button.owl-next {
    width: auto;
    height: auto;
    margin: -0.2rem 0 0;
    background: 0;
    top: 50%;
    transform: translateY(-50%); }
    .tabs-nav .owl-nav button.owl-prev span,
    .tabs-nav .owl-nav button.owl-next span {
      border-width: 0 0.2rem 0.2rem 0;
      padding: 0.8rem;
      margin-top: -0.1rem;
      display: block; }
    .tabs-nav .owl-nav button.owl-prev::before,
    .tabs-nav .owl-nav button.owl-next::before {
      content: "";
      position: absolute;
      top: 50%;
      right: -1.5rem;
      transform: translateY(-50%);
      width: 9.5rem;
      height: 3.6rem;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0, #fff 60%); }
  .tabs-nav .owl-nav button.owl-prev {
    left: 0; }
    .tabs-nav .owl-nav button.owl-prev span {
      border-width: 0.2rem 0 0 0.2rem; }
    .tabs-nav .owl-nav button.owl-prev::before {
      right: auto;
      left: -1.5rem;
      background: linear-gradient(90deg, #fff 0, transparent 100%); }
  .tabs-nav .owl-nav button.owl-next {
    right: 0; }

.tabs {
  padding-bottom: 5rem; }

.tab {
  display: none; }
  .tab.active {
    display: block; }

.block-actuces-videos {
  margin-top: 6rem;
  margin-bottom: 6.2rem;
  text-align: center; }

  @media (max-width: 767px) {
    .block-actuces-videos {
      margin-top: 5rem;
      margin-bottom: 3.2rem; } }
  .block-actuces-videos h2 {
    margin: 0;
    font-size: 3.5rem;
    text-transform: uppercase; }

    @media (max-width: 767px) {
      .block-actuces-videos h2 {
        margin-bottom: 0.5rem;
        font-size: 1.7rem; } }
    .block-actuces-videos h2 span {
      display: block;
      font-weight: normal;
      font-size: 2.9rem; }

      @media (max-width: 767px) {
        .block-actuces-videos h2 span {
          margin-top: 0.5rem;
          font-size: 1.4rem; } }

  @media (max-width: 767px) {
    .block-actuces-videos .slider-wraper {
      margin-right: -1.5rem;
      margin-left: -1.5rem; } }
  .block-actuces-videos .owl-nav button.owl-prev,
  .block-actuces-videos .owl-nav button.owl-next {
    margin-top: -4.4rem; }

    @media (max-width: 767px) {
      .block-actuces-videos .owl-nav button.owl-prev,
      .block-actuces-videos .owl-nav button.owl-next {
        margin-top: -2rem; } }

  @media (max-width: 767px) {
    .block-actuces-videos .owl-nav button.owl-prev {
      margin-left: -15.9rem; } }

  @media (max-width: 767px) {
    .block-actuces-videos .owl-nav button.owl-next {
      margin-right: -15.9rem; } }
  .block-actuces-videos .owl-dots {
    margin-top: 5.4rem; }

    @media (max-width: 767px) {
      .block-actuces-videos .owl-dots {
        margin: 0; } }
  .block-actuces-videos .btn {
    margin-top: 3.2rem; }

    @media (max-width: 767px) {
      .block-actuces-videos .btn {
        margin-top: 1.7rem; } }

.actuces-videos-item {
  padding: 2rem 2rem 0; }

  @media (max-width: 767px) {
    .actuces-videos-item {
      width: 26rem;
      padding: 1.5rem 0.5rem 2rem; } }
  .actuces-videos-item a {
    display: block;
    text-decoration: none;
    text-align: center; }
    .actuces-videos-item a:hover .video-play-wrap::after {
      opacity: 0.8; }
  .actuces-videos-item img {
    width: 100%;
    height: 40rem;
    object-fit: cover;
    box-shadow: 0.3rem 0.3rem 2.3rem -1rem rgba(0, 0, 0, 0.75); }

    @media (max-width: 1364px) {
      .actuces-videos-item img {
        height: 28vw; } }

    @media (max-width: 949px) {
      .actuces-videos-item img {
        height: 38.5rem; } }

    @media (max-width: 767px) {
      .actuces-videos-item img {
        height: 19.5rem; } }
  .actuces-videos-item h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 41rem;
    min-height: 8.8rem;
    margin: 0 auto;
    padding: 1.5rem;
    border-bottom: 0.2rem solid;
    font-size: 2.4rem;
    line-height: 1.2; }

    @media (max-width: 767px) {
      .actuces-videos-item h3 {
        display: none; } }

.video-play-wrap {
  position: relative; }
  .video-play-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("images/icon-play.svg") center no-repeat rgba(0, 0, 0, 0.6);
    background-size: 16rem 16rem;
    opacity: 0.7;
    transition-duration: 0.5s; }

    @media (max-width: 1364px) {
      .video-play-wrap::after {
        background-size: 14rem 14rem; } }

    @media (max-width: 949px) {
      .video-play-wrap::after {
        background-size: 16rem 16rem; } }

    @media (max-width: 767px) {
      .video-play-wrap::after {
        background-size: 8rem 8rem; } }

.block-bg-card {
  position: relative;
  margin-bottom: 5rem;
  padding: 2.8rem 0; }

  @media (max-width: 767px) {
    .block-bg-card {
      margin-bottom: 1.6rem;
      padding: 4rem 0; } }
  .block-bg-card .container {
    display: flex; }

    @media (max-width: 767px) {
      .block-bg-card .container {
        justify-content: center; } }
  .block-bg-card--text-right .container {
    justify-content: flex-end; }

    @media (max-width: 767px) {
      .block-bg-card--text-right .container {
        justify-content: center; } }
  .block-bg-card__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1; }
  .block-bg-card .text {
    width: 47.5rem;
    max-width: 100%;
    padding: 3rem 4.5rem 5rem;
    background: #fff;
    text-align: center; }

    @media (max-width: 767px) {
      .block-bg-card .text {
        width: 23rem;
        padding: 2rem 1rem 2.3rem; } }
  .block-bg-card .title-border,
 .block-bg-card .block-nouveaute h2,
 .block-nouveaute .block-bg-card h2,
 .block-bg-card .block-edito h2,
 .block-edito .block-bg-card h2 {
    margin-bottom: 3rem; }

    @media (max-width: 767px) {
      .block-bg-card .title-border,
 .block-bg-card .block-nouveaute h2,
 .block-nouveaute .block-bg-card h2,
 .block-bg-card .block-edito h2,
 .block-edito .block-bg-card h2 {
        margin: 0; } }
    .block-bg-card .title-border::after,
 .block-bg-card .block-nouveaute h2::after,
 .block-nouveaute .block-bg-card h2::after,
 .block-bg-card .block-edito h2::after,
 .block-edito .block-bg-card h2::after {
      margin-top: 2rem; }

      @media (max-width: 767px) {
        .block-bg-card .title-border::after,
 .block-bg-card .block-nouveaute h2::after,
 .block-nouveaute .block-bg-card h2::after,
 .block-bg-card .block-edito h2::after,
 .block-edito .block-bg-card h2::after {
          display: none; } }

  @media (max-width: 767px) {
    .block-bg-card p {
      display: none; } }
  .block-bg-card .btn {
    margin-top: 2.5rem; }

    @media (max-width: 767px) {
      .block-bg-card .btn {
        margin-top: 1rem;
        width: 100%;
        padding-right: 0;
        padding-left: 0; } }

@media (max-width: 1365px) {
  .detail-recette {
    padding-right: 14rem; } }

@media (max-width: 1023px) {
  .detail-recette {
    padding-right: 1.5rem; } }

@media (max-width: 767px) {
  .detail-recette + .block-actuces-videos {
    margin-top: 2.5rem; } }

.detail-recette__top {
  margin-bottom: 4.7rem;
  padding-top: 5.7rem; }

  @media (max-width: 767px) {
    .detail-recette__top {
      padding-top: 7.2rem;
      margin-bottom: 2.3rem; } }
  .detail-recette__top__pic {
    max-width: 37.2rem;
    margin: 0 auto 4.2rem; }
    .detail-recette__top__pic.page-title {
      margin: 7rem auto 4.2rem; }

    @media (max-width: 767px) {
      .detail-recette__top__pic {
        max-width: 17.7rem;
        margin-bottom: 1.6rem; } }

.detail-recette__detail {
  display: flex;
  align-items: center;
  padding: 1.8rem;
  box-shadow: 0.1rem 0.1rem 2rem -1.3rem rgba(0, 0, 0, 0.75); }

  @media (max-width: 1023px) {
    .detail-recette__detail {
      align-items: flex-start; } }

  @media (max-width: 767px) {
    .detail-recette__detail {
      display: block;
      padding: 0.8rem; } }
  .detail-recette__detail picture {
    flex: 0 0 48.2rem;
    margin-right: 5.5rem; }

    @media (max-width: 1023px) {
      .detail-recette__detail picture {
        flex: 0 0 40%;
        margin-right: 3rem; } }

    @media (max-width: 767px) {
      .detail-recette__detail picture {
        margin: 0 0 1.2rem; } }
  .detail-recette__detail img {
    width: 100%; }
  .detail-recette__detail__text {
    max-width: 58rem; }
  .detail-recette__detail h1 {
    margin: 0 0 2rem;
    font-size: 3.5rem;
    line-height: 1.2;
    text-transform: uppercase; }

    @media (max-width: 1023px) {
      .detail-recette__detail h1 {
        margin-bottom: 1rem;
        font-size: 3rem; } }

    @media (max-width: 767px) {
      .detail-recette__detail h1 {
        margin-bottom: 0.5rem;
        font-size: 1.8rem; } }
  .detail-recette__detail p {
    line-height: 1.3; }

    @media (max-width: 767px) {
      .detail-recette__detail p {
        font-weight: 300; } }
  .detail-recette__detail .details {
    align-items: center;
    margin-top: 2.3rem;
    padding-top: 1.8rem;
    border-top: 0.2rem solid #00833e;
    border-bottom: 0;
    font-size: 2.5rem;
    overflow: visible; }

    @media (max-width: 1110px) {
      .detail-recette__detail .details {
        font-size: 1.9rem; } }

    @media (max-width: 1023px) {
      .detail-recette__detail .details {
        font-size: 1.7rem; } }

    @media (max-width: 767px) {
      .detail-recette__detail .details {
        margin-top: 0.5rem;
        border-width: 0.1rem;
        font-size: 1.4rem; } }
    .detail-recette__detail .details div {
      display: flex;
      height: 2.8rem;
      align-items: center;
      overflow: visible; }

      @media (max-width: 767px) {
        .detail-recette__detail .details div {
          height: 1.6rem; } }

    @media (max-width: 767px) {
      .detail-recette__detail .details .timing {
        padding-right: 1rem; } }

    @media (max-width: 767px) {
      .detail-recette__detail .details .oven-timing {
        padding: 0 1rem; } }

    @media (max-width: 767px) {
      .detail-recette__detail .details .diff {
        padding-left: 1rem; } }
    .detail-recette__detail .details .icon-time {
      font-size: 2.9rem; }

      @media (max-width: 1023px) {
        .detail-recette__detail .details .icon-time {
          font-size: 2.3rem; } }

      @media (max-width: 767px) {
        .detail-recette__detail .details .icon-time {
          font-size: 1.6rem; } }
    .detail-recette__detail .details .icon-time,
    .detail-recette__detail .details .icon-oven {
      margin-right: 1.5rem; }

      @media (max-width: 767px) {
        .detail-recette__detail .details .icon-time,
        .detail-recette__detail .details .icon-oven {
          margin-right: 0.5rem; } }
    .detail-recette__detail .details [class^="icon"] {
      margin-top: -0.5rem; }

      @media (max-width: 767px) {
        .detail-recette__detail .details [class^="icon"] {
          margin-top: -0.3rem; } }

.detail-recette__ingredients,
.detail-recette__instructions {
  margin-bottom: 5rem;
  padding-bottom: 5rem;
  border-bottom: 0.2rem solid #00833e; }

  @media (max-width: 767px) {
    .detail-recette__ingredients,
    .detail-recette__instructions {
      margin-bottom: 2.2rem;
      padding-bottom: 1.1rem;
      border-width: 0.1rem; } }

.detail-recette__ingredients .title-count {
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 5.8rem;
  text-align: center; }

  @media (max-width: 767px) {
    .detail-recette__ingredients .title-count {
      margin-bottom: 2.8rem; } }
  .detail-recette__ingredients .title-count::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background: #00833e; }
  .detail-recette__ingredients .title-count__inner {
    display: flex;
    position: relative;
    z-index: 1;
    padding: 0.9rem 1.7rem 0.3rem;
    background: #00833e;
    color: #fff;
    font-size: 3rem;
    line-height: 1; }

    @media (max-width: 767px) {
      .detail-recette__ingredients .title-count__inner {
        padding: 0.5rem 0.5rem 0.1rem;
        font-size: 1.3rem; } }
    .detail-recette__ingredients .title-count__inner div {
      margin-top: -0.5rem; }
    .detail-recette__ingredients .title-count__inner .shape {
      position: absolute;
      top: 0;
      bottom: 0; }
      .detail-recette__ingredients .title-count__inner .shape-1 {
        left: -0.8rem; }
      .detail-recette__ingredients .title-count__inner .shape-2 {
        right: 0.8rem; }
      .detail-recette__ingredients .title-count__inner .shape::before,
 .detail-recette__ingredients .title-count__inner .shape::after {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid; }
      .detail-recette__ingredients .title-count__inner .shape::before {
        top: 0;
        border-width: 2.2rem 0.8rem 0 0.8rem;
        border-color: #00833e transparent transparent transparent; }
      .detail-recette__ingredients .title-count__inner .shape::after {
        bottom: 0;
        border-width: 0 0.8rem 2.2rem 0.8rem;
        border-color: transparent transparent #00833e transparent; }
  .detail-recette__ingredients .title-count .btn--no-bg {
    color: #fff; }

    @media (max-width: 767px) {
      .detail-recette__ingredients .title-count .btn--no-bg {
        font-size: 0.9rem; } }
  .detail-recette__ingredients .title-count .icon-minues-circle {
    margin-left: 1rem; }
  .detail-recette__ingredients .title-count .icon-plus-circle {
    margin-right: 1rem; }
  .detail-recette__ingredients .title-count__number {
    display: inline-block;
    width: 4rem;
    padding: 0;
    border: 0;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 3.7rem; }

    @media (max-width: 767px) {
      .detail-recette__ingredients .title-count__number {
        width: 1.8rem;
        font-size: 2rem;
        line-height: 1;
        transform: translateY(0.2rem); } }

.detail-recette__ingredients__details {
  display: flex; }

  @media (max-width: 1023px) {
    .detail-recette__ingredients__details {
      flex-direction: column-reverse;
      justify-content: flex-start; } }

  @media (max-width: 767px) {
    .detail-recette__ingredients__details {
      position: relative;
      padding-bottom: 5.8rem; } }

.detail-recette__ingredients__buy {
  flex: 0 0 38rem;
  align-self: flex-start;
  margin-right: 8.3rem;
  padding: 3.5rem 3rem;
  background: #e7f2ec;
  text-align: center; }

  @media (max-width: 1365px) {
    .detail-recette__ingredients__buy {
      margin-right: 5.3rem; } }

  @media (max-width: 1023px) {
    .detail-recette__ingredients__buy {
      flex: auto;
      margin: 4rem 0 0; } }

  @media (max-width: 767px) {
    .detail-recette__ingredients__buy {
      display: flex;
      align-items: center;
      width: 100%;
      margin: 0.8rem 0 0;
      padding: 1rem; } }
  .detail-recette__ingredients__buy img {
    max-width: 20rem;
    margin: 0 auto; }

    @media (max-width: 767px) {
      .detail-recette__ingredients__buy img {
        max-width: 7.5rem;
        margin: 0; } }

.detail-recette__ingredients .btn--md {
  position: relative;
  margin-top: 2.2rem;
  padding-left: 5.7rem;
  padding-right: 1.7rem; }

  @media (max-width: 767px) {
    .detail-recette__ingredients .btn--md {
      min-width: 0;
      margin: 0 0 0 2.6rem;
      padding: 0.7rem 0.8rem 0.3rem 2.4rem;
      font-size: 1rem; } }
  .detail-recette__ingredients .btn--md span {
    position: absolute;
    top: 0.7rem;
    left: 1rem;
    font-size: 2.7rem; }

    @media (max-width: 767px) {
      .detail-recette__ingredients .btn--md span {
        top: 0.3rem;
        left: 0.4rem;
        font-size: 1.2rem; } }

.detail-recette__ingredients .btn--newsletter {
  text-transform: uppercase;
  text-decoration: underline; }

.detail-recette__ingredients__list {
  flex: 0 0 calc(100% - 46.3rem); }

  @media (max-width: 1600px) {
    .detail-recette__ingredients__list {
      flex: 0 0 calc(100% - 56.3rem); } }

  @media (max-width: 1365px) {
    .detail-recette__ingredients__list {
      flex: 0 0 calc(100% - 43.3rem); } }
  .detail-recette__ingredients__list:only-child {
    flex: 0 0 100%; }
  .detail-recette__ingredients__list .list {
    display: flex;
    margin: 0 -1.5rem;
    font-size: 2.4rem;
    line-height: 1.2;
    flex-flow: row wrap;
    flex-wrap: wrap;
    flex-direction: row; }

    @media (max-width: 767px) {
      .detail-recette__ingredients__list .list {
        display: block;
        margin: 0;
        font-size: 1.3rem; } }
    .detail-recette__ingredients__list .list li {
      position: relative;
      margin-bottom: 0.7rem;
      padding-left: 1.1rem; }

      @media (max-width: 767px) {
        .detail-recette__ingredients__list .list li {
          margin-bottom: 0.2rem; } }
      .detail-recette__ingredients__list .list li::before {
        content: "-";
        position: absolute;
        top: 0;
        left: 0; }
    .detail-recette__ingredients__list .list a {
      font-weight: bold;
      text-decoration: underline; }
      .detail-recette__ingredients__list .list a:hover {
        text-decoration: none; }
  .detail-recette__ingredients__list .row {
    flex: 0 0 50%;
    padding: 0 1.5rem; }
    .detail-recette__ingredients__list .row:nth-child(n+3) {
      margin-top: 3rem; }

    @media (max-width: 767px) {
      .detail-recette__ingredients__list .row {
        padding: 0; }
        .detail-recette__ingredients__list .row:nth-child(n+3) {
          margin-top: 0; } }
  .detail-recette__ingredients__list .title {
    margin-bottom: 1.1rem;
    color: #70b540;
    font-size: 3rem; }

    @media (max-width: 767px) {
      .detail-recette__ingredients__list .title {
        margin: 0;
        font-size: 1.5rem; } }
  .detail-recette__ingredients__list .btn--md {
    padding: 1.7rem 1.7rem 1.1rem 5.5rem;
    font-size: 2rem; }

    @media (max-width: 767px) {
      .detail-recette__ingredients__list .btn--md {
        position: absolute;
        bottom: 0;
        margin: 0;
        padding: 1rem 1.5rem 0.7rem 4.2rem;
        font-size: 1.2rem; } }
    .detail-recette__ingredients__list .btn--md span {
      top: 1.4rem;
      font-size: 2rem; }

      @media (max-width: 767px) {
        .detail-recette__ingredients__list .btn--md span {
          top: 0.8rem;
          left: 1rem;
          font-size: 1.4rem; } }

.detail-recette__instructions .step {
  margin-bottom: 0.3rem;
  color: #000;
  font-weight: 300;
  font-size: 2rem; }

  @media (max-width: 767px) {
    .detail-recette__instructions .step {
      margin-bottom: 0.8rem;
      font-size: 1.2rem; } }
  .detail-recette__instructions .step strong {
    font-weight: normal;
    font-size: 2.7rem; }

    @media (max-width: 767px) {
      .detail-recette__instructions .step strong {
        font-size: 1.5rem; } }
  .detail-recette__instructions .step a {
    text-decoration: underline; }
    .detail-recette__instructions .step a:hover {
      text-decoration: none; }

.step-title {
  margin-bottom: 2.8rem;
  font-size: 3rem; }

  @media (max-width: 767px) {
    .step-title {
      margin-bottom: 2.5rem;
      font-size: 1.5rem; } }
  .step-title strong {
    text-transform: uppercase; }
  .step-title span {
    position: relative;
    display: inline-block; }
    .step-title span::after {
      content: "";
      position: absolute;
      bottom: -0.3rem;
      left: 0;
      width: 100%;
      height: 0.2rem;
      background: #00833e; }

      @media (max-width: 767px) {
        .step-title span::after {
          bottom: -0.2rem;
          width: 3rem;
          height: 0.1rem; } }

.step ~ .step-title {
  margin-top: 3.5rem; }

.blockquote-image {
  display: flex; }

  @media (max-width: 767px) {
    .blockquote-image picture {
      margin: 2rem 0 3.5rem; } }
  .blockquote-image .blockquote {
    margin: 7rem 3.5rem 3.5rem; }

    @media (max-width: 767px) {
      .blockquote-image .blockquote {
        margin: 2rem 0 3.5rem; } }

.blockquote {
  display: block;
  align-items: center;
  margin: 2rem 3.5rem 3.5rem; }
  .blockquote picture {
    flex: 0 0 20.2rem;
    padding-right: 1rem; }

    @media (max-width: 767px) {
      .blockquote picture {
        flex: 0 0 7.7rem;
        padding-right: 0.5rem; } }
  .blockquote .content {
    max-width: 130rem;
    color: #70b540;
    line-height: 1.25; }

    @media (max-width: 767px) {
      .blockquote .content {
        margin-left: 20px; } }
    .blockquote .content .title {
      margin-bottom: 1.8rem;
      font-size: 2.4rem; }

      @media (max-width: 767px) {
        .blockquote .content .title {
          font-size: 1.6rem; } }
    .blockquote .content .text {
      padding-right: 5rem;
      font-weight: 300;
      font-style: italic;
      font-size: 2.5rem; }

      @media (max-width: 767px) {
        .blockquote .content .text p {
          text-align: justify !important; } }
      .blockquote .content .text p::before {
        content: "";
        position: absolute;
        height: 23px;
        background-size: cover;
        background-image: url("images/quote-l.svg");
        width: 30px;
        margin-left: -37px;
        margin-top: -14px; }

        @media (max-width: 767px) {
          .blockquote .content .text p::before {
            width: 20px;
            height: 15px;
            margin-left: -20px; } }
      .blockquote .content .text p::after {
        content: "";
        position: absolute;
        height: 23px;
        background-size: cover;
        background-image: url(images/quote-r.svg);
        width: 30px;
        margin-top: 14px;
        margin-left: 9px; }

        @media (max-width: 767px) {
          .blockquote .content .text p::after {
            width: 20px;
            height: 15px; } }

      @media (max-width: 767px) {
        .blockquote .content .text {
          padding-right: 0;
          font-size: 2rem; } }

      @media (max-width: 767px) {
        .blockquote .content .text img {
          width: 2rem; } }
      .blockquote .content .text img:last-child {
        position: absolute;
        margin-top: 1.3rem;
        margin-left: 1.3rem; }
    .blockquote .content a {
      text-decoration: underline; }
      .blockquote .content a:hover {
        text-decoration: none; }

.send-by-email .row {
  display: flex;
  max-width: 87.5rem; }

  @media (max-width: 767px) {
    .send-by-email .row {
      flex-direction: column;
      align-items: center; } }

@media (min-width: 768px) {
  .send-by-email .form-control {
    border-right: 0; } }

.send-by-email .btn {
  margin-top: 1.5rem; }

  @media (min-width: 768px) {
    .send-by-email .btn {
      flex: 0 0 14.7rem;
      min-width: 0;
      height: 4rem;
      margin: 0;
      padding: 1rem 1rem 0.4rem; } }

.tab_content .tab_item {
  display: none;
  padding-top: 3rem; }

.tab_content .tab_item:first-child {
  display: block; }

.block-dashboard {
  padding-top: 6rem; }
  .block-dashboard--header {
    text-align: center; }
    .block-dashboard--header h1 {
      text-align: center;
      text-transform: uppercase;
      position: relative;
      margin-bottom: 4rem; }
      .block-dashboard--header h1::after {
        content: "";
        width: 5rem;
        height: 0.2rem;
        position: absolute;
        display: block;
        background: #00833e;
        bottom: -2rem;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto; }
  .block-dashboard--tabs {
    margin-top: 9rem;
    text-align: center; }
    .block-dashboard--tabs .tab {
      display: inline-block;
      vertical-align: top;
      margin: 0 2.5rem;
      text-transform: uppercase;
      cursor: pointer; }
      .block-dashboard--tabs .tab:hover,
 .block-dashboard--tabs .tab:focus {
        font-weight: 700; }
      .block-dashboard--tabs .tab.active {
        font-weight: 700;
        border-bottom: 2px solid #00833e; }

      @media (max-width: 767px) {
        .block-dashboard--tabs .tab + .tab {
          margin-top: 1rem; } }

    @media (max-width: 767px) {
      .block-dashboard--tabs {
        margin-top: 2rem;
        padding-bottom: 2rem; } }
  .block-dashboard--tabContent {
    margin-top: 2.5rem;
    margin-bottom: 4rem; }

    @media (max-width: 767px) {
      .block-dashboard--tabContent .tab_item {
        padding-top: 0; } }
  .block-dashboard--etiquettes {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row; }
  .block-dashboard--etiquette {
    width: calc(33.33% - 3.5rem);
    margin-bottom: 4rem;
    border: 2px solid #00833e;
    position: relative;
    padding-bottom: 4.6rem;
    margin-left: 1.75rem;
    margin-right: 1.75rem; }
    .block-dashboard--etiquette .image {
      height: 25rem;
      position: relative;
      width: 100%;
      display: block; }
      .block-dashboard--etiquette .image img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 90%;
        max-width: 50%;
        width: auto; }
    .block-dashboard--etiquette .controls {
      position: absolute;
      left: -0.1rem;
      right: -0.1rem;
      bottom: -0.1rem;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: row; }
      .block-dashboard--etiquette .controls > * {
        text-transform: uppercase;
        cursor: pointer;
        text-align: center;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 4.4rem; }
      .block-dashboard--etiquette .controls--edit {
        border-top: 2px solid #00833e;
        background: transparent;
        color: #00833e;
        width: 50%; }
      .block-dashboard--etiquette .controls--remove {
        border-top: 2px solid #00833e;
        background: #00833e;
        color: #fff;
        width: 50%; }

    @media (max-width: 767px) {
      .block-dashboard--etiquette {
        width: 100%;
        padding-bottom: 3.2rem;
        margin-left: 0;
        margin-right: 0; }
        .block-dashboard--etiquette .controls > * {
          line-height: 3rem;
          font-size: 1.5rem; }
        .block-dashboard--etiquette .image {
          height: 17.5rem; } }
  .block-dashboard .btn-wrapper {
    margin-top: 4rem;
    text-align: center;
    margin-bottom: 3rem; }

    @media (max-width: 767px) {
      .block-dashboard .btn-wrapper {
        margin-top: 2rem;
        margin-bottom: 4rem; } }

  @media (max-width: 767px) {
    .block-dashboard .no-results-text {
      font-size: 1.8rem; } }
  .block-dashboard--infoWrapper {
    overflow: hidden;
    padding-bottom: 2rem; }

    @media (max-width: 767px) {
      .block-dashboard--infoWrapper {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        padding-bottom: 0; } }
  .block-dashboard--infoBlock {
    background: #eff6f2;
    padding: 4.3rem 8.4rem;
    color: #00833e;
    overflow: hidden;
    margin-bottom: 2rem; }
    .block-dashboard--infoBlock__info {
      float: left; }
      .block-dashboard--infoBlock__info .descr {
        font-weight: 700; }
      .block-dashboard--infoBlock__info .password {
        display: block;
        height: 1.2rem; }
        .block-dashboard--infoBlock__info .password span {
          display: inline-block;
          vertical-align: top;
          width: 1.2rem;
          height: 1.2rem;
          background: #00833e;
          border-radius: 50%; }
      .block-dashboard--infoBlock__info .unsubscribe {
        margin-top: 2rem; }
        .block-dashboard--infoBlock__info .unsubscribe a {
          text-decoration: underline; }
          .block-dashboard--infoBlock__info .unsubscribe a:hover {
            text-decoration: none; }

      @media (max-width: 767px) {
        .block-dashboard--infoBlock__info {
          float: none; } }
    .block-dashboard--infoBlock__control {
      float: right; }

      @media (max-width: 767px) {
        .block-dashboard--infoBlock__control {
          float: none;
          margin-top: 2rem; } }

    @media (max-width: 767px) {
      .block-dashboard--infoBlock {
        padding: 2rem 1.5rem; }
        .block-dashboard--infoBlock:last-child {
          margin-bottom: 0; } }

.block-recette-astuces {
  margin-bottom: 6rem; }

  @media (max-width: 767px) {
    .block-recette-astuces {
      margin-top: 5.8rem;
      margin-bottom: 3rem;
      padding: 0; } }
  .block-recette-astuces__inner {
    display: flex;
    align-items: center;
    padding: 3.2rem 8%;
    background: #00833e;
    color: #fff; }

    @media (max-width: 767px) {
      .block-recette-astuces__inner {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 2rem 1.5rem 2.8rem;
        font-size: 1.4rem; } }
  .block-recette-astuces picture {
    max-width: 20rem;
    margin-right: 6.5rem; }

    @media (max-width: 767px) {
      .block-recette-astuces picture {
        flex: 0 0 6.5rem;
        max-width: 6.5rem;
        margin-right: 1.4rem; } }

  @media (max-width: 767px) {
    .block-recette-astuces .text {
      flex: 0 0 calc(100% - 7.9rem); } }
  .block-recette-astuces h2 {
    margin: 0 0 1rem;
    font-size: 3rem;
    text-transform: uppercase; }

    @media (max-width: 767px) {
      .block-recette-astuces h2 {
        flex: 0 0 100%;
        margin-bottom: 2rem;
        font-size: 1.8rem; } }

  @media (max-width: 767px) {
    .block-recette-astuces p {
      margin: 0;
      line-height: 1.2; } }
  .block-recette-astuces .btn {
    margin-top: 2.2rem; }

    @media (max-width: 767px) {
      .block-recette-astuces .btn {
        margin-top: 1.3rem;
        padding: 1rem 1rem 0.7rem;
        font-size: 1.2rem; } }
  .block-recette-astuces a:not(.btn) {
    text-decoration: underline; }
    .block-recette-astuces a:not(.btn):hover {
      text-decoration: none; }

.block-tools {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 99;
  padding: 0 1rem;
  background: rgba(255, 255, 255, 0.8);
  font-size: 2rem;
  text-align: center; }

  @media (max-height: 700px) {
    .block-tools {
      top: 14rem;
      transform: translateY(0);
      font-size: 1.3rem; } }

  @media (max-height: 550px) {
    .block-tools {
      font-size: 1.3rem; } }

  @media (max-width: 1023px) {
    .block-tools {
      top: auto;
      bottom: 0;
      transform: translateY(0);
      width: 100%;
      padding: 0.5rem 0;
      background: #fff;
      box-shadow: -0.5rem 0.6rem 1.5rem 1.3rem rgba(0, 0, 0, 0.15);
      font-size: 1.3rem; } }

  @media (max-width: 1023px) {
    .block-tools ul {
      display: flex;
      justify-content: center;
      align-items: flex-end; } }
  .block-tools a {
    display: block;
    margin: 4rem 0;
    text-decoration: none; }

    @media (max-height: 700px) {
      .block-tools a {
        margin: 3rem 0; } }

    @media (max-width: 1023px) {
      .block-tools a {
        margin: 0 2rem; } }

    @media (max-width: 374px) {
      .block-tools a {
        margin: 0 1.5rem; } }
    .block-tools a:hover span {
      transform: scale(1.15);
      color: #005026; }
  .block-tools span {
    display: block;
    transition-duration: 0.3s; }
  .block-tools .icon-share {
    font-size: 3.7rem; }

    @media (max-width: 1023px) {
      .block-tools .icon-share {
        font-size: 2.3rem; } }
  .block-tools .icon-heart-2 {
    font-size: 2.5rem; }

    @media (max-width: 1023px) {
      .block-tools .icon-heart-2 {
        font-size: 1.5rem; } }
  .block-tools .icon-note {
    font-size: 3.1rem; }

    @media (max-width: 1023px) {
      .block-tools .icon-note {
        font-size: 2.1rem; } }
  .block-tools .icon-print {
    font-size: 2.7rem; }

    @media (max-width: 1023px) {
      .block-tools .icon-print {
        font-size: 1.7rem; } }
  .block-tools .btn-favorite.is-active .icon-heart-2::before {
    content: ""; }

.block-videos {
  margin-bottom: 7rem; }

  @media (max-width: 767px) {
    .block-videos {
      margin-bottom: 4rem; } }
  .tab .block-videos {
    margin: 0; }
  .block-videos__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.5rem; }
  .block-videos .pager {
    margin-top: 0; }
  .block-videos .actuces-videos-item {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    margin-bottom: 6.5rem;
    padding: 0 1.5rem; }

    @media (max-width: 950px) {
      .block-videos .actuces-videos-item {
        flex: 0 0 50%;
        max-width: 50%; } }

    @media (max-width: 767px) {
      .block-videos .actuces-videos-item {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 5rem; } }
    .block-videos .actuces-videos-item img {
      height: 32rem; }

      @media (max-width: 1365px) {
        .block-videos .actuces-videos-item img {
          height: 25vw; } }

      @media (max-width: 767px) {
        .block-videos .actuces-videos-item img {
          height: 68vw; } }

    @media (max-width: 767px) {
      .block-videos .actuces-videos-item h3 {
        display: flex;
        min-height: 6.5rem;
        border-width: 0.1rem;
        font-size: 1.8rem; } }
  .block-videos .video-play-wrap::after {
    background-size: 13rem 13rem; }

    @media (max-width: 1364px) {
      .block-videos .video-play-wrap::after {
        background-size: 10rem 10rem; } }

    @media (max-width: 767px) {
      .block-videos .video-play-wrap::after {
        background-size: 10.4rem 10.4rem; } }

.img-generator {
  margin-bottom: 5rem;
  /*** Options ***/
  /*** Text size ***/
  /*** Result ***/
  /*** Actions ***/ }

  @media (max-width: 767px) {
    .img-generator {
      margin-top: 3rem; } }
  .img-generator__content {
    position: relative;
    padding-right: 55.6rem;
    border: 0.3rem solid #00833e;
    border-bottom: 0; }

    @media (max-width: 1365px) {
      .img-generator__content {
        padding-right: 52rem; } }

    @media (max-width: 1023px) {
      .img-generator__content {
        padding: 0;
        border: 0; } }
  .img-generator__options {
    position: relative;
    height: 75.3rem;
    padding-top: 2rem;
    padding-right: 56.5%;
    font-size: 2.2rem; }

    @media (max-width: 1023px) {
      .img-generator__options {
        height: auto;
        padding: 0; } }
    .img-generator__options__load {
      margin: 0 2.5rem 3.8rem;
      font-size: 2.6rem; }

      @media (max-width: 1365px) {
        .img-generator__options__load {
          margin: 0 2rem; } }

      @media (max-width: 1220px) {
        .img-generator__options__load {
          font-size: 1.5rem;
          margin: 0 0 3.8rem 2.5rem; } }

      @media (max-width: 1050px) {
        .img-generator__options__load {
          margin: 0 0 3.8rem 1rem; } }

      @media (max-width: 1023px) {
        .img-generator__options__load {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          margin: 0;
          white-space: nowrap; } }
      .img-generator__options__load .text {
        font-size: 1.8rem;
        text-decoration: underline; }

        @media (max-width: 1220px) {
          .img-generator__options__load .text {
            font-size: 1.3rem; } }

        @media (max-width: 767px) {
          .img-generator__options__load .text {
            font-size: 1.7rem; } }
      .img-generator__options__load:hover {
        text-decoration: none; }
        .img-generator__options__load:hover .text {
          text-decoration: none; }
    .img-generator__options__fieldgroup {
      background: #fff; }

      @media (max-width: 1023px) {
        .img-generator__options__fieldgroup {
          display: flex;
          position: relative;
          padding-top: 8rem; } }

      @media (max-width: 767px) {
        .img-generator__options__fieldgroup {
          padding-top: 6rem; } }
    .img-generator__options__placeholder {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      align-items: center;
      width: 56.6%;
      height: 100%;
      padding: 0 2rem;
      background: #e7f2ec;
      text-align: center; }

      @media (max-width: 1365px) {
        .img-generator__options__placeholder {
          font-size: 1.9rem; } }

      @media (max-width: 1023px) {
        .img-generator__options__placeholder {
          display: none; } }
  .img-generator__group {
    position: relative;
    border-left: 0.3rem solid #00833e;
    margin-left: 4.5rem;
    text-align: center; }

    @media (max-width: 1365px) {
      .img-generator__group {
        margin-left: 2.5rem; } }

    @media (max-width: 1023px) {
      .img-generator__group {
        flex: 0 0 50%;
        display: flex;
        justify-content: center;
        margin: 0 0 2rem;
        padding-top: 3rem;
        border-top: 0.3rem solid #00833e;
        border-left: 0; } }
    .img-generator__group.deco {
      margin-bottom: 5rem; }

      @media (max-width: 1023px) {
        .img-generator__group.deco {
          margin: 0 1.4rem 0 0; } }

      @media (max-width: 767px) {
        .img-generator__group.deco {
          margin-right: 0.5rem; } }
    .img-generator__group__title {
      position: absolute;
      top: 50%;
      left: -5.8rem;
      transform: translateY(-50%) rotate(-90deg);
      padding: 0 1.2rem;
      background: #fff;
      font-weight: bold;
      font-size: 2.6rem;
      text-transform: uppercase; }

      @media (max-width: 1365px) {
        .img-generator__group__title {
          left: -5.5rem;
          font-size: 2.4rem; } }

      @media (max-width: 1023px) {
        .img-generator__group__title {
          top: -1.5rem;
          left: 50%;
          transform: translateX(-50%); } }

      @media (max-width: 767px) {
        .img-generator__group__title {
          top: -1.2rem;
          font-size: 1.9rem; } }
  .img-generator__sub-group {
    position: relative;
    margin: 1.6rem 0;
    padding-right: 2rem; }

    @media (max-width: 1365px) {
      .img-generator__sub-group {
        margin: 1.3rem 0;
        padding-right: 1rem; } }

    @media (max-width: 1023px) {
      .img-generator__sub-group {
        margin: 0;
        padding: 0 1rem; } }

    @media (max-width: 767px) {
      .img-generator__sub-group {
        padding: 0 0.5rem; } }

    @media (max-width: 374px) {
      .img-generator__sub-group {
        padding: 0 0.3rem; } }
    .img-generator__sub-group.is-disabled {
      color: #b2b2b2; }
      .img-generator__sub-group.is-disabled .img-generator__sub-group__title:hover .icon {
        display: block; }
        .img-generator__sub-group.is-disabled .img-generator__sub-group__title:hover .icon-active {
          display: none; }
    .img-generator__sub-group__title {
      display: inline-block;
      text-transform: uppercase;
      font-size: 2.1rem;
      letter-spacing: -0.03rem; }

      @media (max-width: 1365px) {
        .img-generator__sub-group__title {
          font-size: 1.7rem; } }

      @media (max-width: 1100px) {
        .img-generator__sub-group__title {
          font-size: 1.5rem; } }

      @media (max-width: 767px) {
        .img-generator__sub-group__title {
          text-transform: none; } }
      .img-generator__sub-group__title:hover {
        text-decoration: none; }
      .img-generator__sub-group__title .icon,
      .img-generator__sub-group__title .icon-active {
        display: block;
        margin: 0 auto 1rem;
        font-size: 6.8rem; }

        @media (max-width: 1365px) {
          .img-generator__sub-group__title .icon,
          .img-generator__sub-group__title .icon-active {
            font-size: 5.8rem; } }

        @media (max-width: 767px) {
          .img-generator__sub-group__title .icon,
          .img-generator__sub-group__title .icon-active {
            font-size: 5rem; } }

        @media (max-width: 374px) {
          .img-generator__sub-group__title .icon,
          .img-generator__sub-group__title .icon-active {
            font-size: 4rem; } }
      .img-generator__sub-group__title .icon-active {
        display: none; }
    .img-generator__sub-group .tooltip {
      display: none;
      position: absolute;
      top: 8.5rem;
      left: 12.5rem;
      z-index: 2;
      width: 40.5rem;
      padding: 1.2rem 5.5rem 1.2rem 1.2rem;
      background: #fff;
      color: #00833e;
      font-weight: 300;
      font-size: 1.9rem;
      line-height: 1.2;
      text-align: left;
      box-shadow: -0.2rem 0.2rem 1rem -0.5rem rgba(0, 0, 0, 0.75); }

      @media (max-width: 1023px) {
        .img-generator__sub-group .tooltip {
          left: 0; } }
      .img-generator__sub-group .tooltip .icon-close {
        position: absolute;
        top: 1rem;
        right: 1rem;
        text-decoration: none;
        font-size: 1.8rem; }
    .img-generator__sub-group.is-active .icon,
    .img-generator__sub-group .img-generator__sub-group__title:hover .icon {
      display: none; }
      .img-generator__sub-group.is-active .icon-active,
      .img-generator__sub-group .img-generator__sub-group__title:hover .icon-active {
        display: block; }
    .img-generator__sub-group.is-active::after {
      content: "";
      position: absolute;
      top: 0.5rem;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 32px 46px 32px 0;
      border-color: transparent #e7f2ec transparent transparent; }

      @media (max-width: 1023px) {
        .img-generator__sub-group.is-active::after {
          content: none; } }
  .img-generator__tab {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 56.6%;
    height: 100%;
    background: #e7f2ec; }

    @media (max-width: 1023px) {
      .img-generator__tab {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        width: 100%; } }

    @media (max-width: 1023px) {
      .img-generator__tab .inner {
        height: 100%; } }
    .img-generator__tab.is-active {
      display: block; }
    .img-generator__tab__header {
      height: 9.5rem;
      padding: 3rem 5.5rem 0; }

      @media (max-width: 1365px) {
        .img-generator__tab__header {
          padding-right: 2rem;
          padding-left: 2rem; } }
      .img-generator__tab__header--lg {
        height: 15.7rem; }
        .img-generator__tab__header--lg + .img-generator__tab__scroll {
          height: 59.6rem; }

          @media (max-width: 1023px) {
            .img-generator__tab__header--lg + .img-generator__tab__scroll {
              height: calc(100% - 26rem); } }
    .img-generator__tab__title {
      position: relative;
      margin-bottom: 4.5rem;
      font-size: 2.1rem;
      letter-spacing: -0.03rem;
      text-transform: uppercase;
      text-align: center; }

      @media (max-width: 1023px) {
        .img-generator__tab__title {
          font-size: 2.4rem;
          font-weight: 600;
          text-transform: none; } }
      .img-generator__tab__title::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 0.3rem;
        margin-top: -0.3rem;
        background: #00833e; }

        @media (max-width: 1023px) {
          .img-generator__tab__title::before {
            content: none; } }
      .img-generator__tab__title span {
        position: relative;
        padding: 0 1.6rem;
        background: #e7f2ec; }
    .img-generator__tab__scroll {
      height: 64.8rem;
      overflow-y: auto;
      outline: 0; }

      @media (max-width: 1023px) {
        .img-generator__tab__scroll {
          height: calc(100% - 21rem); } }
    .img-generator__tab .icon-close {
      display: none; }

      @media (max-width: 1023px) {
        .img-generator__tab .icon-close {
          display: block; } }
    .img-generator__tab .btn--green {
      display: none; }

      @media (max-width: 1023px) {
        .img-generator__tab .btn--green {
          display: block;
          position: absolute;
          bottom: 3rem;
          left: 50%;
          transform: translateX(-50%); } }
  .img-generator__edit-text-size {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem; }
    .img-generator__edit-text-size span {
      margin: 0 0.5rem; }
      .img-generator__edit-text-size span strong {
        font-weight: normal;
        font-size: 140%; }
    .img-generator__edit-text-size .btn {
      font-size: 3rem; }
  .img-generator__result {
    position: absolute;
    top: 0;
    right: 0;
    width: 55.6rem;
    height: 100%;
    padding-top: 2.5rem;
    text-align: center;
    overflow: hidden; }

    @media (max-width: 1365px) {
      .img-generator__result {
        width: 52rem; } }

    @media (max-width: 1023px) {
      .img-generator__result {
        position: static;
        width: auto;
        height: auto; } }

    @media (max-width: 767px) {
      .img-generator__result {
        padding-top: 1rem; } }
    .img-generator__result__title {
      position: relative;
      z-index: 1;
      font-weight: 300;
      font-size: 3.4rem; }

      @media (max-width: 1365px) {
        .img-generator__result__title {
          font-size: 3rem; } }

      @media (max-width: 1023px) {
        .img-generator__result__title {
          margin-bottom: 2rem; } }

      @media (max-width: 767px) {
        .img-generator__result__title {
          margin: 0;
          font-size: 2.2rem; } }
    .img-generator__result__img {
      position: relative; }

      @media (max-width: 767px) {
        .img-generator__result__img {
          margin-top: -2rem;
          transform: scale(0.75); } }
    .img-generator__result .pot {
      width: 51.8rem;
      max-width: none;
      margin: -3.5rem auto 0; }

      @media (max-width: 1023px) {
        .img-generator__result .pot {
          display: none; } }
  .img-generator .canvas {
    position: absolute;
    top: 25.2rem;
    left: 50%;
    margin-left: -17.3rem; }

    @media (max-width: 1023px) {
      .img-generator .canvas {
        position: static;
        margin: 0 auto; } }
  .img-generator .konvajs-content {
    margin: 0 auto; }
  .img-generator .text-field {
    position: absolute;
    top: 33.7rem;
    left: 50%;
    width: 30rem;
    transform: translateX(-50%);
    margin-left: -0.2rem;
    color: #fff;
    font-size: 3.5rem;
    font-family: "Bebas Neue"; }

    @media (max-width: 1023px) {
      .img-generator .text-field {
        top: 8rem;
        margin: 0; } }
    .img-generator .text-field label {
      position: absolute;
      top: 0.5rem;
      left: 0;
      width: 100%;
      font-weight: 300;
      font-style: italic;
      font-size: 3.7rem;
      font-family: "Josefin Sans";
      text-align: center;
      line-height: 1;
      color: #000; }
  .img-generator.is-round .text-field {
    top: 37.7rem; }

    @media (max-width: 1023px) {
      .img-generator.is-round .text-field {
        top: 12.5rem; } }
  .img-generator .canvas-text {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 8rem;
    border: 1px dashed transparent;
    background: 0;
    color: transparent;
    text-align: center;
    font-family: inherit;
    font-size: inherit;
    caret-color: #000; }
    .img-generator .canvas-text:hover,
 .img-generator .canvas-text:focus {
      border-color: #fff;
      outline: 0; }
    .img-generator .canvas-text:focus + label {
      display: none; }
  .img-generator ::selection {
    color: transparent; }
  .img-generator ::-moz-selection {
    color: transparent; }
  .img-generator__actions {
    display: flex;
    justify-content: center;
    padding: 3rem;
    background: #00833e; }

    @media (max-width: 1023px) {
      .img-generator__actions {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        padding: 2rem 0 0;
        background: 0; } }

    @media (max-width: 767px) {
      .img-generator__actions {
        margin-top: -1.5rem;
        padding: 0; } }
    .img-generator__actions .btn {
      margin: 0 1.7rem; }

      @media (max-width: 1023px) {
        .img-generator__actions .btn {
          min-width: 43rem;
          margin: 2rem 0 0;
          border-color: #00833e;
          background: #00833e;
          color: #fff; }
          .img-generator__actions .btn:hover,
 .img-generator__actions .btn:focus {
            background-color: #fff;
            color: #00833e; } }

      @media (max-width: 767px) {
        .img-generator__actions .btn {
          min-width: 0;
          width: 25.7rem;
          margin-top: 1rem;
          padding: 1.2rem 0.5rem 0.7rem;
          font-size: 1.35rem; } }

.checkbox-shape {
  margin-top: -1rem;
  margin-bottom: 2.3rem; }
  .checkbox-shape input {
    display: none; }
    .checkbox-shape input:checked + label .icon::before {
      left: 2.9rem; }
  .checkbox-shape label {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 2rem;
    line-height: 1.25; }

    @media (max-width: 1365px) {
      .checkbox-shape label {
        font-size: 1.8rem; } }
  .checkbox-shape .text {
    pointer-events: none; }
  .checkbox-shape .icon {
    position: relative;
    flex: 0 0 5.8rem;
    margin: 0 2.1rem;
    height: 2.9rem;
    border-radius: 3rem;
    background: #72ba94;
    cursor: pointer; }

    @media (max-width: 1365px) {
      .checkbox-shape .icon {
        margin: 0 1.5rem; } }
    .checkbox-shape .icon::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 2.9rem;
      height: 2.9rem;
      border-radius: 50%;
      background: #00833e;
      transition-duration: 0.25s; }

.radio-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem; }

  @media (max-width: 1023px) {
    .radio-list {
      padding: 1rem 4rem; } }
  .radio-list .radio {
    margin: 0 0.7rem 1.4rem; }
    .radio-list .radio input {
      display: none; }
      .radio-list .radio input:checked + label {
        border-width: 0.5rem; }
        .radio-list .radio input:checked + label::before {
          opacity: 1; }
    .radio-list .radio label {
      display: block;
      position: relative;
      width: 14.9rem;
      height: 14.9rem;
      border: 0.3rem solid #00833e;
      cursor: pointer;
      background-color: #00833e; }

      @media (max-width: 1210px) {
        .radio-list .radio label {
          width: 10.7rem;
          height: 10.7rem; } }
      .radio-list .radio label::before {
        content: "";
        font-family: "slsicon";
        position: absolute;
        top: -1rem;
        right: -1.2rem;
        font-size: 3.6rem;
        line-height: 1;
        width: 3.6rem;
        height: 3.6rem;
        border-radius: 50%;
        background: #fff;
        color: #00833e;
        opacity: 0; }
      .radio-list .radio label span {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center; }
      .radio-list .radio label img {
        pointer-events: none; }
    .radio-list .radio.no-pattern label {
      background: #fff; }
    .radio-list .radio.bgcolor label,
    .radio-list .radio.textcolor label {
      width: 13.2rem;
      height: 13.2rem;
      padding: 0.5rem;
      background: #fff;
      color: #000;
      font-size: 1.9rem; }
      .radio-list .radio.bgcolor label div,
      .radio-list .radio.textcolor label div {
        height: 8.3rem;
        margin-bottom: 0.7rem; }
      .radio-list .radio.bgcolor label span,
      .radio-list .radio.textcolor label span {
        position: static; }
    .radio-list .radio.font-family,
 .radio-list .radio.textsize {
      flex: 0 0 100%;
      margin-bottom: 3.2rem; }
      .radio-list .radio.font-family label,
 .radio-list .radio.textsize label {
        width: 80%;
        max-width: 29.7rem;
        height: 5.7rem;
        margin: 0 auto;
        background: #fff;
        font-size: 2.5rem; }
    .radio-list .radio.textsize label span {
      justify-content: flex-start;
      padding: 0 3.2rem; }
    .radio-list .radio.textsize [data-size="17"] + label {
      font-size: 1.7rem; }
    .radio-list .radio.textsize [data-size="21"] + label {
      font-size: 2.1rem; }
    .radio-list .radio.textsize [data-size="23"] + label {
      font-size: 2.3rem; }
    .radio-list .radio.textsize [data-size="27"] + label {
      font-size: 2.7rem; }
    .radio-list .radio.textsize [data-size="3"] + label {
      font-size: 3rem; }
    .radio-list .radio img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .radio-list.select-pattern-round .radio label {
    border-radius: 50%; }
    .radio-list.select-pattern-round .radio label::before {
      top: -0.5rem;
      right: 0; }

.img-generator {
  margin-bottom: 5rem;
  /*** Options ***/
  /*** Text size ***/
  /*** Result ***/
  /*** Actions ***/ }

  @media (max-width: 767px) {
    .img-generator {
      margin-top: 3rem; } }
  .img-generator__content {
    position: relative;
    padding-right: 55.6rem;
    border: 0.3rem solid #00833e;
    border-bottom: 0; }

    @media (max-width: 1365px) {
      .img-generator__content {
        padding-right: 52rem; } }

    @media (max-width: 1023px) {
      .img-generator__content {
        padding: 0;
        border: 0; } }
  .img-generator__options {
    position: relative;
    height: 75.3rem;
    padding-top: 2rem;
    padding-right: 56.5%;
    font-size: 2.2rem; }

    @media (max-width: 1023px) {
      .img-generator__options {
        height: auto;
        padding: 0; } }
    .img-generator__options__load {
      margin: 0 2.5rem 3.8rem;
      font-size: 2.6rem; }

      @media (max-width: 1365px) {
        .img-generator__options__load {
          margin: 0 2rem; } }

      @media (max-width: 1220px) {
        .img-generator__options__load {
          font-size: 1.5rem;
          margin: 0 0 3.8rem 2.5rem; } }

      @media (max-width: 1050px) {
        .img-generator__options__load {
          margin: 0 0 3.8rem 1rem; } }

      @media (max-width: 1023px) {
        .img-generator__options__load {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          margin: 0;
          white-space: nowrap; } }
      .img-generator__options__load .text {
        font-size: 1.8rem;
        text-decoration: underline; }

        @media (max-width: 1220px) {
          .img-generator__options__load .text {
            font-size: 1.3rem; } }

        @media (max-width: 767px) {
          .img-generator__options__load .text {
            font-size: 1.7rem; } }
      .img-generator__options__load:hover {
        text-decoration: none; }
        .img-generator__options__load:hover .text {
          text-decoration: none; }
    .img-generator__options__fieldgroup {
      background: #fff; }

      @media (max-width: 1023px) {
        .img-generator__options__fieldgroup {
          display: flex;
          position: relative;
          padding-top: 8rem; } }

      @media (max-width: 767px) {
        .img-generator__options__fieldgroup {
          padding-top: 6rem; } }
    .img-generator__options__placeholder {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      align-items: center;
      width: 56.6%;
      height: 100%;
      padding: 0 2rem;
      background: #e7f2ec;
      text-align: center; }

      @media (max-width: 1365px) {
        .img-generator__options__placeholder {
          font-size: 1.9rem; } }

      @media (max-width: 1023px) {
        .img-generator__options__placeholder {
          display: none; } }
  .img-generator__group {
    position: relative;
    border-left: 0.3rem solid #00833e;
    margin-left: 4.5rem;
    text-align: center; }

    @media (max-width: 1365px) {
      .img-generator__group {
        margin-left: 2.5rem; } }

    @media (max-width: 1023px) {
      .img-generator__group {
        flex: 0 0 50%;
        display: flex;
        justify-content: center;
        margin: 0 0 2rem;
        padding-top: 3rem;
        border-top: 0.3rem solid #00833e;
        border-left: 0; } }
    .img-generator__group.deco {
      margin-bottom: 5rem; }

      @media (max-width: 1023px) {
        .img-generator__group.deco {
          margin: 0 1.4rem 0 0; } }

      @media (max-width: 767px) {
        .img-generator__group.deco {
          margin-right: 0.5rem; } }
    .img-generator__group__title {
      position: absolute;
      top: 50%;
      left: -5.8rem;
      transform: translateY(-50%) rotate(-90deg);
      padding: 0 1.2rem;
      background: #fff;
      font-weight: bold;
      font-size: 2.6rem;
      text-transform: uppercase; }

      @media (max-width: 1365px) {
        .img-generator__group__title {
          left: -5.5rem;
          font-size: 2.4rem; } }

      @media (max-width: 1023px) {
        .img-generator__group__title {
          top: -1.5rem;
          left: 50%;
          transform: translateX(-50%); } }

      @media (max-width: 767px) {
        .img-generator__group__title {
          top: -1.2rem;
          font-size: 1.9rem; } }
  .img-generator__sub-group {
    position: relative;
    margin: 1.6rem 0;
    padding-right: 2rem; }

    @media (max-width: 1365px) {
      .img-generator__sub-group {
        margin: 1.3rem 0;
        padding-right: 1rem; } }

    @media (max-width: 1023px) {
      .img-generator__sub-group {
        margin: 0;
        padding: 0 1rem; } }

    @media (max-width: 767px) {
      .img-generator__sub-group {
        padding: 0 0.5rem; } }

    @media (max-width: 374px) {
      .img-generator__sub-group {
        padding: 0 0.3rem; } }
    .img-generator__sub-group.is-disabled {
      color: #b2b2b2; }
      .img-generator__sub-group.is-disabled .img-generator__sub-group__title:hover .icon {
        display: block; }
        .img-generator__sub-group.is-disabled .img-generator__sub-group__title:hover .icon-active {
          display: none; }
    .img-generator__sub-group__title {
      display: inline-block;
      text-transform: uppercase;
      font-size: 2.1rem;
      letter-spacing: -0.03rem; }

      @media (max-width: 1365px) {
        .img-generator__sub-group__title {
          font-size: 1.7rem; } }

      @media (max-width: 1100px) {
        .img-generator__sub-group__title {
          font-size: 1.5rem; } }

      @media (max-width: 767px) {
        .img-generator__sub-group__title {
          text-transform: none; } }
      .img-generator__sub-group__title:hover {
        text-decoration: none; }
      .img-generator__sub-group__title .icon,
      .img-generator__sub-group__title .icon-active {
        display: block;
        margin: 0 auto 1rem;
        font-size: 6.8rem; }

        @media (max-width: 1365px) {
          .img-generator__sub-group__title .icon,
          .img-generator__sub-group__title .icon-active {
            font-size: 5.8rem; } }

        @media (max-width: 767px) {
          .img-generator__sub-group__title .icon,
          .img-generator__sub-group__title .icon-active {
            font-size: 5rem; } }

        @media (max-width: 374px) {
          .img-generator__sub-group__title .icon,
          .img-generator__sub-group__title .icon-active {
            font-size: 4rem; } }
      .img-generator__sub-group__title .icon-active {
        display: none; }
    .img-generator__sub-group .tooltip {
      display: none;
      position: absolute;
      top: 8.5rem;
      left: 12.5rem;
      z-index: 2;
      width: 40.5rem;
      padding: 1.2rem 5.5rem 1.2rem 1.2rem;
      background: #fff;
      color: #00833e;
      font-weight: 300;
      font-size: 1.9rem;
      line-height: 1.2;
      text-align: left;
      box-shadow: -0.2rem 0.2rem 1rem -0.5rem rgba(0, 0, 0, 0.75); }

      @media (max-width: 1023px) {
        .img-generator__sub-group .tooltip {
          left: 0; } }
      .img-generator__sub-group .tooltip .icon-close {
        position: absolute;
        top: 1rem;
        right: 1rem;
        text-decoration: none;
        font-size: 1.8rem; }
    .img-generator__sub-group.is-active .icon,
    .img-generator__sub-group .img-generator__sub-group__title:hover .icon {
      display: none; }
      .img-generator__sub-group.is-active .icon-active,
      .img-generator__sub-group .img-generator__sub-group__title:hover .icon-active {
        display: block; }
    .img-generator__sub-group.is-active::after {
      content: "";
      position: absolute;
      top: 0.5rem;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 32px 46px 32px 0;
      border-color: transparent #e7f2ec transparent transparent; }

      @media (max-width: 1023px) {
        .img-generator__sub-group.is-active::after {
          content: none; } }
  .img-generator__tab {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 56.6%;
    height: 100%;
    background: #e7f2ec; }

    @media (max-width: 1023px) {
      .img-generator__tab {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        width: 100%; } }

    @media (max-width: 1023px) {
      .img-generator__tab .inner {
        height: 100%; } }
    .img-generator__tab.is-active {
      display: block; }
    .img-generator__tab__header {
      height: 9.5rem;
      padding: 3rem 5.5rem 0; }

      @media (max-width: 1365px) {
        .img-generator__tab__header {
          padding-right: 2rem;
          padding-left: 2rem; } }
      .img-generator__tab__header--lg {
        height: 15.7rem; }
        .img-generator__tab__header--lg + .img-generator__tab__scroll {
          height: 59.6rem; }

          @media (max-width: 1023px) {
            .img-generator__tab__header--lg + .img-generator__tab__scroll {
              height: calc(100% - 26rem); } }
    .img-generator__tab__title {
      position: relative;
      margin-bottom: 4.5rem;
      font-size: 2.1rem;
      letter-spacing: -0.03rem;
      text-transform: uppercase;
      text-align: center; }

      @media (max-width: 1023px) {
        .img-generator__tab__title {
          font-size: 2.4rem;
          font-weight: 600;
          text-transform: none; } }
      .img-generator__tab__title::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 0.3rem;
        margin-top: -0.3rem;
        background: #00833e; }

        @media (max-width: 1023px) {
          .img-generator__tab__title::before {
            content: none; } }
      .img-generator__tab__title span {
        position: relative;
        padding: 0 1.6rem;
        background: #e7f2ec; }
    .img-generator__tab__scroll {
      height: 64.8rem;
      overflow-y: auto;
      outline: 0; }

      @media (max-width: 1023px) {
        .img-generator__tab__scroll {
          height: calc(100% - 21rem); } }
    .img-generator__tab .icon-close {
      display: none; }

      @media (max-width: 1023px) {
        .img-generator__tab .icon-close {
          display: block; } }
    .img-generator__tab .btn--green {
      display: none; }

      @media (max-width: 1023px) {
        .img-generator__tab .btn--green {
          display: block;
          position: absolute;
          bottom: 3rem;
          left: 50%;
          transform: translateX(-50%); } }
  .img-generator__edit-text-size {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem; }
    .img-generator__edit-text-size span {
      margin: 0 0.5rem; }
      .img-generator__edit-text-size span strong {
        font-weight: normal;
        font-size: 140%; }
    .img-generator__edit-text-size .btn {
      font-size: 3rem; }
  .img-generator__result {
    position: absolute;
    top: 0;
    right: 0;
    width: 55.6rem;
    height: 100%;
    padding-top: 2.5rem;
    text-align: center;
    overflow: hidden; }

    @media (max-width: 1365px) {
      .img-generator__result {
        width: 52rem; } }

    @media (max-width: 1023px) {
      .img-generator__result {
        position: static;
        width: auto;
        height: auto; } }

    @media (max-width: 767px) {
      .img-generator__result {
        padding-top: 1rem; } }
    .img-generator__result__title {
      position: relative;
      z-index: 1;
      font-weight: 300;
      font-size: 3.4rem; }

      @media (max-width: 1365px) {
        .img-generator__result__title {
          font-size: 3rem; } }

      @media (max-width: 1023px) {
        .img-generator__result__title {
          margin-bottom: 2rem; } }

      @media (max-width: 767px) {
        .img-generator__result__title {
          margin: 0;
          font-size: 2.2rem; } }
    .img-generator__result__img {
      position: relative; }

      @media (max-width: 767px) {
        .img-generator__result__img {
          margin-top: -2rem;
          transform: scale(0.75); } }
    .img-generator__result .pot {
      width: 51.8rem;
      max-width: none;
      margin: -3.5rem auto 0; }

      @media (max-width: 1023px) {
        .img-generator__result .pot {
          display: none; } }
  .img-generator .canvas {
    position: absolute;
    top: 25.2rem;
    left: 50%;
    margin-left: -17.3rem; }

    @media (max-width: 1023px) {
      .img-generator .canvas {
        position: static;
        margin: 0 auto; } }
  .img-generator .konvajs-content {
    margin: 0 auto; }
  .img-generator .text-field {
    position: absolute;
    top: 33.7rem;
    left: 50%;
    width: 30rem;
    transform: translateX(-50%);
    margin-left: -0.2rem;
    color: #fff;
    font-size: 3.5rem;
    font-family: "Bebas Neue"; }

    @media (max-width: 1023px) {
      .img-generator .text-field {
        top: 8rem;
        margin: 0; } }
    .img-generator .text-field label {
      position: absolute;
      top: 0.5rem;
      left: 0;
      width: 100%;
      font-weight: 300;
      font-style: italic;
      font-size: 3.7rem;
      font-family: "Josefin Sans";
      text-align: center;
      line-height: 1;
      color: #000; }
  .img-generator.is-round .text-field {
    top: 37.7rem; }

    @media (max-width: 1023px) {
      .img-generator.is-round .text-field {
        top: 12.5rem; } }
  .img-generator .canvas-text {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 8rem;
    border: 1px dashed transparent;
    background: 0;
    color: transparent;
    text-align: center;
    font-family: inherit;
    font-size: inherit;
    caret-color: #000; }
    .img-generator .canvas-text:hover,
 .img-generator .canvas-text:focus {
      border-color: #fff;
      outline: 0; }
    .img-generator .canvas-text:focus + label {
      display: none; }
  .img-generator ::selection {
    color: transparent; }
  .img-generator ::-moz-selection {
    color: transparent; }
  .img-generator__actions {
    display: flex;
    justify-content: center;
    padding: 3rem;
    background: #00833e; }

    @media (max-width: 1023px) {
      .img-generator__actions {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start;
        padding: 2rem 0 0;
        background: 0; } }

    @media (max-width: 767px) {
      .img-generator__actions {
        margin-top: -1.5rem;
        padding: 0; } }
    .img-generator__actions .btn {
      margin: 0 1.7rem; }

      @media (max-width: 1023px) {
        .img-generator__actions .btn {
          min-width: 43rem;
          margin: 2rem 0 0;
          border-color: #00833e;
          background: #00833e;
          color: #fff; }
          .img-generator__actions .btn:hover,
 .img-generator__actions .btn:focus {
            background-color: #fff;
            color: #00833e; } }

      @media (max-width: 767px) {
        .img-generator__actions .btn {
          min-width: 0;
          width: 25.7rem;
          margin-top: 1rem;
          padding: 1.2rem 0.5rem 0.7rem;
          font-size: 1.35rem; } }

.checkbox-shape {
  margin-top: -1rem;
  margin-bottom: 2.3rem; }
  .checkbox-shape input {
    display: none; }
    .checkbox-shape input:checked + label .icon::before {
      left: 2.9rem; }
  .checkbox-shape label {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 2rem;
    line-height: 1.25; }

    @media (max-width: 1365px) {
      .checkbox-shape label {
        font-size: 1.8rem; } }
  .checkbox-shape .text {
    pointer-events: none; }
  .checkbox-shape .icon {
    position: relative;
    flex: 0 0 5.8rem;
    margin: 0 2.1rem;
    height: 2.9rem;
    border-radius: 3rem;
    background: #72ba94;
    cursor: pointer; }

    @media (max-width: 1365px) {
      .checkbox-shape .icon {
        margin: 0 1.5rem; } }
    .checkbox-shape .icon::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 2.9rem;
      height: 2.9rem;
      border-radius: 50%;
      background: #00833e;
      transition-duration: 0.25s; }

.radio-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem; }

  @media (max-width: 1023px) {
    .radio-list {
      padding: 1rem 4rem; } }
  .radio-list .radio {
    margin: 0 0.7rem 1.4rem; }
    .radio-list .radio input {
      display: none; }
      .radio-list .radio input:checked + label {
        border-width: 0.5rem; }
        .radio-list .radio input:checked + label::before {
          opacity: 1; }
    .radio-list .radio label {
      display: block;
      position: relative;
      width: 14.9rem;
      height: 14.9rem;
      border: 0.3rem solid #00833e;
      cursor: pointer;
      background-color: #00833e; }

      @media (max-width: 1210px) {
        .radio-list .radio label {
          width: 10.7rem;
          height: 10.7rem; } }
      .radio-list .radio label::before {
        content: "";
        font-family: "slsicon";
        position: absolute;
        top: -1rem;
        right: -1.2rem;
        font-size: 3.6rem;
        line-height: 1;
        width: 3.6rem;
        height: 3.6rem;
        border-radius: 50%;
        background: #fff;
        color: #00833e;
        opacity: 0; }
      .radio-list .radio label span {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center; }
      .radio-list .radio label img {
        pointer-events: none; }
    .radio-list .radio.no-pattern label {
      background: #fff; }
    .radio-list .radio.bgcolor label,
    .radio-list .radio.textcolor label {
      width: 13.2rem;
      height: 13.2rem;
      padding: 0.5rem;
      background: #fff;
      color: #000;
      font-size: 1.9rem; }
      .radio-list .radio.bgcolor label div,
      .radio-list .radio.textcolor label div {
        height: 8.3rem;
        margin-bottom: 0.7rem; }
      .radio-list .radio.bgcolor label span,
      .radio-list .radio.textcolor label span {
        position: static; }
    .radio-list .radio.font-family,
 .radio-list .radio.textsize {
      flex: 0 0 100%;
      margin-bottom: 3.2rem; }
      .radio-list .radio.font-family label,
 .radio-list .radio.textsize label {
        width: 80%;
        max-width: 29.7rem;
        height: 5.7rem;
        margin: 0 auto;
        background: #fff;
        font-size: 2.5rem; }
    .radio-list .radio.textsize label span {
      justify-content: flex-start;
      padding: 0 3.2rem; }
    .radio-list .radio.textsize [data-size="17"] + label {
      font-size: 1.7rem; }
    .radio-list .radio.textsize [data-size="21"] + label {
      font-size: 2.1rem; }
    .radio-list .radio.textsize [data-size="23"] + label {
      font-size: 2.3rem; }
    .radio-list .radio.textsize [data-size="27"] + label {
      font-size: 2.7rem; }
    .radio-list .radio.textsize [data-size="3"] + label {
      font-size: 3rem; }
    .radio-list .radio img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .radio-list.select-pattern-round .radio label {
    border-radius: 50%; }
    .radio-list.select-pattern-round .radio label::before {
      top: -0.5rem;
      right: 0; }

.block-fruitsCalendar {
  background: url("images/bg/bg-bio.jpg") top left repeat;
  padding-top: 6rem; }
  .block-fruitsCalendar .container {
    overflow: hidden; }
  .block-fruitsCalendar--header {
    text-align: center;
    overflow: hidden; }
    .block-fruitsCalendar--header h1 {
      text-align: center;
      text-transform: uppercase;
      position: relative;
      margin-bottom: 6.5rem;
      margin-top: 6rem; }
      .block-fruitsCalendar--header h1::after {
        content: "";
        width: 5rem;
        height: 0.2rem;
        position: absolute;
        display: block;
        background: #00833e;
        bottom: -3rem;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto; }
    .block-fruitsCalendar--header p {
      font-size: 2.6rem; }

    @media (max-width: 767px) {
      .block-fruitsCalendar--header {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        background-size: auto 13rem; }
        .block-fruitsCalendar--header h1 {
          margin-top: 4rem;
          margin-bottom: 4rem; }
          .block-fruitsCalendar--header h1::after {
            bottom: -2rem; }
        .block-fruitsCalendar--header p {
          font-size: 1.7rem; } }
  .block-fruitsCalendar--tab {
    overflow: hidden;
    text-align: center;
    display: none; }
    .block-fruitsCalendar--tab.active {
      display: block; }
    .block-fruitsCalendar--tab h2 {
      margin-top: 10rem;
      text-transform: uppercase;
      margin-bottom: 6rem; }

      @media (max-width: 767px) {
        .block-fruitsCalendar--tab h2 {
          margin-top: 5rem;
          margin-bottom: 2rem; } }
    .block-fruitsCalendar--tab .list {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      flex-wrap: wrap;
      flex-direction: row;
      margin-left: -1rem;
      margin-right: -1rem; }
      .block-fruitsCalendar--tab .list-item {
        margin-left: 1rem;
        margin-right: 1rem;
        width: calc(25% - 2rem);
        position: relative;
        margin-bottom: 2.5rem;
        min-height: 28rem; }
        .block-fruitsCalendar--tab .list-item:only-child {
          margin-right: auto;
          margin-left: auto; }
        .block-fruitsCalendar--tab .list-item img {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0; }
        .block-fruitsCalendar--tab .list-item--content {
          position: absolute;
          z-index: 1;
          height: 26.5rem;
          background: #fff;
          left: 2.5rem;
          right: 2.5rem;
          top: 50%;
          transform: translateY(-50%);
          padding-top: 5rem; }
          .block-fruitsCalendar--tab .list-item--content .title {
            text-transform: uppercase;
            font-size: 1.9em;
            margin-bottom: 0;
            font-weight: 700; }
          .block-fruitsCalendar--tab .list-item--content p {
            font-size: 2.4rem;
            margin-bottom: 0;
            margin-top: 0; }
          .block-fruitsCalendar--tab .list-item--content .btn {
            margin-top: 1rem;
            font-size: 1.5rem; }

            @media (max-width: 1320px) and (min-width: 1201px) {
              .block-fruitsCalendar--tab .list-item--content .btn {
                font-size: 1.2rem; } }

          @media (max-width: 767px) {
            .block-fruitsCalendar--tab .list-item--content {
              left: 2.5rem;
              right: 2.5rem;
              height: 21rem;
              padding-top: 3rem; }
              .block-fruitsCalendar--tab .list-item--content p {
                font-size: 1.8rem; } }
        .block-fruitsCalendar--tab .list-item::before {
          content: "";
          padding-top: 100%;
          float: left; }

        @media (max-width: 1200px) {
          .block-fruitsCalendar--tab .list-item {
            width: calc(50% - 1.7rem);
            height: 35rem; }
            .block-fruitsCalendar--tab .list-item::before {
              display: none; } }

        @media (max-width: 767px) {
          .block-fruitsCalendar--tab .list-item {
            height: 30rem;
            width: 100%; } }
    .block-fruitsCalendar--tab .descr {
      font-size: 2.6rem;
      margin-top: 2rem;
      margin-bottom: 3.5rem; }
      .block-fruitsCalendar--tab .descr .btn {
        margin-top: 1.5rem; }

        @media (max-width: 767px) {
          .block-fruitsCalendar--tab .descr .btn span {
            display: none; } }

      @media (max-width: 767px) {
        .block-fruitsCalendar--tab .descr {
          font-size: 1.5rem; } }
  .block-fruitsCalendar--calendar {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 10rem; }
    .block-fruitsCalendar--calendar .item {
      width: 25%;
      padding-top: 6rem;
      text-align: center; }
      .block-fruitsCalendar--calendar .item .item-inner {
        background: rgba(228, 216, 189, 0.8);
        height: 100%;
        display: block;
        padding-top: 3rem;
        padding-bottom: 3rem; }
      .block-fruitsCalendar--calendar .item .title {
        font-size: 3rem; }

        @media (max-width: 1024px) {
          .block-fruitsCalendar--calendar .item .title {
            font-size: 2.2rem; } }

  @media (max-width: 1024px) and (min-width: 769px) {
    .block-fruitsCalendar--calendar .item .title span {
      display: none; } }

        @media (max-width: 767px) {
          .block-fruitsCalendar--calendar .item .title {
            text-transform: uppercase; } }
      .block-fruitsCalendar--calendar .item .months {
        list-style: none;
        margin: 2rem 0 0;
        padding: 0;
        text-transform: uppercase;
        font-size: 2rem; }
        .block-fruitsCalendar--calendar .item .months span {
          padding: 1rem 3rem;
          display: inline-block;
          vertical-align: top; }
        .block-fruitsCalendar--calendar .item .months li {
          cursor: pointer; }

        @media (max-width: 1024px) {
          .block-fruitsCalendar--calendar .item .months {
            font-size: 2rem; } }
        .block-fruitsCalendar--calendar .item .months .active {
          margin-bottom: 1rem; }
          .block-fruitsCalendar--calendar .item .months .active span {
            padding: 1.3rem 3rem;
            border: 0.2rem solid #fff; }

            @media (max-width: 767px) {
              .block-fruitsCalendar--calendar .item .months .active span {
                padding: 0;
                border-left: none;
                border-right: none;
                border-top: none; } }
      .block-fruitsCalendar--calendar .item.active {
        color: #fff;
        padding-top: 0; }
        .block-fruitsCalendar--calendar .item.active .title {
          font-weight: 700; }
        .block-fruitsCalendar--calendar .item.active .item-inner {
          background: #00833e; }
          .block-fruitsCalendar--calendar .item.active .item-inner .months {
            font-size: 2.2rem; }
            .block-fruitsCalendar--calendar .item.active .item-inner .months .active {
              font-size: 2.4rem; }

            @media (max-width: 1024px) {
              .block-fruitsCalendar--calendar .item.active .item-inner .months {
                font-size: 2rem; }
                .block-fruitsCalendar--calendar .item.active .item-inner .months .active {
                  font-size: 2rem; } }
        .block-fruitsCalendar--calendar .item.active .title {
          font-size: 3.3rem; }

          @media (max-width: 1024px) {
            .block-fruitsCalendar--calendar .item.active .title {
              font-size: 2.2rem; } }

      @media (max-width: 767px) {
        .block-fruitsCalendar--calendar .item {
          width: 100%;
          padding-top: 0; }
          .block-fruitsCalendar--calendar .item .item-inner {
            padding-top: 1rem;
            padding-bottom: 1rem; }
          .block-fruitsCalendar--calendar .item .months {
            display: none; }
          .block-fruitsCalendar--calendar .item.active .months {
            display: block; } }

    @media (max-width: 1024px) {
      .block-fruitsCalendar--calendar {
        margin-top: 5rem; } }

    @media (max-width: 767px) {
      .block-fruitsCalendar--calendar {
        margin-top: 2rem;
        margin-left: -1.5rem;
        margin-right: -1.5rem; } }

  @media (max-width: 1024px) {
    .block-fruitsCalendar .container {
      padding-left: 0;
      padding-right: 0; }
      .block-fruitsCalendar .container .bg-wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }

.js-tabs-nav-calendar {
  text-align: center;
  text-transform: uppercase;
  margin-top: 4.7rem; }
  .js-tabs-nav-calendar .owl-stage {
    display: flex;
    margin: 0 auto;
    align-items: center; }
  .js-tabs-nav-calendar .owl-nav button.owl-prev,
  .js-tabs-nav-calendar .owl-nav button.owl-next {
    width: auto;
    height: auto;
    margin: -0.2rem 0 0;
    background: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 10;
    outline: 0; }
    .js-tabs-nav-calendar .owl-nav button.owl-prev span,
    .js-tabs-nav-calendar .owl-nav button.owl-next span {
      border-style: solid;
      border-color: #00833e;
      border-width: 0 0.2rem 0.2rem 0;
      padding: 0.8rem;
      margin-top: -0.1rem;
      display: block;
      font-size: 0;
      transform: rotate(-45deg);
      transition-duration: 0.5s; }
    .js-tabs-nav-calendar .owl-nav button.owl-prev::before,
    .js-tabs-nav-calendar .owl-nav button.owl-next::before {
      content: "";
      position: absolute;
      top: 50%;
      right: -1.5rem;
      transform: translateY(-50%);
      width: 9.5rem;
      height: 3.6rem;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0, #fff 60%); }
    .js-tabs-nav-calendar .owl-nav button.owl-prev.disabled,
    .js-tabs-nav-calendar .owl-nav button.owl-next.disabled {
      display: none; }
  .js-tabs-nav-calendar .owl-nav button.owl-prev {
    left: 0; }
    .js-tabs-nav-calendar .owl-nav button.owl-prev span {
      border-width: 0.2rem 0 0 0.2rem; }

      @media (max-width: 767px) {
        .js-tabs-nav-calendar .owl-nav button.owl-prev span {
          margin-left: 1rem; } }
    .js-tabs-nav-calendar .owl-nav button.owl-prev::before {
      right: auto;
      left: -1.5rem;
      background: linear-gradient(90deg, #fff 0, transparent 100%); }
  .js-tabs-nav-calendar .owl-nav button.owl-next {
    right: 0; }

    @media (max-width: 767px) {
      .js-tabs-nav-calendar .owl-nav button.owl-next span {
        margin-left: -1rem; } }
  .js-tabs-nav-calendar .center .tab-anchor {
    background: #00833e;
    color: #fff;
    padding: 2rem 2rem 1.7rem; }
  .js-tabs-nav-calendar .tab-anchor {
    cursor: pointer; }

.block-etiquette-slider {
  padding: 8rem 0 7.5rem; }

  @media (max-width: 767px) {
    .block-etiquette-slider {
      position: relative;
      padding: 3.5rem 0; } }
  .block-etiquette-slider__title {
    margin: 0;
    font-size: 3.5rem;
    text-transform: uppercase; }

    @media (max-width: 767px) {
      .block-etiquette-slider__title {
        font-size: 2.1rem; } }
  .block-etiquette-slider__subtitle {
    margin-bottom: 5rem;
    font-weight: 300;
    font-size: 2.9rem; }

    @media (max-width: 767px) {
      .block-etiquette-slider__subtitle {
        margin-bottom: 1.5rem;
        font-weight: normal;
        font-size: 1.7rem;
        line-height: 1.2; } }
  .block-etiquette-slider .slider-wraper {
    margin-bottom: 6.7rem; }

    @media (max-width: 767px) {
      .block-etiquette-slider .slider-wraper {
        margin: 0 -1.5rem 0; } }
  .block-etiquette-slider .owl-dots {
    display: none;
    margin: 10.3rem 1.5rem 0;
    padding-top: 1.7rem;
    border-top: 0.2rem solid #00833e; }

    @media (max-width: 767px) {
      .block-etiquette-slider .owl-dots {
        display: block !important; } }
  .block-etiquette-slider .owl-nav {
    display: block !important; }

  @media (max-width: 767px) {
    .block-etiquette-slider .owl-nav button.owl-prev,
    .block-etiquette-slider .owl-nav button.owl-next {
      top: 5.3rem;
      background: 0; }
    .block-etiquette-slider .owl-nav button.owl-prev {
      margin-left: -13rem; }
    .block-etiquette-slider .owl-nav button.owl-next {
      margin-right: -13rem; } }
  .block-etiquette-slider .slide {
    padding: 1rem; }

    @media (max-width: 767px) {
      .block-etiquette-slider .slide {
        width: 20.1rem; } }
  .block-etiquette-slider .owl-item img {
    width: auto;
    margin: 0 auto;
    box-shadow: -0.5rem 0.6rem 1.5rem -1.3rem rgba(0, 0, 0, 0.75); }
  .block-etiquette-slider a:hover img {
    box-shadow: -0.54rem 0.4rem 1.4rem -1.2rem rgba(0, 0, 0, 0.95); }

  @media (max-width: 767px) {
    .block-etiquette-slider .btn {
      position: absolute;
      bottom: 10.1rem;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1;
      padding: 1.2rem 1rem 0.7rem;
      font-size: 1.35rem;
      white-space: nowrap; } }

.board-etiquettes {
  max-width: 116rem;
  margin: 0 auto; }
  .board-etiquettes__inner {
    display: flex;
    margin: 0 -1.2rem; }

    @media (max-width: 767px) {
      .board-etiquettes__inner {
        flex-direction: column; } }
  .board-etiquettes__col {
    flex: 0 0 calc(50% - 2.4rem);
    margin: 0 1.2rem; }
  .board-etiquettes__quantity,
 .board-etiquettes__add-new {
    padding: 2.8rem 2.5rem 3rem;
    background: #00833e;
    color: #fff;
    text-align: center; }

    @media (max-width: 767px) {
      .board-etiquettes__quantity,
 .board-etiquettes__add-new {
        padding: 1.5rem; } }
    .board-etiquettes__quantity p,
 .board-etiquettes__add-new p {
      margin-bottom: 1.5rem; }
  .board-etiquettes__quantity {
    margin-bottom: 2.4rem;
    padding-bottom: 2.5rem; }
    .board-etiquettes__quantity form {
      display: flex;
      align-items: center;
      padding-top: 0.5rem;
      padding-left: 3.3rem;
      margin: 0;
      text-align: left; }

      @media (max-width: 1365px) {
        .board-etiquettes__quantity form {
          padding-left: 0; } }

      @media (max-width: 1120px) {
        .board-etiquettes__quantity form {
          flex-direction: column; } }
    .board-etiquettes__quantity .selection {
      flex: 0 0 16.3rem;
      max-width: 16.3rem;
      margin-right: 2.4rem; }

      @media (max-width: 1365px) {
        .board-etiquettes__quantity .selection {
          flex: 0 0 13rem;
          margin-right: 2rem; } }

      @media (max-width: 1120px) {
        .board-etiquettes__quantity .selection {
          margin: 0 0 2rem; } }
      .board-etiquettes__quantity .selection:empty + div {
        opacity: 0.5;
        pointer-events: none; }

    @media (max-width: 1120px) {
      .board-etiquettes__quantity .fields {
        text-align: center; } }
    .board-etiquettes__quantity .selectric {
      display: inline-block;
      border-color: #fff; }
      .board-etiquettes__quantity .selectric .label {
        font-weight: bold;
        height: 40px;
        text-transform: uppercase; }
      .board-etiquettes__quantity .selectric .button {
        font-size: 0; }
        .board-etiquettes__quantity .selectric .button::before,
 .board-etiquettes__quantity .selectric .button::after {
          position: absolute;
          left: 1.5rem;
          font-size: 2.5rem;
          font-family: "slsicon";
          line-height: 1; }
        .board-etiquettes__quantity .selectric .button::before {
          content: "";
          top: -0.2rem; }
        .board-etiquettes__quantity .selectric .button::after {
          content: "";
          margin-top: 0.5rem;
          top: 1.2rem; }
      .board-etiquettes__quantity .selectric-items {
        color: #00833e; }
        .board-etiquettes__quantity .selectric-items li.selected,
 .board-etiquettes__quantity .selectric-items li:hover,
 .board-etiquettes__quantity .selectric-items li.highlighted {
          background: #b3d4c1;
          color: #00833e; }
    .board-etiquettes__quantity .btn {
      margin-top: 1.2rem;
      padding-right: 0.7rem;
      padding-left: 0.7rem; }

  @media (max-width: 767px) {
    .board-etiquettes__add-new p {
      display: none; } }

  @media (max-width: 1365px) {
    .board-etiquettes .btn {
      padding-right: 0.7rem;
      padding-left: 0.7rem;
      font-size: 1.8rem; } }

  @media (max-width: 767px) {
    .board-etiquettes .btn {
      font-size: 1.6rem; } }
  .board-etiquettes__board {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 2rem 0;
    background: #b3d4c1; }

    @media (max-width: 1120px) {
      .board-etiquettes__board {
        align-items: flex-start; } }

    @media (max-width: 767px) {
      .board-etiquettes__board {
        padding-top: 2.4rem;
        background: 0; } }
  .board-etiquettes__footer {
    margin-top: 5.2rem; }

    @media (max-width: 1023px) {
      .board-etiquettes__footer {
        margin-top: 3rem; } }
    .board-etiquettes__footer .btn {
      margin-bottom: 5.3rem; }

      @media (min-width: 1023px) {
        .board-etiquettes__footer .btn {
          padding-left: 3.5rem;
          padding-right: 3.5rem; } }

      @media (max-width: 1023px) {
        .board-etiquettes__footer .btn {
          margin-bottom: 3rem; } }
    .board-etiquettes__footer .title-border,
 .board-etiquettes__footer .block-nouveaute h2,
 .block-nouveaute .board-etiquettes__footer h2,
 .board-etiquettes__footer .block-edito h2,
 .block-edito .board-etiquettes__footer h2 {
      margin-bottom: 1.5rem;
      font-weight: bold;
      font-size: 2.4rem;
      text-transform: none; }

      @media (max-width: 767px) {
        .board-etiquettes__footer .title-border,
 .board-etiquettes__footer .block-nouveaute h2,
 .block-nouveaute .board-etiquettes__footer h2,
 .board-etiquettes__footer .block-edito h2,
 .block-edito .board-etiquettes__footer h2 {
          font-size: 2.2rem; } }

.board {
  width: 29.6rem;
  padding: 0.7rem 0;
  background: #fff; }
  .board .row {
    width: 27.4rem;
    margin: 0 auto; }
  .board .etiquette-item {
    position: relative;
    float: left;
    width: 12.5rem;
    height: 9.3rem;
    margin: 0.6rem 0.6rem;
    overflow: hidden;
    border: 0.1rem solid #00833e; }
    .board .etiquette-item::before,
 .board .etiquette-item::after {
      content: "";
      position: absolute;
      top: 3.6rem;
      left: -1.9rem;
      width: 150%;
      height: 0.1rem;
      background: #00833e;
      transform: rotate(143.5deg); }
    .board .etiquette-item::before {
      transform: rotate(-143.5deg);
      left: -4.3rem; }
    .board .etiquette-item img {
      position: relative;
      z-index: 1;
      height: 100%;
      width: auto;
      margin: 0 auto; }
    .board .etiquette-item .selection {
      height: 100%; }
  .board .icon-close {
    display: none;
    top: 0;
    right: 0;
    z-index: 2;
    width: 2.3rem;
    height: 2.3rem;
    background: #00833e;
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.3rem; }
  .board .full .etiquette-item::before,
 .board .full .etiquette-item::after {
    display: none; }
  .board .full .icon-close {
    display: block; }

.home .site-main {
  padding-top: 0; }

  @media (max-width: 767px) {
    .home .site-main {
      padding-top: 0; } }

.home .block-hp-intro {
  padding-top: 13rem; }

  @media (max-width: 767px) {
    .home .block-hp-intro {
      padding-top: 5.5rem; } }

.home .site-header {
  background: transparent; }
  .home .site-header::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    background: url("images/bg/bg-green-header.jpg") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    transition-duration: 0.3s;
    top: 0; }

    @media (max-width: 1199px) {
      .home .site-header::before {
        background-image: url("images/bg/bg-green-header-md.jpg"); } }

    @media (max-width: 767px) {
      .home .site-header::before {
        background-image: url("images/bg/bg-green-header-sm.jpg"); } }
  .home .site-header.scrolled::before {
    opacity: 1; }

.home .block-nouveaute .hide-sm img {
  width: 100%; }

.error404 .site-main {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.error404 .site-footer {
  flex: 0 0 auto; }

.error404 .main {
  flex: 1 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center; }

.error404 .page-title {
  padding: 0 20px; }

@media (max-width: 767px) {
  .error404 .page-title {
    margin: 7rem 0; } }

.d-print {
  display: none; }

@media print {
  .d-print {
    display: block; }
  .recette-template-default {
    font-size: 1.6rem; }
    .recette-template-default .site-header-container,
    .recette-template-default .site-footer,
    .recette-template-default .breadcrumbs,
    .recette-template-default .btn--green,
    .recette-template-default .detail-recette ~ *:not(.block-recette-astuces):not(.user-annotation-wrapper),
    .recette-template-default .detail-recette__ingredients__buy {
      display: none !important; }
    .recette-template-default .site-main {
      padding: 0; }
    .recette-template-default .site-header {
      position: static;
      margin-bottom: 5rem;
      padding: 0;
      background: 0; }
    .recette-template-default .detail-recette {
      padding: 0; }
      .recette-template-default .detail-recette h1 {
        font-size: 3rem; }
      .recette-template-default .detail-recette__top {
        padding: 0; }
        .recette-template-default .detail-recette__top__pic {
          max-width: 25rem;
          margin-bottom: 5.5rem; }
      .recette-template-default .detail-recette__detail {
        display: block;
        padding: 0;
        box-shadow: none; }
        .recette-template-default .detail-recette__detail picture {
          float: right;
          max-width: 29rem;
          margin-left: 4rem; }
        .recette-template-default .detail-recette__detail .details {
          justify-content: flex-start; }
      .recette-template-default .detail-recette__ingredients__details {
        display: block; }
      .recette-template-default .detail-recette__ingredients__list .title {
        color: #00833e;
        font-weight: bold;
        font-size: 2rem; }
      .recette-template-default .detail-recette__ingredients__list .list {
        font-size: 1.8rem; }
      .recette-template-default .detail-recette .step-title {
        font-size: 1.8rem; }
      .recette-template-default .detail-recette__instructions .step {
        font-size: 1.6rem; }
        .recette-template-default .detail-recette__instructions .step strong {
          font-size: 1.8rem; }
    .recette-template-default .title-count {
      justify-content: flex-start;
      margin: 4rem 0 3rem; }
      .recette-template-default .title-count::before,
 .recette-template-default .title-count::after {
        content: none; }
      .recette-template-default .title-count__inner {
        display: block;
        padding: 0;
        background: 0;
        color: #00833e;
        font-weight: bold;
        font-size: 2.3rem;
        text-align: left; }
        .recette-template-default .title-count__inner::after {
          content: ":"; }
      .recette-template-default .title-count .btn,
      .recette-template-default .title-count .shape {
        display: none; }
      .recette-template-default .title-count div {
        display: inline; }
      .recette-template-default .title-count .title-count__number {
        display: inline;
        color: #00833e;
        margin: 0;
        font-weight: bold;
        font-size: 2.4rem; }
    .recette-template-default .block-recette-astuces {
      margin-bottom: 5rem; }
      .recette-template-default .block-recette-astuces__inner {
        display: block;
        padding: 0;
        text-align: center;
        background: 0;
        color: #00833e; }
      .recette-template-default .block-recette-astuces h2:not(.d-print),
      .recette-template-default .block-recette-astuces .text {
        display: none; }
      .recette-template-default .block-recette-astuces__product-name {
        display: block;
        font-weight: bold;
        font-size: 2rem; }
      .recette-template-default .block-recette-astuces picture {
        max-width: 20rem;
        margin: 4rem auto;
        box-shadow: none; }
    .recette-template-default .user-annotation-wrapper {
      display: block; } }

.product-alert-information {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .product-alert-information a.btn {
    white-space: nowrap;
    font-size: 20px; }

  @media (max-width: 576px) {
    .product-alert-information {
      flex-direction: column; } }

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton,
 div#tarteaucitron button#tarteaucitronSaveButton {
  background: #00833e;
  border: 2px solid #00833e;
  color: #fff;
  padding: 0.5rem 1.5rem;
  line-height: 2.5rem;
  min-height: 2.5rem;
  margin: 0.5rem;
  border-radius: 0; }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize:hover,
  #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton:hover,
 div#tarteaucitron button#tarteaucitronSaveButton:hover {
    background: #fff;
    color: #000; }

#tarteaucitronRoot #tarteaucitronAlertBig::before {
  display: none; }

#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
  background-color: #fff !important;
  border: 2px solid #00833e;
  max-width: 95%;
  padding: 3rem 1rem;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-end; }

  @media screen and (min-width: 48em) {
    #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
      max-width: 50rem;
      padding: 4rem 2rem;
      left: auto;
      right: 2.5rem;
      bottom: 2.5rem; } }

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  color: #000; }

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  color: #000;
  margin-top: 1rem;
  margin-bottom: 2rem;
  order: 1;
  line-height: 1.5; }

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  margin-top: 1rem; }

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  background-color: #fff;
  border: 2px solid #00833e;
  color: #000;
  order: 1; }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover {
    background: #00833e;
    color: #fff; }

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2 {
  order: 2; }

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize {
  order: 3; }

div#tarteaucitron #tarteaucitronClosePanel {
  background-color: #00833e;
  border: 1px solid #00833e; }
  div#tarteaucitron #tarteaucitronClosePanel:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000; }

div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk button {
  background-color: #fff !important;
  border-radius: 0 !important;
  border: 1px solid #00833e !important;
  color: #000 !important;
  opacity: 1 !important; }
  div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk button .tarteaucitronCheck::before,
 div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk button .tarteaucitronCross::before {
    color: #000 !important; }
  div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk button:hover,
 div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk button.tarteaucitronIsSelected,
 div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk button[aria-pressed="true"] {
    background-color: #00833e !important;
    color: #fff !important; }
    div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk button:hover .tarteaucitronCheck::before,
 div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk button:hover .tarteaucitronCross::before,
 div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk button.tarteaucitronIsSelected .tarteaucitronCheck::before,
 div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk button.tarteaucitronIsSelected .tarteaucitronCross::before,
 div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk button[aria-pressed="true"] .tarteaucitronCheck::before,
 div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk button[aria-pressed="true"] .tarteaucitronCross::before {
      color: #fff !important; }

div#tarteaucitron #tarteaucitronServices .tarteaucitronAsk .tarteaucitronAllow {
  display: inline-block; }

div#tarteaucitron #tarteaucitronServices .tarteaucitronH1,
 div#tarteaucitron #tarteaucitronServices .tarteaucitronH2,
 div#tarteaucitron #tarteaucitronServices #tarteaucitronInfo {
  color: #000; }

div#tarteaucitron #tarteaucitronServices #tarteaucitronInfo {
  color: #000;
  background: #fff; }

div#tarteaucitron #tarteaucitronServices .tarteaucitronH3 {
  display: block;
  font-weight: 700;
  margin-bottom: 1.5rem;
  max-width: 24rem; }

div#tarteaucitron #tarteaucitronServices .tarteaucitronH3 + span {
  display: block;
  font-size: 10px;
  font-size: 1.5rem; }

div#tarteaucitron .tarteaucitronHidden,
 div#tarteaucitron .tarteaucitronLine,
 div#tarteaucitron #tarteaucitronSave {
  background-color: #fff !important; }

div#tarteaucitron button#tarteaucitronSaveButton {
  border-radius: 0 !important;
  border: 1px solid #00833e; }
  div#tarteaucitron button#tarteaucitronSaveButton:hover {
    background: white;
    color: #000; }

#tarteaucitronServicesTitle_mandatory .tarteaucitronTitle {
  margin-bottom: 1rem; }

#tarteaucitronServicesTitle_mandatory .tarteaucitronAsk {
  position: relative;
  top: auto;
  right: auto; }