/*
 Theme Name:   Altereco
 Theme URI:    /
 Description:  Altereco By SEO.fr (Design by Mouton Noir)
 Author:       SEO.fr
 Author URI:   https://www.seo.fr
 Template:     generatepress
 Version:      0.1
*/

/* General START */
:root{
    --bg-default: #f9f9eb;
    --brown: #3C302C;
    --pink: #FF6E8F;
    --yellow: #F5B208;
    --golden: #B7973A;
    --bg-btn: url('assets/img/bg-btn.svg');
    --bg-btn-hover: url('assets/img/bg-btn-hover.svg');
    --bg-btn-secondary: url('assets/img/bg-btn-secondary.svg');
    --bg-btn-third: url('assets/img/bg-btn-third.svg');
}

@font-face {
    font-family: 'Alter Eco_V2';
    src: url('assets/fonts/altereco-Regular.eot');
    src: url('assets/fonts/altereco-Regulard41d.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/altereco-Regular.woff2') format('woff2'),
        url('assets/fonts/altereco-Regular.woff') format('woff'),
        url('assets/fonts/altereco-Regular.ttf') format('truetype'),
        url('assets/fonts/altereco-Regular.svg#altereco') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* @import url("https://p.typekit.net/p.css?s=1&k=mao0sgv&ht=tk&f=10875.32265&a=2550867&app=typekit&e=css");

@font-face {
    font-family:"din-condensed";
    src:url("https://use.typekit.net/af/cfbead/0000000000000000000146b3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/cfbead/0000000000000000000146b3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/cfbead/0000000000000000000146b3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family:"din-condensed";
    src:url("https://use.typekit.net/af/6bdfe3/000000000000000077359e30/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/6bdfe3/000000000000000077359e30/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/6bdfe3/000000000000000077359e30/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
} */

@font-face {
    font-family: 'DIN Pro Cond';
    src: url('assets/fonts/dinpro/DINPro-CondensedMedium.woff2') format('woff2'),
        url('assets/fonts/dinpro/DINPro-CondensedMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('assets/fonts/dinpro/DINPro-Black.woff2') format('woff2'),
        url('assets/fonts/dinpro/DINPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('assets/fonts/dinpro/DINPro.woff2') format('woff2'),
        url('assets/fonts/dinpro/DINPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url('assets/fonts/dinpro/DINPro-CondensedBold.woff2') format('woff2'),
        url('assets/fonts/dinpro/DINPro-CondensedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('assets/fonts/dinpro/DINPro-Bold.woff2') format('woff2'),
        url('assets/fonts/dinpro/DINPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('assets/fonts/dinpro/DINPro-LightItalic.woff2') format('woff2'),
        url('assets/fonts/dinpro/DINPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url('assets/fonts/dinpro/DINPro-CondensedRegular.woff2') format('woff2'),
        url('assets/fonts/dinpro/DINPro-CondensedRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('assets/fonts/dinpro/DINPro-Italic.woff2') format('woff2'),
        url('assets/fonts/dinpro/DINPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('assets/fonts/dinpro/DINPro-Regular.woff2') format('woff2'),
        url('assets/fonts/dinpro/DINPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('assets/fonts/dinpro/DINPro-Light.woff2') format('woff2'),
        url('assets/fonts/dinpro/DINPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('assets/fonts/dinpro/DINPro-Medium.woff2') format('woff2'),
        url('assets/fonts/dinpro/DINPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "DIN Pro Cond", sans-serif;
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Alter Eco_V2';
}

h2 {
    line-height: 64px;
    font-size: 60px;
}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{
    background: none !important;
}

#site{
    margin-top: -200px;
    background: var(--bg-default);
    overflow: hidden;
}

#site, .texture{
    position: relative;
}

#site::before, .texture::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
}

.btn a{
    background: url('assets/img/bg-btn.svg') !important;
    background-size: cover !important;
    color: #fff !important;
    font-family: 'Alter Eco_V2';
    font-size: 24px !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    padding: 15px 30px !important;
    -webkit-transition: all ease 300ms;
       -moz-transition: all ease 300ms;
        -ms-transition: all ease 300ms;
         -o-transition: all ease 300ms;
            transition: all ease 300ms;
}

.btn a:hover{
    background: url('assets/img/bg-btn-hover.svg') !important;
    background-size: cover !important;
    color: var(--brown) !important;
}

.btn.btn-secondary a{
    /* background: var(--bg-btn-secondary) no-repeat !important; */
    background: url('assets/img/bg-btn-secondary.svg') no-repeat !important;
    background-size: 99% !important; 
    color: var(--brown) !important;
}

.btn.btn-third a{
    /* background: var(--bg-btn-third) no-repeat !important; */
    background: url('assets/img/bg-btn-third.svg') no-repeat !important;
    background-size: 99% 100% !important;
    color: #333 !important;
}

.btn.btn-blue a{
    background: url('assets/img/bg-btn-blue.svg') no-repeat !important;
}

.btn.btn-blue a:hover{
    background: url('assets/img/bg-btn.svg') no-repeat !important;
    color: #fff !important;
}

/* .skew-bottom-left{
    clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
} */

.skew-bottom-left{
    clip-path: polygon(0 0, 101% 0, 101% 95%, 0% 100%);
}

#content .entry-content > div:first-child{
    padding-top: 200px !important;
}

body.single-product #content .entry-content > div:first-child{
    padding-top: 120px !important;
    padding-bottom: 40px;
}

body.single-product #content .category_product-cafes .entry-content > div:first-child,
body.single-product #content .category_product-thes .entry-content > div:first-child,
body.single-product #content .category_product-riz-quinoa .entry-content > div:first-child,
body.single-product #content .category_product-tartinables .entry-content > div:first-child,
body.single-product #content .category_product-sucres .entry-content > div:first-child {
    margin-top: 210px;
}

.category_product-cafes .infos-product,
.category_product-thes .infos-product,
.category_product-riz-quinoa .infos-product,
.category_product-tartinables .infos-product,
.category_product-sucres .infos-product {
    padding-top: 0;
}

.category_product-cafes .img-product .wpb_single_image .vc_single_image-wrapper::before {
    top: 0;
}

.category_product-cafes .img-product .wpb_single_image .vc_single_image-wrapper::after {
    left: -86px;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-65 {
    margin-bottom: 65px !important;
}

.mb-180 {
    margin-bottom: 180px !important;
}

a{
    color: #222;
    text-decoration: underline;
}
/* General END */

/* Header START */
header#main-header{
    position: relative;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    
    align-items: center;
    padding: 30px 60px;
    z-index: 90;
}

#logo{
    width: 212px;
    margin-right: 75px;
}

#primary-menu .menu-principal-container > ul{
    /* margin: 35px 0 0; */
    margin: 0 0 0;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
}

#primary-menu li.menu-item-has-children > .sub-menu {
    display: none;
}

#primary-menu ul li{
    position: relative;
    list-style-type: none;
    /* margin-right: 55px; */
    margin-right: 30px;
}

#primary-menu ul.sub-menu li{
    margin-right: 0;
}

#primary-menu ul li:last-child{
    margin-right: 0;
}

#primary-menu ul li a{
    display: inline-block;
    padding: 10px 13px;
    color: #fff;
    font-family: 'Alter Eco_V2';
    font-size: 20px;
    letter-spacing: 0.4px;
    text-decoration: none;
}

/* body.page-id-247 #primary-menu > div > ul > li > a,
body.page-id-512 #primary-menu > div > ul > li > a{
    color: var(--brown);
} */

#primary-menu ul.sub-menu li a{
    display: block;
    padding: 0;
}

#primary-menu ul.sub-menu li:not(:last-child) a{
    margin-bottom: 15px;
    padding-bottom: 15px;
    /* border-bottom: 2px dashed #fff; */
    border-bottom: 2px dashed rgba(255,255,255,0.2);
}

#primary-menu ul li.special a{
    padding: 10px 15px 10px 45px;
    position: relative;
    /* background: var(--bg-btn); */
    background: url('assets/img/bg-btn.svg');
}

#primary-menu ul li.special a:hover{
    /* background: var(--bg-btn-hover); */
    background: url('assets/img/bg-btn-hover.svg');
    color: var(--brown);
}

#primary-menu ul li.special a::before{
    content: "";
    display: block;
    background-image: url('assets/img/diag-arrow.svg');
    background-size: 100% 100%;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 15px;
    top: 50%;
    color: #fff;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    display: block;
}

#primary-menu ul li.special a:hover::before{
    background-image: url('assets/img/diag-arrow-hover.svg');
}

#primary-menu ul.sub-menu{
    position: absolute;
    top: 100%;
    left: -15px;
    /* display: none; */
    width: 280px;
    margin-left: 0;
    padding: 30px;
    /* background-color: #3C302C; */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    /* mix-blend-mode: multiply; */
    /* clip-path: polygon(0 0, 1% 100%, 100% 97%, 100% 6%); */
    transition: all .5s ease-in-out;
}

@media all and (max-width: 991px) {
    #primary-menu ul.sub-menu{
        display: none;
        position: relative;
        left: 0;
        width: 100%;
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transition: none;
    }
}

#primary-menu ul.sub-menu:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3C302C;
    /* clip-path: polygon(0 0, 1% 100%, 100% 97%, 100% 6%); */
    clip-path: polygon(0 0, 3px 100%, 100% 97%, 100% 10px);
    mix-blend-mode: multiply;
    pointer-events: none;
}

@media all and (max-width: 991px) {
    #primary-menu ul.sub-menu:before{
        mix-blend-mode: normal;
    }

    #primary-menu ul.sub-menu li:not(:last-child) a {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
}

#primary-menu > div > ul > li.active > a + .sub-menu {
    /* display: block; */
    visibility: visible;
    pointer-events: all;
    opacity: 1;
}

#burger-menu {
    display: none;
    width: 30px;
    height: 25px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#burger-menu span {
    display: block;
    position: absolute;
    height: 4px;
    width: 50%;
    background: #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#burger-menu span:nth-child(even) {
  left: 50%;
  -webkit-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0;
}

#burger-menu span:nth-child(odd) {
  left:0px;
  -webkit-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
}

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

#burger-menu span:nth-child(3), #burger-menu span:nth-child(4) {
  top: 10px;
}

#burger-menu span:nth-child(5), #burger-menu span:nth-child(6) {
  top: 20px;
}

#main-header.open #burger-menu span:nth-child(1),#main-header.open #burger-menu span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#main-header.open #burger-menu span:nth-child(2),#main-header.open #burger-menu span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-header.open #burger-menu span:nth-child(1) {
  left: 4px;
  top: 7px;
}

#main-header.open #burger-menu span:nth-child(2) {
  left: calc(50% - 4px);
  top: 7px;
}

#main-header.open #burger-menu span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#main-header.open #burger-menu span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#main-header.open #burger-menu span:nth-child(5) {
  left: 4px;
  top: 14px;
}

#main-header.open #burger-menu span:nth-child(6) {
  left: calc(50% - 4px);
  top: 14px;
}
/* Header END */

/* Slider START */
/* #rev_slider_1_1 > *, #rev_slider_3_1 > *, rs-module, rs-slide {
    overflow: visible !important;
}

#rev_slider_1_1_wrapper,
#rev_slider_3_1_wrapper {
    background: #ff6e8f !important;
}

#rev_slider_1_1_wrapper::before,
#rev_slider_3_1_wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
}

.home-slide-title {
    font-family: 'Alter Eco_V2' !important;
}

.slider-btn {
    position: absolute;
    top: -130px;
    left: 50%;
    transform: translateX(-50%);
} */
/* Slider END */

/* Slider START */
.home .skew-bottom-left {
    /* clip-path: polygon(0 0, 101% 0, 101% calc(100% - 80px), 0% 100%); */
    clip-path: none;
}

.home-slide-1::after, .home-slide-chocolat::after, .home-slide-engagements::after, .home-slide-tabous::after, .home-slide-act-chill::after, .home-slide-monde::after {
    content: '';
    display: block !important;
    background-image: url("assets/img/home/SLIDER-AE-Engagements.png");
    background-size: 100% 100%;
    width: 1920px;
    height: 160px;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    /* visibility: hidden; */
}

/* .sr-slide1 .home-slide-1::after, .sr-slide2 .home-slide-chocolat::after, .sr-slide3 .home-slide-engagements::after, .sr-slide4 .home-slide-tabous::after, .sr-slide5 .home-slide-act-chill::after {
    visibility: visible;
} */

.home-slide-act-chill::after {
    z-index: 20;
    visibility: hidden;
}

.sr-slide5 .home-slide-act-chill::after {
    visibility: visible;
}

.slide-act-chill-img {
    z-index: 30 !important;
}

#rev_slider_1_1 > *,
#rev_slider_3_1 > *,
#rev_slider_4_1 > *,
#rev_slider_5_1 > *,
rs-module,
rs-slide {
    overflow: visible !important;
}

#rev_slider_1_1_wrapper,
#rev_slider_3_1_wrapper,
#rev_slider_4_1_wrapper {
    /* background: #ff6e8f !important; */
    /* mix-blend-mode: multiply; */
    /* padding-top: 60px;
    padding-bottom: 60px; */
}

#rev_slider_5_1_wrapper {
    /* background: #2d939a !important; */
}

#rev_slider_1_1_wrapper::before,
#rev_slider_3_1_wrapper::before,
#rev_slider_4_1_wrapper::before {
    /* content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background: #ff6e8f;
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
    z-index: 0; */
    /* content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none; */
}

/* .home-slide {
    mix-blend-mode: multiply;
} */

.home-slide-title {
    font-family: 'Alter Eco_V2' !important;
}

.slider-btn {
    position: absolute;
    /* top: -130px; */
    top: -165px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

/* .slider-btn::after {
    content: '';
    display: block;
    background-image: url("./assets/img/home/slider-btn.svg");
    background-size: 100% 100%;
    width: 77px;
    height: 78px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
} */

.home-slide-1 {
    background: #ff6e8f;
    visibility: visible;
}

.home-slide-chocolat {
    background: #6ec2d2;
    visibility: visible;
}

.home-slide-engagements {
    background: #3d9565;
    visibility: visible;
}

.home-slide-tabous {
    background: #85488e;
    visibility: visible;
}

.home-slide-act-chill {
    background: #f7b50e;
    visibility: visible;
}

.home-slide-monde {
    background: #e5c80b;
    visibility: visible;
}

.home-slide-1::before,
.home-slide-chocolat::before,
.home-slide-engagements::before,
.home-slide-tabous::before,
.home-slide-act-chill::before,
.home-slide-monde::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
    visibility: visible;
    /* z-index: 500; */
}

.slide-engagements-title span {
    color: #bbd2aa;
}

.slide-tabous-title span {
    position: relative;
    top: 20px;
    color: #73154a;
    font-size: 45px;
}

.slide-monde-title {
    color: #602a18;
}

.slide-monde-title span {
    color: #efebe3;   
}

@media all and (max-width: 1199px) {
    .slide-tabous-title span {
        top: 0;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
    body.home.sr-slide1 header#main-header {
        background: #ff6e8f;
    }
    body.home.sr-slide2 header#main-header {
        background: #6ec2d2;
    }
    body.home.sr-slide3 header#main-header {
        background: #3d9565;
    }
    body.home.sr-slide4 header#main-header {
        background: #85488e;
    }
    body.home.sr-slide5 header#main-header {
        background: #f7b50e;
    }
}

@media all and (max-width: 991px) {
    body.home.sr-slide1 header#main-header {
        background: #ff6e8f;
    }
    body.home.sr-slide2 header#main-header {
        background: #6ec2d2;
    }
    body.home.sr-slide3 header#main-header {
        background: #3d9565;
    }
    body.home.sr-slide4 header#main-header {
        background: #85488e;
    }
    body.home.sr-slide5 header#main-header {
        background: #f7b50e;
    }
}

.home .tp-bullet-title {
    display: none;
}

/* @media all and (max-width: 991px) {
    body.home header#main-header {
        background: transparent !important;
    }

    body.home header#main-header::before {
        content: none !important;
    }
    
    .home #site {
        margin-top: -107px !important;
    }
} */

#rev_slider_4_1_forcefullwidth .tp-bullets,
#rev_slider_5_1_forcefullwidth .tp-bullets {
    transform: translate(-52px, -160px) !important;
}
/* Slider END */

/* Slider new */
/* #rev_slider_5_1_forcefullwidth .slide-tabous-bulles {
    z-index: 1;
} */

#rev_slider_5_1_forcefullwidth {
    padding-bottom: 30px;
}

body.page-id-5717 #rev_slider_5_1_forcefullwidth {
    padding-bottom: 30px;
}

@media all and (max-width: 991px) {
    #rev_slider_5_1_forcefullwidth .home-slide-img {
        max-width: 205px !important;
    }
}

#rev_slider_5_1_forcefullwidth #slide-tabous-bulles {
    z-index: 1 !important;
}

#rev_slider_5_1_forcefullwidth .slide-tabous-title span {
    display: inline-block;
    top: -20px;
    line-height: 45px;
    color: #fff;
}

@media all and (max-width: 1200px) {
    #rev_slider_5_1_forcefullwidth .slide-tabous-title span {
        top: 0;
    }
}

#rev_slider_5_1_forcefullwidth .slide-tabous-title b {
    color: #fff;
    font-weight: 500;
}

#rev_slider_5_1 .slide-product-title span {
    color: #c0b82d;
}
/* END Slider new */

/* Homepage START */
.home #content .entry-content > div:first-child,
body.page-id-5717 #content .entry-content > div:first-child{
    padding-top: 0 !important;
}

.home-first-section {
    position: relative;
}

.home-gammes-title {
    margin-top: 50px;
    margin-bottom: 45px;
}

.wrapper-gammes {
    /* margin-left: 17%; */
}

.wrapper-gammes > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-direction: row;
    /* gap: 138px; */
    padding-left: 17%;
    padding-right: 20px;
    padding-top: 60px;
    overflow-x: scroll;
    overflow-y: hidden;
    will-change: transform;
    user-select: none;
    -moz-user-select: none;
    cursor: pointer;
    scrollbar-width: none;
}

/* .wrapper-gammes > .vc_column-inner > .wpb_wrapper {
    margin: -0.5em;
} */

.wrapper-gammes > .vc_column-inner > .wpb_wrapper > .vc_row:not(:last-of-type) {
    margin-right: 138px !important;
}

.wrapper-gammes > .vc_column-inner > .wpb_wrapper::-webkit-scrollbar {
    display: none;
}

.wrapper-gammes > .vc_column-inner > .wpb_wrapper > * {
    flex: 0 0 auto;
}

.wrapper-gammes > .vc_column-inner > .wpb_wrapper img {
    user-select: none;
}

.wrapper-gammes > .vc_column-inner > .wpb_wrapper > .wpb_row:nth-child(odd) .wpb_single_image {
    margin-top: 50px;
}

.wrapper-gammes > .vc_column-inner > .wpb_wrapper .vc_single_image-wrapper {
    position: relative;
}

.wrapper-gammes > .vc_column-inner > .wpb_wrapper .vc_single_image-wrapper:after {
    content: '';
    background: url("assets/img/home/gamme-btn.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 18px;
    bottom: 25px;
    width: 60px;
    height: 60px;
}

.wrapper-gammes > .vc_column-inner > .wpb_wrapper > .vc_row:nth-child(even) .vc_single_image-wrapper:after {
    right: 18px;
    top: 25px;
    bottom: auto;
}

.gamme-title {
    line-height: 58px;
    margin-top: 27px;
    margin-bottom: 18px;
    font-size: 48px;
}

.gamme-btn {
    display: none;
}

.gamme-chocolats .vc_single_image-wrapper::before {
    content: "";
    background: url("assets/img/home/gamme-chocolats-produit.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -72px;
    left: 16px;
    width: 272px;
    height: 375px;
    z-index: 20;
}

.gamme-cafes .vc_single_image-wrapper::before {
    content: "";
    background: url("assets/img/home/gamme-cafes-produit.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -100px;
    right: 30px;
    width: 351px;
    height: 436px;
    z-index: 20;
}

.gamme-sucres .vc_single_image-wrapper::before {
    content: "";
    background: url("assets/img/home/gamme-sucres-produit.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 18px;
    left: -6px;
    width: 351px;
    height: 261px;
    z-index: 20;
}

.gamme-thes .vc_single_image-wrapper::before {
    content: "";
    background: url("assets/img/home/gamme-thes-produit.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    /* bottom: -58px;
    left: -70px; */
    bottom: -51px;
    left: -50px;
    width: 408px;
    height: 447px;
    z-index: 20;
}

.wrapper-gammes > .vc_column-inner > .wpb_wrapper .gamme-thes .vc_single_image-wrapper::after {
    top: auto !important;
    right: 18px !important;
    bottom: 25px !important;
}

.gamme-riz-quinoa .vc_single_image-wrapper::before {
    content: "";
    background: url("assets/img/home/gamme-riz-quinoa-produit.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    /* bottom: -58px;
    left: -70px; */
    bottom: -2px;
    left: -24px;
    width: 335px;
    height: 342px;
    z-index: 20;
}

.gamme-tartinables .vc_single_image-wrapper::before {
    content: "";
    background: url("assets/img/home/gamme-tartinables-produit.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    /* bottom: -58px;
    left: -70px; */
    top: -60px;
    right: 20px;
    width: 380px;
    height: 407px;
    z-index: 20;
}

.wrapper-gammes > .vc_column-inner > .wpb_wrapper .gamme-tartinables .vc_single_image-wrapper::after {
    top: auto !important;
    bottom: -2px !important;
    left: 38px !important;
}

.home-section-engagements {
    /* position: relative; */
}

.home-section-engagements::before {
    content: "";
    background: url("assets/img/home/engagements-grains.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 265px;
    height: 508px;
}

.home-section-engagements h2 {
    line-height: 64px;
    margin-bottom: 44px;
    font-size: 60px;
    color: #fff;
}

.home-section-engagements p {
    line-height: 32px;
    font-size: 24px;
    color: #fff;
}

/* .home-engagements-left {
    background: var(--yellow);
    mix-blend-mode: multiply;
} */

.home-engagements-left::before {
    content: '';
    clip-path: polygon(0 0, 0 100%, 100% 98.5%, 100% 0.70%);
    height: 100%;
    width: 100%;
    position: absolute;
    background: var(--yellow);
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
    z-index: 0;
}

.home-engagements-left > .vc_column-inner::before {
    content: "";
    display: block;
    background-image: url("assets/img/home/engagements-left-1.svg");
    background-size: 100% 100%;
    width: 244px;
    height: 262px;
    position: absolute;
    left: 50px;
    top: -16%;
    display: block;
}

.home-engagements-left > .vc_column-inner::after {
    content: "";
    display: block;
    background-image: url("assets/img/home/engagements-left-2.svg");
    background-size: 100% 100%;
    width: 156px;
    height: 165px;
    position: absolute;
    left: 50px;
    bottom: -11%;
    display: block;
    z-index: 10;
}

.home-engagements-left.vc_column_container > .vc_column-inner {
    position: relative;
    padding: 180px 82px 158px 78px;
    z-index: 10;
}

.home-engagements-right {
    margin-top: 45px;
    margin-left: -25px;
    /* background: #529C71;
    mix-blend-mode: multiply; */
}

.home-engagements-right::before {
    content: '';
    /* clip-path: polygon(0 0, 0 100%, 100% 97%, 100% 5%); */
    /* clip-path: polygon(0 0, 0 100%, 99.30% 100%, 100% 5%); */
    clip-path: polygon(0 0, 0 98.36%, 99.78% 100%, 100% 5%);
    height: 100%;
    width: 100%;
    position: absolute;
    background: #529C71;
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
    z-index: 0;
}

.home-engagements-right > .vc_column-inner::before {
    content: "";
    display: block;
    background-image: url("assets/img/home/engagements-right-1.svg");
    background-size: 100% 100%;
    width: 319px;
    height: 330px;
    position: absolute;
    left: 84px;
    top: -26%;
    display: block;
}

.home-engagements-right > .vc_column-inner::after {
    content: "";
    display: block;
    background-image: url("assets/img/home/engagements-right-2.svg");
    background-size: 100% 100%;
    width: 249px;
    height: 209px;
    position: absolute;
    right: 50px;
    bottom: -13%;
    display: block;
}

.home-engagements-right.vc_column_container > .vc_column-inner {
    position: relative;
    padding: 170px 60px 165px 112px;
    z-index: 10;
}

.section-home-history {
    margin-top: 130px;
    margin-bottom: 130px;
}

.section-home-history h2 {
    margin-bottom: 10px;
}

.home-history-subtitle {
    line-height: 38px;
    margin-bottom: 0;
    color: #B59A8E;
    font-family: 'Alter Eco_V2';
    font-size: 32px;
}

.home-history {
    position: relative;
    display: flex;
    flex-direction: row;
}

.home-history:before {
    position: absolute;
    top: 32%;
    left: 23%;
    width: 1541px;
    height: 141px;
    background-image: url("assets/img/home/bg-history.png");
    background-position: top 30% left 40px;
    background-repeat: no-repeat;
}

.vc_section[data-vc-full-width] > .vc_row.home-history {
    margin-top: -35px;
    margin-bottom: 45px;
    padding-top: 80px;
    padding-left: 18.65%;
    overflow-x: scroll;
    overflow-y: hidden;
    will-change: transform;
    user-select: none;
    -moz-user-select: none;
    cursor: pointer;
    scrollbar-width: none;
}

.vc_section[data-vc-full-width] > .vc_row.home-history::-webkit-scrollbar {
    display: none;
}

.home-history > * {
    flex: 0 0 auto;
}

.home-history > div {
    width: auto;
}

/* .home-history .vc_column_container > .vc_column-inner {
    padding-right: 0;
    padding-left: 0;
} */

.home-history-column-1.vc_column_container {
    margin-right: 146px;
}

.home-history-column-2.vc_column_container {
    width: 305px;
    margin-right: 205px;
}

.home-history-column-3.vc_column_container {
    width: 305px;
    margin-right: 205px;
}

.home-history-column-1.vc_column_container .vc_column-inner, .home-history-column-2.vc_column_container .vc_column-inner, .home-history-column-3.vc_column_container .vc_column-inner {
    padding-right: 0;
    padding-left: 0;
}

.home-history-column-1.vc_column_container > .vc_column-inner > .wpb_wrapper > .vc_row, .home-history-column-2.vc_column_container > .vc_column-inner > .wpb_wrapper > .vc_row, .home-history-column-3.vc_column_container > .vc_column-inner > .wpb_wrapper > .vc_row {
    margin-right: 0;
    margin-left: 0;
}

.home-history .wpb_single_image {
    position: relative;
}

.home-history > .home-history-column-2 .wpb_single_image {
    display: flex;
    align-items: end;
    min-height: 364px;
}

.home-history > .home-history-column-3 .wpb_single_image {
    margin-top: -25px;
}

.home-history > .home-history-column-1 .wpb_single_image::before {
    position: absolute;
    top: -25px;
    left: -40px;
    display: block;
    content: '';
    background-image: url('assets/img/home/histoire-1998.svg');
    background-size: 100% 100%;
    width: 120px;
    height: 138px;
    z-index: -1;
}

.home-history > .home-history-column-2 .wpb_single_image::before {
    position: absolute;
    left: -25px;
    bottom: -48px;
    display: block;
    content: '';
    background-image: url('assets/img/home/histoire-2002.svg');
    background-size: 100% 100%;
    width: 140px;
    height: 155px;
    z-index: -1;
}

.home-history > .home-history-column-3 .wpb_single_image::before {
    position: absolute;
    top: -50px;
    right: -17px;
    display: block;
    content: '';
    background-image: url('assets/img/home/histoire-2013.svg');
    background-size: 100% 100%;
    width: 130px;
    height: 173px;
    z-index: -1;
}

.home-history > .home-history-column-1 .wpb_single_image::after {
    content: '';
    position: absolute;
    right: -3%;
    bottom: 33%;
    width: 32px;
    height: 32px;
    background-color: var(--brown);
    border-radius: 500px;
    border: 4px solid #fff;
}

.home-history > .home-history-column-2 .wpb_single_image::after {
    content: '';
    position: absolute;
    right: -5%;
    bottom: 38%;
    width: 32px;
    height: 32px;
    background-color: var(--brown);
    border-radius: 500px;
    border: 4px solid #fff;
}

.home-history > .home-history-column-3 .wpb_single_image::after {
    content: '';
    position: absolute;
    right: -5%;
    bottom: 38%;
    width: 32px;
    height: 32px;
    background-color: var(--brown);
    border-radius: 500px;
    border: 4px solid #fff;
}

.home-history-content > .wpb_column {
    position: relative;
    left: 0;
    transform: translateX(50%);
}

.home-history > .home-history-column-2 .home-history-content > .wpb_column {
    transform: translateX(41%);
}

.home-history > .home-history-column-3 .home-history-content > .wpb_column {
    transform: translateX(44%);
}

.home-history-column-2 .home-history-content > .wpb_column {
    width: 336px;
}

.home-history-column-1 .home-history-date {
    margin-top: 19px;
}

.home-history-column-2 .home-history-date {
    margin-top: 16px;
}

.home-history-column-3 .home-history-date {
    margin-top: 24px;
}

.home-history-date {
    line-height: 96px;
    margin-bottom: 8px;
    font-family: 'Alter Eco_V2';
    font-size: 80px;
}

.home-history-content .wpb_text_column p {
    line-height: 32px;
    color: var(--brown);
    font-size: 24px;
}

.home-act-chill {
    /* padding-top: 135px; */
    /* margin-bottom: 155px; */
    margin-bottom: -50px;
    background: var(--yellow);
    /* clip-path: polygon(0 5%, 0 100%, 100% 95%, 100% 0%); */
    /* clip-path: polygon(0 0, 0 95%, 100% 100%, 100% 5%); */
    clip-path: polygon(0 0, 0 100%, 101% 95%, 101% 5%);
    mix-blend-mode: multiply;
}

.home-act-chill > .wpb_column {
    padding-top: 230px;
}

.wpb_single_image.home-act-chill-bg img {
    width: 100%;
    height: 714px;
    /* height: 430px; */
    object-fit: cover;
}

.home-act-chill h2 {
    line-height: 64px;
    margin-top: 5px;
    margin-bottom: 24px;
    color: #932502;
    font-size: 60px;
}

.home-act-chill-subtitle {
    line-height: 38px;
    margin-bottom: 25px;
    color: #697C2C;
    font-family: 'Alter Eco_V2';
    font-size: 32px;
}

.home-act-chill-content {
    position: absolute;
    top: 100px;
    left: 50%;
    max-width: 576px;
    transform: translateX(-50%);
}

.home-act-chill-content .wpb_text_column {
    line-height: 31px;
    margin-bottom: 40px;
    color: var(--brown);
    font-size: 24px;
    text-align: center;
}

#home-section-tabous{
    position: relative;
}

#bubbles-tabous{
    position: absolute;
    left: 30px;
    top: -40px;
    z-index: 2;
}

#home-tabous{
    clip-path: polygon(0 5%, 101% 0, 101% 95%, 0% 100%);
}

#home-tabous h2{
    color: #fff;
    font-size: 50px;
    line-height: 53px;
    margin-bottom: 20px;
}

#home-tabous h3{
    color: #F08734;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
}

#home-tabous .wpb_text_column {
    margin-bottom: 40px;
}

#home-tabous p{
    color: #fff;
    font-size: 24px;
    line-height: 32px;
}

#home-tabous .btn {
    margin-bottom: 40px;
}

/* #home-tabous a{
    margin-bottom: 40px;
} */

.home-tabous-img .vc_single_image-wrapper {
    position: relative;
}

.home-tabous-img .vc_single_image-wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #DE5F86;
    transform: matrix(0.99, -0.1, 0.1, 0.99, 0, 0);
    z-index: -1;
}

.home-tabous-img .vc_single_image-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    right: -55px;
    bottom: -20px;
    width: 202px;
    height: 88px;
    background: url('assets/img/home/tabous-mountains.svg');
    background-size: 100% 100%;
}

.home-recipe {
    
}

.home-recipe-img {
    position: relative;
    z-index: 10;
}

.home-recipe-img::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -52px;
    left: -16px;
    width: 221px;
    height: 262px;
    background: url('assets/img/home/recipe-img-left.svg');
    background-size: 100% 100%;
    z-index: -1;
}

.home-recipe-img::after {
    content: '';
    display: block;
    position: absolute;
    top: -35px;
    right: -4px;
    width: 171px;
    height: 186px;
    background: url('assets/img/home/recipe-img-right.svg');
    background-size: 100% 100%;
    z-index: -1;
}

.home-recipe > div:first-of-type {
    width: 39%;
}

.home-recipe > div:last-of-type {
    width: calc(100% - 39%);
}

/* .home-recipe > .vc_column_container:first-of-type > .vc_column-inner {
    padding-right: 0;
    padding-left: 0;
} */

.home-recipe > .vc_column_container:last-of-type > .vc_column-inner > .wpb_wrapper {
    margin-left: 140.5px;
}

.home-recipe h2 {
    line-height: 64px;
    margin-bottom: 35px;
}

.home-recipe-subtitle {
    line-height: 38px;
    margin-bottom: 20px;
    color: var(--golden);
    font-family: 'Alter Eco_V2';
    font-size: 32px;
}

.home-recipe-details > .vc_column-inner > .wpb_wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}

.home-recipe-label, .home-recipe-label-value {
    line-height: 28px;
    margin-bottom: 0;
    color: var(--golden);
    /* font-family: 'Alter Eco_V2'; */
    font-size: 24px;
    letter-spacing: 0.48px;
    text-transform: uppercase;
}

.home-recipe-label-value {
    color: var(--brown);
}

.recipe-difficulty {
    display: flex;
    gap: 10px;
}

.recipe-difficulty > .full {
    width: 14px;
    height: 14px;
    background-color: var(--brown);
    border-radius: 500px;
}

.recipe-difficulty > .empty {
    width: 14px;
    height: 14px;
    background-color: var(--golden);
    border-radius: 500px;
    opacity: 0.3;
}

.recipe-wrapper-btn > .vc_column-inner > .wpb_wrapper {
    display: flex;
    gap: 30px;
}

.home-blog-split.wpb_content_element {
    position: relative;
    margin-bottom: 50px;
    overflow: hidden;
    z-index: 10;
}

.home-blog-split::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 523px;
    height: 2px;
    background: url('assets/img/home/blog-split-line.png');
    background-repeat: no-repeat;
    transform: translateY(-50%);
    z-index: -1;
}

.home-blog-split::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 523px;
    height: 2px;
    background: url('assets/img/home/blog-split-line.png');
    background-repeat: no-repeat;
    transform: translateY(-50%);
    z-index: -1;
}

.home-actu {
}

.home-actu > div:first-of-type {
    width: calc(100% - 39%);
}

.home-actu > div:last-of-type {
    width: 39%;
}

.home-actu > .vc_column_container:first-of-type > .vc_column-inner > .wpb_wrapper {
    margin-right: 140.5px;
}

.home-actu-content {
    line-height: 32px;
    color: var(--brown);
    font-size: 24px;
}

.home-actu-img {
    position: relative;
    z-index: 10;
}

.home-actu-img::before {
    content: '';
    display: block;
    position: absolute;
    right: -62px;
    bottom: -64px;
    width: 220px;
    height: 215px;
    background: url('assets/img/home/actu-img-icone.svg');
}

#home-socials .instagram_link{
    margin-bottom: 70px;
    position: relative;
}

#home-socials .instagram_link::after{
    content:"";
    display: block;
    position: absolute;
    right: 200px;
    top: -35px;
    width: 109px;
    height: 62px;
    background: url('assets/img/pyramids-right.png');
}

#home-socials .instagram_link a{
    color: #A38277;
    font-family: 'Alter Eco_V2'; 
    font-size: 32px;
    text-decoration: none;
    text-transform: uppercase;
}

#home-socials #sb_instagram #sbi_images{
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}

#home-socials #sb_instagram #sbi_images .sbi_item{
    width: 300px;
    height: 300px;
    float: none;
    -webkit-transform: matrix(1, -0.09, 0.09, 1, 0, 0);
       -moz-transform: matrix(1, -0.09, 0.09, 1, 0, 0);
        -ms-transform: matrix(1, -0.09, 0.09, 1, 0, 0);
         -o-transform: matrix(1, -0.09, 0.09, 1, 0, 0);
            transform: matrix(1, -0.09, 0.09, 1, 0, 0);
}

#home-socials #sb_instagram #sbi_images .sbi_item:nth-child(3n+2){
    -webkit-transform: matrix(1, 0.09, -0.09, 1, 0, 0);
       -moz-transform: matrix(1, 0.09, -0.09, 1, 0, 0);
        -ms-transform: matrix(1, 0.09, -0.09, 1, 0, 0);
         -o-transform: matrix(1, 0.09, -0.09, 1, 0, 0);
            transform: matrix(1, 0.09, -0.09, 1, 0, 0);
}

#home-socials .menu{
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: center;
            justify-content: center;
    margin: 0;
    list-style-type: none;
    margin-top: 70px;
    position: relative;
}

#home-socials .menu::before{
    content:"";
    display: block;
    position: absolute;
    top: -40px;
    left: -45px;
    width: 93px;
    height: 92px;
    background: url('assets/img/pyramids-left.png');
}

#home-socials .menu li{
    margin-bottom: 0;
}

#home-socials .menu li a{
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 15px;
    background: url('assets/img/bg-social.svg');
    background-size: 100%;
    -webkit-border-radius: 500px;
            border-radius: 500px;
    text-align: center;
}

#home-socials .menu li a i{
    line-height: 60px;
    color: #fff;
    font-size: 24px;
}
/* Homepage END */

/* Homepage V2 */
/* .page-id-64 .home-slide-1::before,
.page-id-64 .home-slide-chocolat::before,
.page-id-64 .home-slide-engagements::before,
.page-id-64 .home-slide-tabous::before,
.page-id-64 .home-slide-act-chill::before,
.page-id-64 .home-slide-monde::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture-slide.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
    visibility: visible;
    z-index: 1;
} */

.page-id-64 .home-slide-1::after,
.page-id-64 .home-slide-chocolat::after,
.page-id-64 .home-slide-engagements::after,
.page-id-64 .home-slide-tabous::after,
.page-id-64 .home-slide-act-chill::after,
.page-id-64 .home-slide-monde::after {
    content: '';
    display: block !important;
    background-image: url('assets/img/home/slider-split.png');
    background-size: 100% 100%;
    width: 1920px;
    height: 160px;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    /* visibility: hidden; */
}

.page-id-5717 .home-slide-1::after,
.page-id-5717 .home-slide-chocolat::after,
.page-id-5717 .home-slide-engagements::after,
.page-id-5717 .home-slide-tabous::after,
.page-id-5717 .home-slide-act-chill::after,
.page-id-5717 .home-slide-monde::after {
    content: '';
    display: block !important;
    background-image: url('assets/img/home/slider-split.png');
    background-size: 100% 100%;
    width: 1920px;
    height: 160px;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    /* visibility: hidden; */
}

:root{
  /* décale la coupe (responsive) */
  --dy: clamp(24px, 5vw, 64px); /* min / préféré / max */
  --overlap: 1px;               /* anti-liseré */
}

.page-id-64 .home-first-section {
    margin-top: -97px;
    margin-bottom: -5vw;
    padding-bottom: 180px;
    /* background: #fbe2a4; */
    /* mix-blend-mode: multiply; */
    /* clip-path: polygon(0 5%, 0 95%, 101% 100%, 101% 0); */
    /* clip-path: polygon(0 5vw, 0 calc(100% - 5vw), 100% 100%, 100% 0); */
    overflow: visible !important;
}

@media all and (max-width: 1199px) {
    .page-id-64 .home-first-section {
        padding-bottom: 100px;
    }
}

/* .page-id-64 .home-first-section::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fce0a2;
    mix-blend-mode: multiply;
    clip-path: polygon(0 5vw, 0 calc(100% - 5vw), 100% 100%, 100% 0);
} */

.page-id-64 .home-first-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('assets/img/home/texture-first-home.png') repeat;
    pointer-events: none;
    /* background-size: auto, cover; */
    /* background-blend-mode: multiply; */
    /* z-index: -2; */
    clip-path: polygon(0 5vw, 100% 0, 100% 100%, 0 100%);
}

.page-id-64 .home-first-section::after {
    position: absolute;
    right: 15px;
    bottom: -72px;
    display: block;
    content: '';
    background-image: url('assets/img/home/row-plaisirs-1.png');
    background-size: 100% 100%;
    width: 450px;
    height: 267px;
    z-index: 10;
}

@media all and (max-width: 1199px) {
    .page-id-64 .home-first-section::after {
        width: 300px;
        height: 178px;
    }
}

@media all and (max-width: 767px) {
    .page-id-64 .home-first-section::after {
        bottom: -44px;
        width: 150px;
        height: 89px;
    }
}

.page-id-64 .slider-btn {
    top: -22px;
}

.page-id-64 .home-gammes-title {
    margin-top: 0;
    padding-top: 150px;
}

@media all and (max-width: 767px) {
    .page-id-64 .home-gammes-title {
        padding-top: 35px;
    }
}

.page-id-64 .row-home-plaisirs > .vc_column-inner > .wpb_wrapper {
    /* display: grid; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* grid-template-columns: repeat(3, 1fr); */
    /* gap: 15px; */
    max-width: 1415px;
    margin: 0 auto;
}

.page-id-64 .row-home-roue {
    /* padding-top: 200px; */
    /* padding-bottom: 75px; */
    /* background: #feeed4; */
    /* mix-blend-mode: multiply; */
    /* clip-path: polygon(0 0, 0 100%, 101% 95%, 101% 5%); */
    /* clip-path: polygon(0 0, 0 100%, 100% calc(100% - 5vw), 100% 5vw); */
    /* clip-path: polygon(0 0, 0 100%, 100% calc(100% - 5vw), 100% 5vw); */
    clip-path: polygon(0 0, 0 100%, 100% calc(100% - 2vw), 100% 5vw);
}

.page-id-64 .row-home-roue > .vc_column_container {
    padding-top: 200px;
    padding-bottom: 75px;
}

@media all and (max-width: 1199px) {
    .page-id-64 .row-home-roue > .vc_column_container {
        padding-top: 100px;
        padding-bottom: 75px;
    }
}

.page-id-64 .row-home-roue > .vc_column_container::before {
    position: absolute;
    top: 96px;
    left: 0;
    display: block;
    content: '';
    background-image: url('assets/img/home/cafe_feuilles.png');
    background-size: 100% 100%;
    width: 300px;
    height: 501px;
    z-index: -1;
}

@media all and (max-width: 1199px) {
    .page-id-64 .row-home-roue > .vc_column_container::before {
        width: 200px;
        height: 334px;
    }
}

@media all and (max-width: 991px) {
    .page-id-64 .row-home-roue > .vc_column_container::before {
        width: 100px;
        height: 167px;
    }
}

@media all and (max-width: 767px) {
    .page-id-64 .row-home-roue > .vc_column_container::before {
        display: none;
    }
}

.page-id-64 .row-home-roue > .vc_column_container::after {
    /* content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #feeed4;
    mix-blend-mode: multiply; */
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('assets/img/home/texture-yellow.png') repeat;
    pointer-events: none;
    /* background-size: auto, cover; */
    /* background-blend-mode: multiply; */
    z-index: -2;
}

.page-id-64 .row-home-roue .subtitle {
    margin-top: 30px;
}

.page-id-64 .row-home-roue .subtitle-2 {
    margin-top: 0;
}

.page-id-64 .row-home-roue .subtitle p {
    line-height: 1.2em;
    font-size: 36px;
    font-weight: 400;
    text-align: center;
}

@media all and (max-width: 1199px) {
    .page-id-64 .row-home-roue .subtitle p {
        font-size: 24px;
    }
}

.page-id-64 .row-home-roue .subtitle-2 p {
    font-weight: 600;
}

@media all and (max-width: 991px) {
    .page-id-64 .row-home-roue .row-home-roue-img-desktop {
        display: none;
    }
}

.page-id-64 .row-home-roue .row-home-roue-img-mobile {
    margin: 30px 15px 0;
}

.page-id-64 .row-home-roue .row-home-roue-img-mobile img {
    width: 100%;
    max-width: 600px;
}

@media all and (min-width: 992px) {
    .page-id-64 .row-home-roue .row-home-roue-img-mobile {
        display: none;
    }
}

.page-id-64 .section-home-history {
    margin-top: 50px;
    margin-bottom: 50px;
}
/* END Homepage V2 */

/* Listing products */
body.page-template-page-listing-products #primary-menu > div > ul > li > a{
    color: var(--brown);
}

body.page-template-page-listing-products #primary-menu ul li.special a{
    color: #fff;
}

body.page-template-page-listing-products #primary-menu ul li.special a:hover{
    color: var(--brown);
}

body.page-template-page-listing-products #burger-menu span{
    background: var(--brown);
}

body.page-template-page-listing-products #content .entry-content > div:first-child{
    padding-top: 300px !important;
}

#listing-title h1{
    font-size: 100px;
    line-height: 96px;
    color: var(--brown);
    position: relative;
    margin-bottom: 135px;
    z-index: 1;
}

#listing-title h1::after{
    content: "";
    background: url('assets/img/personnages-produit.svg') no-repeat;
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    width: 400px;
    height: 450px;
    position: absolute;
    top: -125px;
    right: -15px;
    -webkit-transform: rotate(18deg);
       -moz-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
         -o-transform: rotate(18deg);
            transform: rotate(18deg);
    z-index: -1;
}

#listing-menu{
    background: var(--brown);
    padding: 18px 50px;
    position: relative;
    z-index: 2;
    clip-path: polygon(0 5%, 100% 0, 100% 85%, 0% 100%);
    max-width: 1200px;
    margin: 0 auto;
}

#listing-menu, #listing-submenu{
    margin-bottom: 50px;
}

#listing-menu ul, #listing-submenu ul{
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: center;
            justify-content: center;
    gap: 10px;
    list-style-type: none;
    margin: 0 ;
}

#listing-menu ul li a, #listing-submenu ul li a{
    display: inline-block;
    font-family: 'Alter Eco_V2';
    font-size: 24px;
    letter-spacing: 0.5px;
    color: #fff;
    /* padding: 15px 30px; */
    padding: 12px 30px;
    text-decoration: none;
    -webkit-transition: all ease 300ms;
       -moz-transition: all ease 300ms;
        -ms-transition: all ease 300ms;
         -o-transition: all ease 300ms;
            transition: all ease 300ms;
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
}

#listing-menu ul li a:hover, #listing-menu ul li a.selected{
    background: #fff;
    color: var(--brown);
}

#listing-submenu ul{
    gap: 25px;
}

#listing-submenu ul li a{
    color: var(--brown);
}

#listing-submenu ul li a:hover, #listing-submenu ul li a.selected{
    color: #FFF;
    background: var(--brown);
}

#listing-products .vc_pageable-slide-wrapper{
    margin-top: 25px;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
}

#listing-products .vc_pageable-slide-wrapper > .vc_grid-item{
    width: 25%;
    margin-bottom: 85px;
}

#listing-products .vc_gitem-zone{
    overflow: visible;
}

#listing-products .wpb_single_image.product-thumb{
    padding: 0 50px;
    margin-bottom: 40px;
}

#listing-products .wpb_single_image.product-thumb figure{
    position: relative;
}

#listing-products .listing-new {
    display: none;
}

#listing-products .listing-new-true .wpb_single_image.product-thumb figure::before{
    content: "NOUVEAU";
    font-family: 'Alter Eco_V2';
    display: block;
    width: 96px;
    height: 96px;
    position: absolute;
    top: 40px;
    left: -60px;
    font-size: 24px;
    line-height: 96px;
    text-align: center;
    background: #fff;
    z-index: 1;
    -webkit-border-radius: 50px;
            border-radius: 50px;
}

#listing-products .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(4n+3) .wpb_single_image.product-thumb figure::before{
    left: -40px;
}

#listing-products .wpb_single_image.product-thumb img{
    -webkit-transition: all ease 300ms;
       -moz-transition: all ease 300ms;
        -ms-transition: all ease 300ms;
         -o-transition: all ease 300ms;
            transition: all ease 300ms;
    -webkit-transform: rotate(-3deg);
       -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
    /*-webkit-box-shadow: 0 25px 15px -2px rgba(0,0,0,0.1);
            box-shadow: 0 25px 15px -2px rgba(0,0,0,0.1);*/
}

#listing-products.products-chocolats .wpb_single_image.product-thumb img{
    /* -webkit-box-shadow: 0 25px 15px -2px rgba(0,0,0,0.1);
            box-shadow: 0 25px 15px -2px rgba(0,0,0,0.1); */
    filter: drop-shadow(0 25px 15px rgba(0, 0, 0, 0.1));
    background: transparent;
}

#listing-products .wpb_single_image.product-thumb:hover img{
    -webkit-transform: rotate(3deg);
       -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
}

#listing-products .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(4n+3) .wpb_single_image.product-thumb img{
    -webkit-transform: rotate(3deg);
       -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
}

#listing-products .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(4n+3) .wpb_single_image.product-thumb:hover img{
    -webkit-transform: rotate(-3deg);
       -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
         -o-transform: rotate(-3deg);
            transform: rotate(-3deg);
}

#listing-products .listing-line-1 a, #listing-products .listing-line-2 a{
    font-family: 'Alter Eco_V2';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.6px;
    color: var(--brown);
    /* padding: 0 45px 0 55px; */
    /* padding: 0 15px 0 15px; */
    text-decoration: none;
}

#listing-products .listing-line-1 a{
    color: #A38277;
}

/* #listing-products .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(4n+3) .listing-line-1 a,
#listing-products .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(4n+3) .listing-line-2 a{
    padding: 0 55px 0 45px;
} */

body.page-template-page-listing-products .home-section-engagements::before{
    display: none;
}

body.page-template-page-listing-products #home-socials{
    margin: 130px 0 110px;
}

.single-product #listing-products .vc_pageable-slide-wrapper,
.page-id-1692 #listing-products .vc_pageable-slide-wrapper {
    margin-top: 0;
}

.single-product #listing-products .vc_pageable-slide-wrapper > .vc_grid-item,
.page-id-1692 #listing-products .vc_pageable-slide-wrapper > .vc_grid-item {
    width: 33.33%;
    margin-bottom: 0;
}

.single-product #listing-products .vc_pageable-slide-wrapper > .vc_grid-item .vc_gitem_row > .vc_gitem-col,
.page-id-1692 #listing-products .vc_pageable-slide-wrapper > .vc_grid-item .vc_gitem_row > .vc_gitem-col {
    padding: 0 7.5px;
}

.single-product #listing-products .wpb_single_image.product-thumb img,
.page-id-1692 #listing-products .wpb_single_image.product-thumb img {
    width: 140px;
}

.single-product #listing-products .wpb_single_image.product-thumb figure::before,
.page-id-1692 #listing-products .wpb_single_image.product-thumb figure::before {
    content: none;
}

.single-product #listing-products .wpb_single_image.product-thumb figure::after,
.page-id-1692 #listing-products .wpb_single_image.product-thumb figure::after{
    content: "";
    background: url('assets/img/product/bg-product-peach.svg') no-repeat;
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    width: 215px;
    height: 208px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%,-50%);
    /* background-color: red;
    -webkit-mask-image: url(assets/img/product/bg-product-peach.svg);
    mask-image: url('assets/img/product/bg-product-peach.svg');
    mask-size: 100% 100%; */
}
/* END Listing products */

/* Product - START */
body.single-product #primary-menu > div > ul > li > a{
    color: var(--brown);
}

body.single-product #primary-menu ul li.special a{
    color: #fff;
}

body.single-product #primary-menu ul li.special a:hover{
    color: var(--brown);
}

body.single-product #burger-menu span{
    background: var(--brown);
}

.img-product .wpb_single_image .vc_figure{
    padding-left: 20%;
}

.img-product .wpb_single_image .vc_single_image-wrapper{
    position: relative;
}

.img-product .wpb_single_image .vc_single_image-wrapper img{
    position: relative;
    max-width: 360px;
    z-index: 10;
}

.img-product .wpb_single_image .vc_single_image-wrapper::before{
    content: "";
    background: url('assets/img/personnages-produit.svg') no-repeat;
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    width: 365px;
    height: 400px;
    display: block;
    position: absolute;
    /* left: -210px; */
    left: -245px;
    top: 260px;
    z-index: 2;
}

.category_product-thes .img-product .wpb_single_image .vc_single_image-wrapper::before{
    width: 280px;
    height: 302px;
    top: 48px;
    left: -160px;
}

.category_product-riz-quinoa .img-product .wpb_single_image .vc_single_image-wrapper::before{
    width: 280px;
    height: 302px;
    top: 48px;
    left: -160px;
}

.category_product-tartinables .img-product .wpb_single_image .vc_single_image-wrapper::before{
    width: 280px;
    height: 302px;
    top: 48px;
    left: -160px;
}

.img-product .wpb_single_image .vc_single_image-wrapper::after{
    content: "";
    background: url('assets/img/sapins.svg') no-repeat;
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    width: 170px;
    height: 165px;
    display: block;
    position: absolute;
    /* left: -115px; */
    left: -132px;
    bottom: 100px;
    z-index: 1;
}

.category_product-thes .img-product .wpb_single_image .vc_single_image-wrapper::after{
    width: 120px;
    height: 111px;
    bottom: 170px;
    left: -40px;
}

.category_product-riz-quinoa .img-product .wpb_single_image .vc_single_image-wrapper::after{
    width: 120px;
    height: 111px;
    bottom: 170px;
    left: -40px;
}

.category_product-tartinables .img-product .wpb_single_image .vc_single_image-wrapper::after{
    width: 120px;
    height: 111px;
    bottom: 170px;
    left: -40px;
}

.infos-product{
    padding-top: 210px;
    margin-left: -65px;
    position: relative;
    z-index: 5;
}

.infos-product h1{
    font-size: 100px;
    line-height: 96px;
    /* max-width: 600px; */
    color: var(--brown);
    margin-bottom: 10px;
}

/* @media all and (max-width: 991px) {

} */

.infos-product .baseline{
    font-family: 'Alter Eco_V2';
    color: #a38d77;
    font-size: 48px;
    line-height: 56px;
    max-width: 600px;
    margin-bottom: 30px;
}

.infos-product .description{
    color: var(--brown);
    font-size: 24px;
    line-height: 32px;
    max-width: 675px;
    margin-bottom: 50px;
    font-weight: 100;
}

.infos-product .buttons-align{
    margin-bottom: 40px;
}

.infos-product .buttons-align .wpb_wrapper{
    display: flex;
    gap: 25px;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-align-items: center;
            align-items: center;
}

.infos-product .open-popup a{
    font-family: 'Alter Eco_V2';
    font-size: 24px;
    letter-spacing: 0.5px;
    color: var(--brown);
}

#ingredients, #close-popup{
    display: none;
}

body.popup-open #close-popup{
    display: block;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 101;
    cursor: pointer;
}

#ingredients.open{
    position: fixed;
    width: 1200px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index: 101;
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch;
}

body.popup-open{
    overflow: hidden;
}

body.popup-open::before{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #1F1C1B;
    z-index: 100;
}

#ingredients > .vc_col-sm-6.popup-left{ 
    padding: 0 15px 0 30px;
    position: relative;
}

#ingredients > .vc_col-sm-6.popup-left::after{
    content: url('assets/img/noix-verte-ingredients.svg');
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    width: 255px;
    height: 290px;
    display: block;
    position: absolute;
    top: 85px;
    left: -145px;
    z-index: 1;
}

#ingredients > .vc_col-sm-6.popup-left > .vc_column-inner{
    background: #fffff3;
    clip-path: polygon(0 3%, 97% 0, 100% 100%, 0 95%);
    padding: 60px 40px 60px 65px;
    height: 100%;
}

#ingredients > .vc_col-sm-6.popup-right{
    padding: 0 30px 0 15px;
    margin-top: 8px;
    position: relative;
}

#ingredients > .vc_col-sm-6.popup-right::after{
    content: "";
    background: url('assets/img/cabane-ingredients.svg') no-repeat;
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    width: 250px;
    height: 270px;
    display: block;
    position: absolute;
    right: -50px;
    bottom: -75px;
    z-index: 1;
}

#ingredients > .vc_col-sm-6.popup-right > .vc_column-inner{
    background: #F2B10D;
    clip-path: polygon(0 0, 100% 0, 98% 98%, 0 100%);
    padding: 50px 75px 50px 55px;
    height: 100%;
}

#ingredients > .vc_col-sm-6 .title{
    font-family: 'Alter Eco_V2';
    font-size: 40px;
    line-height: 44px;
    color: var(--brown);
    margin-bottom: 20px;
}

#ingredients > .vc_col-sm-6 .title strong{
    color: #697C2C;
}

#ingredients > .vc_col-sm-6.popup-right .title{
    color: #FFF;
}

#ingredients > .vc_col-sm-6.popup-right .title strong{
    color: #E84A0F;
}

#ingredients > .vc_col-sm-6 .baseline{
    font-family: 'Alter Eco_V2';
    color: var(--brown);
    font-size: 24px;
    /* line-height: 40px; */
    line-height: 30px;
    margin-bottom: 25px;
}

#ingredients > .vc_col-sm-6.popup-right .baseline{
    color: #fff;
}

#ingredients > .vc_col-sm-6 .liste ul{
    margin: 0;
}

#ingredients > .vc_col-sm-6 .liste li{
    list-style-type: none;
    color: var(--brown);
    font-size: 20px;
    line-height: 32px;
    border-bottom: 2px dashed rgba(60,48,44,0.1);
    font-weight: 100;
    padding: 10px 0;
}

#ingredients > .vc_col-sm-6 .liste li strong{
    font-weight: 400;
}

#ingredients > .vc_col-sm-6.popup-right .liste li{
    color: #fff;
}

#ingredients > .vc_col-sm-6.popup-right .liste li:last-child{
    border: none;
}

#ingredients > .vc_col-sm-6 .mentions{
    margin-top: 35px;
}

#ingredients > .vc_col-sm-6 .mentions p{
    font-size: 14px;
    font-weight: 100;
    line-height: 18px;
    margin-bottom: 12px;
    color: var(--brown);
}

#ingredients > .vc_col-sm-6 .mentions p:last-child{
    margin-bottom: 0;
}

#product-arrow-down{
    position: relative;
    overflow: visible;
}

#product-arrow-down::after{
    content: "";
    background: url('assets/img/noix.svg') no-repeat;
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    width: 535px;
    height: 605px;
    display: block;
    position: absolute;
    right: -180px;
    bottom: -180px;
    z-index: 4;
}

#alterecometre{
    padding: 70px 0 120px;
    font-family: 'Alter Eco_V2';
}

#alterecometre.alterecometre-new{
    /* font-family: initial; */
    font-family: "DIN Pro Cond", sans-serif;
}

#alterecometre h2{
    color: var(--brown);
    font-size: 60px;
    margin-bottom: 25px;
}

#alterecometre .baseline{
    color: #f99c31;
    font-size: 32px;
    margin-bottom: 90px;
}

#alterecometre.alterecometre-new .baseline{
    max-width: 1200px;
    margin: 0 auto 90px;
    font-family: 'Alter Eco_V2';
}

#alterecometre .baseline strong{
    color: var(--brown);
    font-weight: normal;
}

#alterecometre .pictos{
    max-width: 1200px;
    margin: 0 auto 50px;
}

#alterecometre .pictos .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper{
    display: flex;
    gap: 45px;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-align-items: center;
            align-items: center;
}

#alterecometre.alterecometre-new .pictos .wpb_text_column {
    width: calc(100% - 184px);
}

#alterecometre.alterecometre-new .pictos .wpb_single_image {
    width: 139px;
}

#alterecometre .pictos .wpb_text_column p{
    font-size: 32px;
    line-height: 40px;
    color: var(--brown);
    margin-bottom: 0;
}

#alterecometre.alterecometre-new .pictos .wpb_text_column p{
    font-size: 28px;
    line-height: 1.2em;
    font-family: "DIN Pro Cond", sans-serif;
}

#alterecometre .pictos .wpb_text_column p strong{
    font-size: 80px;
    line-height: 96px;
    font-weight: normal;
}

#alterecometre.alterecometre-new .pictos .wpb_text_column p strong{
    display: inline-block;
    line-height: 1em;
    margin-bottom: 10px;
    font-size: 48px;
    font-family: 'Alter Eco_V2';
    font-weight: normal;
}

#alterecometre.alterecometre-new .pictos .wpb_text_column p strong > sup{
    bottom: 7ex;
    font-size: 1rem;
}

#product-coop{
    clip-path: polygon(0 0, 101% 5%, 101% 95%, 0% 100%);
    padding: 200px 0 352px;
    background: #F2B10D;
    background-repeat: no-repeat;
    background-size: 104.5% auto;
    background-position: bottom 116px center;
    z-index: 2;
}

#product-coop .image-coop{
    position: relative;
}

#product-coop .image-coop .photo img{
    width: 525px;
    height: 525px;
    object-fit: cover;
}

#product-coop .image-coop .photo .vc_single_image-wrapper {
    position: relative;
}

#product-coop .image-coop .photo .vc_single_image-wrapper::after {
    content: "";
    background: url('assets/img/product/product-coop-line-1.svg') no-repeat;
    -webkit-background-size: 100% 100%;
        -o-background-size: 100% 100%;
            background-size: 100% 100%;
    width: 539px;
    height: 220px;
    display: block;
    position: absolute;
    bottom: -224px;
    left: 51%;
    z-index: 4;
}

.postid-1225 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1294 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1150 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1259 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1269 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1126 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1134 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1214 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1253 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1222 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1212 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1208 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1219 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1263 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1300 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1749 #product-coop .image-coop .photo .vc_single_image-wrapper::after{
    background: url('assets/img/product/product-coop-line-2.svg') no-repeat;
    bottom: -220px;
    left: 0;
    /* width: 534px;
    height: 468px; */
}

.postid-853 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-940 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1162 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1165 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1256 #product-coop .image-coop .photo .vc_single_image-wrapper::after,
.postid-1766 #product-coop .image-coop .photo .vc_single_image-wrapper::after {
    background: url('assets/img/product/product-coop-line-3.svg') no-repeat;
    bottom: -429px;
    /* left: 0; */
    width: 534px;
    height: 429px;
}

#product-coop .image-coop .bottom-left{
    position: absolute;
    bottom: -75px;
    left: -5px;
}

#product-coop .image-coop .top-right{
    position: absolute;
    top: -55px;
    right: 5px;
}

#product-coop .desc-coop{
    padding-left: 65px;
}

#product-coop .desc-coop .wpb_text_column h2{
    font-size: 60px;
    line-height: 64px;
    color: #fff;
    margin-bottom: 35px;
}

#product-coop .desc-coop .wpb_text_column h2 strong{
    color: #E84A0F;
    font-weight: normal;
}

#product-coop .desc-coop .desc-content{
    color: #fff;
    max-width: 575px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 100;
}

#product-coop .wrapper-infos-coop{
    margin-top: 200px;
    position: relative;
}

#product-coop .wrapper-infos-coop::before{
    content: "";
    background: url('assets/img/noix-verte.svg') no-repeat;
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    display: block;
    width: 255px;
    height: 305px;
    position: absolute;
    top: -100px;
    right: 470px;
    z-index: -1;
}

#product-coop .wrapper-infos-coop .infos-coop{
    padding: 75px 60px 100px 90px;
    background: #FFFFF3;
    clip-path: polygon(0 3%, 97% 0, 100% 97%, 3% 100%);
    max-width: 600px;
    z-index: 10;
}

#product-coop .wrapper-infos-coop .infos-coop h2{
    color: var(--brown);
    /* font-size: 60px; */
    font-size: 58px;
    /* line-height: 64px; */
    line-height: 1.1em;
    margin-bottom: 30px;
}

#product-coop .infos-coop .infos-content{
    color: var(--brown);
    font-size: 24px;
    line-height: 32px;
    /* margin-bottom: 50px; */
    margin-bottom: 40px;
    font-weight: 100;
}

#parole-producteurs{
    padding: 170px 0 140px;
    background: #3E7B6C;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
    margin-top: -100px;
    z-index: 1;
}

/* .postid-1766 #parole-producteurs {
    padding: 190px 0 140px;
    margin-top: -120px;
} */

#parole-producteurs::before {
    content: "";
    background: url('assets/img/product/product-coop-trees.svg') no-repeat;
    -webkit-background-size: 100% 100%;
        -o-background-size: 100% 100%;
            background-size: 100% 100%;
    width: 242px;
    height: 290px;
    display: block;
    position: absolute;
    top: 110px;
    left: 3.5%;
    z-index: 4;
}

#parole-producteurs h2{
    font-size: 60px;
    line-height: 64px;
    color: #fff;
    margin-bottom: 70px;
}

.wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-direction: row;
    /* gap: 138px; */
    padding-left: 17%;
    padding-top: 70px;
    overflow-x: scroll;
    overflow-y: hidden;
    will-change: transform;
    user-select: none;
    -moz-user-select: none;
    cursor: pointer;
    scrollbar-width: none;
}

.wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper::-webkit-scrollbar {
    display: none;
}

.wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper > * {
    flex: 0 0 auto;
}

.wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper > .vc_row:not(:last-of-type) {
    margin-right: 138px;
}

.wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper img {
    user-select: none;
}

/* .wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper > .wpb_row:nth-child(odd) .wpb_single_image {
    margin-top: 50px;
} */

.wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper .vc_single_image-wrapper {
    position: relative;
}

.wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper .vc_single_image-wrapper:after {
    content: '';
    background: url("assets/img/product/btn-play.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 40px;
    bottom: 14px;
    width: 60px;
    height: 60px;
}

.parole-producteurs-title {
    line-height: 48px;
    margin-top: 25px;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Alter Eco_V2';
    font-size: 40px;
    text-align: center !important;
}

/* .wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper > .vc_row:nth-child(even) .vc_single_image-wrapper:after {
    right: 18px;
    top: 25px;
    bottom: auto;
} */

#cross-selling{
    padding: 100px 0 140px;
    position: relative;
}

#cross-selling::before{
    content: "";
    background: url('assets/img/sapins.svg') no-repeat;
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    display: block;
    width: 195px;
    height: 190px;
    position: absolute;
    top: -90px;
    right: -55px;
    z-index: 1;
    -webkit-transform: rotate(10deg);
       -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg);
}

#cross-selling .wpb_text_column.wpb_content_element h2{
    font-size: 56px;
    line-height: 64px;
    color: var(--brown);
    margin-bottom: 70px;
}

#cross-selling .wpb_text_column.wpb_content_element h2 strong{
    font-weight: normal;
    color: #f99c31;
}

#cross-selling .bg-product-cross{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    z-index: 1;
}

#cross-selling .img-product-cross{
    position: relative;
    z-index: 2;
}

#cross-selling .img-product-cross img{
    width: 140px;
    margin-bottom: 33px;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transition: all ease 300ms;
       -moz-transition: all ease 300ms;
        -ms-transition: all ease 300ms;
         -o-transition: all ease 300ms;
            transition: all ease 300ms;
}

#cross-selling .img-product-cross img:hover{
    -webkit-transform: rotate(5deg);
       -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
         -o-transform: rotate(5deg);
            transform: rotate(5deg);
}

#cross-selling .products > .vc_col-sm-4:nth-child(2) .img-product-cross img{
    -webkit-transform: rotate(3deg);
       -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
         -o-transform: rotate(3deg);
            transform: rotate(3deg);
}

#cross-selling .products > .vc_col-sm-4:nth-child(2) .img-product-cross img:hover{
    -webkit-transform: rotate(-5deg);
       -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
         -o-transform: rotate(-5deg);
            transform: rotate(-5deg);
}

#cross-selling .name-product{
    font-family: 'Alter Eco_V2';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.6px;
    margin-top: -15px;
}

#cross-selling .name-product a{
    text-decoration: none;
    color: #A38277;
}

#cross-selling .name-product strong{
    font-weight: normal;
    color: var(--brown);
}

.category_product-cafes #ingredients .popup-right,
.category_product-thes #ingredients .popup-right {
    display: none;
}

.category_product-cafes #ingredients.open,
.category_product-thes #ingredients.open {
    justify-content: center;
}

body .btn-hidden {
    display: none;
}
/* Product - END */

/* Coop START */
#wpsl-wrap .wpsl-search .wpsl-input, #wpsl-wrap .wpsl-search .wpsl-select-wrap{
	display: none;
} 

#wpsl-wrap .wpsl-search{
	background: #480D00;
	padding: 0;
	margin-bottom: 0;
} 

#wpsl-checkbox-filter input, #wpsl-search-btn{
	display: none;
}

#wpsl-checkbox-filter label{
	cursor: pointer;
	color: #FFF;
	text-transform: lowercase;
	font-family: 'monthoers_vintage_2';
	font-size: 15px;
	padding: 0 30px;
}

#wpsl-search-wrap{
	float: none;
}

#wpsl-checkbox-filter{
	margin: 0;
	float: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#wpsl-checkbox-filter.wpsl-checkbox-3-columns li{
	width: auto;
	height: 40px;
	line-height: 38px;
	padding: 0;
	position: relative;
	margin: 0;
}

#wpsl-checkbox-filter.wpsl-checkbox-3-columns li:after{
	width: 1px;
	height: 20px;
	content:"";
	background:#fff;
	position: absolute;
	right: 0;
	top: 10px;
}

#wpsl-checkbox-filter.wpsl-checkbox-3-columns li:last-child:after{
	display: none;
}

#wpsl-checkbox-filter.wpsl-checkbox-3-columns li:hover, #wpsl-checkbox-filter.wpsl-checkbox-3-columns li.active{
	background: #FFF;
	margin-left: -1px;
}

#wpsl-checkbox-filter.wpsl-checkbox-3-columns li:hover label, #wpsl-checkbox-filter.wpsl-checkbox-3-columns li.active label{
	color: #480D00;
}

#wpsl-result-list{
	display: none !important;
}

#wpsl-gmap .wpsl-info-actions{
	display: none;
}

/*#wpsl-wrap .wpsl-infobox > img{
	position: absolute !important;
	top: 15px;
    left: 50%;
	margin-left: -7px !important;
}

#wpsl-wrap .wpsl-infobox{
	width: 350px !important;
	height: 350px !important;
	border-radius: 100%;
	padding: 35px 50px;
	margin-left: -175px;
	text-align: center;
	max-width: none !important;
}

#wpsl-wrap .wpsl-gmap-canvas .wpsl-infobox::before, #wpsl-wrap .wpsl-gmap-canvas .wpsl-infobox::after{
	margin-left: 175px;
}

#wpsl-wrap .wpsl-info-window{
	width: 100%;
}

#wpsl-wrap .wpsl-info-window p.coop-title, 
#wpsl-wrap .wpsl-info-window p.coop-country, 
#wpsl-wrap .wpsl-info-window p.coop-product, 
#wpsl-wrap .wpsl-info-window p.coop-link {
	font-family: 'monthoers_vintage_2';
	text-transform: lowercase;
	text-align: center;
	clear: both;
}

#wpsl-wrap .wpsl-info-window p.coop-title{
	font-size: 22.25px;
	line-height: 1;
	margin-bottom: 8px;
	color: #e54b58;
	margin-top: 15px;
}

#wpsl-wrap .wpsl-info-window p.coop-country, #wpsl-wrap .wpsl-info-window p.coop-product{
	font-size: 20.75px;
	line-height: 1;
	margin-bottom: 8px;
}

#wpsl-wrap .wpsl-info-window p.coop-product{
	margin-bottom: 25px;
}

#wpsl-wrap .wpsl-info-window .coop-content{
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
}

#wpsl-wrap .wpsl-info-window .coop-content .wpsl-store-thumb{
	width: 70px;
	height: 100%;
	float: left;
	margin: 0 10px 5px 0;
}

#wpsl-wrap .wpsl-info-window .coop-content p{
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif
}

#wpsl-wrap .wpsl-info-window p.coop-link a{
	background: #FFF !important;
	color: #e54b58;
	border: solid 1px #e54b58;
	-webkit-transition: all ease 400ms;
	        transition: all ease 400ms;
	font-size: 12px;
	border-radius: 25px;
	padding: 0px 25px;
	cursor: pointer;
	min-width: 230px;
	text-decoration: none;
}

#wpsl-wrap .wpsl-info-window p.coop-link a:hover{
	background-color: #e54b58 !important;
	color: #FFF !important;
	-webkit-transition: all ease 1000ms;
	        transition: all ease 1000ms;
}*/
/* Coop END */

/* Notre histoire */
.arrow-hidden {
    visibility: hidden;
}

.histoire-wrapper.vc_section {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    /* gap: 138px; */
    /* padding-left: 250vw; */
    /* padding-right: 250vw; */
    /* padding-top: 60px; */
    overflow-x: scroll;
    overflow-y: hidden;
    will-change: transform;
    user-select: none;
    -moz-user-select: none;
    cursor: pointer;
    scrollbar-width: none;
}

.page-id-728 #content .entry-content > div:first-child {
    padding-top: 0 !important;
}

.histoire-next {
    position: absolute;
    top: 50%;
    right: 180px;
    transform: translateY(-50%);
    z-index: 99999;
}

@media all and (max-width: 991px) {
    .histoire-next {
        display: none;
    }
}

.histoire-section-4 .histoire-next {
    right: 30px;
}

.histoire-section-5 .histoire-next {
    top: 10%;
}

.histoire-section-7 .histoire-next {
    top: 112%;
    right: 250px;
}

.histoire-section-7 .histoire-next a:before {
    content: 'Revenir au début';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    line-height: 46px;
    padding-left: 30px;
    color: #fff;
    font-family: 'Alter Eco_V2';
    font-size: 24px;
    transform: translate(100%,-50%);
    white-space: nowrap;
}

#next1, #next4 {
    z-index: 20;
}

#next2, #next5 {
    z-index: 10;
}

.histoire-progress #progress{
	background-color: #a53415;
	height: 4px;
	width: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
}

.histoire-next img {
    /* box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7); */
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    /* background-color: #e84c3d; */
    /* background-image: url(http://www.clipartbest.com/cliparts/bTy/EkL/bTyEkLGrc.png); */
    /* background-size:cover; */
    /* background-repeat: no-repeat; */
    cursor: pointer;
    -webkit-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);}}

.histoire-wrapper > .vc_row {
    /* width: 110%; */
    padding-top: 230px;
    /* clip-path: polygon(0px 0px, 97.13% 0px, 98.85% 100%, 0% 100%); */
}

.histoire-wrapper .vc_row.vc_row-flex > .vc_column_container {
    justify-content: space-between;
    /* width: 120vw; */
    width: 2080px;
}

.histoire-wrapper .vc_row::before, .histoire-wrapper .vc_row::after, .histoire-wrapper .vc_column-inner::before, .histoire-wrapper .vc_column-inner::after {
    content: none;
}

.histoire-wrapper.vc_section.vc_section-o-content-top::after, .histoire-wrapper.vc_section.vc_section-o-content-bottom::after, .histoire-wrapper.vc_section.vc_section-o-content-middle::after {
    content: none;
}

.histoire-wrapper .vc_row.vc_row-o-columns-top::after, .histoire-wrapper .vc_row.vc_row-o-columns-bottom::after, .histoire-wrapper .vc_row.vc_row-o-columns-middle::after {
    content: none;
}

/* .histoire-wrapper::-webkit-scrollbar {
    display: none;
} */

/* .histoire-wrapper > * {
    flex: 0 0 auto !important;
} */

/* .histoire-wrapper img {
    user-select: none;
} */

.histoire-intro {
    position: relative;
    background-color: #F7B50E;
    /* background: url('./assets/img/histoire/clickpaf.png') #F7B50E;
    background-repeat: no-repeat;
    background-position: right center; */
}

.histoire-intro:after {
    content: '' !important;
    position: absolute;
    top: 0;
    right: -62px;
    display: block;
    width: 63px !important;
    height: 100% !important;
    background: url('assets/img/histoire/histoire-intro-split.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right center;
    overflow: visible !important;
    visibility: visible !important;
}

.histoire-intro > .wpb_column > .vc_column-inner > .wpb_wrapper:before {
    content: '';
    position: absolute;
    top: 70px;
    right: -175px;
    display: block;
    width: 463px;
    height: 164px;
    background: url('assets/img/histoire/trace.svg');
    background-repeat: no-repeat;
    background-position: right center;
}

.histoire-intro > .wpb_column > .vc_column-inner > .wpb_wrapper:after {
    content: '';
    background: url("assets/img/histoire/histoire-intro-chocolat.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -37%;
    left: 10%;
    width: 1076px;
    height: 981px;
}

.histoire-intro-column {
    display: flex;
    justify-content: space-between;
}

.histoire-intro .left-column {
    margin-top: 115px;
}

.histoire-intro .left-column > .vc_column-inner > .wpb_wrapper {
    margin-left: 190px;
}

.histoire-intro-h1 {
    line-height: 46px;
    font-size: 38px;
    color: #697C2C;
}

.histoire-intro .title {
    position: relative;
    line-height: 96px;
    margin-bottom: 80px;
    color: #E84A0F;
    font-size: 100px;
}

.histoire-intro .title:after {
    content: '';
    background: url("assets/img/histoire/histoire-intro-perso.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -10px;
    bottom: 60px;
    width: 360px;
    height: 366px;
}

.histoire-intro-arbre {
    position: relative;
    left: -130px;
    margin-top: 37px;
}

.mobile-img-chocolat {
    display: none;
}

.histoire-intro .right-column {
    width: auto;
    margin-bottom: 95px;
}

.histoire-intro .right-column > .vc_column-inner > .wpb_wrapper,
.histoire-section-3 .right-column > .vc_column-inner > .wpb_wrapper {
    position: relative;
    padding: 103px 82px 108px;
    max-width: 678px;
    margin-right: 194px;
    /* background-color: #E84A0F; */
    color: #fff;
    /* z-index: 10; */
}

.histoire-intro .right-column > .vc_column-inner > .wpb_wrapper:before,
.histoire-section-3 .right-column > .vc_column-inner > .wpb_wrapper:before {
    content: '';
    clip-path: polygon(0 3%, 1% 100%, 100% 98.5%, 100% 0);
    height: 100%;
    width: 100%;
    position: absolute;
    background: #E84A0F;
    /* mix-blend-mode: multiply; */
    left: 0;
    top: 0;
    z-index: -1;
}

.histoire-intro .right-column > .vc_column-inner > .wpb_wrapper:after {
    content: '';
    background: url("assets/img/histoire/histoire-intro-triangle.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -90px;
    bottom: -20px;
    width: 203px;
    height: 196px;
}

.histoire-intro .right-column p,
.histoire-section-3 .right-column p {
    line-height: 32px;
    font-size: 24px;
}

.histoire-section-2 h2 {
    /* background-color: red; */
    position: relative;
    line-height: 96px;
    margin-top: 155px;
    margin-bottom: 80px;
    color: #E84A0F;
    font-size: 100px;
}

/* .histoire-section-2 h2:before {
    content: '';
    background: url("./assets/img/histoire/trace.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -12px;
    left: -374px;
    width: 463px;
    height: 164px;
} */

.histoire-section-2 .left-column {
    padding-left: 240px;
}

.histoire-passe-vague {
    margin-left: 110px;
}

.histoire-section-2 .histoire-passe-img {
    position: relative;
}

.histoire-section-2 .histoire-passe-img > .wpb_wrapper .vc_single_image-wrapper:before {
    content: '';
    background: url("assets/img/histoire/histoire-passe-maison.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -12px;
    left: -174px;
    width: 296px;
    height: 311px;
}

.histoire-section-2 .histoire-passe-img > .wpb_wrapper .vc_single_image-wrapper {
    position: relative;
}

.histoire-section-2 .histoire-passe-img > .wpb_wrapper .vc_single_image-wrapper:after {
    content: '';
    background: url("assets/img/histoire/histoire-passe-montagnes.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -85px;
    bottom: -5px;
    width: 327px;
    height: 143px;
}

.histoire-section-3 > .wpb_column > .vc_column-inner > .wpb_wrapper {
    /* padding-left: 240px; */
    padding-left: 100px;
    padding-right: 20px;
}

.histoire-section-3 .title-year {
    position: relative;
    line-height: 96px;
    margin-top: 155px;
    margin-bottom: 80px;
    color: #E84A0F;
    font-family: 'Alter Eco_V2';
    font-size: 220px;
}

.histoire-section-3 .title-year::before {
    content: '';
    position: absolute;
    top: 50px;
    left: -40px;
    display: block;
    width: 370px;
    height: 195px;
    background: url('assets/img/histoire/histoire-1998-trace.svg');
    background-repeat: no-repeat;
    /* background-position: right center; */
    transform: translateX(-100%);
}

.histoire-section-3-noix {
    margin-top: 100px;
}

.histoire-section-3-img {
    position: absolute;
    bottom: -29%;
    left: -70%;
}

.histoire-section-3-img-2 {
    position: absolute;
    right: -19%;
    bottom: -10%;
}

.histoire-section-3 .histoire-passe-img > .wpb_wrapper .vc_single_image-wrapper:after {
    content: '';
    background: url("assets/img/histoire/histoire-passe-montagnes.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -85px;
    bottom: -5px;
    width: 327px;
    height: 143px;
}

.histoire-section-3 .right-column {
    width: auto;
}

.histoire-section-3 .right-column > .vc_column-inner > .wpb_wrapper {
    padding: 103px 82px 108px;
    max-width: 590px;
    margin-right: 0;
    color: #fff;
}

.histoire-section-3 .right-column > .vc_column-inner > .wpb_wrapper::after {
    content: '';
    background: url("assets/img/histoire/section-3-planete-bleu.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -172px;
    left: -233px;
    width: 335px;
    height: 350px;
}

.histoire-wrapper .vc_row.vc_row-flex.histoire-section-4 > .vc_column_container {
    width: 1500px;
}

.histoire-wrapper .vc_row.vc_row-flex.histoire-section-4 > .vc_column_container:before {
    content: '' !important;
    position: absolute;
    right: -167px;
    bottom: 0;
    display: block;
    width: 387px;
    height: 370px;
    background: url('assets/img/histoire/histoire-2002-aigle.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
    /* overflow: visible !important; */
    /* visibility: visible !important; */
}

.histoire-section-4 {
    position: relative;
    background-color: #E84A0F;
    mix-blend-mode: multiply;
}

.histoire-section-4::before {
    content: '' !important;
    position: absolute;
    top: 0;
    left: -103px;
    display: block !important;
    width: 103px !important;
    height: 100% !important;
    background: url('assets/img/histoire/histoire-2002-split-before.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;
    overflow: visible !important;
    visibility: visible !important;
}

.histoire-section-4::after {
    content: '' !important;
    position: absolute;
    top: 0;
    right: -192px;
    display: block;
    width: 192px !important;
    height: 100% !important;
    background: url('assets/img/histoire/histoire-2002-split-after.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;
    overflow: visible !important;
    visibility: visible !important;
    z-index: -2;
}

.histoire-section-4 > .wpb_column {
    margin-top: 105px;
}

.histoire-section-4 > .wpb_column > .vc_column-inner > .wpb_wrapper {
    /* padding-left: 240px; */
    padding-left: 160px;
}

.histoire-section-4 .title-year {
    position: relative;
    line-height: 96px;
    /* margin-top: 155px; */
    margin-bottom: 80px;
    color: #fff;
    font-family: 'Alter Eco_V2';
    font-size: 220px;
}

.histoire-section-4 .title-year::before {
    content: '';
    position: absolute;
    top: -200px;
    left: -55px;
    display: block;
    width: 509px;
    height: 268px;
    background: url('assets/img/histoire/histoire-2002-trace.svg');
    background-repeat: no-repeat;
    transform: translateX(-100%);
    /* background-position: right center; */
}

.histoire-section-4 .title-year:after {
    content: '';
    background: url("assets/img/histoire/histoire-section-4-grains-cafe.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -220px;
    /* right: 130px; */
    right: 8px;
    width: 363px;
    height: 373px;
}

.histoire-section-4-img .vc_single_image-wrapper {
    margin-top: 50px;
}

.histoire-section-4-img-mobile {
    display: none;
}

.histoire-section-4 .right-column {
    width: auto;
}

.histoire-section-4 .right-column h2,
.histoire-section-4 .right-column .wpb_text_column {
    color: #fff;
}

.histoire-section-4 .right-column .wpb_text_column {
    max-width: 346px;
}

.histoire-section-4 .right-column .wpb_text_column p {
    line-height: 32px;
    font-size: 23px;
}

/* .histoire-section-5 > .wpb_column {
    margin-top: 125px;
} */

.histoire-section-5 .left-column {
    width: 39%;
    padding-left: 330px;
}

.histoire-section-5 .middle-column {
    top: -30px;
    width: 39%;
}

.histoire-section-5 .right-column {
    width: 19%;
    margin-top: 250px;
}

.histoire-section-5 .title-year {
    position: relative;
    line-height: 96px;
    margin-top: 150px;
    margin-bottom: 80px;
    color: #E84A0F;
    font-family: 'Alter Eco_V2';
    font-size: 220px;
}

.histoire-section-5 .title-year::before {
    content: '';
    position: absolute;
    top: 40px;
    left: -40px;
    display: block;
    width: 393px;
    height: 129px;
    background: url(assets/img/histoire/histoire-2013-trace.svg);
    background-repeat: no-repeat;
    transform: translateX(-100%);
    /* background-position: right center; */
}

.histoire-section-5 .right-column .wpb_text_column p {
    font-size: 22px;
}

.histoire-section-6 > .wpb_column {
    margin-right: 130px;
}

.histoire-section-6 .title-year {
    position: relative;
    line-height: 96px;
    margin-top: 120px;
    margin-bottom: 120px;
    color: #E84A0F;
    font-family: 'Alter Eco_V2';
    font-size: 220px;
}

.histoire-section-6 .title-year::before {
    content: '';
    position: absolute;
    bottom: 20px;
    left: -50px;
    display: block;
    width: 528px;
    height: 189px;
    background: url(assets/img/histoire/histoire-2015-trace.svg);
    background-repeat: no-repeat;
    transform: translateX(-100%);
}

.histoire-section-6 > .wpb_column > .vc_column-inner > .wpb_wrapper {
    /* padding-right: 260px; */
    padding-left: 300px;
}

.histoire-section-6 .right-column > .vc_column-inner > .wpb_wrapper {
    position: relative;
    padding: 130px 90px 130px;
    max-width: 600px;
    /* background-color: #E84A0F; */
    color: #fff;
    /* z-index: 10; */
}

.histoire-section-6 .right-column > .vc_column-inner > .wpb_wrapper::before {
    content: '';
    clip-path: polygon(0 5%, 1% 98%, 100% 100%, 100% 0);
    height: 100%;
    width: 100%;
    position: absolute;
    background: #E84A0F;
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
    z-index: -1;
}

.histoire-2015-img {
    position: absolute;
    bottom: -25%;
    left: -68%;
}

.histoire-2015-img-2 {
    position: absolute;
    top: -98px;
    left: -140px;
}

.histoire-section-6 .right-column .wpb_text_column p {
    font-size: 24px;
    line-height: 32px;
}

.histoire-wrapper > .vc_row.histoire-section-7 {
    position: relative;
    /* width: 90%; */
    /* padding-left: 250px; */
    background-color: #F5B208;
    mix-blend-mode: multiply;
}

.histoire-wrapper .vc_row.vc_row-flex.histoire-section-7 > .vc_column_container {
    width: 1680px;
    padding-left: 250px;
}

.histoire-section-7::before {
    content: '' !important;
    position: absolute;
    top: 0;
    left: -100px;
    display: block !important;
    width: 100px !important;
    height: 100% !important;
    background: url('assets/img/histoire/histoire-2021-split-before.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;
    overflow: visible !important;
    visibility: visible !important;
}

.histoire-section-7::after {
    content: '' !important;
    position: absolute;
    bottom: 150px;
    left: 0;
    display: block !important;
    width: 338px !important;
    height: 284px !important;
    background: url('assets/img/histoire/histoire-2021-arbres.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 100%;
    overflow: visible !important;
    visibility: visible !important;
    transform: translateX(-77%);
}

.histoire-section-7 > .wpb_column {
    margin-top: 105px;
}

.histoire-section-7 .left-column {
    max-width: 565px;
}

.histoire-section-7 .title-year {
    position: relative;
    line-height: 96px;
    margin-bottom: 100px;
    color: #E84A0F;
    font-family: 'Alter Eco_V2';
    font-size: 220px;
}

.histoire-section-7 .title-year::before {
    content: '';
    position: absolute;
    top: -175px;
    left: -140px;
    display: block;
    width: 509px;
    height: 268px;
    background: url(assets/img/histoire/histoire-2002-trace.svg);
    background-repeat: no-repeat;
    transform: translateX(-100%);
    /* background-position: right center; */
}

.histoire-section-7 .title-year::after {
    content: '';
    position: absolute;
    top: -100px;
    right: 0;
    display: block;
    width: 347px;
    height: 328px;
    background: url(assets/img/histoire/histoire-2021-pieces.svg);
    background-repeat: no-repeat;
    transform: translateX(78%);
    /* background-position: right center; */
}

.histoire-section-7 .left-column .wpb_text_column p {
    font-size: 24px;
    line-height: 32px;
}

.histoire-section-7 .right-column {
    margin-top: 150px;
    margin-left: 30px;
}
/* Notre histoire END */

/* Notre histoire - mobile START */
/* @media all and (min-width: 992px) {
    .histoire-section-6 .title-year br {
        display: none;
    }
} */

@media all and (max-width: 991px) {
    .page-id-728.one-container .site-content {
        padding-bottom: 0;
    }

    .histoire-hide-img-mobile {
        display: none;
    }

    .histoire-wrapper.vc_section {
        flex-direction: column;
        will-change: auto;
    }
    
    .histoire-wrapper > .vc_row {
        padding-top: 100px;
    }

    .histoire-intro::before {
        content: '' !important;
        position: absolute;
        bottom: -30px;
        left: 0;
        display: block !important;
        width: 100% !important;
        height: 30px !important;
        background-color: #F7B50E;
        clip-path: polygon(0 0, 0% 100%, 100% 20%, 100% 0);
        mix-blend-mode: multiply;
        overflow: visible !important;
        visibility: visible !important;
    }

    .histoire-intro::after {
        content: '' !important;
        position: absolute;
        top: 0;
        left: 0;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        background: url('assets/img/texture.jpg') repeat;
        mix-blend-mode: multiply;
        opacity: 0.4;
        pointer-events: none;
        overflow: visible !important;
        visibility: visible !important;
    }

    .histoire-intro > .wpb_column > .vc_column-inner > .wpb_wrapper::before {
        content: '';
        position: absolute;
        top: auto;
        right: auto;
        bottom: -70px;
        left: 110px;
        display: block;
        width: 83px;
        height: 234px;
        background: url('assets/img/histoire/histoire-intro-split-mobile.svg');
        background-repeat: no-repeat;
        background-position: right center;
    }
    
    .histoire-intro > .wpb_column > .vc_column-inner > .wpb_wrapper::after {
        content: none;
    }
    
    .histoire-intro-column {
        flex-direction: column;
    }

    .histoire-intro .left-column {
        width: 100%;
    }

    .histoire-intro .left-column > .vc_column-inner > .wpb_wrapper {
        margin-left: 0;
    }

    .histoire-intro-h1 {
        line-height: 38px;
        font-size: 32px;
        text-align: center !important;
    }

    .histoire-intro .title {
        display: inline-block;
        left: 50%;
        line-height: 53px;
        margin-bottom: 28px;
        font-size: 48px;
        text-align: center !important;
        transform: translateX(-50%);
    }

    .histoire-intro .title::after {
        top: -60px;
        right: -40px;
        width: 166px;
        height: 169px;
        transform: translateY(-100%);
    }

    .histoire-intro-arbre {
        left: auto;
        margin-top: -50px;
    }

    .histoire-intro-arbre img {
        margin-bottom: 82px;
    }

    .mobile-img-center.wpb_single_image.vc_align_left {
        text-align: center;
    }

    .histoire-intro-arbre {
        width: 195px;
    }

    .mobile-img-chocolat {
        position: absolute;
        left: 50%;
        bottom: -30%;
        display: block;
        width: 360px;
        transform: translateX(-50%);
        z-index: -1;
    }

    /* .histoire-intro .right-column::before {
        content: '';
        background: url("./assets/img/histoire/histoire-intro-chocolat.png");
        position: absolute;
        top: -37%;
        left: 0;
        width: 360px;
        height: 328px;
    } */

    .histoire-intro .right-column > .vc_column-inner > .wpb_wrapper, .histoire-section-3 .right-column > .vc_column-inner > .wpb_wrapper {
        padding: 56px 18px 100px;
        max-width: 100%;
        margin-right: 0;
    }

    .histoire-intro .right-column > .vc_column-inner > .wpb_wrapper::after {
        right: 5px;
        bottom: -50px;
        width: 153px;
        height: 148px;
    }

    .histoire-section-2 .vc_row-fluid {
        display: flex;
        flex-direction: column;
    }

    .histoire-section-2 .left-column {
        padding-left: 0;
        width: 100%;
    }

    .histoire-section-2 h2 {
        line-height: 53px;
        margin-top: 0;
        margin-bottom: 30px;
        font-size: 48px;
        text-align: center !important;
    }

    .histoire-passe-vague {
        position: relative;
        margin-left: 0;
        margin-bottom: 150px;
    }

    .histoire-passe-vague::after {
        content: '';
        position: absolute;
        right: 100px;
        bottom: 40px;
        width: 78px;
        height: 96px;
        background: url('assets/img/histoire/histoire-passe-vague-trace.svg');
        background-repeat: no-repeat;
    }

    .histoire-passe-vague img {
        width: 218px;
        margin-bottom: 150px;
    }

    .histoire-section-2 .right-column {
        width: 100%;
    }

    .histoire-section-2 .right-column > .vc_column-inner {
        padding-right: 25px;
        padding-left: 25px;
    }

    .histoire-section-2 .histoire-passe-img > .wpb_wrapper .vc_single_image-wrapper::before {
        top: -70px;
        left: 10px;
        width: 148px;
        height: 156px;
    }

    .histoire-section-2 .histoire-passe-img > .wpb_wrapper .vc_single_image-wrapper::after {
        right: -15px;
        bottom: -15px;
        width: 200px;
        height: 87px;
    }

    .histoire-wrapper > .vc_row.histoire-section-3 {
        padding-bottom: 388px;
    }

    .histoire-section-3 > .wpb_column > .vc_column-inner > .wpb_wrapper {
        padding-right: 0;
        padding-left: 0;
    }

    .histoire-section-3 .left-column > .vc_column-inner {
        padding-right: 25px;
        padding-left: 25px;
    }

    .histoire-section-3 .title-year {
        line-height: 144px;
        margin-top: 15px;
        margin-bottom: 0;
        font-size: 120px;
    }

    .histoire-section-3 .title-year::before {
        content: '';
        position: absolute;
        top: -85px;
        left: 40px;
        display: block;
        width: 64px;
        height: 94px;
        background: url('assets/img/histoire/histoire-1998-trace-mobile.svg');
        background-repeat: no-repeat;
        background-position: right center;
        transform: none;
    }

    .histoire-section-3-noix {
        display: none;
    }

    .histoire-section-3 .right-column {
        margin-top: 138px;
    }

    .histoire-section-3 .right-column > .vc_column-inner > .wpb_wrapper {
        padding: 115px 18px 180px 16px;
    }

    .histoire-section-3 .right-column > .vc_column-inner > .wpb_wrapper::after {
        top: -130px;
        right: 15px;
        left: auto;
        width: 217px;
        height: 227px;
    }

    .histoire-section-3-img {
        bottom: -120px;
        left: 50%;
        transform: translateX(-50%);
    }

    .histoire-section-3-img.wpb_single_image img {
        max-width: 285px;
    }

    .histoire-section-3-img-2 {
        display: none;
    }

    .histoire-section-4 {
        mix-blend-mode: normal;
    }

    .histoire-wrapper > .histoire-section-4 {
        /* padding-top: 40px; */
        padding-top: 0;
        /* padding-bottom: 165px; */
        padding-bottom: 0;
    }

    .histoire-section-4::before {
        /* top: calc(-50% - 51.5px); */
        /* top: -103px;
        left: 0;
        width: 100% !important;
        height: 103px !important;
        background: url('./assets/img/histoire/histoire-2002-split-before-mobile.svg');
        background-repeat: no-repeat;
        background-size: cover; */
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100%;
        background: url('assets/img/texture.jpg') repeat;
        mix-blend-mode: multiply;
        opacity: 0.4;
        pointer-events: none;
    }

    .histoire-section-4 > .wpb_column::after {
        content: '' !important;
        position: absolute;
        top: -103px;
        left: 0;
        display: block;
        width: 100% !important;
        height: 103px !important;
        background-color: #E84A0F;
        clip-path: polygon(0 39.90%, 0% 100%, 100% 100%, 100% 0);
        mix-blend-mode: multiply;
    }

    .histoire-section-4::after {
        top: auto;
        /* bottom: calc(-50% - 51.5px); */
        bottom: -192px;
        left: 0;
        display: block !important;
        width: 100% !important;
        height: 192px !important;
        background: url('assets/img/histoire/histoire-2002-split-after-mobile.svg');
        background-repeat: no-repeat;
        background-size: cover;
        /* transform: rotate(90deg); */
    }

    .histoire-section-4 .vc_row-fluid {
        display: flex;
        flex-direction: column;
    }

    .histoire-wrapper .vc_row.vc_row-flex.histoire-section-4 > .vc_column_container::before {
        right: 25px;
        /* bottom: -295px; */
        bottom: -255px;
        width: 244px;
        height: 233px;
    }

    .histoire-section-4 > .wpb_column > .vc_column-inner {
        padding-right: 25px;
        padding-left: 25px;
    }

    .histoire-section-4 > .wpb_column > .vc_column-inner > .wpb_wrapper {
        padding-left: 0;
    }

    .histoire-section-4 > .wpb_column {
        margin-top: 0;
    }

    .histoire-section-4 .title-year {
        line-height: 144px;
        margin-bottom: 0;
        font-size: 120px;
    }

    .histoire-section-4 .title-year::before {
        content: '';
        position: absolute;
        top: -250px;
        left: 45px;
        display: block;
        width: 60px;
        height: 231px;
        background: url('assets/img/histoire/histoire-2002-trace-mobile.svg');
        background-repeat: no-repeat;
        transform: none;
    }

    .histoire-section-4 .title-year::after {
        top: -184px;
        right: auto;
        left: 110px;
        width: 216px;
        height: 222px;
    }

    .histoire-section-4 .right-column .wpb_text_column {
        max-width: 100%;
    }

    .histoire-section-4-img {
        display: none;
    }

    .histoire-section-4-img-mobile {
        display: block;
        margin-top: 56px;
    }

    .histoire-section-5 .vc_row-fluid {
        display: flex;
        flex-direction: column;
    }

    .histoire-section-5 .left-column {
        width: 100%;
        padding-left: 0;
    }

    .histoire-section-5 .left-column > .vc_column-inner,
    .histoire-section-5 .right-column > .vc_column-inner,
    .histoire-section-6 .left-column > .vc_column-inner  {
        padding-right: 25px;
        padding-left: 25px;
    }

    .histoire-section-5 .title-year {
        line-height: 144px;
        margin-bottom: 0;
        font-size: 120px;
    }

    .histoire-section-5 .middle-column {
        top: 0;
        width: 100%;
    }

    .histoire-section-5 .right-column {
        width: 100%;
        margin-top: 50px;
    }

    .histoire-section-5 .right-column .wpb_text_column p {
        line-height: 32px;
        font-size: 24px;
    }

    .histoire-section-6 {
        /* padding-bottom: 287px; */
        padding-bottom: 350px;
    }
    
    .histoire-section-6 .vc_row-fluid {
        display: flex;
        flex-direction: column;
    }

    .histoire-section-6 > .wpb_column {
        margin-right: 0;
    }

    .histoire-section-6 > .wpb_column > .vc_column-inner > .wpb_wrapper {
        padding-left: 0;
    }

    .histoire-section-6 .left-column,
    .histoire-section-6 .right-column {
        width: 100%;
    }

    .histoire-section-6 .left-column h2 {
        margin-bottom: 105px;
    }

    .histoire-section-6 .title-year {
        max-width: 212px;
        line-height: 96px;
        margin-top: 80px;
        margin-bottom: 20px;
        font-size: 120px;
    }

    .histoire-section-6 .title-year::before {
        content: '';
        position: absolute;
        bottom: 170px;
        left: 178px;
        display: block;
        width: 114px;
        height: 194px;
        background: url('assets/img/histoire/histoire-2015-trace-mobile.svg');
        background-repeat: no-repeat;
        transform: none;
    }

    .histoire-section-6 .right-column > .vc_column-inner > .wpb_wrapper {
        max-width: 100%;
        padding: 115px 18px 222px 16px;
    }

    .histoire-section-6 .right-column > .vc_column-inner > .wpb_wrapper::before {
        clip-path: polygon(0 2%, 1% 98%, 100% 100%, 100% 0);
    }

    .histoire-2015-img-2 {
        top: -117px;
        right: 20px;
        left: auto;
    }

    .histoire-2015-img-2 img {
        width: 197px;
    }

    .histoire-2015-img {
        bottom: -11%;
        left: 50%;
        transform: translateX(-50%);
    }

    .histoire-2015-img.wpb_single_image img {
        max-width: 285px;
    }

    .histoire-section-7 {
        padding-bottom: 88px;
    }

    .histoire-section-7::before {
        top: -100px;
        left: 0;
        width: 100% !important;
        height: 100px !important;
        background: url('assets/img/histoire/histoire-2021-split-before-mobile.svg');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .histoire-section-7::after {
        top: -170px;
        right: 40px;
        bottom: auto;
        left: auto;
        width: 218px !important;
        height: 183px !important;
        transform: none;
    }

    .histoire-wrapper > .vc_row.histoire-section-7 {
        padding-top: 0;
    }

    .histoire-section-7 > .wpb_column {
        margin-top: 0;
    }

    .histoire-wrapper .vc_row.vc_row-flex.histoire-section-7 > .vc_column_container {
        padding-left: 0;
    }

    .histoire-section-7 .left-column,
    .histoire-section-7 .right-column {
        width: 100%;
    }

    .histoire-section-7 .left-column > .vc_column-inner {
        padding-right: 25px;
        padding-left: 25px;
    }

    .histoire-section-7 .title-year {
        line-height: 144px;
        margin-bottom: 0;
        font-size: 120px;
    }

    .histoire-section-7 .title-year::before {
        content: '';
        position: absolute;
        top: -240px;
        left: 40px;
        display: block;
        width: 60px;
        height: 231px;
        background: url('assets/img/histoire/histoire-2021-trace-mobile.svg');
        background-repeat: no-repeat;
        transform: none;
    }

    .histoire-section-7 .title-year::after {
        content: none;
    }

    .histoire-section-7 .right-column {
        margin-top: 36px;
        margin-left: 0;
    }

    .histoire-section-7 .right-column > .vc_column-inner {
        padding-right: 25px;
        padding-left: 25px;
    }
}
/* Notre histoire - mobile END */

/* Blog */
.liste-recette .wpb_single_image img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
}
/* END Blog */

/* Recette START */
/* .single-post footer.entry-meta {
    display: none;
} */

.single-recette #content .entry-content > div:first-child {
    padding-top: 289px !important;
    /* mix-blend-mode: multiply; */
}

.single-post-intro {
    padding-bottom: 411px;
}

.single-post-intro.vc_row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
}

.single-recette h1 {
    line-height: 96px;
    margin-bottom: 66px;
    color: #12636F;
    font-size: 100px;
    text-transform: uppercase;
}

.single-post-title {
    line-height: 67px;
    margin-bottom: 45px;
    color: #12636F;
    font-size: 56px;
}

.single-post-subtitle {
    line-height: 46px;
    margin-bottom: 0;
    color: #F5F0F0;
    font-family: 'Alter Eco_V2';
    font-size: 38px;
    text-transform: uppercase;
}

.single-post-img {
    margin-top: -350px;
}

.single-post-img > .vc_column-inner > .wpb_wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 300px));
    justify-content: center;
    gap: 15px;
}

.single-post-img .recette-short-yt {
    z-index: 2;
}

.single-post-img .recette-short-yt.wpb_video_widget .wpb_wrapper iframe {
    clip-path: polygon(0 1%, 3% 100%, 100% 97.5%, 97% 0);
}

.single-post-img-before {
    position: absolute;
    top: -135px;
    /* left: -100px; */
    left: 18%;
    z-index: 1;
}

.single-post-img-middle img {
    position: relative;
    /* transform: rotate(-1deg); */
    /* transform: matrix(1.00,-0.02,0.02,1.00,0,0);
    -ms-transform: matrix(1.00,-0.02,0.02,1.00,0,0);
    -webkit-transform: matrix(1.00,-0.02,0.02,1.00,0,0); */
    clip-path: polygon(0 3%, 3% 100%, 100% 97.5%, 97% 0);
    z-index: 1;
}

.single-post-img-after {
    position: absolute;
    top: -185px;
    /* right: -15%; */
    right: 9.6%;
    z-index: 0;
}

.recette-prepa {
    position: relative;
    top: -35px;
    left: 9%;
    display: inline-flex;
    z-index: 3;
}

.vc_row.recette-prepa-1 {
    margin-right: 37px;
}

.vc_row.recette-prepa-2 {
    margin-right: 37px;
}

.recette-prepa > .wpb_column > .vc_column-inner > .wpb_wrapper {
    position: relative;
}

.recette-prepa p {
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1.2em;
    margin-bottom: 0;
    color: #F5F0F0;
    font-family: 'Alter Eco_V2';
    font-size: 27px;
    text-transform: uppercase;
}

.recette-prepa-wrapper {
    margin-bottom: 40px;
}

.recette-prepa-wrapper > .vc_column-inner > .wpb_wrapper > .recette-prepa-1 p {
    transform: translate(-50%, -50%) rotate(-5deg);
}

.recette-prepa-wrapper > .vc_column-inner > .wpb_wrapper > .recette-prepa-2 p {
    transform: translate(-50%, -50%) rotate(5deg);
}

.recette-prepa-wrapper > .vc_column-inner > .wpb_wrapper > .recette-prepa-3 p {
    transform: translate(-50%, -50%) rotate(-5deg);
}

.single-post-details {
    margin-bottom: 150px;
}

.single-post-details > .wpb_column:first-of-type {
    width: 290px;
    margin-right: 62px;
    padding-left: 15px;
}

.single-post-details > .wpb_column:last-of-type {
    width: calc(100% - 352px);
    /* padding-right: 15px;
    padding-left: 76px;
    background-image: linear-gradient(#3C302C 20%, rgba(60, 48, 44, 0) 0%);
    background-position: left;
    background-size: 2px 20px;
    background-repeat: repeat-y; */
}

.single-post-details > .wpb_column:last-of-type > .vc_column-inner {
    /* width: calc(100% - 352px); */
    padding-right: 15px;
    padding-left: 76px;
    background-image: linear-gradient(#3C302C 20%, rgba(60, 48, 44, 0) 0%);
    background-position: left;
    background-size: 2px 20px;
    background-repeat: repeat-y;
}

.list-ingredients ul {
    margin-left: 0;
}

.list-ingredients li {
    position: relative;
    line-height: 24px;
    margin-bottom: 20px;
    padding-left: 31px;
    font-size: 18px;
    list-style: none;
}

.list-ingredients li::before {
    content: '';
    position: absolute;
    top: 8px;
    /* left: -31px; */
    left: 0;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: 2px solid #12636F;
    border-radius: 500px;
}

.step-preparation ol {
    padding: 0 0 100px;
    margin: 0;
    list-style: none;
    counter-reset: muffins;
}

.step-preparation li {
    position: relative;
    line-height: 30px;
    margin-bottom: 40px;
    padding-left: 77px;
    font-size: 24px;
    counter-increment: muffins;
}

.step-preparation li:before {
    content: counter(muffins);
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    line-height: 48px;
    /* width: 35px; */
    text-align: center;
    /* background-color: #f6c72d; */
    background-image: url('assets/img/blog/prepa-icone.svg');
    width: 50px;
    height: 48px;
    color: #fff;
    /* border-radius: 50%; */
    /* height: 35px; */
    font-family: 'Alter Eco_V2';
}

.single-post-tips {
    position: relative;
}

.single-post-tips::before {
    content: "";
    display: block;
    background-image: url('assets/img/blog/light.svg');
    background-size: 100% 100%;
    width: 139px;
    height: 160px;
    position: absolute;
    right: -48px;
    top: -80px;
    display: block;
    z-index: 2;    
}

.single-post-tips > .wpb_column > .vc_column-inner > .wpb_wrapper {
    padding: 60px 60px 84px;
    background-color: #177793;
    color: #fff;
    /* mix-blend-mode: multiply; */
    clip-path: polygon(4px 0px, 99.31% 3px, 100% 100%, 0% 100%);
}

.single-post-tips > .wpb_column > .vc_column-inner > .wpb_wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/texture.jpg) repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
}

.single-post-tips-title {
    margin-bottom: 17px;
    font-family: 'Alter Eco_V2';
    font-size: 32px;
    text-transform: uppercase;
}

.single-post-tips-content p {
    line-height: 32px;
    font-size: 24px;
}

.section-single-post-others {
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: #F599B4;
    /* clip-path: polygon(0 0, 101% 0, 101% 95%, 0% 100%); */
    clip-path: polygon(0 5%, 101% 0px, 101% 100%, 0% 100%);
    mix-blend-mode: multiply;
}

.single-post-others .vc_pageable-slide-wrapper {
    display: flex;
    /* gap: 42px; */
}

.single-post-others .vc_pageable-slide-wrapper > .vc_grid-item:not(:last-of-type) {
    margin-right: 42px;
}

.single-post-others .vc_pageable-slide-wrapper::before, .single-post-others .vc_pageable-slide-wrapper::after {
    content: none;
}

.single-post-others .vc_grid-item {
    flex: 0 0 30%;
}

.single-post-others .vc_gitem_row .vc_gitem-col {
    padding: 0;
}

div.single-post-others-img {
    margin-bottom: 30px !important;
}

.single-post-others .single-post-others-img a {
    position: relative;
}

.single-post-others .single-post-others-img a:before {
    content: "";
    background: url('assets/img/blog/effect-others.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.effect-others {
    display: none;
}

/* .effect-others {
    display: none;
}

.single-post-others .effect-others {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
}

.single-post-others .effect-others img {
    width: 372px;
} */

.single-post-others .single-post-others-img img {
    height: 391px;
    object-fit: cover;
}

@media all and (max-width: 991px) {
    .single-post-others .single-post-others-img img {
        height: 242px;
    }
}

.single-post-others-title {
    margin-bottom: 0 !important;
}

.single-post-others-title h3 {
    line-height: 38px;
    margin-bottom: 10px !important;
    color: #12636F;
    font-size: 34px;
}

.single-post-others-excerpt {
    display: none;
    line-height: 32px;
    margin-bottom: 0 !important;
    color: #fff;
    font-family: 'Alter Eco_V2';
    font-size: 24px;
}

.single-post-others-excerpt p {
    margin-bottom: 0;
}
/* Recette END */

/* Page content - START */
body.page-template-page-content #primary-menu ul li a{
    color: var(--brown);
}

body.page-template-page-content #primary-menu ul li.special a{
    color: #fff;
}

body.page-template-page-content #primary-menu ul li.special a:hover{
    color: var(--brown);
}

body.page-template-page-content #burger-menu span{
    background: var(--brown);
}

body.page-template-page-content #content .entry-content > div:first-child{
    padding-top: 300px !important;
}

.vc_tta-container{
    margin-top: 20px;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-heading{
    border: 1px solid #222 !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-title > a{
    color: #fff !important;
    background: #222 !important;
}

.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body{
    border-color: #222 !important;
    background-color: transparent !important;
    padding: 30px;
}

.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body p{
    margin-bottom: 15px;
}

#under-construction{
    padding: 100px 0 80px;
    margin-bottom: 50px;
    background: rgba(255,255,255,0.7);
}
/* Page content - END */

/* Page Act & Chill - START */
.page-id-3051 header#main-header {
    display: none;
}

.page-id-3051 #site {
    margin-top: 0;
}

.page-id-3051 .grid-container {
    max-width: 1193px;
}

.page-id-3051 #content .entry-content > div:first-child.logo-lp {
    /* top: 60px; */
    top: 85px;
    right: -50px;
    left: auto;
    padding-top: 0 !important;
    z-index: 10;
}

.page-id-3051 #content .entry-content > div:first-child.logo-lp .wpb_single_image::before {
    position: relative;
}

.page-id-3051 #content .entry-content > div:first-child.logo-lp .wpb_single_image::before {
    content: 'Une plateforme';
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -25px;
}

@media all and (max-width: 991px) {
    .page-id-3051 #content .entry-content > div:first-child.logo-lp {
        /* position: relative; */
        /* top: 28px; */
        top: 53px;
        right: auto;
        left: 50%;
        transform: translateX(-44%);
        /* padding-top: 0 !important; */
    }
}

.act-chill-intro {
    padding-top: 68px;
    padding-bottom: 234px;
    background-color: #F7B50E;
    clip-path: polygon(0 0, 101% 0, 101% calc(100% - 106px ), 0 100%);
}

@media all and (max-width: 991px) {
    .act-chill-intro {
        padding-top: 175px;
    }
}

.act-chill-intro-title {
    line-height: 93px;
    font-size: 87px;
}

.act-chill-intro h3 {
    line-height: 46px;
    font-size: 38px;
}

.act-chill-intro-txt.wpb_content_element {
    position: relative;
    max-width: 82%;
    margin: 0 auto 42px;
}

.act-chill-intro-txt:before {
    content: '';
    display: block;
    position: absolute;
    top: -160px;
    left: -255px;
    width: 184px;
    height: 207px;
    background: url('assets/img/act-chill/personnages.svg');
    background-size: 100% 100%;
}

.act-chill-intro-txt:after {
    content: '';
    display: block;
    position: absolute;
    right: -255px;
    bottom: -55px;
    width: 169px;
    height: 180px;
    background: url('assets/img/act-chill/planete.svg');
    background-size: 100% 100%;
}

.act-chill-intro-txt p {
    line-height: 60px;
    color: #3C302C;
    font-family: 'Alter Eco_V2';
    font-size: 48px;
    text-align: center;
}

.wrapper-slider-range {
    position: relative;
    text-align: center;
}

.wrapper-slider-range::before {
    content: 'Je suis pressé.e';
    position: absolute;
    top: 0;
    left: 15px;
    line-height: 28px;
    color: #697C2C;
    font-size: 24px;
}

.wrapper-slider-range::after {
    content: 'On a tout le temps';
    position: absolute;
    top: 0;
    right: 15px;
    line-height: 28px;
    color: #697C2C;
    font-size: 24px;
}

#slider-range {
    /* width: 782px; */
    width: 100%;
    /* background: linear-gradient(to right, #697C2C 0%, #697C2C 50%, #E84A0F 50%, #E84A0F 100%); */
    background: linear-gradient(to right, #697C2C 0%, #697C2C 35%, #E84A0F 35%, #E84A0F 100%);
    /* border: solid 1px #697C2C; */
    border-radius: 8px;
    height: 8px;
    /* width: 356px; */
    outline: none;
    /* transform: matrix(1, -0.02, 0.02, 1, 0, 0); */
    transition: background 450ms ease-in;
    -webkit-appearance: none;
}

#slider-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 47px;
    height: 46px;
    border: 0;
    background: url('assets/img/act-chill/bouton_drag.svg');
    cursor: pointer;
}

#slider-range::-moz-range-thumb {
    width: 47px;
    height: 46px;
    border: 0;
    background: url('assets/img/act-chill/bouton_drag.svg');
    cursor: pointer;
}

.wrap-range {
    position: relative;
    width: 782px;
    margin: 0 auto 3rem;
    transform: matrix(1, -0.02, 0.02, 1, 0, 0);
}

@media all and (max-width: 1199px) {
    .wrap-range {
        width: 600px;
    }
}

.bubble {
    position: absolute;
    bottom: -45px;
    left: 50%;
    line-height: 24px;
    /* padding: 4px 12px; */
    color: #697C2C;
    border-radius: 4px;
    font-family: 'Alter Eco_V2';
    font-size: 20px;
    transform: translateX(-50%);
    white-space: nowrap;
}

.bubble::after {
    content: ' min';
    /* position: absolute; */
    /* width: 2px; */
    /* height: 2px; */
    /* top: -1px; */
    /* left: 50%; */
}

.act-chill-cards.vc_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: -180px -60px 180px;
}

.act-chill-cards > .act-chill-card {
    position: relative;
    margin: 20px;
    width: calc( (100% / 3) - 60px );
    cursor: pointer;
}

.act-chill-cards > .act-chill-card .vc_column_container > .vc_column-inner {
    padding-right: 0;
    padding-left: 0;
}

.act-chill-card .act-chill-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.act-chill-card .act-chill-infos {
    position: absolute;
    bottom: 30px;
    left: 20px;
    margin-right: 0;
    margin-left: 0;
}

.act-chill-card .title {
    /* position: absolute; */
    /* bottom: 20%; */
    /* left: 20px; */
    line-height: 36px;
    margin-bottom: 2px;
    padding-right: 20px;
    color: #fff;
    font-family: 'Alter Eco_V2';
    font-size: 30px;
}

.act-chill-card .author {
    /* position: absolute; */
    /* bottom: 30px; */
    /* left: 20px; */
    line-height: 29px;
    margin-bottom: 0;
    padding-right: 20px;
    color: #fff;
    font-family: 'Alter Eco_V2';
    font-size: 24px;
    opacity: 0.6;
}

.act-chill-card .author strong {
    margin: 0 4px;
    font-weight: 500;
}

.act-chill-card .act-chill-time {
    position: absolute;
    top: 10%;
    left: 20px;
    line-height: 29px;
    padding: 8px 11px 7px 13px;
    background-color: #697C2C;
    color: #fff;
    font-family: 'Alter Eco_V2';
    font-size: 24px;
    clip-path: polygon(0 3px, 100% 0, 100% 99%, 2px 100%);
}

.act-chill-card .act-chill-video {
    position: absolute;
    top: 10%;
    left: 101px;
    line-height: 29px;
    padding: 8px 11px 7px 13px;
    color: #fff;
    font-family: 'Alter Eco_V2';
    font-size: 24px;
}

body.act-chill-popup-open::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #1F1C1B;
    z-index: 1000;
}

.act-chill-popup-info {
    display: none;
}

.act-chill-popup {
    display: none;
    position: relative;
    width: 1000px;
    height: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1001;
}

.act-chill-popup::before {
    content: "";
    display: block !important;
    background-image: url("assets/img/act-chill/popup-feuilles-the.svg");
    background-size: 100% 100%;
    width: 269px;
    height: 261px;
    position: absolute;
    top: 60px;
    left: -126px;
    display: block;
    z-index: 10;
}

.act-chill-popup::after {
    content: "";
    display: block !important;
    background-image: url("assets/img/act-chill/popup-planete.svg");
    background-size: 100% 100%;
    width: 262px;
    height: 263px;
    position: absolute;
    right: -110px;
    bottom: -20px;
    display: block;
}

.act-chill-popup-open {
    overflow: hidden;
}

/* .act-chill-popup-open .act-chill-intro,
.act-chill-popup-open .act-chill-cards {
    display: none;
} */

.act-chill-popup-open .act-chill-popup {
    display: block;
}

.act-chill-popup .vc_row {
    display: block;
    clip-path: polygon(0 46px, calc(100% - 33px) 0, 100% calc(100% - 24px), 0% calc(100% - 3px));
    background: #F5F5E7;
    padding: 122px 85px 98px 75px;
}

@media all and (min-width: 1200px) and (max-width: 1900px) {
    .act-chill-popup .vc_row {
        padding: 91px 64px 73.5px 56px;
    }

    .act-chill-popup::before {
        top: 0;
        left: -135px;
    }
}

body .act-chill-popup-close {
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1001;
    cursor: pointer;
}

body.act-chill-popup-open .act-chill-popup-close {
    display: block;
}

.act-chill-popup .vc_row.vc_column-gap-35 > .vc_column_container {
    padding: 27.5px;
}

.act-chill-popup .act-chill-img img {
    transform: matrix(1, -0.03, 0.03, 1, 0, 0);
}

.act-chill-popup .act-chill-time {
    display: inline-block;
    line-height: 29px;
    padding: 8px 11px 7px 13px;
    background-color: #697C2C;
    color: #fff;
    font-family: 'Alter Eco_V2';
    font-size: 24px;
    clip-path: polygon(0 3px, 100% 0, 100% 99%, 2px 100%);
}

.act-chill-popup .act-chill-video {
    display: inline-block;
    line-height: 29px;
    padding: 8px 11px 7px 13px;
    color: #697C2C;
    font-family: 'Alter Eco_V2';
    font-size: 24px;
}

.act-chill-popup .title {
    line-height: 56px;
    margin-bottom: 10px;
    color: #E84A0F;
    font-family: 'Alter Eco_V2';
    font-size: 56px;
}

@media all and (min-width: 1200px) and (max-width: 1900px) {
    .act-chill-popup .title {
        line-height: 42px;
        font-size: 42px;
    }
}

.act-chill-popup .author {
    line-height: 38px;
    margin-bottom: 34px;
    color: #697C2C;
    font-family: 'Alter Eco_V2';
    font-size: 32px;
}

.act-chill-popup .author strong {
    position: relative;
    top: -4px;
    display: inline-block;
    margin: 0 2px;
    width: 8px;
    height: 8px;
    background-color: #697C2C;
    border-radius: 500px;
    opacity: 0.7;
}

.act-chill-popup .act-chill-content {
    line-height: 32px;
    font-size: 24px;
    font-weight: 400;
}

.act-chill-popup .act-chill-link a:before {
    content: '';
    position: relative;
    top: 2px;
    display: inline-block;
    width: 18px;
    height: 22px;
    margin-right: 12px;
    background: url('assets/img/act-chill/arrow-play.svg');
    background-repeat: no-repeat;
}

.act-chill-popup .act-chill-link a:hover:before {
    background: url('assets/img/act-chill/arrow-play-hover.svg');
}

/* Page Act & Chill - END */

/* Page Goût */
body.page-id-5717 #site::before,
body.page-id-5717 .texture::before {
    background: url(assets/img/gout/fond_jaune_saveurs.jpg) repeat;
    mix-blend-mode: normal;
    opacity: 1;
}

body.page-id-5717 .site.grid-container {
    max-width: 1720px;
}

.gout-default-text {
    line-height: 1.1em;
    font-size: 36px;
    font-weight: 400;
    text-align: center;
}

.gout-source-text {
    font-size: 26px;
    font-weight: 400;
    text-align: center;
}

.row-saveurs {
    overflow: visible !important;
}

.row-saveurs::before {
    content: "";
    background: url("assets/img/gout/grains.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -323px;
    left: -220px;
    width: 628px;
    height: 415px;
    z-index: 10;
}

/* .row-saveurs::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('assets/img/home/texture-first-home.png') repeat;
    pointer-events: none;
    clip-path: polygon(0 5vw, 100% 0, 100% 100%, 0 100%);
} */

.row-saveurs::after {
    position: absolute;
    right: 120px;
    bottom: -345px;
    display: block;
    content: '';
    background-image: url('assets/img/gout/fleches.png');
    background-size: 100% 100%;
    width: 260px;
    height: 488px;
    z-index: 10;
}

.row-saveurs-subtitle.wpb_content_element {
    max-width: 860px;
    line-height: 1.2em;
    margin: 0 auto 0;
    text-align: center;
    font-size: 36px;
    font-weight: 400;
}

.row-saveurs-slide > .vc_column-inner > .wpb_wrapper {
    display: flex;
    gap: 75px;
    margin: 0 120px;
}

.btn-gout a {
    padding: 0 0 10px !important;
    background: none !important;
    color: #000 !important;
    letter-spacing: 0 !important;
    font-family: inherit;
    font-size: 38px !important;
    font-weight: 600 !important;
    text-transform: none;
}

.btn-gout a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 95%;
    height: 10px;
    background: #f08734;
    clip-path: polygon(1% 80%,100% 100%,98% 0,0 12%);
    transform-origin: left center;
    transform: translateX(-50%);
    transition: transform .25s ease-out;
}

/* .btn-gout a:hover::after {
    transform: scaleX(.5) skewX(-15deg);
} */

.btn-gout a:hover {
    background: none !important;
    color: #000 !important;
}

.row-defenseur {
    margin-bottom: -3vw;
    padding-bottom: 2vw;
    z-index: 5;
    /* clip-path: polygon(0 0,0 100%,100% calc(100% - 2vw),100% 5vw); */
    clip-path: polygon(0 0,0 96.68%,100% 95%,100% 5vw);
    overflow: visible !important;
}

.row-defenseur > .vc_row > .vc_column_container {
    padding-top: 130px;
    padding-bottom: 50px;
}

.row-defenseur .vc_row > .vc_column_container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/gout/fond_beige_defenseur.jpg) repeat;
    pointer-events: none;
    z-index: -2;
}

.row-defenseur-col {
    position: relative;
    max-width: 1720px;
    margin: 0 auto !important;
    /* max-width: 1665px; */
}

.row-defenseur-col h2 {
    /* line-height: 64px; */
    line-height: .9em;
    margin-bottom: 44px;
    font-size: 60px;
    color: #fff;
}

.row-defenseur-col .row-defenseur-left h2,
.row-defenseur-col .row-defenseur-right h2 {
    color: #b52a19;
}

.row-defenseur-col .row-defenseur-middle h2 {
    color: #f49700;
}

.row-defenseur-col .row-defenseur-middle p {
    max-width: 330px;
}

.row-defenseur-col .row-defenseur-left h2 b,
.row-defenseur-col .row-defenseur-middle h2 b,
.row-defenseur-col .row-defenseur-right h2 b {
    color: #fff;
    font-weight: 500;
}

.row-defenseur-col p {
    line-height: 1em;
    font-size: 36px;
    color: #fff;
    font-weight: 400;
}

/* .home-engagements-left {
    background: var(--yellow);
    mix-blend-mode: multiply;
} */

.row-defenseur-left {
    width: 100% !important;
    max-width: 555px;
    margin-top: 80px;
    /* background: #529C71;
    mix-blend-mode: multiply; */
}

.row-defenseur-left p {
    max-width: 365px;
}

/* .row-defenseur-left::before {
    content: '';
    clip-path: polygon(0 0, 0 100%, 100% 98.5%, 100% 0.70%);
    height: 100%;
    width: 100%;
    position: absolute;
    background: #f49700;
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
    z-index: 0;
} */

/* .row-defenseur-left > .vc_column-inner::before {
    content: "";
    display: block;
    background-image: url("./assets/img/gout/defenseur-left.png");
    background-size: 100% 100%;
    width: 186px;
    height: 293px;
    position: absolute;
    right: 50px;
    top: -8%;
    display: block;
} */

.row-defenseur-left::before {
    content: "";
    display: block;
    background-image: url("assets/img/gout/defenseur-left.png");
    background-size: 100% 100%;
    width: 186px;
    height: 293px;
    position: absolute;
    right: 50px;
    top: -8%;
    display: block;
    z-index: 20;
    mix-blend-mode: multiply;
}

.row-defenseur-left.vc_column_container > .vc_column-inner {
    position: relative;
    padding: 70px 100px 60px 60px !important;
    z-index: 10;
    background: #f49700;
    clip-path: polygon(0 0, 0 100%, 100% 98.5%, 100% 0.70%);
    /* mix-blend-mode: multiply; */
}

.row-defenseur-middle {
    width: 100% !important;
    max-width: 657px;
    margin-left: -38px;
}

/* .row-defenseur-middle::before {
    content: '';
    clip-path: polygon(0 0, 0 100%, 100% 98.5%, 100% 0.70%);
    height: 100%;
    width: 100%;
    position: absolute;
    background: #b52a19;
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
    z-index: 0;
} */

.row-defenseur-middle::before {
    content: "";
    display: block;
    background-image: url("assets/img/gout/defenseur-middle.png");
    background-size: 100% 100%;
    width: 275px;
    height: 263px;
    position: absolute;
    right: -26px;
    top: -3%;
    display: block;
    z-index: 20;
    mix-blend-mode: multiply;
}

/* .row-defenseur-middle > .vc_column-inner::before {
    content: "";
    display: block;
    background-image: url("./assets/img/gout/defenseur-middle.png");
    background-size: 100% 100%;
    width: 275px;
    height: 263px;
    position: absolute;
    right: -26px;
    top: -3%;
    display: block;
} */

.row-defenseur-middle.vc_column_container > .vc_column-inner {
    position: relative;
    padding: 85px 100px 30px 130px !important;
    background: #b52a19;
    clip-path: polygon(5% 1%,0 98%,100% 98.5%,96% 0);
    z-index: 10;
}

.row-defenseur-right {
    width: 100% !important;
    max-width: 580px;
    margin-top: 108px;
    margin-left: -35px;
    /* background: #529C71;
    mix-blend-mode: multiply; */
}

.row-defenseur-right::before {
    content: '';
    /* clip-path: polygon(0 0, 0 100%, 100% 97%, 100% 5%); */
    /* clip-path: polygon(0 0, 0 100%, 99.30% 100%, 100% 5%); */
    clip-path: polygon(0 0, 0 98.36%, 99.78% 100%, 100% 5%);
    clip-path: polygon(4px 2px, 0px 100%, 102.52% 100%, 98.74% 0.11%);
    height: 100%;
    width: 100%;
    position: absolute;
    background: #f49700;
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
    z-index: 0;
}

.row-defenseur-right > .vc_column-inner::before {
    content: "";
    display: block;
    background-image: url("assets/img/gout/defenseur-right.png");
    background-size: 100% 100%;
    width: 209px;
    height: 272px;
    position: absolute;
    right: -15px;
    top: -7%;
    display: block;
}

.row-defenseur-right.vc_column_container > .vc_column-inner {
    position: relative;
    padding: 48px 55px 40px 130px !important;
    z-index: 10;
}

.row-defenseur-right p {
    max-width: 345px;
}

.row-gout-footer {
    /* clip-path: polygon(0 0,0 100%,100% calc(100% - 2vw),100% 5vw); */
    clip-path: polygon(0 0,0 100%,100% 100%,100% -1vw);
}

/* .row-defenseur::after {
    position: absolute;
    right: 120px;
    bottom: -74px;
    display: block;
    content: '';
    background-image: url(./assets/img/gout/planete.png);
    background-size: 100% 100%;
    width: 230px;
    height: 241px;
    z-index: 10;
} */

.row-gout-footer::before {
    position: absolute;
    right: 120px;
    top: -74px;
    display: block;
    content: '';
    background-image: url(assets/img/gout/planete.png);
    background-size: 100% 100%;
    width: 230px;
    height: 241px;
    z-index: 10;
}

.row-gout-footer > .vc_row > .vc_column_container {
    padding-top: 90px;
    padding-bottom: 30px;
}

.row-gout-footer .vc_row > .vc_column_container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/gout/fond_vert_footer.jpg) repeat;
    pointer-events: none;
    z-index: -2;
}

.row-gout-footer h2 {
    margin-bottom: 0;
}

.row-gout-footer h2 b {
    color: #fbe2a6;
    font-weight: 500;
}

.row-gout-footer-wrapper {
    margin-bottom: 40px;
}

.row-gout-footer-wrapper > .vc_column-inner > .wpb_wrapper {
    display: flex;
    align-items: center;
    max-width: 1620px;
    margin: 0 auto;
}

.row-gout-footer-wrapper > .vc_column-inner > .wpb_wrapper > h2 {
    flex: 1 0 51%;
}

.row-gout-footer-wrapper > .vc_column-inner > .wpb_wrapper > div {
    flex: 1 0 49%;
}
/* END Page Goût */

/* Page Engagements */
body.page-id-5791 .site.grid-container {
    /* max-width: 100%; */
    max-width: 1670px;
}

/* body.page-id-5791 #content .entry-content > section:first-child {
    padding-top: 200px !important;
} */

.p5791-banniere {
    background: #a0bb9a;
    clip-path: polygon(0 0, 101% 0, 101% 90%, 0% 100%);
    margin-bottom: -6vw;
}

.p5791-banniere > .vc_column_container {
    max-width: 1600px;
    margin: 0 auto;
    float: none;
}

.p5791-banniere > .vc_column_container > .vc_column-inner {
    padding-right: 15px;
    padding-left: 15px;
}

.p5791-banniere > .vc_column_container .vc_row {
    display: flex;
    gap: 70px;
}

.p5791-banniere > .vc_column_container .vc_row::before,
.p5791-banniere > .vc_column_container .vc_row::after {
    content: none;
}

.p5791-banniere > .vc_column_container .vc_row > .wpb_column {
    width: auto;
}

.p5791-banniere > .vc_column_container .vc_row > .wpb_column:first-child {
    max-width: 520px;
    flex: 1 0 auto;
}

.p5791-banniere > * {
    overflow: visible !important;
}

.p5791-banniere::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
}

.p5791-banniere h1 {
    font: normal normal normal 100px/96px 'Alter Eco_V2';
    color: #fce1a4;
    padding-top: 150px;
    position: relative;
}

.p5791-banniere h1 span {
    color: #6c234d;
}

.p5791-banniere .undertitle {
    max-width: 732px;
    color: #6c234d;
    line-height: 39px;
    /* font: normal normal normal 38px/65px Alter Eco_V2; */
    font-size: 36px;
    font-weight: 400;
    padding-bottom: 190px;
    /* padding-top: 20px; */
}

.p5791-planete {
    position: relative;
    /* padding-bottom: 120px; */
}

.p5791-planete-img {
    position: absolute;
    right: 40px;
    top: -180px;
    z-index: 10;
}

.row-terroirs {
    /* margin-bottom: -3vw; */
    /* padding-bottom: 2vw; */
    z-index: 5;
    /* clip-path: polygon(0 0,0 100%,100% calc(100% - 2vw),100% 5vw); */
    /* clip-path: polygon(0 0,0 96.68%,100% 95%,100% 5vw); */
    clip-path: polygon(0 5vw,0 95.68%,100% 100%,100% 0);
    overflow: visible !important;
}

.row-terroirs > .vc_row > .vc_column_container {
    padding-top: 130px;
    /* padding-bottom: 50px; */
    padding-bottom: 110px;
}

.row-terroirs .vc_row.first-row > .vc_column_container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/gout/fond_beige_defenseur.jpg) repeat;
    pointer-events: none;
    z-index: -2;
}

.row-terroirs-col {
    position: relative;
    display: flex;
    gap: 25px;
    max-width: 1720px;
    margin: 0 auto !important;
    /* max-width: 1665px; */
}

.row-terroirs-col.vc_row::before,
.row-terroirs-col.vc_row::after {
    content: none;
}

.row-terroirs-col h2 {
    /* line-height: 64px; */
    line-height: .9em;
    margin-bottom: 44px;
    font-size: 60px;
    color: #fff;
}

.row-terroirs-col .row-terroirs-left h2,
.row-terroirs-col .row-terroirs-right h2 {
    color: #fce1a4;
}

.row-terroirs-col .row-terroirs-middle h2 {
    color: #fce1a4;
}

.row-terroirs-col h2 b {
    position: relative;
    z-index: 0;
}

.row-terroirs-col h2 b::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 95%;
    height: 85%;
    background: #fce1a4;
    clip-path: polygon(1% 94%,100% 100%,100% 4%,0 0%);
    transform-origin: left center;
    transform: translateX(-50%);
    z-index: -1;
    /* transition: transform .25s ease-out; */
}

/* .row-terroirs-col .row-terroirs-middle p {
    max-width: 330px;
} */

.row-terroirs-col .row-terroirs-left h2 b,
.row-terroirs-col .row-terroirs-middle h2 b,
.row-terroirs-col .row-terroirs-right h2 b {
    margin-left: -13px;
    padding: 0 14px 0 12px;
    color: #57999f;
    font-weight: 500;
}

.row-terroirs-col p {
    line-height: 1em;
    font-size: 36px;
    color: #fff;
    font-weight: 400;
}

/* .home-engagements-left {
    background: var(--yellow);
    mix-blend-mode: multiply;
} */

.row-terroirs-left {
    width: 100% !important;
    max-width: 490px;
    margin-top: 80px;
    /* background: #529C71;
    mix-blend-mode: multiply; */
}

.row-terroirs-left p {
    max-width: 365px;
}

/* .row-terroirs-left::before {
    content: '';
    clip-path: polygon(0 0, 0 100%, 100% 98.5%, 100% 0.70%);
    height: 100%;
    width: 100%;
    position: absolute;
    background: #f49700;
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
    z-index: 0;
} */

/* .row-terroirs-left > .vc_column-inner::before {
    content: "";
    display: block;
    background-image: url("./assets/img/gout/defenseur-left.png");
    background-size: 100% 100%;
    width: 186px;
    height: 293px;
    position: absolute;
    right: 50px;
    top: -8%;
    display: block;
} */

.row-terroirs-left::before {
    /* content: "";
    display: block;
    background-image: url("./assets/img/gout/defenseur-left.png");
    background-size: 100% 100%;
    width: 186px;
    height: 293px;
    position: absolute;
    right: 50px;
    top: -8%;
    display: block;
    z-index: 20;
    mix-blend-mode: multiply; */
}

.row-terroirs-left.vc_column_container > .vc_column-inner {
    position: relative;
    padding: 40px 50px 50px 35px !important;
    z-index: 10;
    background: #57999f;
    clip-path: polygon(0 0,1% 96%,100% 100%,98% 1.7%);
    /* mix-blend-mode: multiply; */
}

.row-terroirs-middle {
    width: 100% !important;
    max-width: 612px;
    /* margin-left: -38px; */
}

/* .row-terroirs-middle::before {
    content: '';
    clip-path: polygon(0 0, 0 100%, 100% 98.5%, 100% 0.70%);
    height: 100%;
    width: 100%;
    position: absolute;
    background: #b52a19;
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
    z-index: 0;
} */

.row-terroirs-middle::before {
    /* content: "";
    display: block;
    background-image: url("./assets/img/gout/defenseur-middle.png");
    background-size: 100% 100%;
    width: 275px;
    height: 263px;
    position: absolute;
    right: -26px;
    top: -3%;
    display: block;
    z-index: 20;
    mix-blend-mode: multiply; */
}

/* .row-terroirs-middle > .vc_column-inner::before {
    content: "";
    display: block;
    background-image: url("./assets/img/gout/defenseur-middle.png");
    background-size: 100% 100%;
    width: 275px;
    height: 263px;
    position: absolute;
    right: -26px;
    top: -3%;
    display: block;
} */

.row-terroirs-middle.vc_column_container > .vc_column-inner {
    position: relative;
    /* padding: 40px 50px 50px 35px !important; */
    padding: 50px 65px 47px 57px !important;
    background: #57999f;
    clip-path: polygon(0 0,1% 99%,97% 100%,100% 2%);
    z-index: 10;
}

.row-terroirs-right {
    width: 100% !important;
    max-width: 500px;
    margin-top: 108px;
    /* margin-left: -35px; */
    /* background: #529C71;
    mix-blend-mode: multiply; */
}

.row-terroirs-right::before {
    content: '';
    /* clip-path: polygon(0 0, 0 100%, 100% 97%, 100% 5%); */
    /* clip-path: polygon(0 0, 0 100%, 99.30% 100%, 100% 5%); */
    clip-path: polygon(0 0, 0 98.36%, 99.78% 100%, 100% 5%);
    clip-path: polygon(4px 2px, 0px 100%, 102.52% 100%, 98.74% 0.11%);
    height: 100%;
    width: 100%;
    position: absolute;
    background: #57999f;
    mix-blend-mode: multiply;
    left: 0;
    top: 0;
    z-index: 0;
}

.row-terroirs-right > .vc_column-inner::before {
    /* content: "";
    display: block;
    background-image: url("./assets/img/gout/defenseur-right.png");
    background-size: 100% 100%;
    width: 209px;
    height: 272px;
    position: absolute;
    right: -15px;
    top: -7%;
    display: block; */
}

.row-terroirs-right.vc_column_container > .vc_column-inner {
    position: relative;
    padding: 40px 50px 50px 35px !important;
    background: #57999f;
    z-index: 10;
}

/* .row-terroirs-right p {
    max-width: 345px;
} */

.p5791-feuilles-img {
    position: absolute;
    top: -180px;
    left: -300px;
    z-index: 10;
}

.p5791-engagements-wrapper {
    position: relative;
    max-width: 1570px;
    margin: 0 auto;
    padding-top: 45px;
}

.p5791-engagements-top .left-part>.vc_column-inner,
.p5791-engagements-top .right-part>.vc_column-inner {
    mix-blend-mode: multiply;
}

.p5791-engagements-top .left-part {
    margin-right: -10px;
    position: relative;
    padding-bottom: 295px;

}

.p5791-engagements-top .right-part {
    margin-left: -10px;
    padding-top: 85px;
    position: relative;
}

.p5791-engagements-top .card-title {
    font: normal normal normal 60px/62px 'Alter Eco_V2';
    color: var(--blanc);
}

.p5791-engagements-top .left-part>.vc_column-inner>.wpb_wrapper {
    padding: 165px 0 95px 50px;

}

.p5791-engagements-top .right-part>.vc_column-inner>.wpb_wrapper {
    padding: 150px 65px 85px 70px;

}


/* .p5791-engagements .engagements-left:before {
    content: "Eh bien, nous agissons pour la planète...";
    display: block;
    position: absolute;
    background-image: url('/wp-content/uploads/2021/12/Trace-150.png?id=523') !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 395px;
    width: 660px;
    top: -690px;
    left: -70px;
    mix-blend-mode: multiply;
    font: normal normal normal 60px/62px 'Alter Eco_V2';
    color: var(--blanc);
    padding: 165px 30px 95px 50px;
} */

.p5791-engagements .engagements-left::after {
    content: '';
    display: block;
    position: absolute;
    background-image: url('../../uploads/2021/12/Groupe-1034.png');
    height: 330px;
    width: 320px;
    top: -875px;
    left: -30px;
}

/* .p5791-engagements .engagements-right:before {
    content: "... Et pas que ! Nous nous engageons aussi pour les producteurs.";
    display: block;
    position: absolute;
    background-image: url('/wp-content/uploads/2021/12/Trace-18.png?id=524') !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 440px;
    width: 650px;
    top: -605px;
    mix-blend-mode: multiply;
    font: normal normal normal 60px/62px 'Alter Eco_V2';
    color: var(--blanc);
    padding: 150px 100px 85px 60px;
    left: -90px;
} */

.p5791-engagements .engagements-right::after {
    content: '';
    display: block;
    position: absolute;
    background-image: url('../../uploads/2021/12/Groupe-708.png');
    height: 260px;
    width: 250px;
    top: -741px;
    right: 90px;
}

.p5791-engagements .engagements-left .engagements-title-paragraphe.third {
    width: 500px;
}

.p5791-engagements .engagements-left {
    margin-top: 40px;
    margin-right: 130px;
}

.p5791-engagements .engagements-left,
.p5791-engagements .engagements-right {
    position: relative;
    /* width: auto; */
}

.p5791-engagements .engagements-left .first-line figure {
    position: absolute;
    top: -420px;
    right: 60px;
}

.p5791-engagements .engagements-left>.vc_column-inner>.wpb_wrapper {
    /* max-width: 473px; */
    max-width: 712px;
}

.p5791-engagements .engagements-title-paragraphe {
    /* font: normal normal normal 38px/38px 'Alter Eco_V2'; */
    font: normal normal normal 60px/1em 'Alter Eco_V2';
    margin-bottom: 25px;
    /* color: var(--marron); */
    color: #f49700;
}

.p5791-engagements .engagements-paragraphe {
    /* font: normal normal 300 24px/32px 'DIN Pro Cond'; */
    font: normal normal 300 36px/1em 'DIN Pro Cond';
    color: var(--marron);

}

.p5791-engagements .engagements-left .engagements-paragraphe.first {
    /* margin-bottom: 220px; */
    margin-bottom: 85px;
    text-align: right;
}

.p5791-engagements .engagements-left .first-pict figure {
    position: absolute;
    top: -240px;
    left: -10px;
}

.p5791-engagements .engagements-left .engagements-title-paragraphe.first {
    position: relative;
    margin-top: 90px;
    text-align: right;
}

.p5791-engagements .engagements-right .engagements-title-paragraphe.first {
    position: relative;
}

/* .p5791-engagements .engagements-left .engagements-title-paragraphe.first::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url('/wp-content/uploads/2021/12/Trace-970.svg');
    width: 400px;
    height: 300px;
    top: -420px;
    right: -30px;
} */

/* .p5791-engagements .engagements-right .engagements-title-paragraphe.first::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url('/wp-content/uploads/2021/12/Trace-973.svg');
    width: 195px;
    height: 180px;
    top: -305px;
    left: 190px;
} */

.p5791-engagements .engagements-left .engagements-title-paragraphe.first::after {
    content: '';
    display: block;
    position: absolute;
    background-image: url('assets/img/engagements-producteurs/courbe.png');
    width: 1797px;
    height: 1648px;
    top: -329px;
    left: -217px;
}

/* .p5791-engagements .engagements-right .engagements-title-paragraphe.first::after {
    content: '';
    display: block;
    position: absolute;
    background-image: url('/wp-content/uploads/2021/12/Placeholder_AlterEcometre-1.svg');
    width: 165px;
    height: 150px;
    top: -155px;
    left: -10px;
} */

.p5791-engagements .engagements-left .engagements-title-paragraphe span {
    border-bottom: 3px solid #697C2C;
}

.p5791-engagements .engagements-right .engagements-title-paragraphe span {
    border-bottom: 3px solid #F5B208;
}

.p5791-engagements .engagements-left .second-line figure,
.p5791-engagements .engagements-left .second-pict figure {
    position: absolute;
}

.p5791-engagements .engagements-left .second-line figure {
    top: 465px;
    left: 140px;
}

.p5791-engagements .engagements-left .second-pict figure {
    top: 465px;
    right: 20px;
}

.p5791-engagements .engagements-left .engagements-title-paragraphe.second p {
    padding-right: 100px;
}

.p5791-engagements .engagements-left .en-savoir-plus-first a,
.p5791-engagements .engagements-left .en-savoir-plus-second a,
.en-savoir-plus-first a {
    font: normal normal normal 24px/32px 'DIN Pro Cond';
    color: #5EAD81;
    visibility: hidden;
}

.p5791-engagements .engagements-left .en-savoir-plus-first,
.p5791-engagements .engagements-left .en-savoir-plus-second {
    margin-top: 20px;
}

.p5791-engagements .engagements-left .en-savoir-plus-first {
    margin-bottom: 245px;
}

.p5791-engagements .engagements-left .third-line figure,
.p5791-engagements .engagements-left .third-pict figure {
    position: absolute;
}

.p5791-engagements .engagements-left .third-line figure {
    bottom: 1430px;
    left: 160px;
}

.p5791-engagements .engagements-left .third-pict figure {
    bottom: 1390px;
    right: 110px;
}

.p5791-engagements .engagements-left .engagements-title-paragraphe.third {
    margin-right: -15px;
}

.p5791-engagements .engagements-left .en-savoir-plus-second {
    margin-bottom: 95px;
}

.p5791-engagements-bottom {
    height: 475px;
    width: 575px;
    background-color: #8F5997;
    clip-path: polygon(2% 4%, 99% 0, 100% 100%, 0% 100%);
    position: relative;
    mix-blend-mode: multiply;
}

.display-mobile .p5791-engagements-bottom,
.display-mobile .bulles-img {
    display: none;
}


.bulles-img {
    position: relative;
    width: 575px;
}

.bulles-img figure {
    position: absolute;
    z-index: 900;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
}

.p5791-engagements-bottom .card-title {
    color: var(--blanc);
    font: normal normal normal 48px/60px 'Alter Eco_V2';
    padding: 120px 100px 0 100px;
    text-align: center;
    margin-bottom: 15px;
}

.p5791-engagements-bottom .card-paragraphe {
    color: #F08734;
    font: normal normal normal 32px/40px 'Alter Eco_V2';
    text-align: center;
    padding: 0 60px;
    margin-bottom: 40px;
}

.p5791-engagements-bottom .card-paragraphe .span {
    border-bottom: 2px solid #F08734;
}

.p5791-engagements .engagements-right>.vc_column-inner {
    /* padding-left: 25px; */
}

.p5791-engagements .engagements-right>.vc_column-inner>.wpb_wrapper {
    /* max-width: 475px; */
    max-width: 675px;
}

.p5791-engagements .engagements-right .engagements-title-paragraphe.first {
    /* margin-top: 60px; */
    padding-right: 25px;
}

.p5791-engagements .engagements-right .first-line figure,
.p5791-engagements .engagements-right .first-pict figure {
    position: absolute;
}

.p5791-engagements .engagements-right .first-line figure {
    top: -250px;
    right: 180px;
}

.p5791-engagements .engagements-right .first-pict figure {
    top: -110px;
    left: 55px;
}

/* .p5791-engagements .engagements-right .engagements-paragraphe.first {
    max-width: 473px;
} */

/* .p5791-engagements .engagements-right .engagements-paragraphe.first {
    padding-bottom: 250px;
} */

.p5791-engagements .engagements-right .second-line figure,
.p5791-engagements .engagements-right .second-pict figure {
    position: absolute;
}

.p5791-engagements .engagements-right .second-line figure {
    top: 500px;
    left: 145px;
}

.p5791-engagements .engagements-right .second-pict figure {
    width: 220px;
    height: 205px;
    top: 545px;
    right: 25px;
    text-align: center;
}

.p5791-engagements .engagements-right .second-pict figure img {
    width: 220px;
}

.p5791-engagements .engagements-left .engagements-paragraphe.second {
    padding-right: 12px;
}

.p5791-engagements .engagements-left .engagements-paragraphe.second .span {
    border-bottom: 2px solid #697C2C;
}

.p5791-engagements .engagements-right .engagements-title-paragraphe.second {
    padding-right: 50px;
}

.p5791-engagements .engagements-right .engagements-paragraphe.second {
    /* max-width: 475px; */
    max-width: 690px;
    /* padding-bottom: 300px; */
    padding-bottom: 85px;
    margin-bottom: 0;
}

.p5791-engagements .engagements-right .third-line figure,
.p5791-engagements .engagements-right .third-pict figure {
    position: absolute;
}


.p5791-engagements .engagements-right .third-line figure {
    top: 1215px;
    right: 205px;
}

.p5791-engagements .engagements-right .third-pict figure {
    width: 225px;
    height: 215px;
    text-align: center;
    left: 45px;
    top: 1345px;
}

.p5791-engagements .engagements-right .engagements-title-paragraphe.third {
    width: 540px;
}

.p5791-engagements .engagements-right .engagements-paragraphe.third {
    max-width: 475px;
    padding-bottom: 230px;
}

.p5791-engagements .engagements-right .engagements-paragraphe.third .span,
.p5791-engagements .engagements-right .engagements-paragraphe.fourth .span {
    border-bottom: 2px solid #F5B208;
}

.p5791-engagements .engagements-right .fourth-line figure,
.p5791-engagements .engagements-right .fourth-pict figure {
    position: absolute;
}

.p5791-engagements .engagements-right .fourth-line figure {
    top: 2100px;
    left: 105px;
}

.p5791-engagements .engagements-right .fourth-pict figure {
    top: 2135px;
    right: 50px;
}

.p5791-engagements .engagements-right .engagements-title-paragraphe.fourth {
    padding-right: 80px;
    width: 540px;
}

.p5791-engagements .engagements-right .engagements-paragraphe.fourth {
    max-width: 475px;
}

@media all and (min-width: 992px) {
    .p5791-engagements {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width:1600px) {
  .p5791-banniere h1::before {
    left:80px;
    top:370px
  }
  .p5791-planete-img {
    right:0;
    top:-250px
  }
}
@media screen and (max-width:1400px) {
  .p5791-engagements .engagements-left::before {
    left:-75px
  }
  .p5791-engagements .engagements-right::before {
    left:-95px
  }
  .p5791-engagements .engagements-right::before {
    padding:150px 40px 85px 60px
  }
  .p5791-engagements .engagements-left .engagements-title-paragraphe.first::before {
    right:-70px
  }
}
@media screen and (min-width:1301px) {
  .p5791-engagements .engagements-left,
  .p5791-engagements .engagements-right {
    width:auto
  }
}
@media screen and (max-width:1300px) {
  body.page-id-512 .site-content {
    padding:25px;
    padding-bottom:0
  }
  .p5791-engagements .engagements-left>.vc_column-inner>.wpb_wrapper,
  .p5791-engagements .engagements-right>.vc_column-inner>.wpb_wrapper,
  .p5791-engagements .engagements-right .engagements-paragraphe.first,
  .p5791-engagements .engagements-right .engagements-paragraphe.second,
  .p5791-engagements .engagements-right .engagements-paragraphe.third,
  .p5791-engagements .engagements-right .engagements-paragraphe.fourth {
    max-width:100%
  }
  .p5791-engagements .engagements-right::before {
    left:auto;
    right:-15px;
    width:104%
  }
  .p5791-engagements .engagements-left::before {
    left:-15px;
    width:104%
  }
  .p5791-engagements .engagements-left .engagements-title-paragraphe.first::before {
    right:45px
  }
  .p5791-engagements .engagements-right .engagements-title-paragraphe.first::before {
    top:-330px;
    left:220px
  }
  .p5791-engagements .engagements-left {
    margin-right:0
  }
  .p5791-engagements .engagements-left .engagements-title-paragraphe.first::after {
    top:-260px;
    left:-30px
  }
  .p5791-onglets-place .onglet-second-row .left-part .wpb_text_column p {
    padding-right:30px
  }
  .p5791-onglets-place .left-part figure::after {
    width:200px;
    height:260px;
    position:absolute;
    bottom:-90px;
    left:-55px;
    background-size:contain;
    background-repeat:no-repeat
  }
  .p5791-voir-aussi .left-part {
    padding-left:30px
  }
  body.page-id-512 .p5791-engagements .engagements-right>.vc_column-inner>.wpb_wrapper {
    padding-left:15px
  }
}
@media screen and (max-width:1250px) and (min-width:991px) {
  body.page-id-512 .p5791-engagements .engagements-right>.vc_column-inner>.wpb_wrapper {
    padding-right:0
  }
  .p5791-engagements .engagements-right .engagements-title-paragraphe.first::before {
    top:-300px;
    left:175px
  }
  .p5791-engagements .engagements-right .engagements-title-paragraphe.third {
    width:auto
  }
}
@media screen and (max-width:1200px) {
  body.page-id-512 header#main-header {
    background-color:var(--vert)
  }
  .p5791-raisons .left-part {
    padding-left:50px
  }
  .p5791-raisons .right-part {
    padding-right:50px
  }
  .p5791-engagements-top {
    margin:0 15px
  }
  .p5791-engagements-top .right-part>.vc_column-inner>.wpb_wrapper {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    padding:0 50px
  }
  .p5791-engagements-top .left-part>.vc_column-inner>.wpb_wrapper {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    padding:0 50px
  }
  .p5791-engagements .engagements-right>.vc_column-inner>.wpb_wrapper {
    padding-left:65px;
    padding-right:65px
  }
  .p5791-engagements-bottom {
    width:auto;
    height:auto;
    padding-bottom:30px
  }
  .p5791-onglets-place .onglet-second-row .right-part .vc_column-inner {
    width:auto;
    height:auto
  }
  .onglet-first-row,
  .onglet-second-row {
    margin:0 15px
  }
  .onglet-second-row .right-part>.vc_column-inner {
    background-repeat:no-repeat
  }
  .p5791-onglets-place .onglet-second-row .right-part::before {
    top:-80px
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.third::before {
    width:185px
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.third::after {
    right:35px
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.second::before {
    bottom:165px;
    height:135px
  }
  .p5791-engagements-top .right-part::before {
    bottom:-120px
  }
  .p5791-savoir-plus {
    margin:0 15px
  }
  .p5791-voir-aussi .left-part {
    padding-left:50px;
    padding-right:25px
  }
  .p5791-voir-aussi .right-part {
    padding-right:50px;
    padding-left:25px
  }
  .p5791-voir-aussi .right-part>.vc_column-inner>.wpb_wrapper {
    height:auto
  }
}
@media screen and (max-width:1199px) {
  .p5791-engagements .engagements-left::before,
  .p5791-engagements .engagements-right::before {
    font-size:40px;
    line-height:40px
  }
}
@media screen and (max-width:991px) {
  .p5791-banniere {
    clip-path:polygon(0 0,101% 0,101% 96%,0% 100%)
  }
  .p5791-banniere h1 {
    font-size:48px;
    line-height:48px;
    padding-top:45px;
    padding:48px 10px 0
  }
  .p5791-banniere .undertitle {
    font-size:32px;
    line-height:32px;
    padding-bottom:300px
  }
  .p5791-planete-img {
    right:-85px;
    top:-265px
  }
  .p5791-planete-img img {
    width:230px
  }
  .p5791-banniere h1::before {
    width:170px;
    height:175px;
    background-size:contain;
    background-repeat:no-repeat;
    left:-60px;
    top:270px
  }
  .p5791-planete .arrow-down img {
    top:-50px
  }
  .p5791-planete {
    padding-bottom:70px
  }
  .p5791-raisons {
    display:flex;
    flex-direction:column-reverse;
    padding-bottom:510px
  }
  .p5791-raisons .left-part {
    width:100%
  }
  .p5791-raisons .right-part {
    width:100%;
    padding-right:0;
    padding-bottom:75px
  }
  .p5791-raisons .old-men-img figure::after {
    width:145px;
    height:150px;
    bottom:-55px;
    left:15px;
    background-size:contain
  }
  .p5791-raisons h2 {
    font-size:40px;
    line-height:40px;
    padding-bottom:25px
  }
  .p5791-raisons .intro-paragraphe1,
  .p5791-raisons .intro-paragraphe2 {
    font-size:24px;
    line-height:32px
  }
  .p5791-raisons .left-part {
    padding-left:0
  }
  .p5791-raisons .left-part>.vc_column-inner>.wpb_wrapper {
    max-width:100%
  }
  .p5791-raisons .intro-paragraphe1 {
    margin-bottom:30px
  }
  .p5791-engagements .engagements-left::after {
    height:195px;
    width:190px;
    top:-445px;
    left:-10px;
    background-size:contain
  }
  .p5791-engagements .engagements-left::before {
    font-size:40px;
    line-height:40px;
    height:250px;
    width:calc(100% + 20px);
    top:-350px;
    left:-10px;
    padding:110px 5px 0 18px
  }
  .p5791-engagements .engagements-left .engagements-title-paragraphe.first::before {
    width:205px;
    background-image:url(../../../themes/altereco/assets/img/nos-engagements-planete-mobile-line1.html);
    height:150px;
    top:-245px;
    left:120px;
    background-size:contain
  }
  .p5791-engagements .engagements-left .engagements-title-paragraphe.first::after {
    width:230px;
    height:220px;
    top:-195px;
    left:-45px;
    background-size:cover
  }
  .p5791-engagements .engagements-left {
    padding-top:75px;
    padding-bottom:390px
  }
  .p5791-engagements .engagements-title-paragraphe {
    font-size:32px;
    line-height:32px
  }
  .p5791-engagements .engagements-left .engagements-paragraphe.first::after {
    width:140px;
    height:90px;
    background-repeat:no-repeat;
    right:155px;
    bottom:-120px;
    background-image:url(../../../themes/altereco/assets/img/nos-engagements-planete-mobile-line2.html)
  }
  .p5791-engagements .engagements-left .engagements-paragraphe.first::before {
    width:205px;
    height:200px;
    background-repeat:no-repeat;
    right:-25px;
    bottom:-240px;
    background-size:cover
  }
  .p5791-engagements .engagements-left .engagements-title-paragraphe.second p {
    padding-right:10px
  }
  .p5791-engagements .engagements-left .engagements-paragraphe.second::after {
    width:185px;
    height:65px;
    background-repeat:no-repeat;
    right:0;
    bottom:-230px;
    background-size:contain
  }
  .p5791-engagements .engagements-left .engagements-paragraphe.second::before {
    width:65px;
    height:115px;
    background-repeat:no-repeat;
    right:195px;
    bottom:-185px;
    background-size:cover;
    background-image:url(../../../themes/altereco/assets/img/nos-engagements-planete-mobile-line3.html)
  }
  .p5791-engagements .engagements-left .en-savoir-plus-first {
    margin-bottom:210px
  }
  .p5791-engagements .engagements-left .engagements-title-paragraphe.third {
    width:auto;
    padding-right:30px
  }
  .p5791-engagements-bottom {
    display:none
  }
  .p5791-engagements .engagements-left .bulles-img {
    display:none
  }
  .display-mobile .p5791-engagements-bottom,
  .display-mobile .bulles-img {
    display:block
  }
  .p5791-engagements .engagements-right::before {
    height:290px;
    width:calc(100% + 20px);
    top:-365px;
    padding:150px 100px 85px 60px;
    left:-10px;
    font-size:40px;
    line-height:40px;
    padding:115px 15px 65px 15px
  }
  .p5791-engagements .engagements-right::after {
    height:180px;
    width:170px;
    top:-445px;
    right:0;
    background-size:contain
  }
  .p5791-engagements .engagements-right>.vc_column-inner,
  .p5791-engagements .engagements-right>.vc_column-inner>.wpb_wrapper {
    padding:0
  }
  .p5791-engagements .engagements-right .engagements-title-paragraphe.first {
    margin-top:100px;
    padding-right:40px
  }
  .p5791-engagements .engagements-right .engagements-title-paragraphe.first::after {
    width:120px;
    height:110px;
    top:-120px;
    left:5px;
    background-size:contain
  }
  .p5791-engagements .engagements-right .engagements-title-paragraphe.first::before {
    content:'';
    display:block;
    position:absolute;
    background-image:url(../../../themes/altereco/assets/img/nos-engagements-planete-mobile-line4.html);
    width:164px;
    height:140px;
    top:-210px;
    left:135px;
    background-size:contain
  }
  .p5791-engagements .engagements-right .engagements-paragraphe {
    padding-right:15px
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.first::before {
    width:172px;
    height:105px;
    background-repeat:no-repeat;
    right:150px;
    bottom:75px;
    background-size:contain;
    background-image:url(../../../themes/altereco/assets/img/nos-engagements-planete-mobile-line5.html)
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.first::after {
    width:165px;
    height:153px;
    background-repeat:no-repeat;
    right:0;
    bottom:15px;
    background-size:contain
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.first {
    padding-bottom:200px;
    padding-right:0
  }
  .p5791-world .world-undertitle {
    padding-bottom:25px
  }
  body.page-id-512 .p5791-onglets-place .section-onglet ul {
    padding-bottom:60px
  }
  .p5791-onglets-place .onglet-first-row figure img {
    width:auto;
    height:auto
  }
  .p5791-engagements .engagements-right .engagements-title-paragraphe.second {
    padding-right:0
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.second {
    padding-bottom:235px
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.second::after {
    width:168px;
    height:161px;
    background-repeat:no-repeat;
    left:-15px;
    bottom:-10px;
    background-size:100% 100%
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.second::before {
    width:146px;
    height:150px;
    background-repeat:no-repeat;
    bottom:70px;
    left:140px;
    background-size:100% 100%
  }
  .p5791-engagements .engagements-right .engagements-title-paragraphe.third {
    width:auto;
    padding-right:50px;
    line-height:33px
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.third::after {
    width:115px;
    height:140px;
    background-repeat:no-repeat;
    bottom:-10px;
    right:30px;
    background-size:contain
  }
  .p5791-engagements .engagements-right .engagements-title-paragraphe.fourth {
    width:auto;
    padding-right:25px
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.fourth {
    padding-right:20px;
    padding-bottom:105px
  }
  .display-mobile .p5791-engagements-bottom {
    width:360px;
    height:360px
  }
  .p5791-engagements-bottom .card-title {
    padding:95px 15px 0 15px;
    font-size:32px;
    line-height:32px
  }
  .p5791-engagements-bottom .card-paragraphe {
    font-size:24px;
    line-height:28px;
    padding:0 30px
  }
  .p5791-engagements-bottom {
    clip-path:polygon(0% 3%,100% 0,100% 100%,0% 100%);
    margin-left:-18px
  }
  .p5791-engagements-bottom .card-paragraphe p span.span {
    border-bottom:3px solid #F08734
  }
  .display-mobile {
    position:relative
  }
  .display-mobile .bulles-img figure {
    position:absolute;
    width:230px;
    height:210px;
    left:160px;
    top:-105px
  }
  .p5791-world {
    padding-top:75px
  }
  .p5791-world .world-title {
    margin-bottom:10px
  }
  .p5791-world .world-title p {
    font-size:40px;
    line-height:40px
  }
  .p5791-world .world-undertitle p {
    font-size:24px;
    line-height:28px
  }
  .p5791-onglets-place .wpb_tour_tabs_wrapper>.wpb_tab {
    padding:0
  }
  .p5791-onglets-place .onglet-first-row,
  .p5791-onglets-place .onglet-second-row {
    margin:0
  }
  .p5791-onglets-place .onglet-first-row {
    padding-bottom:30px
  }
  .p5791-onglets-place .onglet-first-row figure {
    padding-bottom:75px;
    margin-left:-10px
  }
  .p5791-onglets-place .onglet-first-row figure:before {
    content:'';
    position:absolute;
    display:block;
    width:130px;
    height:135px;
    background-image:url(../../uploads/2022/01/Maison.png);
    top:-51px;
    right:-12px
  }
  .p5791-onglets-place .onglet-first-row .right-part .place-title p {
    font-size:32px;
    line-height:32px;
    color:#3C302C
  }
  .p5791-onglets-place .onglet-first-row .left-part>.vc_column-inner>.wpb_wrapper {
    width:calc(100% + 20px)
  }
  .p5791-onglets-place .left-part figure::after {
    width:170px;
    height:195px;
    bottom:15px;
    left:-30px
  }
  .p5791-onglets-place .onglet-first-row .right-part .place-title {
    padding-bottom:25px;
    padding-top:20px
  }
  .p5791-onglets-place .right-part .place-paragraphe1 p,
  .p5791-onglets-place .right-part .place-paragraphe2 p {
    font-size:24px;
    line-height:32px
  }
  .p5791-onglets-place .onglet-second-row .left-part {
    width:100%;
    padding-bottom:60px
  }
  .p5791-onglets-place .onglet-second-row .right-part {
    margin-left:-17px
  }
  .p5791-onglets-place .onglet-second-row .right-part,
  .p5791-onglets-place .onglet-second-row .right-part .vc_column-inner {
    width:calc(100% + 15px)
  }
  .p5791-onglets-place .onglet-second-row .right-part .vc_column-inner {
    padding-bottom:14px
  }
  .p5791-onglets-place .onglet-second-row .right-part::before {
    width:140px;
    height:120px;
    position:absolute;
    z-index:900;
    right:-5px;
    top:-33px;
    background-size:contain;
    background-repeat:no-repeat
  }
  .p5791-onglets-place .bloc-orange-title {
    font-size:32px;
    line-height:32px;
    padding-left:15px
  }
  .p5791-onglets-place .orange-bloc-checklist {
    padding-left:0;
    margin-left:40px
  }
  .p5791-onglets-place .orange-bloc-checklist li {
    padding:0 15px 25px 20px
  }
  .p5791-onglets-place .wpb_tabs .wpb_tabs_nav li {
    margin:0 5px
  }
  .p5791-onglets-place .onglet-second-row .right-part::after {
    width:155px;
    height:165px;
    position:absolute;
    z-index:900;
    bottom:-70px;
    left:-10px;
    background-size:auto;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
  }
  .p5791-onglets-place .onglet-second-row {
    padding-bottom:70px
  }
  .p5791-savoir-plus .wpb_single_image {
    text-align:center
  }
  .p5791-savoir-plus .wpb_single_image figure {
    width:155px;
    height:155px
  }
  .p5791-savoir-plus .curieux-title p,
  .p5791-savoir-plus .curieux-title p a {
    padding-right:0;
    font-size:32px;
    line-height:32px;
    text-align:center
  }
  .p5791-voir-aussi {
    clip-path:polygon(0 3%,101% 0%,101% 100%,0% 100%);
    flex-direction:column-reverse;
    padding-top:100px
  }
  .p5791-voir-aussi .right-part .voir p {
    font-size:24px;
    line-height:28px
  }
  .p5791-voir-aussi .right-part .right-part-title p {
    font-size:40px;
    line-height:40px
  }
  .p5791-voir-aussi .right-part .right-part-title {
    padding-top:30px
  }
  .p5791-voir-aussi .right-part {
    padding-right:0;
    padding-left:0
  }
  .p5791-voir-aussi .right-part .btn.mobile {
    display:block
  }
  .p5791-voir-aussi .right-part .btn {
    display:none
  }
  .p5791-voir-aussi .left-part {
    padding:80px 0 105px 0
  }
  .p5791-voir-aussi {
    padding-bottom:0
  }
  .p5791-voir-aussi .left-part figure::before {
    width:140px;
    height:105px;
    top:-35px;
    right:-10px;
    background-size:contain
  }
  .p5791-voir-aussi .left-part figure::after {
    content:'';
    display:block;
    width:95%;
    height:96%;
    background-color:#835E87;
    position:absolute;
    transform:rotate(-7deg);
    z-index:-50;
    top:6px;
    left:8px
  }
  .display-mobile .p5791-engagements-bottom {
    width:calc(100% + 35px)
  }
  .p5791-onglets-place .onglet-second-row {
    width:calc(100% + 35px)
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.third::before {
    content:'';
    position:absolute;
    background-image:url(../../../themes/altereco/assets/img/engagements-planete/line-mobile-projets-sociaux.html);
    display:block;
    display:block;
    width:150px;
    height:170px;
    background-repeat:no-repeat;
    right:140px;
    bottom:-10px;
    left:auto
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.third::after {
    width:115px;
    height:140px;
    background-repeat:no-repeat;
    bottom:-15px;
    right:15px;
    background-size:contain
  }
  .p5791-engagements .engagements-right .engagements-paragraphe.third {
    padding-bottom:175px
  }
  .p5791-raisons .old-men-img {
    width:calc(100% + 10px);
    margin-left:-10px
  }
  .p5791-onglets-place .right-part,
  .p5791-onglets-place .onglet-second-row .left-part .wpb_text_column p {
    max-width:100%
  }
}
@media all and (min-width:768px) and (max-width:991px) {
  .p5791-engagements .engagements-right::before {
    padding:115px 15px 65px 40px
  }
}
@media all and (max-width:768px) {
  .page-id-512.one-container .site-content {
    padding-bottom:0
  }
}
@media all and (max-width:767px) {
  .p5791-engagements .engagements-left::before,
  .p5791-engagements .engagements-right::before {
    background-size:100% 100%
  }
  .p5791-engagements .engagements-left>.vc_column-inner>.wpb_wrapper,
  .p5791-engagements .engagements-right>.vc_column-inner>.wpb_wrapper,
  .p5791-engagements .engagements-right .engagements-paragraphe.first,
  .p5791-engagements .engagements-right .engagements-paragraphe.second,
  .p5791-engagements .engagements-right .engagements-paragraphe.third,
  .p5791-engagements .engagements-right .engagements-paragraphe.fourth {
    max-width:100%
  }
}
/* END Page Engagements */

/* Page others - START */
.title-page-others {
    margin-bottom: 100px;
    background-color: #edc90f;
    clip-path: polygon(0 0, 101% 0, 101% 90%, 0% 100%);
}

.page-id-3 .title-page-others,
.page-id-1466 .title-page-others, 
.page-id-4568 .title-page-others {
    background-color: #c51534;
}

.page-id-3 strong{
    font-size: 22px;
}

.title-page-others::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100%;
    background: url(assets/img/texture.jpg) repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
}

.title-page-others h1 {
    margin-top: 40px;
    margin-bottom: 115px;
    line-height: 100px;
    color: #89761B;
    font-size: 100px;
}

.page-id-3 .title-page-others h1,
.page-id-1466 .title-page-others h1, 
.page-id-4568 .title-page-others h1 {
    color: #fbc2c0;
}

.page-id-1669 .entry-content h2 {
    font-size: 50px;
}

.page-id-1669 .entry-content ul li a {
    color: #70983b;
    font-size: 18px;
}

.page-id-1669 .entry-content ul li a:hover {
    color: #3c302c;
}
/* Page others - END */

/* Blog - START */
.single-post .grid-container {
    max-width: 1200px;
}

.single-post .inside-article {
    margin-bottom: 100px;
}

.page-id-3332 .title-page-others,
.single-post .title-page-others {
    display: flex;
    align-items: center;
    min-height: 80vh;
}

.page-id-3332 .title-page-others,
.single-post .title-page-others {
    background-color: #20617E;
}

.page-id-3332 .title-page-others h1,
.single-post .title-page-others h1 {
    color: #afbaa6;
}

.alter-blog-title h2 {
    font-size: 24px;
    line-height: 24px;
    color: #20617E;
    /* height: 40px; */
}

.alter-blog-excerpt p {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.page-id-3332 .btn a {
    padding: 8px 15px !important;
}

.page-id-3332 .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots.vc_grid-owl-dots-color-black .vc_grid-owl-dot.active span {
    background-color: #20617E !important;
    border-color: #20617E !important;
}

.page-id-3332 .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots.vc_grid-owl-dots-color-black .vc_grid-owl-dot span {
    border-color: #20617E !important;
}

.page-id-3332 .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots.vc_grid-owl-dots-color-black .vc_grid-owl-dot:hover span {
    background-color: #20617E !important;
    border-color: #20617E !important;
}

.single-post .vc_images_carousel img {
    width: 100%;
}

/* .single-post .wpb_single_image.wpb_content_element {
    margin-bottom: 35px;
} */

.single-post .wpb_content_element {
    margin-bottom: 30px;
}

/* .single-post .entry-content > div.vc_row:nth-of-type(2) {
    margin-bottom: 35px;
} */

.single-post p {
    margin-bottom: 30px;
    font-size: 1.2em;
    line-height: 1.5em;
}

.single-post ul {
    margin-bottom: 30px;
    font-size: 1.2em;
}

.single-post .site-main .post-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 65px;
}

.single-post .nav-next {
    display: flex;
    flex-direction: row-reverse;
}

.single-post .nav-next .gp-icon.icon-arrow-right {
    margin-right: 0;
    margin-left: .6em;
}
/* Blog - END */

/* Coops - START */
body.page-id-1512{
	background: #F6D421;
}

body.page-id-1512 #site{
	margin-top: -178px;
	background: #fff;
}

body.page-id-1512 header#main-header{
	background: #F3EAC3;
	/* mix-blend-mode: multiply; */
	padding: 30px 60px 40px;
}

body.page-id-1512 header#main-header::before {
    content: '';
	position: absolute;
	bottom: -30px;
	left: 0;
	display: block;
	width: 100%;
	height: 30px;
	background: url('assets/img/coop/split.svg');
	background-repeat: no-repeat;
	background-position: left;
	background-size: auto 100%;
}

body.parent-pageid-1512 #primary-menu ul.sub-menu li a,
body.page-id-1512 #primary-menu ul.sub-menu li a {
	color: #fff !important;
}

body.page-id-1512 #content .entry-content > div:first-child{
	padding-top: 150px !important;
}

#wpsl-wrap{
	margin-bottom: 0;
	/* clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 100%); */
	position: relative;
	/* z-index: 100; */
}

#wpsl-checkbox-filter{
	position: absolute;
	width: 100%;
	bottom: 60px;
	z-index: 1;
}

#wpsl-gmap img[src*="red@2x"], #wpsl-gmap img[src*="google_white5"], #wpsl-gmap #wpsl-map-controls {
    display: none !important;
}

#wpsl-gmap .gmnoprint, #wpsl-gmap button.gm-fullscreen-control{
	display: none;
}

#wpsl-checkbox-filter.wpsl-checkbox-3-columns li{
	padding: 0 15px;
	height: auto;
	line-height: auto;
}

#wpsl-checkbox-filter label{
	font-size: 24px;
	font-family: 'Alter Eco_V2';
	color: var(--brown);
	letter-spacing: 0.5px;
	background: url('assets/img/bg-btn-secondary.svg') no-repeat !important;
	background-size: 99% 100% !important;
	padding: 15px 20px;
	margin: 5px 0;
	display: block;
	-webkit-transition: all ease 300ms;
	   -moz-transition: all ease 300ms;
	    -ms-transition: all ease 300ms;
	     -o-transition: all ease 300ms;
	        transition: all ease 300ms;
}

#wpsl-checkbox-filter.wpsl-checkbox-3-columns li:hover, #wpsl-checkbox-filter.wpsl-checkbox-3-columns li.active{
	background: none;
	margin: 0;
}

#wpsl-checkbox-filter.wpsl-checkbox-3-columns li::after {
	display: none;
}

#wpsl-checkbox-filter.wpsl-checkbox-3-columns li:hover label, #wpsl-checkbox-filter.wpsl-checkbox-3-columns li.active label{
	color: #fff;
	background-color: var(--brown) !important;
}

#wpsl-checkbox-filter .order-0{ order: 0; }
#wpsl-checkbox-filter .order-1{ order: 1; }
#wpsl-checkbox-filter .order-2{ order: 2; }
#wpsl-checkbox-filter .order-3{ order: 3; }
#wpsl-checkbox-filter .order-4{ order: 4; }
#wpsl-checkbox-filter .order-5{ order: 5; }
#wpsl-checkbox-filter .order-6{ order: 6; }

.wpsl-infobox{
	display: none !important;
}

body.store-open #close-popup{
    display: block;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1001;
    cursor: pointer;
}

body.store-open{
    overflow: hidden;
}

body.store-open::before{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #1F1C1B;
    z-index: 1000;
}

#store-popup{
	display: none;
	width: 1000px;
	height: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	z-index: 1001;
}

#store-popup .vc_row{
	display: block;
	clip-path: polygon(0 10%, 95% 0, 100% 93%, 0% 100%);
	background: #F5F5E7;
	padding: 80px 115px 120px;
}

#store-popup::before{
	content: "";
	background: url('assets/img/noix-store.png') no-repeat;
	  background-size: auto;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 240px;
	height: 285px;
	display: block;
	position: absolute;
	top: 10px;
	left: -90px;
	z-index: 1002;
}

#store-popup::after{
	content: "";
	background: url('assets/img/branche-store.png') no-repeat;
	  background-size: auto;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 280px;
	height: 365px;
	display: block;
	position: absolute;
	bottom: -40px;
	right: -100px;
	z-index: 1002;
}

#store-popup.open{
	display: block;
}

#store-popup #coop-thumb img{
	width: 200px;
	margin-top: 10px;
}

#store-popup #coop-name{
	font-family: 'Alter Eco_V2';
	color: #634625;
	font-size: 56px;
	line-height: 54px;
	margin: 30px 0 10px;
}

#store-popup #coop-country{
	font-family: 'Alter Eco_V2';
	font-size: 32px;
	color: #D07F87;
	line-height: 40px;
	margin-bottom: 0px;
}

#store-popup #coop-product{
	font-family: 'Alter Eco_V2';
	font-size: 32px;
	color: #B1802A;
	line-height: 40px;
	margin-bottom: 30px;
}

#store-popup #coop-content img{
	display: none;
}

#store-popup #coop-content p{
	font-size: 24px;
	line-height: 32px;
	color: var(--brown);
	margin-bottom: 40px;
}

#store-popup #coop-link a{
	font-size: 24px;
	text-decoration: none;
	font-family: 'Alter Eco_V2';
	color: var(--brown);
	letter-spacing: 0.5px;
	background: url('assets/img/bg-btn-secondary.svg') no-repeat !important;
	background-size: 99% 100% !important;
	padding: 15px 30px;
	display: inline-block;
	-webkit-transition: all ease 300ms;
	   -moz-transition: all ease 300ms;
	    -ms-transition: all ease 300ms;
	     -o-transition: all ease 300ms;
	        transition: all ease 300ms;
}

#store-popup #coop-link a:hover{
	color: #fff;
	background-color: var(--brown) !important;
}
/* Coops - END */

/* Footer START */
footer#main-footer{
    background: #1B1B1B;
    padding: 45px 60px;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-align-items: center;
            align-items: center;
}

footer #logo-footer {
    max-width: 190px;
}

#footer-menu ul, #footer-socials ul{
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    margin: 0;
    list-style-type: none;
}

#footer-menu ul {
    justify-content: center;
}

#footer-menu ul li{
    margin: 0 25px;
}

#footer-menu ul li a{
    text-decoration: none;
    font-family: 'Alter Eco_V2';
    font-size: 16px;
    color: #CDB798;
    letter-spacing: 0.3px;
}

#footer-socials ul li a{
    display: block;
    width: 46px;
    height: 46px;
    margin-left: 15px;
    background: url('assets/img/bg-social-footer.png');
    -webkit-border-radius: 500px;
            border-radius: 500px;
    text-align: center;
}

#footer-socials ul li a i{
    line-height: 46px;
    color: #271F1B;
    font-size: 15px;
}

.footer-recycle {
    max-width: 522px;
    margin: 10px auto 0;
    text-align: center;
}

.footer-recycle,
.footer-recycle a {
    color: #cdb798;
}

.footer-recycle a {
    transition: all .3s ease-in-out;
}

.footer-recycle a:hover {
    color: #fff;
}
/* Footer END */

/* Landing page */
.page-id-2554 header#main-header, .page-id-2877 header#main-header, .page-id-2038 header#main-header {
    display: none;
}

/* .page-id-2554 #page {
    background: #cb9d7e url(../img/bg/bg-lp.jpg) repeat;
    background-size: contain;
    -ms-overflow-x: hidden;
    overflow-x: hidden;
} */

.page-id-2554 #header-lp {
    background: #dcab00;
    height: 1115px;
}

.top-lp-ivoire {
    margin-bottom: 0;
}

.top-lp-ivoire p, .monthoers_vintage p {
    font-family: 'Alter Eco_V2';
    text-transform: lowercase;
}

.lemon-yellow p {
    /* font-family: 'Lemon-yellow-SUN'; */
}

.top-lp-ivoire p {
    font-size: 139px;
    line-height: 164px;
    position: absolute;
    top: 165px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
}

.top-lp-ivoire p .mini-txt {
    font-size: 74px;
}

.top-lp-ivoire p .big-txt {
    color: #205451;
    font-size: 263px;
}

.top-lp-ivoire p .medium-txt {
    color: #205451;
    font-size: 190px;
}

.logo-lp {
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.content-lp {
    margin-top: -48px;
}

.content-lp p, .content-lp ul li {
    color: #3e1f00;
}

.content-lp p, #footer-lp p {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px;
    margin-top: 0;
}

.content-lp h2 {
    color: #3e1f00;
    font-size: 78px;
    line-height: 82px;
}

.content-lp h3 {
    color: #fff;
    font-size: 46px;
    line-height: 50px;
}

/* .page-id-2877 .content-lp h4 {
    color: #3f200a;
    font-size: 38px;
    line-height: 42px;
    margin-top: 30px;
} */

.content-lp .vc_row.vc_column-gap-30:not(.lp-ivoire-juste) {
    margin: 0 -60px;
}

.content-lp .vc_row.vc_column-gap-30:not(.lp-ivoire-juste)>.vc_column_container {
    padding: 0 60px;
}

.content-lp .wpb_text_column p:first-child, #footer-lp .wpb_text_column p:first-child {
    margin-top: 0;
}

.puce-number .vc_single_image-wrapper {
    border-radius: 50%;
    overflow: hidden;
}

.puce-number .vc_single_image-wrapper img {
    max-width: 68px;
    max-height: 68px;
}

.content-lp .map-txt p {
    font-size: 50px;
    line-height: 56px;
}

.flex-dates > .wpb_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content-lp p.rounded-date {
    position: relative;
    margin: 0 10px;
    padding: 10px;
    font-size: 60px;
    color: #fff;
    /* background: url('./assets/img/landing-ivoire/rounded-date.svg'); */
    /* border: 2px solid #9e5e38; */
    border-radius: 72px;
    /* display: inline-block; */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 136px;
    height: 132px;
    /* line-height: 75px; */
    /* text-align: center; */
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.content-lp p.rounded-date:before {
    content: '';
    background: url('assets/img/landing-ivoire/rounded-date.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 136px;
    height: 132px;
}

.content-lp .rounded-date.active, .content-lp .rounded-date:hover {
    /* background-color: #9e5e38; */
    /* color: #fff; */
    background: url('assets/img/landing-ivoire/rounded-date-active.png');
    color: #dcab00;
}

.content-lp .map-dates {
    display: none;
}

.content-lp .map-dates.active {
    display: block;
}

#footer-lp .cta-pvpp p {
    font-size: 42px;
    line-height: 46px;
}

.arrow-before:before {
    content: url('assets/img/landing/fleche-droite.png');
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    left: -40px;
    top: 34%;
}

#content .content-lp .btn-cta-pvpp a, #content #footer-lp .blue-button.alter-button a.vc_btn3 {
    font-size: 24px;
    padding: 0 60px;
    border-radius: 70px;
}

#footer-lp {
    background-position: top center !important;
    background-repeat: no-repeat !important;
    /* padding-top: 740px; */
    overflow: visible;
}

#footer-lp * {
    color: #fff;
}

#footer-lp h2 {
    font-size: 82px;
}

#footer-lp ul {
    padding-left: 20px;
}

#footer-lp h2.pvpp-border {
    border: solid 6px #fff;
    display: inline-block;
    padding: 3px 10px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-2deg);
    transform: translateX(-50%) rotate(-2deg);
}

#content #footer-lp .blue-button.alter-button a.vc_btn3 {
    background-color: #6cb4b0 !important;
}

#content #footer-lp .blue-button.alter-button a.vc_btn3:hover {
    background-color: #fff !important;
    color: #230402 !important;
}

#footer-lp h3 {
    /* font-family: 'Lemon-yellow-SUN'; */
    font-size: 60px;
    line-height: 64px;
}

.nav-lp {
    position: absolute;
    bottom: 620px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 0;
    width: 750px;
    z-index: 999999;
}

.nav-lp g#dot-contexte, .nav-lp g#dot-consequences, .nav-lp g#dot-projet, .nav-lp g#dot-chocolat {
    cursor: pointer;
}

.nav-lp g#dot-contexte path,
.nav-lp g#dot-consequences path,
.nav-lp g#dot-projet path,
.nav-lp g#dot-chocolat path {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*.nav-lp g#dot-contexte:hover path:first-of-type, .nav-lp g#dot-consequences:hover path:first-of-type, .nav-lp g#dot-projet:hover path:first-of-type, .nav-lp g#dot-chocolat:hover path:first-of-type {
    fill: #fff;
}*/

.nav-lp g#dot-contexte:hover path, .nav-lp g#dot-consequences:hover path, .nav-lp g#dot-projet:hover path, .nav-lp g#dot-chocolat:hover path:nth-child(2) {
    fill: #dcab00;
}

/*.nav-lp g#dot-contexte:hover circle, .nav-lp g#dot-consequences:hover circle, .nav-lp g#dot-projet:hover circle, .nav-lp g#dot-chocolat:hover circle {
    stroke: #f7f7f7;
}*/

area:focus, area:active {
    outline: none;
}

.content-lp .cta-pvpp p, .page-id-2877 .content-lp .cta-pvpp p {
    font-size: 34px;
    line-height: 36px;
}

span.source-txt {
    font-size: 12px;
}

.link-txt a {
    font-weight: bold;
}

div#modal-video {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    margin: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
}

div#modal-video > .wpb_column {
    width: 98%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div#modal-video iframe {
    width: 80%;
    height: 100%;
    margin: auto;
}

div#modal-video div {
    height: 100%;
    width: 100%;
    padding: 0;
    text-align: center;
}

div#modal-video div#close-video-lp {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.play-video {
    cursor: pointer;
}

#footer-lp .source-txt p {
    font-size: 12px;
}
/* Landing page - end */

/* Landing page côte d'ivoire - START */
.title-white {
    color: #fff !important;
}

body.page-id-2554 {
    font-weight: 400;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-55 {
    margin-bottom: 55px;
}

.page-id-2554 .grid-container {
    max-width: 1270px;
}

.page-id-2554 #site {
    margin-top: 0;
}

.lp-ivoire-intro {
    clip-path: polygon(0 0, 101% 0, 101% 95%, 0% 100%);
}

.page-id-2554 #header-lp {
    background: #dcab00;
    height: auto;
}

.page-id-2554 .logo-lp {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 100px;
    transform: none;
}

.page-id-2554 .top-lp-ivoire p {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
}

.page-id-2554 .nav-lp {
    position: relative;
    bottom: auto;
    /* left: auto; */
    /* transform: none; */
    /* margin-bottom: 0;
    width: 750px;
    z-index: 999999; */
}

.page-id-2554 .content-lp {
    margin-top: -65px;
}

.page-id-2554 .content-lp h2 {
    line-height: 104px;
    color: #205451;
    font-size: 100px;
}

.page-id-2554 .content-lp h3 {
    line-height: 64px;
    color: #251910;
    font-size: 60px;
}

.page-id-2554 .content-lp p {
    margin-bottom: 35px;
}

.section-consequences {
    clip-path: polygon(0 0, 101% 78px, 101% calc(100% - 86px), 0% 100%);
}

.page-id-2554 .content-lp #two {
    background: #5d9556;
}

.page-id-2554 .content-lp #two::before,
.page-id-2554 #footer-blue #three::before,
.page-id-2554 #footer-blue #footer-lp::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
}

.page-id-2554 .map-txt p {
    margin-bottom: 40px !important;
}

.page-id-2554 .map-txt p, .page-id-2554 .content-lp p.rounded-date {
    font-family: 'Alter Eco_V2';
}

.page-id-2554 .section-projet-redd h2 strong {
    font-size: 138px;
    font-weight: 400;
}

.page-id-2554 .section-projet-redd h2 {
    line-height: 90px;
    font-weight: 400;
}

.page-id-2554 .section-projet-redd.content-lp {
    margin-top: -75px;
}

.lp-ivoire-cta {
    clip-path: polygon(0 0, 100% 38px, 100% 100%, 0 100%);
}

.page-id-2554 .lp-ivoire-cta.content-lp p {
    line-height: 51px;
    color: #dcab00;
    font-size: 47px;
}

.page-id-2554 .lp-ivoire-cta-title p strong {
    color: #fff;
    font-weight: 500;
}

.page-id-2554 .lp-ivoire-cta.content-lp .btn a, .page-id-2554 .btn-bg-yellow a {
    padding: 8px 15px !important;
    color: #3e2c28 !important;
    background: url('assets/img/bg-btn-yellow.svg') !important;
}

.page-id-2554 .lp-ivoire-cta.content-lp .btn a:hover, .page-id-2554 .btn-bg-yellow a:hover {
    color: #fff !important;
    background: url('assets/img/bg-btn.svg') !important;
}

.page-id-2554 #three {
    overflow: visible;
}

.lp-ivoire-puce-number-2 {
    position: absolute;
    bottom: -70px;
    left: 50%;
    margin-bottom: 0 !important;
    transform: translateX(-50%);
    z-index: 10;
}

/* Safari Only */
/* @media screen and (-webkit-min-device-pixel-ratio: 0) { 
    .lp-ivoire-puce-number-2 {
        bottom: 0;
    }
} */

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        .lp-ivoire-puce-number-2 {
            bottom: 0;
        }
    }
}

.lp-ivoire-puce-number-4 {
    position: absolute;
    bottom: -124px;
    left: 50%;
    margin-bottom: 0 !important;
    transform: translateX(-50%);
    z-index: 10;
}

/* .page-id-2554 #footer-blue:before {
    content: '' !important;
    position: absolute;
    top: 1px;
    right: -1px;
    display: block !important;
    width: 100% !important;
    height: 78px !important;
    background: url(./assets/img/landing-ivoire/texture-alt.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    overflow: visible !important;
    visibility: visible !important;
} */

#footer-lp {
    margin-top: -27px;
    padding-top: 60px;
    clip-path: polygon(0 27px, 100% 0, 100% 100%, 0 100%)
}

.page-id-2554 #footer-lp h2.pvpp-border {
    margin-top: 50px;
    padding: 10px;
    color: #005a3c;
    border: solid 6px #005a3c;
    font-size: 90px;
    line-height: 94px;
}

.page-id-2554 .content-lp p, .page-id-2554 .content-lp ul li, .page-id-2554 #footer-lp * {
    color: #251910;
}

.page-id-2554 #footer-lp h2 {
    line-height: 124px;
    color: #005a3c;
    font-size: 120px;
}

.page-id-2554 #footer-lp .btn a {
    padding: 8px 15px !important;
    background: url('assets/img/bg-btn-hover.svg') !important;
    color: #005a3c !important;
}

.page-id-2554 #footer-lp .btn a:hover {
    color: #fff !important;
    background: url('assets/img/bg-btn.svg') !important;
}

.page-id-2554 #footer-lp .source-txt p {
    line-height: 28px;
    font-size: 24px;
}
/* Landing page côte d'ivoire - END */

/* Landing page neutralisation carbone - START */
.page-id-2877 .grid-container {
    /* max-width: 1270px; */
    max-width: 1290px;
}

.page-id-2877 #site {
    margin-top: 0;
}

.page-id-2877 #content .entry-content > div:first-child {
    padding-top: 0 !important;
}

.lp-carbone-intro {
    clip-path: polygon(0 0, 101% 0, 101% 95%, 0% 100%);
}

.page-id-2877 #header-lp {
    padding-bottom: 200px;
    height: auto;
    background: #00996b;
}

.page-id-2877 .logo-lp {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
}

.page-id-2877 .header-desk img {
    max-width: 1200px;
}

.page-id-2877 .nav-lp {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 0 auto;
    transform: none;
}

.page-id-2877 #content-lp .vc_row[data-vc-full-width] {
    overflow: visible;
}

.page-id-2877 #content-lp {
    margin-top: -65px;
}

.page-id-2877 #content-lp #one {
    z-index: 30;
}

.page-id-2877 #content-lp #two {
    z-index: 20;
}

.page-id-2877 #content-lp #three {
    margin-top: -86px;
    padding-bottom: 175px;
    clip-path: polygon(0 0, 101% 0, 101% 100%, 0 calc(100% - 60px));
    z-index: 10;
}

.page-id-2877 #content-lp #one h2 {
    line-height: 114px;
    color: #005a3c;
    font-size: 110px;
}

.page-id-2877 #content-lp #two h2 {
    line-height: 114px;
    color: #b0d2a9;
    font-size: 110px;
}

.page-id-2877 #content-lp #two p, .page-id-2877 #content-lp #two ul li {
    color: #fff;
    font-weight: 400;
}

.page-id-2877 #content-lp #two .objectifs {
    margin-bottom: 2px;
}

.page-id-2877 #content-lp #two ul {
    list-style: none;
    margin-left: 17px;
}

.page-id-2877 #content-lp #two li {
    position: relative;
}

.page-id-2877 #content-lp #two li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: -17px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 500px;
}

.page-id-2877 #content-lp #two ul li {
    line-height: 28px;
    font-size: 24px;
}

.page-id-2877 #content-lp #two .two-video-1 {
    position: relative;
    bottom: -36px;
}

.page-id-2877 .content-lp p {
    margin-bottom: 35px;
    font-weight: 400;
}

.lp-txt-big p {
    line-height: 36px;
    margin-top: 30px !important;
    font-size: 32px;
}

.page-id-2877 .content-lp #two p {
    margin-bottom: 30px;
}

.page-id-2877 .content-lp h3 {
    font-size: 60px;
    line-height: 64px;
}

.lp-carbone-puce-number-2 {
    position: absolute;
    left: 50%;
    bottom: -100px;
    transform: translateX(-50%);
    z-index: 10;
}

.page-id-2877 #two {
    clip-path: polygon(0 0, 101% 78px, 101% calc(100% - 56px), 0% 100%);
}

.page-id-2877 #two::before,
.page-id-2877 #three::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
}

.page-id-2877 #footer-lp {
    margin-top: -160px;
    padding-top: 100px;
    clip-path: none;
    z-index: 40;
}

.page-id-2877 #footer-lp * {
    color: #3e2c28;
}

.page-id-2877 #footer-lp h2:not(.pvpp-border) {
    line-height: 146px;
    color: #005a3c;
    font-size: 142px;
}

.page-id-2877 #footer-lp h2.pvpp-border {
    margin-top: 30px;
    padding: 5px 12px 10px;
    color: #3e2c28;
    border: solid 4px #3e2c28;
    font-size: 122px;
    line-height: 126px;
}

.page-id-2877 #three p {
    line-height: 51px;
    color: #fff;
    font-size: 47px;
}

.page-id-2877 .lp-carbone-cta-title p strong {
    color: #005a3c;
    font-weight: 500;
}

.page-id-2877 .footer-arrow .wpb_single_image {
    position: absolute;
    right: -44px;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0;
}

.page-id-2877 #two .btn a {
    padding: 8px 15px !important;
    background: url(assets/img/bg-btn-hover.svg) !important;
    background-size: 100% 100% !important;
    color: #005a3c !important;
}

.page-id-2877 #two .btn a:hover {
    color: #fff !important;
    background: url(assets/img/bg-btn.svg) !important;
    background-size: 100% 100% !important;
}

.page-id-2877 #three .btn a {
    padding: 8px 15px !important;
    background: url(assets/img/bg-btn-hover.svg) !important;
    background-size: 100% 100% !important;
    color: #3e2c28 !important;
}

.page-id-2877 #three .btn a:hover {
    color: #fff !important;
    background: url(assets/img/bg-btn.svg) !important;
    background-size: 100% 100% !important;
}

.page-id-2877 #footer-lp .btn a {
    padding: 8px 15px !important;
    /* background: url(assets/img/bg-btn.svg) !important; */
    background-size: 100% 100% !important;
    /* color: #3e2c28 !important; */
}

.page-id-2877 #footer-lp .btn a:hover {
    /* color: #fff !important; */
    background: url(assets/img/bg-btn-hover.svg) !important;
    background-size: 100% 100% !important;
}
/* Landing page neutralisation carbone - END */

/* Landing page 2 - START */
/* .page-id-2877 .nav-lp {
    bottom: 48px;
} */

rect#txt-aller-plus-loin, rect#txt-impact, rect#txt-demarche {
    fill: transparent;
    cursor: pointer;
}

.nav-lp g#btn-1:hover, .nav-lp g#btn-2:hover, .nav-lp g#btn-3:hover {
    cursor: pointer;
}

.nav-lp g#btn-1 text, .nav-lp g#btn-2 text, .nav-lp g#btn-3 text {
    transition: all 0.3s ease;
}

.nav-lp g#btn-1:hover text, .nav-lp g#btn-2:hover text, .nav-lp g#btn-3:hover text {
    fill: #220B06;
}

g#notre_impact, g#notre_demarche, g#allez_plus_loin {
    pointer-events: none;
}

/* .page-id-2877 section#content-lp {
    margin-top: 0;
} */

/* .page-id-2877 #content-lp p, #footer-lp p {
    font-size: 20px;
    line-height: 24px;
} */

/* .page-id-2877 #page {
    background: #eeb24c url(../img/bg/bg-lp2.jpg) !important;
}

.page-id-2877 section#footer-lp:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: -566px;
    left: 0;
    z-index: 500;
    height: 566px;
    background: url(../img/bg/top-footer.png) no-repeat;
    background-position: center;
    background-size: cover;
} */

/* .page-id-2877 #footer-lp {
    padding-top: 950px;
} */

/* #footer-lp h2.title-footer-lp {
    font-family: 'Lemon-yellow-SUN';
    font-size: 60px;
} */

/* .page-id-2877 #footer-lp h3 {
    font-size: 48px;
    line-height: 52px;
    font-family: 'monthoers_vintage_2';
    margin-top: 0;
} */

#content .alter-button.medium-size a.vc_btn3 {
    font-size: 25px;
}

.page-id-2877 .quote {
    display: none;
}

.page-id-2877 footer.site-footer {
    display: none;
}

.nav-lp svg {
    max-width: 580px;
}

.nav-lp > .wpb_wrapper {
    text-align: center;
}

.page-id-2877 #content-lp h2, .page-id-2877 #content-lp h3 {
    color: rgb(70,26,0);
}

.page-id-2877 #content-lp p.subtitle-h2 {
    font-size: 32px;
    line-height: 36px;
    font-weight: bold;
}

.header-mobile {
    display: none;
}

.slider-home-mobile.test {
    display: none;
}

.footer-arrow {
    position: relative;
}

.footer-arrow .wpb_single_image {
    position: absolute;
    right: -44px;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0;
}
/* Landing page 2 - END */

/* Landing page 3 */
.lp-chocolats .vc_row::before, .lp-chocolats .vc_row::after, .lp-chocolats .vc_column-inner::before, .lp-chocolats .vc_column-inner::after {
    content: none;
}

.lp-chocolats.vc_section.vc_section-o-content-top::after, .lp-chocolats.vc_section.vc_section-o-content-bottom::after, .lp-chocolats.vc_section.vc_section-o-content-middle::after {
    content: none;
}

.lp-chocolats .vc_row.vc_row-o-columns-top::after, .lp-chocolats .vc_row.vc_row-o-columns-bottom::after, .lp-chocolats .vc_row.vc_row-o-columns-middle::after {
    content: none;
}

.page-id-2038 header#main-header {
    display: none;
}

.page-id-2038 #site {
    /* background: #74c2d2 url('./assets/img/landing-chocolats/bg-lp-3.jpg') repeat;
    background-size: contain;
    background-position: top center; */
    margin-top: 0;
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    position: relative;
}

.page-id-2038 #header-lp {
    background: #74c2d2;
    height: 1115px;
}

#header-lp::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
}

.page-id-2038 .logo-lp {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
}

/*
div#page:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 138px 0px rgba(0, 0, 0, 0.6);
    z-index: 50000;
    pointer-events: none;
}
*/

h2.vc_custom_heading.big-white-title {
    font-size: 67px;
    color: #fff;
}

h2.vc_custom_heading.big-dark-title {
    font-size: 67px;
    color: #3c302c;
}

h3.vc_custom_heading.big-dark-title {
    font-size: 47px;
    color: #3c302c;
    margin-bottom: 0;
}

.skew-top-beige {
    position: relative;
    margin-top: -202px;
    padding-top: 150px;
}

.skew-top-beige:before {
    content: '' !important;
    position: absolute;
    top: 1px;
    right: -1px;
    display: block !important;
    width: 101% !important;
    height: 202px !important;
    background: url('assets/img/landing-chocolats/skew-top-beige.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    overflow: visible !important;
    visibility: visible !important;
}

.skew-top-beige:after {
    content: "" !important;
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
    overflow: visible !important;
    visibility: visible !important;
}

/* .skew-bottom-beige {
    position: relative;
    margin-top: -49px;
    padding-top: 49px;
}

.skew-bottom-beige:before {
    content: '' !important;
    position: absolute;
    top: 1px;
    right: -1px;
    display: block !important;
    width: 100% !important;
    height: 49px !important;
    background: url('./assets/img/landing-chocolats/skew-bottom-beige.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    overflow: visible !important;
    visibility: visible !important;
}

.skew-bottom-beige:after {
    content: "" !important;
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
    overflow: visible !important;
    visibility: visible !important;
} */

.content-lp.no-mt {
    margin-top: auto;
}

.text-white p {
    color: #fff;
}

.lemon-yellow {
    /* font-family: 'Lemon-yellow-SUN'; */
    /* font-size: 26px; */
    font-size: 32px;
    font-weight: 400;
    /* line-height: 30px; */
    line-height: 36px;
}

h3.vc_custom_heading.big-white-title {
    font-size: 47px;
    color: #fff;
    margin-bottom: 0;
}

.p-mt-0 p {
    margin-top: 0;
}

.buble-text-container > .wpb_column > .vc_column-inner > .wpb_wrapper, .polaroid-row-flex > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.buble-text-container .wpb_text_column {
    width: calc(100% - 120px);
    margin: 0;
    font-size: 24px;
}

.wpb_single_image.pointille .vc_single_image-wrapper {
    line-height: 5px;
    margin: 30px 0 30px 120px;
}

.content-header {
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
    overflow: visible;
}

.page-id-2038 #footer-lp #four {
    padding-top: 215px;
    background: #74c2d2;
    /* clip-path: polygon(0 0, 0 100%, 101% 98%, 101% 1.77%); */
    clip-path: polygon(0 0, 0 100%, 101% calc(100% - 30px), 101% 35px);
}

.page-id-2038 #footer-lp #four:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url('assets/img/texture.jpg') repeat;
    mix-blend-mode: multiply;
    opacity: 0.4;
    pointer-events: none;
}

.page-id-2038 .section-plusjuste {
    padding-top: 110px;
    background: #8b3d2d;
    clip-path: polygon(0 39px, 0 calc(100% - 60px), 101% 100%, 101% 0);
}

.section-plusjuste h2 {
    margin-bottom: 40px;
    color: #7ac8d8;
    font-size: 60px;
}

.section-cooperative.vc_row.vc_row-flex,
.section-cooperative-2.vc_row.vc_row-flex {
    flex-direction: row;
    flex-wrap: nowrap;
}

.section-cooperative > .wpb_column:first-of-type,
.section-cooperative > .wpb_column:last-of-type,
.section-cooperative-2 > .wpb_column:first-of-type,
.section-cooperative-2 > .wpb_column:last-of-type {
    width: auto;
}

.section-cooperative > .wpb_column:first-of-type > .vc_column-inner {
    padding-right: 0;
    padding-left: 15px;
}

.section-cooperative > .wpb_column:last-of-type > .vc_column-inner {
    padding-left: 0;
}

.section-cooperative > .wpb_column:first-of-type > .vc_column-inner > .wpb_wrapper,
.section-cooperative-2 > .wpb_column:last-of-type > .vc_column-inner > .wpb_wrapper {
    max-width: 650px;
}

.section-cooperative-2 > .wpb_column:first-of-type > .vc_column-inner {
    padding-left: 15px;
    padding-right: 0;
}

.section-cooperative-2 > .wpb_column:last-of-type > .vc_column-inner {
    /* padding-right: 0; */
    padding-left: 0;
}

.section-cooperative-2 > .wpb_column:last-of-type > .vc_column-inner > .wpb_wrapper {
    padding-left: 25px;
}

.page-id-2038 #footer-lp h2 {
    color: #3c302c;
    font-size: 67px;
}

.page-id-2038 #footer-lp h2 strong {
    color: #8b3d2d;
    font-weight: 400;
}

.page-id-2038 #footer-lp .btn a,
.page-id-2038 #footer-blue .btn a {
    padding: 8px 15px !important;
}

.page-id-2038 #footer-blue .btn a {
    background: url(assets/img/bg-btn-hover.svg) !important;
    color: var(--brown) !important;
}

.page-id-2038 #footer-blue .btn a:hover {
    background: url(assets/img/bg-btn.svg) !important;
    color: #fff !important;
}

.page-id-2038 #footer-lp {
    margin-bottom: -40px;
    padding-top: 140px;
}

/* .label-new {
    position: relative;
} */

.label-new .vc_single_image-wrapper {
    position: relative;
}

.label-new .vc_single_image-wrapper:before {
    content: "";
    position: absolute;
    top: 38px;
    left: -38px;
    display: block;
    width: 97px;
    height: 95px;
    background: url('assets/img/landing-chocolats/label-new.png');
}

.label-new-2 .vc_single_image-wrapper:before {
    /* left: -18px; */
    left: -20px;
}

#content .alter-button.medium-size.bordered a.vc_btn3 {
    background-color: transparent !important;
    border: 2px solid #fff;
}

#content .alter-button.medium-size.bordered a.vc_btn3:hover {
    background-color: #fff !important;
    color: #220a06 !important;
}

.page-id-2038 #footer-lp .polaroid-section h2 {
    font-size: 45px;
    margin-bottom: 0;
}

p.vc_custom_heading.hash-num {
    color: #7ac8d8;
    font-family: 'Alter Eco_V2';
    font-size: 73px !important;
    line-height: 66px !important;
    margin: 0 !important;
    display: inline-block;
    width: 74px;
    text-align: center !important;
}

.polaroid-section.text-left > .wpb_column:first-of-type {
    width: calc(66.66666667% - 125px);
    margin-right: auto;
}

.polaroid-section.text-right > .wpb_column:last-of-type {
    width: calc(66.66666667% - 125px);
    margin-left: auto;
}

.polaroid-section .wpb_text_column.wpb_content_element {
    width: calc(100% - 74px);
    line-height: 32px;
    padding-left: 25px;
    color: #fff;
    font-size: 26px;
}

#footer-lp .polaroid-section .wpb_text_column.wpb_content_element p {
    font-family: 'Lemon-yellow-SUN';
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
}

.polaroid-section .wpb_single_image.pointille {
    line-height: 5px;
}

.polaroid-section .wpb_single_image.pointille .vc_single_image-wrapper {
    margin-left: 90px;
    margin-bottom: 0;
    margin-top: 0;
}

.polaroid-section > .wpb_column.vc_col-sm-8 > .vc_column-inner {
    height: 100%;
}

.polaroid-section > .wpb_column.vc_col-sm-8 > .vc_column-inner > .wpb_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.polaroid-section.text-left .wpb_text_column.wpb_content_element {
    padding-left: 0;
    padding-right: 25px;
}

.polaroid-section.text-left .wpb_single_image.pointille .vc_single_image-wrapper {
    margin-left: 0;
    margin-right: 90px;
}

.polaroid-section.text-left .wpb_single_image.pointille {
    text-align: right;
}

.page-id-2038 .content-lp {
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    padding-top: 150px !important;
}

.page-id-2038 .content-lp h2 {
    font-size: 90px;
    line-height: 88px;
    color: #8b3d2d;
}

.page-id-2038 .content-lp h2.big-dark-brown-title {
    /* font-size: 67px; */
    color: #3c302c;
}

.page-id-2038 .content-lp h3 {
    font-size: 48px;
    line-height: 52px;
    color: #3c302c;
}



/* .page-id-2038 .play-video img {
    box-shadow: 0 0 117px 11px rgba(0,0,0,0.2);
} */

.arrow-right img {
    margin-bottom: 15px;
}

.page-id-2038 .content-lp p {
    font-size: 20px;
    line-height: 22px;
}

.page-id-2038 .content-lp h3.big-white-title.sub-title {
    /* color: #3790b0 !important; */
    color: #8b3d2d !important;
    font-size: 40px;
}

.page-id-2038 .quote, .page-id-2038 footer {
    display: none;
}

.page-id-2038 #footer-blue .cta-pvpp p {
    font-size: 47px;
    line-height: 51px;
    color: #fff;
}

.page-id-2038 #footer-blue .cta-pvpp p strong {
    color: #7ac8d8;
    font-weight: normal;
}

#content #footer-blue .btn-cta-pvpp a {
    font-size: 24px;
    padding: 0 60px;
    border-radius: 70px;
}

.page-id-2038 .simple-banner .simple-banner-text {
    display: none;
}

section.content-lp {
    position: relative;
}

/* .page-id-2038 section.content-lp:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 150px;
    width: 600px;
    background-image: url(../img/lp/left-milk.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.page-id-2038 section.content-lp:after {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 150px;
    width: 600px;
    background-image: url(../img/lp/right-milk.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
} */

.page-id-2038 div#header-lp {
    background-position: top center !important;
    background-size: contain !important;
}

/* .page-id-2038 .content-lp .vc_row.vc_column-gap-30>.vc_column_container {
    padding: 0 15px;
} */

/* .page-id-2038 .content-lp .vc_row.vc_column-gap-30 {
    margin: 0 -15px;
} */
/* - END Landing page 3 - */

/* - Responsive - start - */
/* By SEO.fr - Responsive */
@media all and (min-width:768px) {
    .show-mobile {
        display: none;
    }
}

@media all and (max-width: 1820px) {
    .top-lp-ivoire p {
        top: 120px; 
    }
    
    .page-id-2038 section.content-lp:before, .page-id-2038 section.content-lp:after {
        width: 400px;
        top: 100px;
    }
}

@media all and (max-width: 1780px) {
    .top-lp-ivoire p {
        line-height: 155px;
    }
}

@media all and (max-width: 1735px) {
    .top-lp-ivoire p {
        font-size: 96px;
        line-height: 112px;
        top: 180px;
    }
    
    .top-lp-ivoire p .mini-txt {
        font-size: 54px;
    }

    .top-lp-ivoire p .big-txt {
        font-size: 182px;
    }

    .top-lp-ivoire p .medium-txt {
        font-size: 130px;
    }
}

@media all and (max-width:1700px) {
    .spe-padding {
        padding: 20px 0;
    }
    
    .vc_custom_1535710834128 {
        padding-top: 0 !important;
    }
    
    .nav-lp {
        width: 520px;
    }
}

@media all and (max-width: 1630px) {
    .nav-lp {
        bottom: 520px;
    }
}

@media all and (max-width:1580px) {
    .page-id-2038 section.content-lp:before, .page-id-2038 section.content-lp:after {
        width: 300px;
        top: 0;
    }
}

@media all and (max-width:1500px) {
    .btn-products-page {
        left: -120px;
    }
    
    .page-id-219 .entry-content .vc_row-o-content-middle {
        min-height: auto;
    }
    
    .vc_custom_1533718153311 {
        padding-left: 20px !important;
    }
    
    .vc_custom_1535710834128 {
        padding: 0 15% !important;
    }
    
    .top-lp-ivoire p {
        top: 235px;
    }
    
    .nav-lp {
        width: 34%;
        bottom: 32%;
    }
}

@media all and (max-width:1450px) {
    .page-id-2038 section.content-lp:before, .page-id-2038 section.content-lp:after {
        display: none;
    }
}

@media all and (max-width:1390px){
    .nav-lp {
        bottom: 26%;
    }
}

@media all and (max-width:1300px){
    .bg-bottom-left img, .bg-top-right img {
        max-width: 300px;
    }
    
    .bg-bottom-left {
        bottom: -61px;
    }
    
    .top-lp-ivoire p {
        font-size: 96px;
        line-height: 120px;
        top: 150px;
    }

    .top-lp-ivoire p .big-txt {
        font-size: 188px;
    }

    .top-lp-ivoire p .medium-txt {
        font-size: 134px;
    }
}

@media all and (max-width:1300px) {
    .alter-button-product-slider {
        padding: 5px !important;
    }
    
    body .alter-slider-home-text-questions, body .alter-slider-home-text-questions span {
        font-size: 32px !important;
    }
    
    body .alter-slider-home-text-questions {
        position: relative;
        left: 30px;
        line-height: 34px !important;
    }
    
    .slide_1-btn, .slide_2-btn {
        position: relative;
        top: 20px;
    }
}

@media all and (max-width: 1250px) {
    .top-lp-ivoire p {
        font-size: 86px;
        line-height: 96px;
        top: 212px;
    }

    .top-lp-ivoire p .big-txt {
        font-size: 168px;
    }

    .top-lp-ivoire p .medium-txt {
        font-size: 114px;
    }
}

@media all and (max-width:1200px){
    #main-nav{
        margin-top: 20px;
    }

    #main-nav ul > li{
        line-height: 60px;
    }

    #main-nav ul > li > a > br{
        display: none;
    }

    #main-nav ul > li > a{
        font-size: 30px;
        line-height: 28px;
    }

    #main-nav ul > li::after {
        width: 15px;
        height: 1px;
        position: static;
        display: block;
        margin: 0 auto;
    }

    #main-nav ul > li > a > span{
        line-height: 21px;
        display: inline;
        border: none;
        padding: 0;
        -webkit-transform: none;
                transform: none;
    }

    #main-nav ul > li.arrow > a::before{
        display: none;
    }

    .navbar #burger-icon{
        display: block;
    }
    
    body .alter-slider-home-text-questions, body .alter-slider-home-text-questions span { 
        font-size: 32px !important;
        line-height: 32px !important;
    }
    
    body .alter-slider-home-text-questions {
        position: relative;
        top: -10px;
        left: 0;
    }
    
    body .alter-slider-home-text {
        font-size: 38px !important;
    }
    
    body span.rotateheader {
        padding: 2px !important;
    }
}

/* @media all and (max-width:1170px){
    .page-id-2877 .logo-lp {
        top: 20px;
    }
} */

@media all and (max-width:1140px){
    .bg-bottom-left img, .bg-top-right img {
        max-width: 200px;
    }
    
    .bg-bottom-left {
        bottom: -61px;
    }
    
    .prev-custom-slider::before {
        left: 10px;
    }

    .next-custom-slider::after {
        right: 10px;
    }
    
    .top-lp-ivoire p {
        font-size: 80px;
        line-height: 90px;
        top: 180px;
    }

    .top-lp-ivoire p .big-txt {
        font-size: 140px;
    }

    .top-lp-ivoire p .medium-txt {
        font-size: 80px;
    }
}

@media all and (max-width: 991px){
    h2.vc_custom_heading.big-dark-title,
    .page-id-2038 #footer-lp h2 {
        line-height: 54px;
        font-size: 50px;
    }

    h3.vc_custom_heading.big-dark-title {
        line-height: 44px;
        font-size: 40px;
    }
    
    body .lp-chocolats-2 {
        margin-top: 0 !important;
    }

    .polaroid-section.text-left > .wpb_column:first-of-type,
    .polaroid-section.text-right > .wpb_column:last-of-type {
        width: calc(66.66666667% - 50px);
    }

    .page-id-2038 .content-lp h2 {
        font-size: 60px;
        line-height: 64px;
    }

    body #consequences {
        margin-top: 0 !important;
    }

    .top-lp-ivoire p {
        top: 140px;
        line-height: 82px;
    }
    
    .top-lp-ivoire p .big-txt {
        font-size: 114px;
    }
}

@media all and (max-width: 900px) {
    .top-lp-ivoire p,
    .top-lp-ivoire p .mini-txt,
    .top-lp-ivoire p .big-txt,
    .top-lp-ivoire p .medium-txt {
        font-size: 72px;
        line-height: 76px;
    }
    
    .nav-lp {
        width: 68%;
    }
    
    .arrow-before:before {
        left: -45px;
    }
}

@media all and (min-width: 930px) {
    .desk-mh-354 img {
        max-height: 354px;
        width: auto;
    }
    
    .desk-mh-327 img {
        max-height: 327px;
        width: auto;
    }
}

@media all and (max-width: 930px) {
    .page-id-2877 .logo-lp img {
        max-height: 70px;
        width: auto;
    }
    
    .page-id-2877 .nav-lp svg {
        max-width: 400px;
    }

    .page-id-2877 .nav-lp {
        bottom: 30px;
    }
    
    .page-id-2877 .content-lp h2 {
        font-size: 55px;
        line-height: 57px;
    }

    .page-id-2877 .content-lp .vc_row.vc_column-gap-30>.vc_column_container {
        padding: 0 15px;
    }
    
    .page-id-2877 .content-lp h3 {
        font-size: 40px;
        line-height: 42px;
    }
    
    /* .page-id-2877 #footer-lp {
        background-size: contain !important;
        padding-top: 410px;
    } */

    #footer-lp h2.title-footer-lp {
        font-size: 50px;
    }

    .page-id-2877 #footer-lp h3 {
        font-size: 46px;
        line-height: 48px;
        margin-top: 0;
    }
    
    .page-id-2877 section#footer-lp:before {
        background-position: bottom center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .page-id-2877 section#footer-lp {
        background-position: top center;
        background-size: contain !important;
        background-repeat: no-repeat;
    }
    
    .page-id-2877 .mobile-mb_100 {
        margin-bottom: 100px !important;
    }
    
    /* .page-id-2877 .mobile-mb_210 {
        margin-bottom: 210px !important;
    } */
}

@media all and (max-width: 767px) {
    /*-- Landing page --*/
    .lp-txt-big p {
        line-height: 24px;
        font-size: 28px;
        text-align: center;
    }

    .logo-lp img {
        max-width: 90px;
    }

    .logo-lp {
        margin-bottom: 0;
        top: 10px;
    }

    .top-lp-ivoire p {
        margin: 0;
        font-size: 38px;
        top: 100px;
        line-height: 38px;
    }

    .top-lp-ivoire p .mini-txt {
        font-size: 35px;
        line-height: 38px;
    }

    .top-lp-ivoire p .big-txt {
        font-size: 50px;
        line-height: 54px;
    }

    .top-lp-ivoire p .medium-txt {
        font-size: 38px;
        line-height: 42px;
    }
    
    .nav-lp {
        bottom: 26%;
        width: 80%;
    }

    .nav-lp img {
        max-width: 100%;
        height: auto;
    }
    
    .puce-number {
        margin-bottom: 10px !important;
    }
    
    .puce-number img {
        width: 30px;
        height: 30px;
    }

    .content-lp {
        margin-top: 0;
    }

    .content-lp h2,
    .page-id-2554 .content-lp h2 {
        font-size: 40px;
        line-height: 42px;
        margin-bottom: 30px !important;
    }

    .page-id-2554 .section-projet-redd h2 strong {
        font-size: 48px;
    }
    
    .content-lp h3 {
        font-size: 36px;
        line-height: 38px;
        margin-bottom: 5px !important;
    }
    
    .photo-lp {
        margin-bottom: 30px !important;
    }
    
    .videos-lp {
        margin-top: 0 !important;
    }
    
    .mb-30-mobile {
        margin-bottom: 30px !important;
    }
    
    .mb-0-mobile {
        margin-bottom: 0 !important;
    }
    
    .mb-15-mobile {
        margin-bottom: 15px !important;
    }
    
    .mt-mb-60 {
        margin-top: 60px !important;
    }

    .hide-mobile {
        display: none;
    }
    
    .content-lp .rounded-date {
        width: 80px;
        height: 80px;
        line-height: 56px;
        font-size: 32px;
    }
    
    .content-lp .map-txt p {
        font-size: 36px;
        line-height: 42px;
    }
    
    .map-txt {
        margin-bottom: 15px !important;
    }
    
    .flex-dates {
        margin-bottom: 0;
    }
    
    .section-projet-redd .wpb_single_image.vc_align_right.videos-lp {
        text-align: center;
    }
    
    .cta-pvpp {
        margin-bottom: 15px;
    }

    .btn-cta-pvpp {
        margin-bottom: 30px !important;
    }
    
    .cta-pvpp p {
        font-size: 32px;
    }

    .page-id-2877 #footer-lp {
        padding-top: 115px;
    }

    #footer-lp h2,
    .page-id-2554 #footer-lp h2,
    .page-id-2877 #footer-lp h2.pvpp-border,
    .page-id-2877 #footer-lp h2:not(.pvpp-border) {
        font-size: 40px;
        line-height: 42px;
    }

    #footer-lp h2.pvpp-border {
        border-width: 3px;
        margin-bottom: 35px !important;
    }

    .page-id-2554 #footer-lp h2.pvpp-border {
        font-size: 40px;
        line-height: 42px;
    }

    .page-id-2877 #one {
        padding-top: 28px !important;
    }

    .lp-carbone-puce-number-2 {
        bottom: -118px;
    }
    
    #footer-lp {
        background-size: 200% auto !important;
        padding-top: 280px;
    }
    /*-- Landing page end --*/
    
    /* LP2 */
    /* .header-mobile {
        display: block;
    }
    
    .header-desk {
        display: none;
    } */
    
    .page-id-2877 .nav-lp {
        bottom: 5%;
    }
    
    .lp-ivoire-puce-number-2 {
        bottom: -14px;
    }

    .lp-ivoire-puce-number-3 {
        position: relative;
        top: 18px;
    }

    .lp-ivoire-puce-number-4 {
        bottom: -50px;
    }

    div#one, body:not(.page-id-2877) div#three {
        padding: 40px 0 !important;
    }

    .page-id-2877 .content-lp h2,
    .page-id-2877 #content-lp #one h2,
    .page-id-2877 #content-lp #two h2 {
        font-size: 32px;
        line-height: 34px;
        text-align: center !important;
    }

    .page-id-2877 .content-lp h3 {
        font-size: 28px;
        line-height: 30px;
        text-align: center !important;
    }
    
    .page-id-2877 .content-lp h4 {
        font-size: 26px;
        line-height: 28px;
    }
    
    .page-id-2877 .content-lp p.subtitle-h2 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 40px !important;
    }
    
    .page-id-2877 .content-lp .vc_row.vc_column-gap-30>.vc_column_container {
        margin-bottom: 40px;
    }
    
    .medium-mobile.wpb_single_image img {
        max-width: 220px;
    }
    
    .mobile-mb_100 {
        margin-bottom: 100px !important;
    }
    
    .mobile-mb_30 {
        margin-bottom: 30px !important;
    }
    
    .mobile-mb_0 {
        margin-bottom: 0 !important;
    }
    
    .mobile-mt_50 {
        margin-top: 50px !important;
    }
    
    /* .page-id-2877 #footer-lp {
        padding-top: 330px;
        background-size: 200% !important;
    } */
    
    .page-id-2877 #footer-lp h2.title-footer-lp {
        font-size: 40px;
    }

    .page-id-2877 #footer-lp h3 {
        font-size: 45px;
        line-height: 47px;
        margin-top: 20px;
    }
    
    div#four {
        padding-bottom: 40px !important;
    }
    
    .page-id-2877 .content-lp .vc_row.vc_column-gap-30>.vc_column_container {
        padding: 0 60px;
    }
    
    .custom_lb {
        text-align: center !important;
    }
    
    .slider-home-mobile.test {
        display: block;
        overflow: visible;
    }
    
    .slider-home-test {
        display: none;
    }
    
    .slider-home-mobile.test .wpb_revslider_element.wpb_content_element {
        position: relative;
        top: -80px;
        margin-bottom: -80px;
    }
    
    .footer-arrow .wpb_single_image {
        display: none;
    }
    /* - END LP2 - */
    
    /* LP3 */
    .img-title-lp3 {
        margin-top: 90px !important;
        padding: 0 15px;
        margin-bottom: 20px !important;
    }
    
    h2.vc_custom_heading.big-white-title {
        font-size: 32px;
    }

    .page-id-2038 .lemon-yellow {
        font-size: 18px;
        line-height: 24px;
    }

    h3.vc_custom_heading.big-white-title {
        font-size: 30px;
        margin-bottom: 20px !important;
    }
    
    .vc_row.wpb_row.vc_row-fluid.content-header {
        margin-top: 40px !important;
        background-size: 200% auto !important;
        padding-bottom: 190px !important;
    }
    
    .page-id-2038 #footer-lp {
        padding-top: 0 !important;
        /* padding-bottom: 40px !important; */
    }

    .page-id-2038 #footer-lp h2 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 70px !important;
    }

    .page-id-2038 #footer-lp .vc_col-sm-3 {
        margin-bottom: 60px;
    }

    .page-id-2038 #footer-lp .vc_row.wpb_row.vc_inner {
        margin-bottom: 0 !important;
    }
    
    .page-id-2038 #footer-lp .vc_col-sm-3.m-hidden {
        display: none;
    }
    
    .lp-vpj {
        margin-bottom: 30px !important;
    }

    .page-id-2038 #footer-lp .polaroid-section h2 {
        margin: 30px 0px !important;
    }

    .polaroid-section .wpb_column.vc_column_container.vc_col-sm-12 {
        padding: 20px 0;
    }
    
    .polaroid-section .wpb_column.vc_column_container.vc_col-sm-4 {
        order: 1;
    }

    .polaroid-section .wpb_column.vc_column_container.vc_col-sm-8 {
        order: 2;
    }
    
    .page-id-2038 .content-lp {
        background-size: 200% auto !important;
        padding-top: 190px !important;
    }
    
    /* .page-id-2038 .content-lp h2 {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 0 !important;
    } */
    
    .page-id-2038 .content-lp h3 {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 15px !important;
        margin-top: 40px !important;
    }
    
    .arrow-right, .arrow-left {
        margin-top: 60px;
    }
    
    .mt-60-mobile {
        margin-top: 60px !important;
    }
    
    .page-id-2038 .content-lp h3.big-white-title.sub-title {
        font-size: 26px;
        margin-top: 18px !important;
    }

    #footer-blue .arrow-before:before {
        display: none;
    }

    .polaroid-section img {
        margin-bottom: 40px;
    }

    .polaroid-section.text-left > .wpb_column:first-of-type, .polaroid-section.text-right > .wpb_column:last-of-type {
        width: 100%;
    }

    .section-cooperative.vc_row.vc_row-flex {
        flex-direction: column;
    }

    .section-cooperative-2.vc_row.vc_row-flex {
        flex-direction: column-reverse;
    }

    .page-id-2038.one-container .site-content {
        padding-bottom: 0 !important;
    }
    /* - END LP3 - */
}

@media all and (max-width: 480px) {
    #header-lp {
        height: 800px;
    }

    body .lp-chocolats-intro-img {
        margin-top: -410px !important;
    }

    body .section-plusjuste {
        padding-top: 200px !important;
    }

    .page-id-2038 .content-lp {
        padding-top: 100px !important;
    }

    .top-lp-ivoire p {
        top: 65px;
    }

    .nav-lp {
        bottom: 20%;
    }
}

@media all and (max-width:400px) {
    .nav-lp {
        bottom: 45px;
    }
}

@media all and (max-width: 330px) {
    .top-lp-ivoire p,
    .top-lp-ivoire p .mini-txt,
    .top-lp-ivoire p .big-txt,
    .top-lp-ivoire p .medium-txt {
        font-size: 26px;
        line-height: 26px;
    }
}
/* Responsive - end */

/* Responsive design */
/* @media all and (min-width: 1200px) and (max-width: 1900px) {
    #logo {
        width: 159px;
    }

    #rev_slider_1_1_forcefullwidth {
        height: 850px;
    }

    #rev_slider_1_1_wrapper {
        height: 850px !important;
    }

    #rev_slider_1_1 {
        height: 850px !important;
        max-height: 850px !important;
    }

    #slider-1-slide-1-layer-2 img {
        width: 187px !important;
        height: auto !important;
    }

    #slider-1-slide-1-layer-1 img {
        width: 628px !important;
        height: auto !important;
    }

    #btn-slide {
        margin-top: -100px !important;
        margin-left: -48px !important;
    }

    h2 {
        line-height: 49px;
        font-size: 45px;
    }
    
    .btn a {
        font-size: 18px !important;
    }

    .home-slide-title {
        line-height: 79px !important;
        font-size: 75px !important;
    }
    
    .slider-btn {
        top: -115px;
    }

    .slider-btn img {
        width: 57px;
    }

    .home-section-engagements h2 {
        line-height: 49px;
        font-size: 45px;
    }

    .home-section-engagements p {
        line-height: 24px;
        font-size: 18px;
    }

    .wrapper-gammes > .vc_column-inner > .wpb_wrapper > * {
        flex: 0 0 234px;
    }

    .wrapper-gammes > .vc_column-inner > .wpb_wrapper > .vc_row:not(:last-of-type) {
        margin-right: 103px !important;
    }

    .gamme-chocolats .vc_single_image-wrapper::before {
        top: -54px;
        width: 204px;
        height: 281px;
    }

    .gamme-cafes .vc_single_image-wrapper::before {
        top: -68px;
        right: 8px;
        width: 263px;
        height: 327px;
    }

    .gamme-sucres .vc_single_image-wrapper::before {
        width: 263px;
        height: 196px;
    }

    .gamme-thes .vc_single_image-wrapper::before {
        width: 306px;
        height: 335px;
    }

    .gamme-riz-quinoa .vc_single_image-wrapper::before {
        width: 251px;
        height: 256px;
    }

    .gamme-tartinables .vc_single_image-wrapper::before {
        width: 300px;
        height: 321px;
    }

    .wrapper-gammes > .vc_column-inner > .wpb_wrapper .vc_single_image-wrapper::after {
        right: 4px;
        width: 45px;
        height: 45px;
    }

    .wrapper-gammes > .vc_column-inner > .wpb_wrapper > .vc_row:nth-child(2n) .vc_single_image-wrapper::after {
        right: 4px;
    }

    .gamme-title {
        line-height: 40px;
        font-size: 36px;
    }

    .home-section-engagements::before {
        width: 198px;
        height: 380px;
    }

    .home-engagements-left > .vc_column-inner::before {
        width: 183px;
        height: 197px;
    }

    .home-engagements-left > .vc_column-inner::after {
        width: 117px;
        height: 124px;
        bottom: -10%;
    }

    .home-engagements-left.vc_column_container > .vc_column-inner {
        padding: 135px 61px 118px 58px;
    }

    .home-engagements-right.vc_column_container > .vc_column-inner {
        padding: 127px 45px 123px 84px;
    }

    .home-engagements-right > .vc_column-inner::before {
        width: 239px;
        height: 247px;
    }

    .home-engagements-right > .vc_column-inner::after {
        width: 186px;
        height: 156px;
    }

    .home-history > * {
        flex: 0 0 282px;
    }
    
    .home-history-column-1 .home-history-content > .wpb_column, .home-history-column-2 .home-history-content > .wpb_column {
        width: 282px;
    }

    .home-history > .home-history-column-1 .wpb_single_image::before {
        top: -26px;
        left: -20px;
        width: 90px;
        height: 103px;
    }

    .home-history > .home-history-column-2 .wpb_single_image::before {
        left: -2px;
        bottom: -30px;
        width: 105px;
        height: 116px;
    }

    .home-history > .home-history-column-3 .wpb_single_image::before {
        top: -50px;
        right: 4px;
        width: 97px;
        height: 129px;
    }

    .home-history > .home-history-column-1 .wpb_single_image::after {
        right: -1%;
        bottom: 26%;
    }

    .home-history > .home-history-column-2 .wpb_single_image::after {
        right: -5%;
        bottom: 31%;
    }

    .home-history > .home-history-column-3 .wpb_single_image::after {
        bottom: 47%;
    }

    .home-history-date {
        line-height: 64px;
        font-size: 60px;
    }

    .home-history-content .wpb_text_column p {
        line-height: 22px;
        font-size: 18px;
    }

    .home-act-chill h2 {
        line-height: 49px;
        font-size: 45px;
    }

    .home-act-chill-subtitle {
        line-height: 28px;
        font-size: 24px;
    }

    .home-act-chill-content .wpb_text_column {
        line-height: 22px;
        font-size: 18px;
    }

    .wpb_single_image.home-act-chill-bg img {
        height: 535px;
    }

    .home-act-chill-content {
        max-width: 432px;
    }

    .home-recipe h2 {
        line-height: 49px;
    }

    .home-recipe-subtitle {
        line-height: 28px;
        font-size: 24px;
    }

    .home-recipe > div:first-of-type, .home-actu > div:last-of-type {
        width: 29%;
    }

    .home-recipe-img::before {
        bottom: -52px;
        left: -16px;
        width: 165px;
        height: 196px;
    }

    .home-recipe-img::after {
        top: -35px;
        right: -4px;
        width: 128px;
        height: 121px;
    }

    .home-recipe-label, .home-recipe-label-value {
        line-height: 22px;
        font-size: 18px;
    }

    .recipe-difficulty > .full, .recipe-difficulty > .empty {
        width: 11px;
        height: 11px;
    }

    .home-recipe-label, .home-recipe-label-value {
        line-height: 17px;
        font-size: 13px;
    }

    .home-blog-split img {
        width: 100px;
    }

    .home-actu-content {
        line-height: 28px;
        font-size: 18px;
    }

    .home-actu-img::before {
        right: -40px;
        bottom: -50px;
        width: 165px;
        height: 162px;
    }

    #home-tabous {
        padding-top: 187px !important;
        padding-bottom: 150px !important;
    }

    #bubbles-tabous img {
        width: 270px;
    }

    #home-tabous h2 {
        font-size: 37px;
        line-height: 40px;
    }

    #home-tabous h3 {
        font-size: 24px;
        line-height: 30px;
    }

    #home-tabous p {
        font-size: 18px;
        line-height: 24px;
    }

    #home-tabous .wpb_column:last-of-type img {
        width: 375px;
    }

    .home-tabous-img .vc_single_image-wrapper::after {
        right: -50px;
        bottom: -15px;
        width: 150px;
        height: 66px;
    }

    #home-socials .instagram_link a {
        font-size: 24px;
    }

    #home-socials .menu li a {
        width: 45px;
        height: 45px;
    }

    #home-socials .menu li a i {
        line-height: 45px;
        font-size: 15px;
    }
} */

@media all and (min-width: 1200px) and (max-width: 1612px) {
    header#main-header {
        align-items: center;
        justify-content: space-between;
    }
    
    #logo {
        width: 120px;
        margin-right: 25px;
    }

    #primary-menu ul {
        margin: 0;
    }

    #primary-menu ul li {
        /* margin-right: 15px; */
        margin-right: 30px;
    }

    #primary-menu ul li a {
        font-size: 18px;
    }

    body.single-product #content .entry-content > div:first-child{
        padding-top: 160px !important;
    }

    .infos-product{
        padding-top: 150px;
        margin-left: 0;
    }
}

@media all and (min-width: 1290px) and (max-width: 1459px) {
    #primary-menu ul li {
        margin-right: 15px;
    }
}

@media all and (max-width: 1300px) {
    .single-post-others .vc_pageable-slide-wrapper {
        /* margin-top: -35px; */
        /* margin-bottom: 45px; */
        /* padding-top: 80px; */
        padding-left: 43px;
        overflow-x: scroll;
        overflow-y: hidden;
        will-change: transform;
        user-select: none;
        -moz-user-select: none;
        cursor: pointer;
        scrollbar-width: none;
    }
    
    .single-post-others .vc_pageable-slide-wrapper::-webkit-scrollbar {
        display: none;
    }

    .single-post-others .vc_grid-item {
        flex: 0 0 300px;
    }

    .single-post-others .single-post-others-img img {
        height: 316px;
    }
}

@media all and (max-width: 1289px) {
    #primary-menu ul li {
        margin-right: 0;
    }
}

@media all and (min-width: 1200px) and (max-width: 1459px) {
    /* #primary-menu ul li {
        margin-right: 0;
    } */

    #primary-menu > div > ul > li > a {
        padding: 10px 11px;
    }
}

@media all and (min-width: 1370px) {
    #logo {
        /* width: 180px; */
        width: 200px;
        /* margin-right: 25px; */
    }
}

@media all and (max-width: 1250px) {
    #footer-menu ul li {
        margin: 0 15px;
    }
}

@media all and (min-width: 1200px) {
    /* .home-history-column-1 .home-history-content > .wpb_column {
        width: 300px;
    } */

    .home-history-column-1.vc_column_container {
        margin-right: 146px;
        width: 376px;
    }

    .home-history-column-1 .home-history-content .wpb_text_column p br {
        display: none;
    }

    #home-socials h2 br {
        display: none;
    }
}

@media all and (max-width: 1199px) {
    .home-section-engagements.vc_row::before {
        content: none;
    }

    body.popup-open{
        overflow: auto;
    }

    body.popup-open header#main-header, body.popup-open footer#main-footer{
        display: none;
    }

    body.popup-open #site{
        margin-top: 0;
    }

    body.page-id-1512 header#main-header::before {
        content: none;
    }

    #store-popup {
		width: 84%;
		overflow-y: scroll;
	}

    #ingredients.open{
        position: absolute;
        top: 70px;
        left: 0;
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
        width: 100%;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: 0;
    }

    #ingredients > .vc_col-sm-6{
        width: 100%;
        padding: 0 15px !important;
    }

    #ingredients > .vc_col-sm-6.popup-left > .vc_column-inner{
        clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 98%);
        padding: 60px 15px 45px;
    }

    #ingredients > .vc_col-sm-6.popup-left::after{
        display: none;
    }

    #ingredients > .vc_col-sm-6.popup-right{
        margin-top: 20px;
    }

    #ingredients > .vc_col-sm-6.popup-right > .vc_column-inner{
        clip-path: polygon(0 2%, 100% 0, 98% 98%, 0 100%);
        padding: 50px 15px 55px;
    }

    #ingredients > .vc_col-sm-6 .title{
        line-height: 40px;
        margin-bottom: 15px;
    }

    #ingredients > .vc_col-sm-6 .baseline{
        line-height: 28px;
        margin-bottom: 15px;
    }

    #ingredients > .vc_col-sm-6 .mentions{
        margin-top: 20px;
    }

    #ingredients::before, #ingredients::after{
        display: none;
    }

    #ingredients > .vc_col-sm-6.popup-right::after{
        width: 150px;
        height: 165px;
        right: -35px;
        bottom: -40px;
    }

    body.popup-open #close-popup{
        position: absolute;
        top: 30px;
        right: -5px;
    }

    #parole-producteurs::before {
        content: none;
    }

    #cross-selling::before {
        right: 35px;
        width: 136px;
        height: 126px;
    }

    #listing-products .wpb_single_image.product-thumb{
        padding: 0 30px;
        margin-bottom: 20px;
    }

    #listing-products .listing-line-1 a, #listing-products .listing-line-2 a{
        padding: 0 !important;
        font-size: 24px;
        line-height: 28px;
    }
}

@media all and (min-width: 992px) {
    #primary-menu > div > ul > li.current_page_ancestor,
    #primary-menu > div > ul > li.current_page_item {
        border-bottom: 3px solid #EC912D;
    }

    #primary-menu > div > ul > li.menu-demarche.current_page_ancestor,
    #primary-menu > div > ul > li.menu-produits.current_page_ancestor,
    #primary-menu > div > ul > li.menu-produits.current_page_item,
    #primary-menu > div > ul > li.menu-coop.current_page_item,
    #primary-menu > div > ul > li.menu-recettes.current_page_item,
    #primary-menu > div > ul > li.menu-contact.current_page_item {
        border-bottom: none;
    }

    #primary-menu > div > ul > li.menu-demarche.current-menu-ancestor:before {
        content: '';
        background: url("assets/img/menu/menu-demarche-2.svg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 2px;
        left: 46%;
        width: 116px;
        height: 5px;
        transform: translateX(-50%);
    }

    .page-id-512 #primary-menu > div > ul > li.menu-demarche.current-menu-ancestor:before {
        background: url("assets/img/menu/menu-engagements.svg");
    }

    .page-id-247 #primary-menu > div > ul > li.menu-demarche.current-menu-ancestor:before {
        background: url("assets/img/menu/menu-engagements-chiffres.svg");
    }

    #primary-menu > div > ul > li.menu-produits.current_page_item:before,
    #primary-menu > div > ul > li.menu-produits.current_page_ancestor:before {
        content: '';
        background: url("assets/img/menu/menu-produits.svg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 2px;
        left: 46%;
        width: 95px;
        height: 5px;
        transform: translateX(-50%);
    }

    #primary-menu > div > ul > li.menu-coop.current_page_item:before,
    #primary-menu > div > ul > li.menu-coop.current-page-ancestor:before {
        content: '';
        background: url("assets/img/menu/menu-coop.svg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 2px;
        left: 46%;
        width: 217px;
        height: 5px;
        transform: translateX(-50%);
    }

    #primary-menu > div > ul > li.menu-recettes.current_page_item:before {
        content: '';
        background: url("assets/img/menu/menu-recettes.svg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 2px;
        left: 46%;
        width: 93px;
        height: 5px;
        transform: translateX(-50%);
    }

    #primary-menu > div > ul > li.menu-contact.current_page_item:before {
        content: '';
        background: url("assets/img/menu/menu-contact.svg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        bottom: 2px;
        left: 46%;
        width: 110px;
        height: 5px;
        transform: translateX(-50%);
    }

    #home-socials > .wpb_column > .vc_column-inner {
        max-width: 1270px;
        margin: 0 auto;
        padding-right: 15px;
        padding-left: 15px;
    }

    #home-socials > .wpb_column > .vc_column-inner > .wpb_wrapper {
        margin-right: 15px;
        margin-left: 15px;
    }

    .section-single-post-others > .wpb_column > .vc_column-inner {
        max-width: 1270px;
        margin: 0 auto;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .section-single-post-others > .wpb_column > .vc_column-inner > .wpb_wrapper {
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
    header#main-header {
        justify-content: center;
    }

    body.home header#main-header{
        background: #ff6e8f;
    }

    .single-recette header#main-header,
    .page-id-1520 header#main-header {
        background-color: #f599b4;
    }

    .page-id-728 header#main-header {
        background-color: #F7B50E;
    }

    .page-id-1466 header#main-header {
        background-color: #c51534;
    }

    .page-id-1669 header#main-header {
        background-color: #edc90f;
    }

    .single-post header#main-header,
    .page-id-3332 header#main-header {
        background-color: #20617E;
    }

    header#main-header::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('assets/img/texture.jpg') repeat;
        mix-blend-mode: multiply;
        opacity: 0.4;
        pointer-events: none;
    }
    
    #logo {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    #logo img {
        max-width: 170px;
    }

    #primary-menu ul li {
        margin-right: 0;
    }

    #primary-menu ul li a {
        padding: 10px 12px;
        font-size: 16px;
    }

    #site {
        margin-top: -234px;
    }

    .home #content .entry-content > div:first-child {
        padding-top: 200px !important;
    }

    .home-section-engagements {
        padding-left: 25px !important;
    }

    body.single-product #content .entry-content > div:first-child{
        padding-top: 220px !important;
    }

    .infos-product{
        padding-top: 50px;
        margin-left: 0;
    }

    .img-product .wpb_single_image .vc_single_image-wrapper::after, .img-product .wpb_single_image .vc_single_image-wrapper::before{
        display: none;
    }

    #alterecometre .pictos .wpb_single_image{
        width: 100px;
    }

    #alterecometre .pictos .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper{
        -webkit-align-items: flex-start;
                align-items: flex-start;
        gap: 30px;
    }

    #alterecometre .pictos .value{
        width: calc(100% - 130px);
    }
}

@media all and (max-width: 991px) {
    body.menu-open #site{
        display: none;
    }

    #main-header.open #primary-menu::before {
		content: none;
	}

    #site{
        /* margin-top: 0; */
        margin-top: -1px;
    }

    header#main-header{
        padding: 25px 25px 0;
        -webkit-align-items: center;
                align-items: center;
        -webkit-justify-content: space-between;
                justify-content: space-between;
        background: #f9f9eb;
    }

    body.home header#main-header{
        background: #ff6e8f;
    }

    .single-recette header#main-header {
        background: #f599b4;
    }

    .page-id-1520 header#main-header {
        background: #F599B4;
    }

    .page-id-728 header#main-header {
        background: #F7B50E;
    }

    .page-id-1466 header#main-header {
        background: #c51534;
    }

    .page-id-1669 header#main-header {
        background: #edc90f;
    }

    .parent-pageid-1512 header#main-header {
        background: #E5DDAA;
    }

    .single-post header#main-header,
    .page-id-3332 header#main-header {
        background-color: #20617E;
    }

    header#main-header::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('assets/img/texture.jpg') repeat;
        mix-blend-mode: multiply;
        opacity: 0.4;
        pointer-events: none;
    }

    #logo{
        width: 120px;
        margin-right: 0;
    }

    #burger-menu{
        display: block;
        position: relative;
        z-index: 2;
    }

    #main-header #primary-menu{
        display: none;

    }

    #main-header.open #primary-menu{
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: auto;
        padding-bottom: 50px;
        /* background: #ff6e8f; */
        background: #f9f9eb;
    }

    body.home #main-header.open #primary-menu{
        background: #ff6e8f;
    }

    body.single-recette #main-header.open #primary-menu{
        background: #f599b4;
    }

    body.page-id-247 #main-header.open #primary-menu{
        background: #70BFCE;
    }

    body.page-id-512 #main-header.open #primary-menu{
        background: #529C71;
    }

    body.page-id-1520 #main-header.open #primary-menu{
        background: #F599B4;
    }

    body.page-id-1747 #main-header.open #primary-menu{
        background: #DF771F;
    }
    
    body.page-id-1512 #main-header.open #primary-menu{
        background: #F3EAC3;
    }

    body.page-id-1466 #main-header.open #primary-menu{
        background: #c51534;
    }
    
    body.page-id-1669 #main-header.open #primary-menu{
        background: #edc90f;
    }

    body.single-post #main-header.open #primary-menu,
    body.page-id-3332 #main-header.open #primary-menu{
        background-color: #20617E;
    }

    #main-header.open #primary-menu::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('assets/img/texture.jpg') repeat;
        mix-blend-mode: multiply;
        opacity: 0.4;
        pointer-events: none;
    }

    /* #primary-menu ul{ */
    #primary-menu .menu-principal-container > ul{
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0 25px;
        margin: 15px 0 0;
    }

    #primary-menu > div > ul > li{
        text-align: center;
        margin-right: 0;
        padding: 25px 0;
        border-bottom: dashed 2px rgba(255,255,255,0.2);
    }

    #primary-menu ul li:last-of-type{
        border: none;
    }

    #primary-menu ul li a{
        font-size: 32px;
        letter-spacing: 0.6px;
        line-height: 36px;
    }

    .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
        padding: 25px;
    }

    #site #content{
        padding-top: 0;
    }

    .single-recette #site #content,
    .page-id-2554 #site #content{
        padding-bottom: 0;
    }

    .page-id-247 #site #content {
        padding-bottom: 0;
    }

    .title-page-others h1 {
        margin-top: 100px;
        font-size: 75px;
        line-height: 79px;
    }

    h2 {
        line-height: 44px;
        font-size: 40px;
    }

    .home-gammes-title {
        margin-bottom: 30px;
    }

    .home-gammes-title h2 span {
        display: block;
    }

    .wrapper-gammes > .vc_column-inner > .wpb_wrapper {
        /* gap: 60px; */
        /* margin-left: 25px; */
        margin-left: 0;
        padding-top: 70px;
    }

    .wrapper-gammes > .vc_column-inner > .wpb_wrapper > .vc_row:not(:last-of-type) {
        margin-right: 60px !important;
    }

    .wrapper-gammes > .vc_column-inner > .wpb_wrapper img {
        width: 237px;
    }

    .gamme-chocolats .vc_single_image-wrapper::before {
        top: -58px;
        left: 14px;
        width: 190px;
        height: 262px;
    }

    .gamme-cafes .vc_single_image-wrapper::before {
        top: -90px;
        right: 32px;
        width: 271px;
        height: 337px;
    }

    .gamme-sucres .vc_single_image-wrapper::before {
        top: 10px;
        left: 0px;
        width: 269px;
        height: 200px;
    }

    .gamme-thes .vc_single_image-wrapper::before {
        bottom: -32px;
        left: -30px;
        width: 300px;
        height: 329px;
    }

    .gamme-riz-quinoa .vc_single_image-wrapper::before {
        left: -14px;
        width: 260px;
        height: 265px;
    }

    .gamme-tartinables .vc_single_image-wrapper::before {
        top: -20px;
        right: 30px;
        width: 250px;
        height: 268px;
    }

    .wrapper-gammes > .vc_column-inner > .wpb_wrapper .vc_single_image-wrapper::after {
        right: 4px;
        width: 48px;
        height: 48px;
    }

    .wrapper-gammes > .vc_column-inner > .wpb_wrapper > .vc_row:nth-child(2n) .vc_single_image-wrapper::after {
        right: 4px;
    }

    .home-section-engagements {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .home-section-engagements h2 {
        line-height: 44px;
        font-size: 40px;
    }
    
    .home-engagements-left > .vc_column-inner::before {
        left: 28px;
        width: 148px;
        height: 159px;
    }

    .home-engagements-left > .vc_column-inner::after {
        left: auto;
        right: 32px;
        bottom: -55px;
        width: 109px;
        height: 115px;
    }

    .home-engagements-left.vc_column_container > .vc_column-inner {
        padding: 85px 18px 68px 16px;
    }
    
    .home-engagements-right {
        margin-top: 128px;
        margin-left: 0;
    }

    .home-engagements-right::before {
        clip-path: polygon(0 13px, 0 100%, 100% 97.44%, 100% 0.14%);
    }

    .home-engagements-right > .vc_column-inner::before {
        top: -106px;
        left: -2px;
        width: 188px;
        height: 194px;
    }

    .home-engagements-right > .vc_column-inner::after {
        right: 10px;
        bottom: -60px;
        width: 178px;
        height: 149px;
    }

    .home-engagements-right.vc_column_container > .vc_column-inner {
        padding: 110px 18px 65px 16px;
    }

    .section-home-history {
        margin-top: 72px;
    }

    .section-home-history h2 {
        line-height: 48px;
    }

    .home-history-subtitle {
        line-height: 28px;
        font-size: 24px;
    }

    .vc_section[data-vc-full-width] > .vc_row.home-history {
        padding-top: 130px;
    }

    .home-history {
        align-items: flex-end;
    }

    .home-history > * {
        flex: 0 0 auto;
    }

    /* .home-history::before {
        width: 929px;
        height: 85px;
    } */

    .home-history-column-1.vc_column_container {
        width: 233px;
    }

    .home-history-column-2.vc_column_container, .home-history-column-3.vc_column_container {
        width: 200px;
    }

    .home-history-column-3.vc_column_container {
        padding-bottom: 50px;
    }

    .home-history > .home-history-column-2 .wpb_single_image {
        min-height: auto;
    }

    .home-history > .home-history-column-1 .wpb_single_image::after {
        right: -6%;
        bottom: 39%;
    }

    .home-history > .home-history-column-1 .wpb_single_image::before {
        top: -30px;
        left: -22px;
        width: 87px;
        height: 100px;
    }

    .home-history-column-1 .home-history-date, .home-history-column-2 .home-history-date, .home-history-column-3 .home-history-date {
        text-align: center !important;
    }

    .home-history-content > .wpb_column {
        left: 50%;
        width: 336px;
        text-align: center;
        /* transform: none; */
        transform: translateX(-50%);
    }

    .home-history > .home-history-column-2 .home-history-content > .wpb_column, .home-history > .home-history-column-3 .home-history-content > .wpb_column {
        left: 50%;
        transform: translateX(-50%);
    }

    /* .home-history-column-3 .home-history-content > .wpb_column {
        width: 336px;
    } */

    .home-act-chill {
        clip-path: polygon(0 0, 0 100%, 101% 100%, 101% 2%);
    }

    .home-act-chill h2 {
        line-height: 48px;
        margin-top: 16px;
        margin-bottom: 16px;
        font-size: 40px;
    }

    .home-act-chill-subtitle {
        line-height: 28px;
        font-size: 24px;
    }

    .home-recipe > div:first-of-type, .home-recipe > div:last-of-type, .home-actu > div:first-of-type, .home-actu > div:last-of-type {
        width: 100%;
    }

    .home-recipe > div:first-of-type .wpb_single_image, .home-actu > div:last-of-type .wpb_single_image {
        max-width: 272px;
        margin: 0 auto 55px;
    }

    .home-recipe > .vc_column_container:last-of-type > .vc_column-inner > .wpb_wrapper {
        margin-left: 0;
    }

    .home-actu > .vc_column_container:first-of-type > .vc_column-inner > .wpb_wrapper {
        margin-right: 0;
    }

    .recipe-wrapper-btn > .vc_column-inner > .wpb_wrapper {
        flex-direction: column;
        gap: 15px;
    }

    .home-recipe-img::before {
        bottom: -24px;
        left: -26px;
        width: 128px;
        height: 152px;
    }

    .home-recipe-img::after {
        width: 110px;
        height: 120px;
    }

    .home-recipe h2, .home-actu h2, .home-recipe-subtitle {
        text-align: center !important;
    }

    .home-recipe h2, .home-actu h2 {
        line-height: 44px;
    }

    .home-recipe-subtitle {
        margin-bottom: 16px;
        line-height: 28px;
        font-size: 24px;
    }

    .home-recipe.mb-65 {
        margin-bottom: 42px !important;
    }

    .home-recipe .mb-50 {
        margin-bottom: 40px !important;
    }

    .home-recipe-details > .vc_column-inner > .wpb_wrapper {
        justify-content: center;
    }

    .recipe-wrapper-btn > .vc_column-inner > .wpb_wrapper {
        align-items: center;
    }

    .home-blog-split.wpb_content_element {
        margin-bottom: 46px;
    }

    .home-blog-split img {
        width: 92px;
    }

    .home-blog-split::before {
        /* left: 0; */
        /* width: 41%; */
        width: calc(50% - 46px);
    }

    .home-blog-split::after {
        /* right: 0; */
        /* width: 41%; */
        width: calc(50% - 46px);
    }

    .home-actu {
        display: flex;
        flex-direction: column;
    }

    .home-actu > div:first-of-type {
        order: 2;
    }

    .home-actu-img::before {
        right: -30px;
        bottom: -23px;
        width: 130px;
        height: 128px;
    }

    .home-actu-content {
        text-align: center;
    }

    #bubbles-tabous {
        top: -60px;
        left: 17.5px;
        width: 220px;
    }

    #home-tabous {
        display: flex;
        flex-direction: column;
        padding-top: 100px !important;
        padding-bottom: 100px !important;
        clip-path: polygon(0 2%, 101% 0, 101% 98%, 0% 100%);
    }

    #home-tabous > div {
        width: 100%;
    }

    #home-tabous h2 {
        line-height: 48px;
        margin-bottom: 10px;
        font-size: 40px;
    }

    #home-tabous h3 {
        line-height: 28px;
        margin-bottom: 24px;
        font-size: 24px;
    }

    #home-tabous .wpb_text_column {
        margin-bottom: 32px;
    }

    #home-tabous .btn {
        margin-bottom: 80px;
    }

    .home-tabous-img img {
        width: 302px;
    }

    .home-tabous-img .vc_single_image-wrapper::after {
        right: -14px;
        bottom: -22px;
        width: 170px;
        height: 74px;
    }

    .home-tabous-img .vc_single_image-wrapper::before {
        transform: matrix(0.99, -0.09, 0.09, 0.99, 0, 0);
    }

    #home-socials {
        padding-top: 140px !important;
    }

    #home-socials #sb_instagram #sbi_images {
        flex-direction: row;
        flex-wrap: inherit;
        justify-content: flex-start;
        align-items: center;
        gap: 50px;
        height: 250px;
        padding-left: 35px;
        overflow-x: scroll;
        overflow-y: hidden;
        will-change: transform;
        user-select: none;
        -moz-user-select: none;
        cursor: pointer;
        scrollbar-width: none;
    }

    #home-socials #sb_instagram #sbi_images::-webkit-scrollbar {
        display: none;
    }

    #home-socials #sb_instagram #sbi_images > * {
        flex: 0 0 230px;
    }

    #home-socials #sb_instagram #sbi_images .sbi_item {
        width: 230px;
        height: 230px;
        padding-left: 0 !important;
    }

    #home-socials .menu {
        gap: 22px;
    }

    #home-socials .menu::before {
        content: none;
    }

    #home-socials .instagram_link::after {
        top: -200px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    #home-socials .menu li a {
        margin: 0;
    }

    /* body.single-product header#main-header, body.single-product #main-header.open #primary-menu{
        background-color: #f9f9eb;
    } */
    
    body.single-product #primary-menu ul li{
        border-bottom: dashed 2px rgba(0,0,0,0.1);
    }

    body.single-product #content .entry-content > div:first-child{
        padding-top: 0 !important;
    }

    .view-product > .wpb_column{
        width: 100%;
    }
    
    .img-product .vc_figure{
        width: 100%;
    }

    .img-product .wpb_single_image .vc_figure {
        padding-left: 0;
    }

    .img-product .vc_single_image-wrapper{
        width: 275px;
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .img-product img{
        /* margin-left: 10%; */
        margin-left: 0;
    }

    .img-product .wpb_single_image.vc_align_left {
        text-align: center;
    }

    .img-product .wpb_single_image .vc_single_image-wrapper::before{
        width: 170px;
        height: 185px;
        top: 105px;
        left: -70px;
    }

    .img-product .wpb_single_image .vc_single_image-wrapper::after{
        width: 85px;
        height: 75px;
        left: auto;
        bottom: 25px;
        right: -10px;
    }

    .infos-product{
        padding-top: 30px;
        margin: 0;
    }

    .infos-product h1, .infos-product .baseline, .infos-product .description{
        max-width: 100%;
    }

    .infos-product h1{
        font-size: 48px;
        line-height: 48px;
        text-align: center !important;
        margin-bottom: 15px;
    }

    .infos-product .baseline{
        font-size: 32px;
        line-height: 32px;
        text-align: center;
        margin-bottom: 25px;
    }

    .infos-product .description{
        text-align: center;
        margin-bottom: 40px;
    }

    #product-arrow-down::after{
        display: none;
    }

    .infos-product .buttons-align{
        margin-bottom: 30px;
    }

    .infos-product .buttons-align .wpb_wrapper{
        -webkit-justify-content: center;
                justify-content: center;
    }

    .infos-product .open-popup{
        text-align: center;
    }

    body.single-product #content .entry-content > div:first-child{
        padding-bottom: 60px;
    }

    #alterecometre{
        padding: 65px 10px 90px;
    }

    #alterecometre h2{
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 10px;    
    }

    #alterecometre .baseline{
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 40px;
    }

    #alterecometre .pictos{
        margin: 0;
    }

    #alterecometre .pictos > .vc_col-sm-6{
        margin-bottom: 30px;
    }

    #alterecometre .pictos > .vc_col-sm-6:last-child{
        margin-bottom: 40px;
    }

    #alterecometre .pictos .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper{
        gap: 30px;
        -webkit-align-items: flex-start;
                align-items: flex-start;
    }

    #alterecometre .pictos .wpb_single_image{
        width: 100px;
    }

    #alterecometre .pictos .value{
        width: calc(100% - 130px);
    }

    #alterecometre.alterecometre-new .pictos .wpb_text_column {
        width: calc(100% - 145px);
    }
    
    #alterecometre.alterecometre-new .pictos .wpb_single_image {
        width: 100px;
    }

    #alterecometre .pictos .wpb_text_column p{
        font-size: 24px;
        line-height: 28px;
    }

    #alterecometre.alterecometre-new .pictos .wpb_text_column p {
        font-size: 24px;
    }

    #alterecometre .pictos .wpb_text_column p strong{
        font-size: 48px;
        line-height: 56px;
    }

    #alterecometre.alterecometre-new .pictos .wpb_text_column p strong {
        font-size: 38px;
    }

    #alterecometre .pictos .wpb_text_column p br{
        display: none;
    }

    #product-coop{
        clip-path: polygon(0 0, 101% 20px, 101% calc(100% - 20px), 0% 100%);
        padding: 100px 0;
    }

    #product-coop .image-coop .top-right{
        width: 75px;
        top: -20px;
        right: -15px;
    }

    #product-coop .image-coop .bottom-left {
        bottom: -30px;
        left: -40px;
        width: 135px;
    }

    #product-coop .desc-coop{
        padding: 0;
    }

    #product-coop .desc-coop .wpb_text_column h2{
        font-size: 40px;
        line-height: 40px;
        margin-top: 75px;
        margin-bottom: 25px;
    }

    #product-coop .wrapper-infos-coop{
        margin-top: 100px;
    }

    #product-coop .wrapper-infos-coop .infos-coop{
        padding: 50px 15px 55px;
        clip-path: polygon(0 2%, 100% 0, 100% 98%, 0% 100%);
    }

    #product-coop .wrapper-infos-coop .infos-coop h2{
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 25px;
    }

    #product-coop .infos-coop .infos-content{
        margin-bottom: 40px;
    }

    #parole-producteurs {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 98%);
    }

    #parole-producteurs h2{
        font-size: 40px;
        line-height: 40px;
    }

    /* .wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper {
        gap: 56px;
    } */

    .wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper > .vc_row:not(:last-of-type) {
        margin-right: 56px;
    }

    .wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper img {
        width: 230px;
    }

    .wrapper-parole-producteurs > .vc_column-inner > .wpb_wrapper .vc_single_image-wrapper::after {
        right: 20px;
        bottom: 4px;
        width: 48px;
        height: 48px;
    }

    .parole-producteurs-title {
        line-height: 38px;
        font-size: 32px;
    }

    #cross-selling{
        padding: 75px 0 60px;
    }

    #cross-selling::before{
        width: 135px;
        height: 130px;
        top: -80px;
        right: -5px;
    }

    #cross-selling .wpb_text_column.wpb_content_element h2{
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 50px;
        padding: 0 15px;
    }

    #cross-selling .products{
        display: flex;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-justify-content: space-between;
                justify-content: space-between;
    }

    #cross-selling .products > .vc_col-sm-4{
        width: 48%;
    }

    #cross-selling .products > .vc_col-sm-4:last-child, #cross-selling .bg-product-cross, #cross-selling .products::before, #cross-selling .products::after{
        display: none;
    }

    #cross-selling .img-product-cross img {
        width: 112px;
    }

    #cross-selling .name-product{
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 0.5px;
    }

    .section-single-post-others {
        clip-path: polygon(0 3%, 101% 0px, 101% 100%, 0% 100%);
    }

    .single-post-others .vc_pageable-slide-wrapper {
        /* margin-top: -35px; */
        /* margin-bottom: 45px; */
        /* padding-top: 80px; */
        /* padding-left: 43px;
        overflow-x: scroll;
        overflow-y: hidden;
        will-change: transform;
        user-select: none;
        -moz-user-select: none;
        cursor: pointer;
        scrollbar-width: none; */
    }
    
    /* .single-post-others .vc_pageable-slide-wrapper::-webkit-scrollbar {
        display: none;
    } */

    .single-post-others .vc_grid-item {
        flex: 0 0 230px;
    }

    .section-single-post-others .single-post-title {
        color: #12636F;
    }

    #listing-menu {
        padding: 60px 50px;
    }

    #listing-menu ul li a, #listing-submenu ul li a {
        padding: 5px 15px;
        font-size: 22px;
    }

    body.page-template-page-listing-products #home-socials, body.page-template-page-content #home-socials{
        margin: 20px 0
    }

    body.page-template-page-listing-products #site #content, body.page-template-page-content #site #content{
        padding: 0;
    }

    body.page-template-page-listing-products #content .entry-content > div:first-child, body.page-template-page-content #content .entry-content > div:first-child{
        padding-top: 30px !important;
    }

    #listing-title h1{
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 60px;
    }
    
    #listing-title h1::before{
        width: 130px;
        height: 155px;
        top: 15px;
        right: -30px;
    }

    #listing-title h1::after {
        width: 150px;
        height: 162px;
        top: 15px;
        right: -38px;
    }

    #listing-submenu ul{
        gap: 10px;
    }

    #listing-products .vc_pageable-slide-wrapper > .vc_grid-item{
        width: 50%;
        margin-bottom: 55px;
    }

    #listing-products .wpb_single_image.product-thumb img{
        -webkit-transform: rotate(-3deg) !important;
           -moz-transform: rotate(-3deg) !important;
            -ms-transform: rotate(-3deg) !important;
             -o-transform: rotate(-3deg) !important;
                transform: rotate(-3deg) !important;
    }

    #listing-products .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(2n) .wpb_single_image.product-thumb img{
        -webkit-transform: rotate(3deg) !important;
           -moz-transform: rotate(3deg) !important;
            -ms-transform: rotate(3deg) !important;
             -o-transform: rotate(3deg) !important;
                transform: rotate(3deg) !important;
    }

    #listing-products .wpb_single_image.product-thumb figure::before{
        width: 56px;
        height: 56px;
        top: 45px;
        left: -30px !important;
        font-size: 14px;
        line-height: 56px;
    }

    #listing-products .vc_pageable-slide-wrapper > .vc_grid-item:nth-child(2n) .wpb_single_image.product-thumb figure::before{
        left: -20px !important;
    }

    body.page-template-page-listing-products .home-section-engagements{
        padding-top: 100px !important;
    }

    body.page-template-page-content .entry-content{
        padding: 0 15px;
    }

    #under-construction{
        padding: 50px 0 30px;
        margin-bottom: 0;
    }

    footer#main-footer{
        padding: 50px 25px 100px;
    }

    footer #logo-footer{
        width: 160px;
        margin: 0 auto 50px;
    }

    footer #logo-footer a{
        display: block;
    }

    footer #logo-footer svg{
        width: 100%;
        margin-left: 15px;
    }

    #footer-menu{
        width: 100%;
        margin-bottom: 70px;
    }

    #footer-menu ul{
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 30px;
    }

    #footer-menu ul li{
        text-align: center;
    }

    #footer-menu ul li a{
        font-size: 24px;
        letter-spacing: 0.5px;
    }

    #footer-socials{
        width: 100%;
    }

    #footer-socials ul{
        -webkit-justify-content: center;
                justify-content: center;
        gap: 20px;
    }

    #footer-socials ul li a{
        margin-left: 0;
        width: 60px;
        height: 60px;
        -webkit-background-size: 100% 100%;
             -o-background-size: 100% 100%;
                background-size: 100% 100%;
    }

    #footer-socials ul li a i{
        font-size: 20px;
        line-height: 60px;
    }

    .wrapper-slider-range::before,
    .wrapper-slider-range::after {
        content: none;
    }

    .wrap-range {
        width: 97%;
    }

    .act-chill-intro-title {
        line-height: 79px;
        font-size: 74px;
    }

    .act-chill-intro h3 {
        line-height: 38px;
        font-size: 32px;
    }

    .act-chill-intro-txt.wpb_content_element {
        max-width: 100%;
    }

    .act-chill-intro-txt p {
        line-height: 42px;
        font-size: 36px;
    }

    .act-chill-intro-txt::before {
        position: relative;
        top: 0;
        width: 120px;
        height: 135px;
        left: 50%;
        margin-bottom: 21px;
        transform: translateX(-50%);
    }

    .act-chill-intro-txt::after {
        position: relative;
        width: 126px;
        height: 134px;
        right: -50%;
        bottom: auto;
        margin-top: 30px;
        transform: translateX(-50%);
    }

    .act-chill-cards > .act-chill-card {
        width: calc( (100% / 2) - 60px );
    }

    #content .entry-content > div:first-child {
        padding-top: 0px !important;
    }

    .single-post .site-main .post-navigation {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .single-post .site-main .post-navigation .nav-previous {
        margin-bottom: 8px;
    }
}

@media all and (min-width: 769px) {
    /* #rev_slider_5_1_forcefullwidth .home-slide-img,
    #rev_slider_5_1_forcefullwidth .home-slide-img img {
        height: auto !important;
    } */

    #rev_slider_5_1_forcefullwidth .home-slide-img img {
        object-fit: contain;
    }
}

@media all and (min-width: 768px) {
    .product-coop-map {
        display: none;
    }
}

@media all and (max-width: 768px) {
    .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
        padding: 25px;
    }

    .home-slide-img {
        width: 329px !important;
        height: auto !important;
    }

    .home-slide-title {
        line-height: 54px !important;
        font-size: 48px !important;
    }

    /* New slider */ 
    #rev_slider_5_1_forcefullwidth .home-slide-title {
        line-height: 36px !important;
        font-size: 36px !important;
    }

    #rev_slider_5_1_forcefullwidth .slide-tabous-title span {
        display: inline-block;
        line-height: 36px;
        margin-top: 21px;
        font-size: 36px;
    }

    #rev_slider_5_1_forcefullwidth .btn a {
        font-size: 20px !important;
    }
    /* END New slider */

    .home-act-chill > .wpb_column {
        padding-top: 56px;
    }

    .home-act-chill > .wpb_column > .vc_column-inner > .wpb_wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    .wpb_single_image.home-act-chill-bg img {
        /* width: auto; */
        height: 362px;
        margin-top: 35px;
    }

    .home-act-chill-content {
        position: relative;
        top: auto;
        left: auto;
        max-width: 100%;
        padding: 0 25px;
        transform: none;
    }
}

@media all and (max-width: 767px) {
    body.store-open::before {
		background: #8e8d8c;
	}

	#store-popup {
		width: 98%;
		height: 100%;
		margin: 0 auto;
		overflow-x: hidden;
	}

	#store-popup::before {
		width: 165px;
		height: 193px;
		top: 40px;
		left: -50px;
	}

	#store-popup::after {
		width: 155px;
		height: 253px;
		bottom: -110%;
		right: -28px;
	}

	#store-popup .vc_row {
		margin-top: 110px;
		margin-bottom: 158px;
		padding: 80px 15px 120px;
		clip-path: polygon(0 20px, 100% 0, 100% 100%, 0% 99%);
	}

	#store-popup #coop-name {
		font-size: 40px;
		line-height: 48px;
		margin: 20px 0 10px;
	}

    #product-coop {
        background-image: none !important;
    }

    .product-coop-map {
        margin-bottom: 65px !important;
    }

    #product-coop .wrapper-infos-coop {
        margin-top: 45px;
    }

    #product-coop .wrapper-infos-coop::before {
        content: none;
    }

    .single-product #listing-products .wpb_single_image.product-thumb figure::after {
        content: none;
    }
    
    .single-product #listing-products .vc_pageable-slide-wrapper > .vc_grid-item,
    .parent-pageid-1512 #listing-products .vc_pageable-slide-wrapper > .vc_grid-item {
        width: 50%;
    }

    .single-product #listing-products .vc_pageable-slide-wrapper > .vc_grid-item:last-of-type {
        display: none;
    }

    .single-recette #content .entry-content > div:first-child {
        padding-top: 72px !important;
    }

    .single-post-intro {
        padding-bottom: 220px;
    }

    .single-recette h1 {
        line-height: 53px;
        font-size: 48px;
    }

    .single-post-subtitle {
        line-height: 35px;
        font-size: 32px;
    }

    .single-post-img {
        margin-top: -120px;
    }

    .single-post-img-before {
        top: -80px;
        left: -50px;
    }

    .single-post-img-before img {
        width: 118px;
    }

    .single-post-img-after {
        top: -70px;
        right: -7%;
    }

    .single-post-img-after img {
        width: 135px;
    }

    .recette-prepa-wrapper > .vc_column-inner > .wpb_wrapper {
        display: flex;
        justify-content: center;     
    }

    .recette-prepa {
        top: 0;
        left: 0;
        margin-top: 52px;
        transform: none;
    }
    
    .recette-prepa img {
        width: 97px;
    }

    .vc_row.recette-prepa-1, .vc_row.recette-prepa-2 {
        margin-right: 8.5px;
    }

    .recette-prepa p {
        line-height: 34px;
        font-size: 24px;
        white-space: nowrap;
    }

    .single-post-details {
        flex-direction: column;
        margin-top: 42px;
        margin-bottom: 110px;
    }

    .single-post-details > .wpb_column:first-of-type {
        width: 100%;
        margin-right: 0;
        margin-bottom: 56px;
    }

    .single-post-details > .wpb_column:last-of-type {
        width: 100%;
    }

    .single-post-details > .wpb_column:last-of-type > .vc_column-inner {
        /* width: 100%; */
        padding-top: 56px;
        padding-right: 0;
        padding-left: 0;
        /* background-image: linear-gradient(#3C302C 20%, rgba(60, 48, 44, 0) 0%);
        background-position: top;
        background-size: 2px 19px;
        background-repeat: repeat-x; */
        background-image: linear-gradient(to right, #3C302C 33%, rgba(60,48,44,0) 0%);
        background-position: top;
        background-size: 18px 2px;
        background-repeat: repeat-x;
    }

    .single-post-title {
        line-height: 48px;
        color: #3C302C;
        font-size: 40px;
    }

    .list-ingredients li {
        font-size: 24px;
    }

    .single-post-tips::before {
        top: -55px;
        right: 25px;
        width: 108px;
        height: 124px;
    }

    .single-post-tips > .wpb_column > .vc_column-inner > .wpb_wrapper {
        padding: 48px 25px 48px;
    }

    .act-chill-popup {
        width: 98%;
        height: 100vh;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .act-chill-popup .vc_row {
        padding: 45px 15px 98px 15px;
        clip-path: polygon(0 15px, 100% 0, 100% 100%, 0% calc(100% - 8px));
    }

    .act-chill-popup::before {
        width: 163px;
        height: 158px;
        transform: translate(50%,-40%);
    }

    .act-chill-popup::after {
        width: 138px;
        height: 139px;
    }

    .act-chill-popup .act-chill-img {
        margin-bottom: 45px;
    }

    .act-chill-popup .title {
        font-size: 40px;
        line-height: 44px;
    }
}

@media all and (max-width: 585px) {
    .act-chill-cards.vc_section {
        margin-right: -40px;
        margin-left: -40px;
    }

    .act-chill-cards > .act-chill-card {
        width: auto;
    }
}

@media all and (max-width: 479px) {
    .home-slide-title {
        width: 325px !important;
    }

    .skew-bottom-left {
        clip-path: polygon(0 0, 101% 0, 101% 97%, 0% 100%);
    }

    /* .slider-btn {
        top: -100px;
    } */

    #alterecometre.alterecometre-new .pictos .wpb_text_column {
        width: 100%;
    }
    
    #alterecometre.alterecometre-new .pictos .wpb_single_image {
        width: 100%;
    }
}

@media only screen and (hover: none) and (pointer: coarse) {
    .vc_row[data-vc-full-width] {
        overflow: visible !important;
    }
}
/* END Responsive design */