/*
Theme Name: Cacolac
Author: Code ID
Author URI: https://www.codeid.fr/
Description: Thème pour le site Cacolac
Version: 1.0
*/
html {
    font-size: 62.5%;
}

body {
    font-family: Montserrat;
    color: #301a11;
    font-size: 1.5rem;
    line-height: 1.2;
    padding: 9.4rem 0 0;
}

a {
    color: inherit;
}

a:hover {
    color: inherit;
    text-decoration: underline;
}

.alignleft {
    float: left;
    margin: 0 1.5rem 0 0;
}

.alignright {
    float: right;
    margin: 0 0 0 1.5rem;
}

.aligncenter {
    display: block;
    float: none;
    margin: 0 auto;
}

h1,
h2,
h3 {
    font-family: Chewy;
    font-weight: 700;
}

h3.titre-rs {
    text-align: center;
    font-size: 3.7rem;
    line-height: 1;
    margin: 4rem auto 3rem;
}

.fts-jal-fb-group-display,
#sb_instagram,
.slider {
    position: relative;
}

.slick-arrow {
    display: block;
    overflow: hidden;
    text-indent: -100rem;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.7rem;
    height: 2.9rem;
    margin: -2.9rem 0 0;
    background: url(img/prev.svg) 50% 50% no-repeat;
    background-size: contain;
    outline: none;
    border: none;
    z-index: 1;
}

#diaporama .slick-arrow {
    bottom: 1.5rem;
    top: auto;
    left: 1.5rem;
}

.slick-next {
    left: auto;
    right: 0;
    background-image: url(img/next.svg);
}

#diaporama .slick-next {
    left: auto;
    right: 1.5rem;
}

.slider[data-theme="sombre"] .slick-arrow {
    background-image: url(img/prev-blanc.svg);
}

.slider[data-theme="sombre"] .slick-next {
    background-image: url(img/next-blanc.svg);
}

.slider .slick-dots {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 5rem;
    right: 5rem;
    bottom: 1.5rem;
    text-align: center;
    outline: none;
}

.slider .slick-dots li {
    display: inline-block;
    margin: 0 .3rem;
    padding: 0;
    list-style: none;
}

.slider .slick-dots button {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    border: 1px #3d251b solid;
    overflow: hidden;
    text-indent: -100rem;
    padding: 0;
}

.slider .slick-dots li.slick-active>button,
.slider .slick-dots button:hover {
    background: #fab51c;
    border-color: transparent;
}

.fts-jal-fb-group-display .fts-jal-single-fb-post,
#diaporama .slide+.slide {
    display: none;
}

.fts-jal-fb-group-display .fts-jal-single-fb-post.slick-slide,
#diaporama .slide.slick-slide {
    display: block;
}

.boite .img,
#diaporama .slide .img {
    display: block;
    position: relative;
    padding: 32.54% 0 0;
    background: url(none) 50% 50% no-repeat;
    background-size: 100%;
    transition: all .2s ease;
}

#diaporama,
#diaporama .slide {
    width: 100%;
}

.boite .img {
    width: 100%;
    padding: 100% 0 0;
}

.boite a {
    display: block;
    width: 100%;
}

.boite .img h2 {
    display: none;
}

.boite a:hover .img {
    background-size: 101.5%;
    transition: all .12s ease;
}

#main-header {
    height: 9.4rem;
    padding: .8rem 0;
    background: #FFF;
}

#main-header .row {
    flex-wrap: nowrap;
}

#logo {
    display: block;
    width: 100%;
    max-width: 14.4rem;
    height: 0;
    min-height: 4.5rem;
    padding: 20.833% 0 0;
    padding: clamp(1rem, 20.833%, 3rem) 0 0;
    margin: 1.2rem 0 .4rem;
    background: url(img/logo-cacolac.png) 50% 50% no-repeat;
    background-size: contain;
}

#logo>span {
    display: none;
}

.searchform {
    display: flex;
    margin-top: .4rem;
}

#showsearch,
.searchform input,
.searchform button {
    display: block;
    width: calc(100% - 1.7rem);
    margin: 0;
    padding: .7rem;
    background: none;
    border: 0;
    border-bottom: 1px #000 solid;
    font-size: 1.7rem;
    line-height: 1;
    outline: none;
}

.searchform button,
#showsearch {
    background: url(img/recherche.png) 50% 50% no-repeat;
    background-size: contain;
    width: 1.7rem;
}

#showsearch>span,
.searchform button>span {
    display: none;
}

.site-description {
    color: #fab51c;
    font-size: .7vw;
    font-weight: 700;
    margin: 0;
    font-family: Montserrat;
    text-transform: uppercase;
    line-height: 1;
}

#menu-social {
    margin: 0 -1.5rem;
    display: block;
    width: calc(100% + 3rem);
}

#menu-social li {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 auto .5rem;
}

#menu-social li a {
    display: block;
    overflow: hidden;
    text-indent: -100rem;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    background: url(none) 50% 50% no-repeat;
}

#menu-social li.facebook a {
    background-image: url(img/social-facebook.png);
}

#menu-social li.twitter a {
    background-image: url(img/social-twitter.png);
}

#menu-social li.instagram a {
    background-image: url(img/social-instagram.png);
}

#main-menu {
    margin-top: 5rem;
}

#main-menu .nav-item {
    position: relative;
    margin: 0 2.5rem;
}

.navbar {
    padding: 0;
}

#main-menu .nav-link {
    font-size: 1.175rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #171717;
    padding: .3rem 0 1rem;
}

article.search-result a:hover,
#main-menu .current-menu-item .nav-link,
#main-menu .current_page_ancestor .nav-link,
#main-menu .nav-link:hover {
    color: #fab51c;
    text-decoration: none;
}

#main-menu .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1040;
    padding: 1.4rem 0 0;
    text-align: center;
}

#main-menu .nav-item:hover .sub-menu {
    display: block;
}

#main-menu .sub-menu .nav-item {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px transparent solid;
}

#main-menu .sub-menu .nav-link {
    padding: 1rem 1.2rem;
    font-size: 1.175rem;
    color: #171717;
    background: #FFF;
    font-weight: 300;
    text-transform: uppercase;
}

#main-menu .sub-menu .current-menu-item .nav-link,
#main-menu .sub-menu .current_page_ancestor .nav-link,
#main-menu .sub-menu .nav-link:hover {
    font-weight: 700;
    padding: 1rem 1rem;
    text-decoration: none;
}

#lien_contact {
    font-size: 1.175rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}

.wpml-ls-legacy-list-horizontal {
    padding: 0;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    padding: 0 .4rem;
}

.wpml-ls-legacy-list-horizontal a {
    font-size: 1.175rem;
    text-transform: uppercase;
    color: #171717;
    line-height: 1;
    padding: 0;
}

.wpml-ls-legacy-list-horizontal li.wpml-ls-current-language a {
    font-weight: 900;
}

.wpml-ls-slot-lang_selec+.wpml-ls-slot-lang_selec {
    border-left: 1px #000 solid;
}

#lang_selec {
    min-height: 2rem;
}

#footer {
    padding: 2.3rem 0;
    text-align: center;
}

#footer,
#footer a {
    font-size: 1.175rem;
    color: #301a11;
    text-transform: uppercase;
}

#footer a {
    display: inline-block;
    margin: 0 1.25rem;
}

#footer a.social {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -100rem;
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    margin: 0 .15rem;
    background: url(none) 50% 50% no-repeat;
}

#footer a.social.facebook {
    background-image: url(img/social2-facebook.png);
}

#footer a.social.twitter {
    background-image: url(img/social2-twitter.png);
}

#footer a.social.instagram {
    background-image: url(img/social2-instagram.png);
}

#footer a.social.youtube {
    width: 2.7rem;
    background-image: url(img/social2-youtube.png);
}

#footer #nav_menu-2 {
    float: left;
    padding: 0 1.5rem;
}

#footer #nav_menu-2 .menu {
    padding: 0;
}

#footer #nav_menu-2 .menu li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 1.2rem;
}

#footer #nav_menu-2 .menu a {
    display: block;
}

#facebook-wall,
#insta-wall {
    background: #ededed;
}

.produit {
    position: relative;
    padding: 2.4rem 0 3rem;
    background: url(none) 100% 50% no-repeat;
    background-size: contain;
}

.produit .packaging {
    width: 37%;
    float: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: url(none) 100% 50% no-repeat;
    background-size: contain;
}

.produit .packaging img {
    align-self: center;
}

.produit .packaging span {
    display: inline-block;
    position: relative;
}

.produit .packaging span:after {
    content: '+';
    background: #FFF;
    border-radius: 50%;
    position: absolute;
    width: 3vw;
    height: 3vw;
    font-size: 3vw;
    font-weight: 500;
    line-height: 3vw;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: -1.5vw;
    opacity: 0;
    transition: all .3s ease;
}

.produit:hover .packaging span:after {
    opacity: 1;
    box-shadow: 2px 2px 13px 0px rgba(40, 18, 3, 0.9);
}

.produit .contenu {
    width: 63%;
}

.produit .titre {
    display: inline-block;
    position: relative;
    margin: 8rem 0 0 4rem;
    padding: 1.2rem 2.8rem;
    height: 9rem;
    background: url(img/produit_titre.png) 0 50% repeat-x;
    font-size: 1.8rem;
    color: #301a11;
    line-height: 1.2;
    transform: rotate(-.7deg);
}

.produit .titre:before,
.produit .titre:after {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: 2rem;
    height: 9rem;
    background: url(img/produit_titre_before.png) 0 50% no-repeat;
}

.produit .titre:after {
    left: calc(100% - 5rem);
    width: 9.7rem;
    background: url(img/produit_titre_after.png) 100% 50% no-repeat;
}

.produit .titre h2 {
    margin: 0;
    font-size: 3.4rem;
}

#presentation_produit .description,
.produit .texte {
    display: block;
    width: 70%;
    max-width: 59rem;
    position: relative;
    margin: 2.2rem 0 0 .6rem;
    padding: 2.8rem 3.6rem;
    font-size: 1.7rem;
    color: #301a11;
    line-height: 1.2;
}

#presentation_produit .description {
    width: 100%;
}

#presentation_produit .description .cadre,
.produit .texte .cadre {
    position: absolute;
    left: 0;
    top: 0;
}

#presentation_produit .description .cadre_droite,
.produit .texte .cadre_droite {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.produit a.lien {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
}

#breadcrumbs,
#breadcrumbs a {
    color: #4e2f05;
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.4;
}

#breadcrumbs {
    margin: 0 0 .5rem;
}

#breadcrumbs a:hover {
    color: #4e2f05;
    text-decoration: underline;
}

#breadcrumbs .current-item {
    font-weight: 700;
}

#bandeau {
    padding: 32.54% 0 0;
    position: relative;
    background: url(none) 50% 50% no-repeat;
    background-size: cover;
}

#bandeau>div {
    position: absolute;
    top: 30%;
    width: 100%;
}

#bandeau h1,
#bandeau h2 {
    font-size: 6vw;
    line-height: 1;
    padding: 0 1.5rem 0 56%;
}

body.page-template-histoire #bandeau h1 {
    padding: 0 5% 0 64%;
}

body.page-template-template-engagements #bandeau h2,
body.page-template-mpc #bandeau h2,
body.page-template-mpc-parents #bandeau h2 {
    padding: 0 10% 0 58.5%;
}

body.page-template-template-engagements #bandeau h2 {
    padding-left: 60%;
}

body.page-template-template-produits .ligne {
    padding: 3rem 0;
}

body.page-template-template-produits .intro {
    padding: 4rem 0 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #f2cd48;
    background: #301a11;
}

body.page-template-template-produits .intro>div {
    padding-left: 8rem;
    background: url(img/fleche.png) 0 50% no-repeat;
    min-height: 5.8rem;
}

#preroll {
    display: flex;
    align-items: center;
}

a.retour {
    display: inline-block;
    background: url(img/retour.png) 50% 50% no-repeat;
    min-width: 13rem;
    padding: 0 1rem 0 2rem;
    height: 4.8rem;
    text-align: center;
    line-height: 4.8rem;
    font-size: 1.6rem;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}

#liste_produits {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 1.5rem 0 1.5rem 2rem;
    padding: 0 2rem 0 0;
    width: calc(100% - 15rem);
}

#liste_produits .mini-produit {
    display: block;
    max-width: 15rem;
    transition: all .3s ease;
}

#liste_produits .mini-produit:hover {
    opacity: .8;
}

#liste_produits .mini-produit.active {
    opacity: .3;
}

#presentation_produit {
    background: #fab51c url(img/produit-gauche.png) 0 0 no-repeat;
    padding: 0 0 1.5rem;
}

#presentation_produit h2.titre,
#presentation_produit .contenance {
    color: #FFF;
    font-size: 2.8rem;
    margin: 0;
}

#presentation_produit .contenance {
    font-size: 1.8rem;
}

#presentation_produit .col1,
#presentation_produit .col2 {
    display: block;
    float: left;
    width: 35%;
    padding: 3.2rem 1.5rem 0 calc(10% + 1.5rem);
}

#presentation_produit .col2 {
    width: 65%;
    padding: 0 calc(1.5rem + 15%) 0 1.5rem;
    background: url(img/produit-droite.png) 100% 0 no-repeat;
}

body.single_produit-mon-premier-cacolac-fruits-tropicaux #presentation_produit .col2 {
    background: url(img/produit-droite-cacolac-fruits-tropicaux.png) 100% 0 no-repeat;
}

body.single_produit-cacolac-mini-choco-noisettes #presentation_produit .col2,
body.single_produit-cacolac-mini-choco-caramel #presentation_produit .col2,
body.single_produit-mon-premier-cacolac-fraise #presentation_produit .col2 {
    background: none;
}

body.single_produit-cacolac-mini-choco-noisettes #presentation_produit {
    background-color: #fab51c;
    background-image: url(img/produit-gauche.png), url(img/produit-droite-cacolac-choco-noisettes.png);
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat, no-repeat;
}

body.single_produit-cacolac-mini-choco-caramel #presentation_produit {
    background-color: #fab51c;
    background-image: url(img/produit-gauche.png), url(img/produit-droite-cacolac-choco-caramel.png);
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat, no-repeat;
}

body.single_produit-mon-premier-cacolac-fraise #presentation_produit {
    background-color: #fab51c;
    background-image: url(img/produit-gauche.png), url(img/produit-droite-cacolac-fraise.png);
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat, no-repeat;
}

#presentation_produit .labels {
    margin: 1rem 0;
}

#presentation_produit .labels .legislation {
    font-size: 1rem;
    text-align: center;
}

#presentation_produit .labels .label {
    display: flex;
    align-content: center;
    justify-content: center;
    align-self: center;
    margin: 1rem 0;
}

#presentation_produit .description {
    margin: 11rem 0 2.2rem;
}

#presentation_produit .description.decli+.description.decli {
    margin: 9rem 0 7.4rem;
}

#presentation_produit .ingredients {
    background: #FFF;
    padding: 1.5rem 2.2rem;
    margin: 0 0 2rem;
}

#presentation_produit .ingredients h3,
#presentation_produit .ingredients h4 {
    margin: 0 0 1.8rem;
    font-family: Montserrat;
    font-size: 1.4rem;
    text-transform: uppercase;
}

#presentation_produit .ingredients h4 {
    margin: 0;
    font-weight: 400;
}

#declaration_nutri {
    border-spacing: 0;
}

#declaration_nutri thead th,
#declaration_nutri tbody th,
#declaration_nutri tbody td {
    border: none;
}

#declaration_nutri h4 {
    color: #FFF;
    background: #4e2f05;
    text-align: center;
    margin: 0;
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: uppercase;
}

#declaration_nutri table {
    width: 82%;
    margin: 0 auto;
}

#declaration_nutri tbody th,
#declaration_nutri tbody td {
    color: #FFF;
    text-align: left;
    vertical-align: middle;
    font-size: 1.3rem;
    font-weight: 400;
    text-transform: uppercase;
    padding: 1rem 1.5rem 1rem calc(1.5rem + 20%);
    width: 45%;
    border-bottom: 1px #FFF solid;
}

#declaration_nutri tbody td {
    width: 55%;
    text-align: center;
    font-weight: 700;
    padding: 1rem calc(1.5rem + 10%) 1rem 1.5rem;
}

#declaration_nutri tfoot td {
    text-align: center;
    font-weight: 300;
    padding: 2rem 1.5rem;
}

.vendu {
    margin: 1rem auto;
    position: relative;
    font-size: 1.3rem;
}

.vendu:before {
    content: '';
    position: absolute;
    display: block;
    width: 3.2rem;
    height: 6.2rem;
    top: 2rem;
    left: -3.6rem;
    background: url(img/fleche_vendu.png) 50% 50% no-repeat;
}

#presentation_produit .packaging {
    position: relative;
}

#presentation_produit .packaging .image_gauche,
#presentation_produit .packaging .image_droite {
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
}

#presentation_produit .packaging .image_droite {
    right: auto;
    left: 100%;
}

#faq {
    margin: 1rem -1.5rem;
}

#faq .card {
    border-color: #FFF;
    border-radius: 0;
}

#faq .card-header {
    border: 0;
    padding: 0;
}

#faq .card-header h2 {
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 1.8rem;
    font-family: Montserrat;
    text-transform: uppercase;
}

#faq .card-header a>span {
    display: block;
    background: url(img/collapse_down.svg) 100% 50% no-repeat;
}

#faq .card-header a[aria-expanded="true"]>span {
    background-image: url(img/collapse_up.svg);
}

#faq .card-header a {
    display: block;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background: #e0e0e0;
    cursor: pointer;
}

#faq .card-header a[aria-expanded="true"] {
    background: #eec043;
}

#faq .card-body {
    padding: 1.5rem 0;
}

#faq .card-body h3 {
    line-height: 1;
    font-size: 1.6rem;
    font-family: Montserrat;
    margin: 2rem 0 .5rem;
}

#engagements {
    margin-bottom: 4.5rem;
    text-align: center;
}

#engagements>div {
    padding: 0;
}

#engagements h3,
#engagements h2 {
    padding: 1.2rem 1.5rem .6rem;
    line-height: 1;
    font-size: 2.5rem;
    margin: 0;
}

#engagements a {
    color: inherit;
    text-decoration: none;
}

#engagements a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(img/next.svg) 50% 50% no-repeat;
    background-size: contain;
    width: 2rem;
    height: 1.5rem;
    margin: 0 .5rem 0 0;
}

#engagements .engagement_health-038-nutrition h3,
#engagements .engagement_nutritionsante h3 {
    background: #f8e6a3;
}

#engagements .engagement_eco-responsible-sourcing h3,
#engagements .engagement_sourcing-eco-responsable h3 {
    background: #4e2f05;
    color: #edb450;
}

#engagements .engagement_environment h3,
#engagements .engagement_environnement h3 {
    background: #976950;
}

#engagements .engagement_societal-responsability h3,
#engagements .engagement_responsabilite-societale h3 {
    background: #edb450;
}

.contenu_engagement_health-038-nutrition h1,
.contenu_engagement_eco-responsible-sourcing h1,
.contenu_engagement_environment h1,
.contenu_engagement_societal-responsability h1,
.contenu_engagement_nutritionsante h1,
.contenu_engagement_sourcing-eco-responsable h1,
.contenu_engagement_environnement h1,
.contenu_engagement_responsabilite-societale h1 {
    color: #edb450;
    font-size: 3.7rem;
}

.contenu_engagement_environment h2,
.contenu_engagement2_environnement h2 {
    font-family: Montserrat;
    font-size: 1.5rem;
    color: #FFF;
}

.contenu_engagement_health-038-nutrition h3,
.contenu_engagement_eco-responsible-sourcing h3,
.contenu_engagement_environment h3,
.contenu_engagement_societal-responsability h3,
.contenu_engagement_nutritionsante h3,
.contenu_engagement_sourcing-eco-responsable h3,
.contenu_engagement_environnement h3,
.contenu_engagement_responsabilite-societale h3 {
    font-family: Montserrat;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin: 1.5rem 0 0;
}

.contenu_engagement_health-038-nutrition,
.contenu_engagement_eco-responsible-sourcing .contenu_engagement_environment,
.contenu_engagement_societal-responsability,
.contenu_engagement_nutritionsante,
.contenu_engagement_sourcing-eco-responsable,
.contenu_engagement_environnement,
.contenu_engagement2_environnement,
.contenu_engagement_responsabilite-societale {
    display: flex;
    align-items: stretch;
    margin-bottom: 4.5rem;
}

.contenu_engagement_health-038-nutrition .img_gauche,
.contenu_engagement_eco-responsible-sourcing .img_gauche,
.contenu_engagement_environment .img_gauche,
.contenu_engagement2_environnement .img_gauche,
.contenu_engagement_societal-responsability .img_gauche,
.contenu_engagement_health-038-nutrition .img_droite,
.contenu_engagement_eco-responsible-sourcing .img_droite,
.contenu_engagement_environment .img_droite,
.contenu_engagement2_environnement .img_droite,
.contenu_engagement_societal-responsability .img_droite,
.contenu_engagement_nutritionsante .img_gauche,
.contenu_engagement_sourcing-eco-responsable .img_gauche,
.contenu_engagement_environnement .img_gauche,
.contenu_engagement2_environnement .img_gauche,
.contenu_engagement_responsabilite-societale .img_gauche,
.contenu_engagement_nutritionsante .img_droite,
.contenu_engagement_sourcing-eco-responsable .img_droite,
.contenu_engagement_environnement .img_droite,
.contenu_engagement2_environnement .img_droite,
.contenu_engagement_responsabilite-societale .img_droite {
    align-items: center;
    justify-content: center;
    display: flex;
}

.contenu_engagement_health-038-nutrition .img_droite,
.contenu_engagement_eco-responsible-sourcing .img_droite,
.contenu_engagement_environment .img_droite,
.contenu_engagement_societal-responsability .img_droite,
.contenu_engagement_nutritionsante .img_droite,
.contenu_engagement_sourcing-eco-responsable .img_droite,
.contenu_engagement_environnement .img_droite,
.contenu_engagement2_environnement .img_droite,
.contenu_engagement_responsabilite-societale .img_droite {
    justify-content: flex-end;
}

body.page-id-480 .img_droite {
    padding-right: 0;
}

#engagements h3:hover,
#engagements h2 {
    background: #FFF;
    color: #4e2f05;
}

.contenu_engagement2_environnement {
    background: #9bc464;
    margin-bottom: 0;
}

.contenu_engagement2_environnement .contenu {
    padding: 5rem 0 7rem;
}

.contenu_engagement2_environnement .img_droite {
    align-items: flex-end;
}

#form_contact {
    background: #4e2f05 url(img/contact_gauche.png) 5% 50% no-repeat;
    background-size: 12.5%;
    color: #FFF;
    font-family: Chewy;
    font-size: 2.8rem;
    padding-top: 5rem;
    padding-bottom: 4.2rem;
}

#form_contact>div {
    width: 100%;
    background: url(img/contact_droite.png) 95% 50% no-repeat;
    background-size: 15%;
}

#form_contact form {
    width: 80%;
    margin: 1.5rem auto 0;
}

#form_contact label {
    color: #fab51c;
    font-family: Montserrat;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin: 3rem 0 1rem;
}

#form_contact select,
#form_contact input,
#form_contact textarea {
    display: block;
    width: 100%;
    color: #4e2f05;
    background: #FFF;
    border: 1px #fab51c solid;
    font-family: Montserrat;
    font-size: 1.9rem;
    line-height: 1.4;
    height: 4rem;
    padding: .5rem;
}

#form_contact .rgpd label {
    margin: 0;
}

#form_contact input[type=checkbox] {
    display: inline-block;
    width: 25px;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

#form_contact input[type=checkbox]+span {
    display: inline-block;
    width: calc(100% - 35px);
    font-size: 1.25rem;
    vertical-align: middle;
}

#form_contact textarea {
    height: 21rem;
}

#wpcf7-f1422-p1378-o1 input[type="submit"],
#form_contact button {
    display: inline-block;
    color: #fab51c;
    font-family: Chewy;
    font-size: 3.1rem;
    background: url(img/envoyer.png) 0 50% no-repeat;
    padding: .5rem .5rem .5rem 9.5rem;
    border: none;
    margin: 2.7rem 0 0;
}

#wpcf7-f1422-p1378-o1 input[type="submit"] {
    color: #4e2f05;
    float: right;
    background-image: url(img/envoyer-marron.png);
}

#wpcf7-f1422-p1378-o1 input[type="submit"]:hover,
#form_contact button:hover {
    color: #FFF;
}

#coordonnees {
    padding-top: 3.5rem;
    background: url(img/logo-cacolac-jaune.png) 50% 3.5rem no-repeat;
}

#coordonnees>div {
    padding-top: 9rem;
    margin-top: -4rem;
}

#coordonnees .adresse {
    padding: 6rem 1.5rem 1.5rem 8rem;
    background: url(img/pointer.png) 1.5rem 0 no-repeat;
}

#coordonnees .telephone:after,
#coordonnees .adresse:after {
    content: '';
    display: block;
    width: calc(100% + 6.5rem);
    margin: 4.2rem 0 0 -6.5rem;
    padding: calc(48.86% + 3.18rem) 0 0;
    background: url(img/usine1.jpg) 50% 50% no-repeat;
    background-size: contain;
}

#coordonnees .telephone:after {
    background-image: url(img/usine2.jpg);
    margin: 4.2rem 0 0 0;
}

#coordonnees .telephone {
    padding: 10rem 8rem 1.5rem 1.5rem;
    margin-top: -4rem;
    background: url(img/tel.png) calc(100% - 1.5rem) 0 no-repeat;
}

#coordonnees .carte {
    background: #fab51c;
    padding-top: 15.2rem;
    padding-bottom: 8.5rem;
    margin-top: -12rem;
}

#coordonnees .carte iframe {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

body.blog article,
body.blog article.video .texte {
    position: relative;
    background: url(none) 50% 100% no-repeat;
    background-size: 100%;
    padding: 1.5rem 1.5rem 40%;
}

body.blog article.video {
    padding: 0 1.5rem;
}

body.blog article.video .texte {
    padding: 1.5rem 1.5rem 16%;
}

body.blog article.video .video {
    padding: 0;
}

body.blog article.video iframe {
    width: 100%;
    height: 100%;
}

body.blog article .date {
    position: relative;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 300;
    padding: 0 0 .8rem;
}

body.blog article .date>span {
    display: block;
    height: 1px;
    width: 5.2rem;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -2.6rem;
    background: #301a11;
}

body.blog article h2 {
    font-size: 3.7rem;
    line-height: 1.2;
    margin: 1rem auto 4.5rem;
    text-align: center;
    text-transform: uppercase;
}

body.blog a.lien_article {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

body.blog article.video .play_video {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    background: url(none) 50% 50% no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
}

body.blog article.video .play_video:before {
    content: '';
    display: block;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

body.blog article.video .play_video:after {
    content: '';
    display: block;
    width: 9.5rem;
    height: 9.6rem;
    background: url(img/play.png) 50% 50% no-repeat;
    position: relative;
    z-index: 2;
}

body.blog article.video .play_video>span {
    display: none;
}

article.recette {
    position: relative;
    height: 0;
    padding: 24.5% 0 0;
    background: url(none) 50% 50% no-repeat;
    background-size: cover;
}

article.recette .texte {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    padding: 1rem 1.5rem;
    background: rgba(79, 47, 6, .2);
    color: #FFF;
    text-align: center;
    transition: all .2s ease;
}

article.recette:hover .texte {
    opacity: 1;
    background: rgba(79, 47, 6, .8);
    color: #FFF;
    transition: all .3s ease;
}

article.recette h2 {
    color: #FFF;
    font-size: 3rem;
    margin: 0 0 5rem;
}

article.recette a {
    color: #fab51c;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

article.recette a:before {
    content: '> ';
}

body.single-recette h1 {
    font-size: 4.3rem;
    margin: 0 0 3rem;
}

body.single-recette h4 {
    font-size: 1.62rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

body.single-recette .prix,
body.single-recette .personnes {
    display: block;
    float: left;
    font-size: 1.62rem;
    margin: 0 0 3rem;
    width: 50%;
}

body.single-recette .prix:before,
body.single-recette .personnes:before {
    content: url(img/prix.png);
    display: inline-block;
    vertical-align: middle;
    margin: 0 .5rem 0 0;
}

body.single-recette .personnes:before {
    content: url(img/personnes.png);
}

body.single-recette #intro .img {
    background: url(none) 50% 50% no-repeat;
    background-size: cover;
    position: relative;
    margin: -2.3rem 0;
}

body.single-recette #intro .infos {
    background: url(img/fleche-recette2.png) calc(100% - 2rem) calc(100% - 3rem) no-repeat;
}

body.single-recette .ingredients {
    position: relative;
    background: #f5d76d url(img/ingredients.png) 75% 50% no-repeat;
    background-size: 30%;
    padding-bottom: 4rem;
}

body.single-recette .ingredients:after {
    content: '';
    display: block;
    width: 4.2rem;
    height: 13.9rem;
    position: absolute;
    top: 100%;
    left: 2rem;
    margin: -9.2rem 0 0;
    background: url(img/fleche-recette.png) 0 0 no-repeat;
}

body.single-recette .ingredients h3 {
    font-family: Montserrat;
    font-size: 1.62rem;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    margin: 2rem 0 3rem;
    padding: 2.1rem 2.4rem;
    width: 18.6rem;
    height: 5.5rem;
    background: url(img/cadre_ingredients.png) 50% 50% no-repeat;
    color: #301a11;
    line-height: 1.2;
}

body.single-recette .ingredients h3:after {
    left: calc(100% - 5rem);
    width: 9.7rem;
    background: url(img/produit_titre_after.png) 100% 50% no-repeat;
}

body.single-recette .video .embed-responsive {
    margin: 5rem auto 5.5rem;
}

body.single-recette .video+.etapes>div {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

body.single-recette .etapes {
    padding-top: 2.8rem;
    padding-bottom: 3rem;
}

body.single-recette .etape.after_video {
    width: 50%;
    flex: 0 0 50%;
    padding: 0 1.5rem 0 0;
}

body.single-recette .etape .texte {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
    color: #4e2f05;
}

body.single-recette .etape+.etape .texte {
    border-top: 1px #4e2f05 solid;
}

body.single-recette .etape.after_video .texte {
    border: none;
}

body.single-recette .suggestions {
    background: #4e2f05;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

body.single-recette .suggestions h2 {
    color: #f8b21a;
    font-size: 2.7rem;
}

body.single-recette .suggestions a {
    display: block;
    width: 100%;
    padding-top: 56.25%;
    background: url(none) 50% 50% no-repeat;
    background-size: cover;
}

body.single-recette .suggestions a span {
    display: none;
}

body.single-recette .suggestions .row {
    align-items: center;
}

div.note[data-note] {
    margin: 0 1.5rem 4rem 0;
}

div.note[data-note] a {
    display: block;
    float: left;
    width: 3.2rem;
    height: 3rem;
    margin: 0 .2rem;
    background: url(img/note.png) 0 0 no-repeat;
}

div.note[data-note] a.half {
    background-position: -3.2rem 0;
}

div.note[data-note] a.on {
    background-position: -6.4rem 0;
}

div.note[data-note] a.hover {
    background-position: -9.6rem 0;
    text-decoration: none;
}

div.partage>span {
    display: inline-block;
    margin: 0 2rem 0 1rem;
    font-size: 1.4rem;
    text-transform: uppercase;
}

div.partage:before {
    content: url(img/fleche-partage.png);
    display: inline-block;
    vertical-align: middle;
}

a.partage {
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 2.2rem;
    margin: 0 .5rem;
    background: url(none) 50% 50% no-repeat;
}

a.partage.facebook {
    background-image: url(img/partage-fb.png);
}

a.partage.email {
    width: 2.9rem;
    background-image: url(img/partage-email.png);
}

a.partage>span {
    display: none;
}

.custom-pagination {
    text-align: center;
    margin: 2.7rem auto 3.8rem;
}

.custom-pagination a,
.custom-pagination span {
    display: inline-block;
    margin: 0 .2rem;
    color: #4e2f05;
    font-size: 1.6rem;
}

.custom-pagination span.current {
    font-weight: 700;
}

#histoire {
    background: url(img/fond-histoire.jpg) 50% 0 repeat;
}

#conteneur_histoire {
    position: relative;
    transform-origin: 50% 0;
    transform: scale(1.15);
    margin: 0 auto 36%;
}

#svg_histoire {
    max-width: 100%;
    height: auto;
}

#histoire .date {
    position: absolute;
}

#histoire .date button {
    position: relative;
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
}

#histoire .date button:before {
    content: '+';
    display: block;
    width: 2.1vw;
    height: 2.1vw;
    border-radius: 50%;
    background: #491f01;
    color: #FFF;
    font-size: 1.8vw;
    font-weight: 700;
    text-align: center;
    line-height: 2.1vw;
    transition: all .2s ease;
}

#histoire .date button:hover:before {
    box-shadow: 0 0 .8rem rgba(73, 31, 1, .4);
}

#histoire .date>button>h2 {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 10vw;
    margin: 0 0 0 -5vw;
    font-size: 2.5vw;
    font-weight: 400;
    color: #fab51c;
    text-align: center;
    line-height: 1;
}

#histoire .date .texte {
    display: none;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 8rem;
    width: 35vw;
    max-width: 80vw;
    margin: -8vw 0 0;
    background: rgba(255, 255, 255, .9);
    box-shadow: 11px 28px 45px 0px rgba(73, 31, 1, .35);
    border: 1px #fab51c solid;
    padding: 3.5rem 5rem 5rem;
}

#histoire .date.on .texte {
    display: block;
}

#histoire .date .texte h2 {
    font-size: 5.3rem;
    font-weight: 400;
    color: #fab51c;
    margin: 0 0 .8rem;
}

#date_1947 {
    left: 22%;
    top: 5.84%;
}

#date_1954 {
    left: 72%;
    top: 9.9%;
}

#date_1970 {
    left: 80%;
    top: 14.75%;
}

#date_1971 {
    left: 22%;
    top: 15.5%;
}

#date_1978 {
    left: 45%;
    top: 22.5%;
}

#date_1992 {
    left: 74%;
    top: 22.5%;
}

#date_2000 {
    left: 32%;
    top: 29.2%;
}

#date_2005-06 {
    left: 17%;
    top: 36.45%;
}

#date_2012 {
    left: 66%;
    top: 39%;
}

#date_2014 {
    left: 78%;
    top: 46%;
}

#date_2015 {
    left: 37%;
    top: 50.1%;
}

#date_2017 {
    left: 18%;
    top: 58%;
}

#date_2018 {
    left: 66%;
    top: 63.5%;
}

#date_2019 {
    left: 51%;
    top: 70%;
}

#date_2020 {
    left: 21%;
    top: 77%;
}

#date_2021 {
    left: 77%;
    top: 86%;
}

#histoire #date_1954 .texte,
#histoire #date_1970 .texte,
#histoire #date_1992 .texte,
#histoire #date_2012 .texte,
#histoire #date_2014 .texte,
#histoire #date_2018 .texte {
    left: auto;
    right: 8rem;
}

#histoire #date_1978 .texte,
#histoire #date_2015 .texte,
#histoire #date_2019 .texte {
    left: -10vw;
}

#histoire #date_2021 .texte {
    left: -50vw;
    top: -25vh;
    width: 45vw;
}

#fleche_histoire {
    stroke-dashoffset: 5000;
    stroke-dasharray: 5000;
}

body.page-template-entreprise .illu {
    padding: 25% 0 0;
    height: 0;
    background: url(none) 50% 50% no-repeat;
    background-size: cover;
}

body.page-template-entreprise .texte,
body.page-template-entreprise .texte_fabrication,
body.page-template-entreprise .texte_fabrication>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.page-template-entreprise .titre_fabrication,
body.page-template-entreprise .texte_fabrication {
    background: #fab51c url(none) 0 0 no-repeat;
}

body.page-template-entreprise .texte_fabrication {
    background-image: url(img/feve-haut.png);
    padding: 0;
}

body.page-template-entreprise .texte_fabrication>div {
    background: url(img/verre.png) 100% 50% no-repeat;
    background-size: 16%;
    padding-left: 8.5%;
    padding-right: 16%;
    height: 100%;
}

body.page-template-entreprise .titre_fabrication {
    background-image: url(img/titre_fabrication2.png);
    background-position: 50% 100%;
    background-size: 100%;
}

html[lang="en-US"] body.page-template-entreprise .titre_fabrication {
    background-image: url(img/titre_fabrication2-en.png);
}

body.page-template-entreprise .titre_fabrication h2 {
    background: url(img/titre_fabrication.png) 50% 50% no-repeat;
    background-size: cover;
    padding: 0 5%;
    margin: 15% auto auto;
    font-size: 4.5rem;
    text-align: center;
    width: 35rem;
}

body.single-post section h2 {
    font-size: 3.7rem;
    margin: 0 0 2.5rem;
}

body.single-post section .row {
    position: relative;
}

body.single-post section .contenu {
    padding: 2.5rem 0;
    position: relative;
}

body.postid-590 .ligne h2 {
    color: #41863e;
}

body.postid-590 .ligne_0 {
    background: #41863e url(/wp-content/uploads/2020/06/feuilles-haut.png) 100% 0 no-repeat;
    color: #FFF;
}

body.postid-590 .ligne_0 h2 {
    color: #FFF;
}

body.postid-590 .ligne_0 .contenu {
    padding: 5.5rem 0 11.2rem 28%;
    background: url(/wp-content/uploads/2020/03/badge-foret-cacaoyer.png) 0 50% no-repeat;
    background-size: 28%;
}

body.postid-590 .ligne_1 {
    background: url(/wp-content/uploads/2020/06/feuilles.png) 1rem 90% no-repeat;
}

body.postid-590 .ligne_1 h2:after {
    content: url(/wp-content/uploads/2020/06/logo-reforest-action.png);
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0 0 0 2rem;
}

body.postid-590 .ligne_1 .contenu {
    padding: 3.2rem 28% 5.8rem 0;
}

body.postid-590 .ligne_1:after {
    content: '';
    background: url(/wp-content/uploads/2020/06/visuel-main.png) 50% 50% no-repeat;
    background-size: contain;
    display: block;
    width: 28%;
    padding: 29.69% 0 0;
    position: absolute;
    top: -10rem;
    right: 0;
    z-index: 1;
}

body.postid-590 .ligne_2 {
    background: #f7d348 url(/wp-content/uploads/2020/06/fond-ligne-2.png) 0 50% no-repeat;
    background-size: 80%;
}

body.postid-590 .ligne_2 a {
    display: block;
    position: relative;
    background: #FFF;
    color: #41863e;
    font-size: 2.9rem;
    font-weight: 700;
    text-align: center;
    padding: 1.5rem 2.5rem;
    margin: 3rem auto 0;
    width: fit-content;
}

body.postid-590 .ligne_2 a:before {
    content: url(/wp-content/uploads/2020/06/fleche.png);
    display: block;
    position: absolute;
    left: -10.5rem;
    top: -1rem;
}

body.postid-590 .ligne_2 .contenu {
    padding: 5.6rem 0 4.3rem 28%;
    background: url(/wp-content/uploads/2020/03/kit-pedagogique.png) 0 50% no-repeat;
    background-size: 25%;
}

body.postid-590 .ligne_3 {
    background: url(/wp-content/uploads/2020/06/feuilles-bas.png) 0 100% no-repeat;
}

body.postid-590 .ligne_3 img {
    max-width: 40%;
    height: auto;
}

body.postid-590 .ligne_3 img+img {
    max-width: 60%;
}

body.postid-583 .ligne_2 .ligne_0 {
    background: #80beeb url(/wp-content/uploads/2020/06/picto-recycle.png) 90% 50%;
    background-size: 15%;
}

body.postid-583 .ligne_0 .contenu {
    padding: 0 0 0 55%;
}

body.postid-583 .ligne_0 {
    background: #80beeb url(/wp-content/uploads/2020/06/article-mpc.jpg) 0 50% no-repeat;
    background-size: 52%;
    padding-top: 14%;
    padding-bottom: 18%;
}

body.postid-583 .ligne_1 {
    background: #80beeb;
}

body.postid-583 .ligne_1 .contenu {
    padding: 2.5rem 0 10rem;
    background: #80beeb;
}

body.postid-583 .ligne_1 .contenu:before {
    content: url(/wp-content/uploads/2020/06/fleche2.png);
    display: block;
    position: absolute;
    top: -6rem;
    left: -14.5rem;
}

body.postid-1609 .ligne {
    font-weight: 500;
}

body.postid-1609 .ligne_1 .container,
body.postid-1609 .ligne_2 .container {
    max-width: 100%;
}

body.postid-1609 h1 {
    color: #8bc2eb;
    font-size: 4rem;
    text-transform: uppercase;
}

body.postid-1609 h1 strong {
    display: block;
    color: #9ebe43;
    font-size: 75%;
}

body.postid-1609 .ligne_1 {
    background: #f7f7f7 url(/wp-content/uploads/2021/04/mpc-packaging-ligne1.jpg) 0 50% no-repeat;
    background-size: 55%;
}

body.postid-1609 .ligne_2 .texte>div>div {
    background: #8bc2eb;
}

body.postid-1609 .ligne_1 .contenu {
    width: calc(45% + 15px);
    margin: 0 0 0 55%;
    background: #7bb9e5;
    padding: 11vw 15px;
}

body.postid-1609 .ligne_2 .contenu {
    padding: 0;
}

body.postid-1609 .ligne_2 .texte>div>div {
    flex: 0 0 55%;
    max-width: 55%;
    padding: 40px 15px;
}

body.postid-1609 .ligne_2 .texte>div>div+div {
    flex: 0 0 45%;
    max-width: 45%;
    padding: 25px 15px 110px 230px;
    background: #f7f7f7 url(/wp-content/uploads/2021/04/mpc-packaging-ligne2.png) 0 100% no-repeat;
    background-size: auto 335px;
}

body.postid-1843 h1,
body.postid-1640 h1 {
    font-size: 40px;
    margin: 0 auto 15px;
    text-transform: uppercase;
}

body.postid-1843 h1 strong,
body.postid-1640 h1 strong {
    color: #e88e46;
}

body.postid-1640 h1 strong em {
    color: #739a55;
    font-style: normal;
}

body.postid-1640 .ligne_0 {
    padding: 15px 15px calc(57.77vw + 15px);
    background: #f7f7f7 url(/wp-content/uploads/2021/04/cacolac-choco-noisettes-choco-caramel-ligne1.jpg) 50% 100% no-repeat;
    background-size: auto 57.77vw;
}

body.postid-1837 h1,
body.postid-1644 h1 {
    font-size: 40px;
    margin: 0 auto 15px;
    text-transform: uppercase;
}

body.postid-583 h2 {
    color: #FFF;
    text-transform: uppercase;
}

body.postid-1837 h1 strong,
body.postid-1644 h1 strong {
    color: #fb7593;
}

body.postid-1644 h1 strong em {
    color: #ffb54a;
    font-style: normal;
}

body.postid-1644 .ligne_0 {
    padding: 15px 15px calc(60.8vw + 15px);
    background: #f7f7f7 url(/wp-content/uploads/2021/04/cacolac-fraise-fruits-tropicaux-ligne1.jpg) 50% 100% no-repeat;
    background-size: auto 60.8vw;
}

#article-1896,
#article-1640,
#article-1644 {
    padding-bottom: calc(22% + 40px);
}

#article-1896 {
    background-color: #81beeb;
    background-position: 0 100%;
    background-size: clamp(0px, 100%, 480px);
}

#article-1640 h2 strong {
    color: #739b55;
    line-height: 1;
    font-size: 75%;
}

#article-1640 h2 strong em {
    color: #e78d45;
    font-style: normal;
}

#article-1644 h2 strong {
    color: #fb7593;
    line-height: 1;
    font-size: 75%;
}

#article-1644 h2 strong em {
    color: #ffb54a;
    font-style: normal;
}

body.postid-1896 .ligne_0 {
    background: #80bfeb url(/wp-content/uploads/2021/05/actu-mpc-1l-fond.jpg) 5% 50% no-repeat;
    background-size: clamp(150px, 55%, 885px);
    color: #402619;
    padding: 0 0 5%;
}

body.postid-1896 .ligne_0 h2 {
    color: #FFF
}

body.post-template-single-post-jaime_mon_bistrot .ligne_0 {
    background: url(/wp-content/uploads/2020/06/bistrot.jpg), url(/wp-content/uploads/2020/06/gobelet.png);
    background-size: 30%, auto;
    background-position: 0 50%, calc(100% - 1rem) 100%;
    background-repeat: no-repeat;
    background-color: #F6F6F6;
}

body.post-template-single-post-jaime_mon_bistrot .ligne_0 h2 {
    color: #020063;
}

body.post-template-single-post-jaime_mon_bistrot .ligne_0 .contenu {
    padding: 4.2rem 0 4.2rem 30%;
}

body.post-template-single-post-jaime_mon_bistrot .ligne_1 {
    background: url(/wp-content/uploads/2020/06/bouteille-bistrot.png), url(/wp-content/uploads/2020/06/mobile.png);
    background-size: 20%, auto;
    background-position: 5% 50%, 95% 5%;
    background-repeat: no-repeat;
}

body.post-template-single-post-jaime_mon_bistrot .ligne_1 h2 {
    color: #fc0001;
    margin-bottom: 1rem;
}

body.post-template-single-post-jaime_mon_bistrot .ligne_1 .contenu {
    padding: 3rem 0 4.5rem 30%;
}

body.post-template-single-post-jaime_mon_bistrot .ligne_1 #savoir_plus {
    position: relative;
    display: inline-block;
    padding: 1.2rem 1.5rem;
    background: #fc0001;
    color: #FFF;
    font-size: 1.6rem;
    font-weight: 700;
}

body.post-template-single-post-jaime_mon_bistrot .ligne_1 #savoir_plus:after {
    content: '';
    background: url(/wp-content/uploads/2020/06/souris.png);
    background-size: contain;
    width: 10rem;
    height: 5.1rem;
    position: absolute;
    top: 1.5rem;
    left: calc(100% + 1.5rem);
}

body.page-template-mpc .ligne {
    background: url(none) 50% 50% no-repeat;
    background-size: 100%;
    color: #4e2f05;
}

body.page-template-mpc .ligne_0 {
    background-size: auto 100%;
    background-color: #85c9ee;
}

body.page-template-mpc .ligne_0 .contenu {
    padding: 30% 0 2.5%;
}

body.page-template-mpc .ligne_0 a {
    display: inline-block;
    color: #4e2f05;
    background: #FFF;
    font-size: 2.9rem;
    font-family: Chewy;
    text-transform: uppercase;
    padding: 1.2rem 2.8rem;
}

body.page-template-mpc .ligne_1,
body.page-template-mpc .ligne_2 {
    padding: 49% 0 0;
    position: relative;
}

body.page-template-mpc .ligne_1 a,
body.page-template-mpc .ligne_2 a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

body.page-template-mpc .ligne_1 a>span,
body.page-template-mpc .ligne_2 a>span {
    display: none;
}

body.page-template-mpc .ligne_3 {
    background-color: #fab51c;
}

body.page-template-mpc .ligne_4 {
    background-color: #f2cd48;
}

body.page-template-mpc .ligne_3,
body.page-template-mpc .ligne_4 {
    padding: 3.2% 10% 23%;
    font-size: 2.3rem;
    line-height: 1.2;
}

body.page-template-mpc .ligne_3 h2,
body.page-template-mpc .ligne_4 h2 {
    position: relative;
    font-size: 3.7rem;
    padding: 0 0 2rem;
    margin: 0 auto 2rem;
}

body.page-template-mpc .ligne_3 h2:after,
body.page-template-mpc .ligne_4 h2:after {
    content: url(img/tiret-titre.png);
    display: block;
    width: 4.9rem;
    height: 1rem;
    position: absolute;
    bottom: 2rem;
    left: 50%;
    margin: -.5rem 0 0 -2.45rem;
}

body.page-template-mpc .ligne_3 h2 strong,
body.page-template-mpc .ligne_4 h2 strong {
    display: block;
    font-size: 5.2rem;
}

body.page-template-mpc .ligne_5 {
    padding: 5rem 0 6rem;
}

.kit,
.jeu {
    width: 100%;
}

.kit .opener,
.jeu .opener {
    display: block;
    width: 100%;
    background: rgba(105, 173, 207, 1);
    color: #FFF;
    font-family: Chewy;
    font-size: 3.1rem;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    padding: 1.4rem 0;
    margin: 0;
}

.jeu+.jeu .opener {
    background: rgba(105, 173, 207, .8);
}

.jeu+.jeu+.jeu .opener {
    background: rgba(105, 173, 207, .7);
}

.jeu+.jeu+.jeu+.jeu .opener {
    background: rgba(105, 173, 207, .6);
}

.jeu+.jeu+.jeu+.jeu+.jeu .opener {
    background: rgba(105, 173, 207, .5);
}

.jeu+.jeu+.jeu+.jeu+.jeu .opener {
    background: rgba(105, 173, 207, .4);
}

.jeu+.jeu+.jeu+.jeu+.jeu+.jeu .opener {
    background: rgba(105, 173, 207, .3);
}

.kit .opener>div,
.jeu .opener>div {
    background: url(img/fleche-haut.png) 100% 50% no-repeat;
}

.kit .opener[aria-expanded="true"]>div,
.jeu .opener[aria-expanded="true"]>div {
    background-image: url(img/fleche-bas.png);
}

.jeu .collapse {
    background: #f0f0f0;
    padding: 2.5rem;
}

.jeu .collapse>div {
    display: flex;
    align-content: space-around;
    justify-content: center;
    align-items: center;
}

a.print,
a.download {
    display: block;
    width: 8.2rem;
    height: 8.2rem;
    background: #f2cd48 url(img/impression.png) 50% 50% no-repeat;
    border-radius: 50%;
    margin: 5px 10px;
    cursor: pointer;
}

body.page-template-kits-anniversaire a.print,
body.page-template-kits-anniversaire a.download {
    width: 4.3rem;
    height: 4.3rem;
    background-size: 2.4rem;
}

a.download {
    background-image: url(img/telecharge.png);
}

a.print>span,
a.download>span {
    display: none;
}

.kit .collapse {
    background: #fcf5da;
    padding: 2.5rem;
}

.contenu_kit {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.contenu_kit .img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26rem;
}

.kit .titre {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    margin: .5rem auto 1.5rem;
}

.kit a.print,
.kit a.download {
    display: inline-block;
}

#sb_instagram {
    height: auto !important;
}

#sb_instagram #sbi_load {
    display: none;
}

#sb_instagram #sbi_images .texte {
    line-height: 1.2 !important;
    font-size: 1.1rem;
    padding: 1rem 0 0;
}

#sb_instagram #sbi_images .sbi_item,
#facebook-wall .fts-jal-single-fb-post {
    margin: 0 1.75rem !important;
    padding: 2rem !important;
    background: #FFF;
    box-shadow: 4px 4px 6px 0px rgba(1, 2, 1, 0.13);
}

.sbi_photo {
    height: 350px !important;
    width: auto;
    max-width: 100%;
}

.fts-jal-fb-header,
.fts-powered-by-text-popup a.fts-powered-by-text,
.fb-social-btn-bottom,
.fts-jal-fb-description-wrap {
    display: none !important;
}

.fts-jal-fb-group-display .slick-track {
    display: flex;
    align-items: center;
}

.fts-jal-fb-message {
    font-size: 1.2rem;
    line-height: 1.1;
}

.fts-jal-fb-user-thumb img {
    width: 40px;
}

body.page-template-nos-recettes .filtres,
#notices .filtres {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 auto 2.5rem;
}

body.page-template-nos-recettes .filtres a.lien_filtre,
#notices .filtres button {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #4e2f05;
    border: 2px #4e2f05 solid;
    padding: .8rem 2.4rem;
    text-align: center;
    margin: 0 .5rem;
    outline: none;
    text-decoration: none;
}

body.page-template-nos-recettes .filtres a.lien_filtre.active,
body.page-template-nos-recettes .filtres a.lien_filtre:hover,
#notices .filtres button.active,
#notices .filtres button:hover {
    color: #f8b21a;
    border-color: #f8b21a;
}

#liste_notices {
    padding: 0 20%;
}

#notices .notice {
    margin-top: .5rem;
}

#notices .notice h3 {
    font-family: Montserrat;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.lien_jeux {
    padding: 2.5rem 1.5rem;
    background: #f2cd48;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

#search-xs {
    display: none;
}

#search-xs.on {
    display: block;
    position: fixed;
    top: 9.4rem;
    left: 0;
    right: 0;
    background: #FFF;
    color: #FFF;
    z-index: 100;
    padding: .5rem 1.5rem;
    box-shadow: 0 .5rem .2rem rgba(0, 0, 0, .4);
}

article.search-result {
    margin: 1rem 0;
}

div.search-results {
    background: #f2e6bc;
    padding: 2.5rem 1.5rem;
}

body.page-template-mpc-parents .ligne_0 em {
    font-style: normal;
    color: #f2cd48;
}

body.page-template-mpc-parents .liens_recettes,
body.page-template-mpc-parents .ligne_0 {
    padding: 6rem 0 7rem;
    background: #4e2f05;
    color: #FFF;
}

body.page-template-mpc-parents .illu {
    background: url(none) 50% 50% no-repeat;
    background-size: contain;
}

body.page-template-mpc-parents .ligne_1 .illu {
    background-color: #80bfeb;
    background-position: 50% 50%;
}

body.page-template-mpc-parents .ligne_2 .illu {
    background-size: cover;
}

body.page-template-mpc-parents .ligne_1 .contenu,
body.page-template-mpc-parents .ligne_2 .contenu {
    padding: 7.5rem 0 6rem;
}

body.page-template-mpc-parents .ligne_3 .contenu {
    padding: 8rem 0 11rem;
}

body.page-template-mpc-parents .ligne_1 .encart {
    background: #f2cd48;
    padding: 2rem;
    margin: 5rem auto 0;
}

body.page-template-mpc-parents .ligne_1 .encart h2 {
    font-family: Montserrat;
    font-size: 1.4rem;
    margin: 0 0 1rem;
    text-transform: uppercase;
}

body.page-template-mpc-parents .ligne_2 .btn {
    display: inline-block;
    font-family: Chewy;
    font-size: 2.9rem;
    text-align: center;
    color: #FFF;
    background: #80beeb;
    padding: 1rem 2.5rem;
    text-transform: uppercase;
    border-radius: 0;
}

body.page-template-mpc-parents .ligne_4,
body.page-template-mpc-parents .ligne_5 {
    width: calc(50% + 30px);
    float: left;
    position: relative;
    background: url() 50% 50% no-repeat;
    background-size: cover;
    padding: 50% 15px 0;
    margin: 0 -15px;
}

body.page-template-mpc-parents .ligne_4 a,
body.page-template-mpc-parents .ligne_5 a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
}

body.page-template-mpc-parents .ligne_4 a>span,
body.page-template-mpc-parents .ligne_5 a>span {
    display: none;
}

body.page-template-mpc-parents .liens_recettes {
    clear: both;
}

body.page-template-mpc-parents .liens_recettes a {
    color: #FFF;
    font-family: Chewy;
    font-size: 2.9rem;
    text-transform: uppercase;
}

body.page-template-mpc-parents .liens_recettes .recette {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    padding: 55.6% 0 0;
}

body.page-template-mpc-parents .liens_recettes .row {
    width: 100%;
}

body.page-template-mpc-parents .liens_recettes .col-12 {
    align-items: center;
    display: flex;
}

body.page-template-mpc-parents .liens_recettes article a {
    font-family: Montserrat;
    font-size: 1.5rem;
}

body.page-template-mpc-parents .video {
    padding: 6rem 0;
}

.liste_avis {
    background: #fad662 url(img/crayon.png) 85% 2rem no-repeat;
}

#liste_avis .auteur {
    font-family: Chewy;
    font-size: 2.7rem;
    color: #FFF;
    padding: 2rem 1.5rem;
}

#liste_avis .enfants:after {
    content: url(img/enfants.png);
    display: block;
    margin: .5rem auto 1rem;
}

#liste_avis .texte {
    display: flex;
    align-items: center;
}

#liste_avis .texte:before,
#liste_avis .texte:after {
    content: '“';
    display: block;
    font-family: Chewy;
    font-size: 12.5rem;
    place-self: flex-start;
    margin: 0 .5rem;
}

#liste_avis .texte:after {
    content: '”';
    place-self: flex-end;
    font-size: 16.5rem;
    line-height: 1rem;
}

#liste_avis .slick-arrow {
    background-image: url(img/prev-blanc.svg);
    left: -5rem;
}

#liste_avis .slick-next {
    background-image: url(img/next-blanc.svg);
    left: auto;
    right: -5rem;
}

#liste_avis:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -3.6rem;
    left: 20%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.6rem 2.5rem 0 2.5rem;
    border-color: #fad662 transparent transparent transparent;
    z-index: 1;
}

body.page-template-mpc-parents .formulaire {
    background-color: #86c9ee;
    background-image: url(img/avis-mpc-1.png), url(img/avis-mpc-2.png);
    background-repeat: no-repeat;
    background-position: 0 50%, 95% 65%;
    background-size: 15vw, 10vw;
    padding: 6rem 0 4rem;
}

#wpcf7-f1422-p1378-o1 {
    width: 80%;
    margin: 0 auto;
}

#wpcf7-f1422-p1378-o1 h2 {
    color: #FFF;
    text-align: center;
    font-size: 2.8rem;
    margin: 0 auto 1.2rem;
}

#wpcf7-f1422-p1378-o1 label {
    display: block;
    font-weight: 700;
    font-size: 1.9rem;
    text-transform: uppercase;
    margin: 2.8rem 0 .5rem;
}

#wpcf7-f1422-p1378-o1 input[type="text"],
#wpcf7-f1422-p1378-o1 input[type="email"],
#wpcf7-f1422-p1378-o1 input[type="number"],
#wpcf7-f1422-p1378-o1 select,
#wpcf7-f1422-p1378-o1 textarea {
    display: block;
    width: 100%;
    font-size: 1.8rem;
    line-height: 1.4;
    padding: .5rem;
    background: #FFF;
    border: 1px #4e2f05 solid;
    color: #4e2f05;
}

label[for="avis_age_1"] {
    float: left;
}

#wpcf7-f1422-p1378-o1 .wpcf7-list-item-label {
    display: block;
    text-align: center;
}

#wpcf7-f1422-p1378-o1 .rgpd .wpcf7-list-item-label {
    display: inline;
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
}

.age_enfant .wpcf7-form-control-wrap {
    float: left;
    display: block;
    width: calc(100% - 30.8rem);
    margin: 2rem 0 .5rem 1rem;
}

body.blog .modal-content {
    box-shadow: 0 0 6rem rgba(0, 0, 0, .6);
    border: none;
    border-radius: 0;
}

body.blog .modal-dialog .close {
    font-size: 1.4rem;
    font-weight: 400;
    color: inherit;
    text-shadow: none;
    opacity: 1;
    text-transform: uppercase;
}

body.blog .modal-backdrop {
    background: #FFF;
}

body.blog .modal-header {
    background: #dedcdd;
}

body.blog .modal-body {
    padding: 0;
}

body.page-template-nos-recettes.filtres {
    width: 100%;
}

body.page-template-nos-recettes .filtres {
    margin-top: 2rem;
}

#article-1473,
#article-1493 {
    max-width: 100%;
    flex: 0 0 100%;
    background-size: cover;
    padding: 1.5rem 1.5rem 1.5rem 46%;
    height: 33.333vw;
}

#article-1493 .date,
#article-1493 h2,
#article-1473 .date,
#article-1473 h2 {
    text-align: left;
}

#article-1493 .date>span,
#article-1473 .date>span {
    left: 2.6rem;
}

#article-1493 .excerpt,
#article-1473 .excerpt {
    padding: 0 50% 0 0;
}

body.single_produit-mon-premier-cacolac #bandeau h1 {
    padding: 0 1.5rem 0 59%;
}

body.postid-1493 #bandeau h1,
body.postid-1473 #bandeau h1 {
    padding: 0 1.5rem 0 47%;
}

body.postid-1493 #bandeau h1,
body.postid-1493 #bandeau h1>strong,
body.postid-1493 #bandeau h1>span,
#article-1493 h2,
#article-1493 h2>strong,
#article-1493 h2>span,
body.postid-1473 #bandeau h1,
body.postid-1473 #bandeau h1>strong,
body.postid-1473 #bandeau h1>span,
#article-1473 h2,
#article-1473 h2>strong,
#article-1473 h2>span {
    display: block;
    font-weight: 900;
    font-size: 3.5rem;
}

body.postid-1493 #bandeau h1,
body.postid-1493 #bandeau h1>strong,
body.postid-1493 #bandeau h1>span,
body.postid-1473 #bandeau h1,
body.postid-1473 #bandeau h1>strong,
body.postid-1473 #bandeau h1>span {
    font-size: 3.6rem;
}

body.postid-1493 #bandeau h1>span,
#article-1493 h2>span,
body.postid-1473 #bandeau h1>span,
#article-1473 h2>span {
    font-size: 3rem;
    color: #FFF;
}

#article-1609 {
    padding: 1.5rem 66.66% 16% 1.5rem;
    background-position: 100% 50%;
    background-size: contain;
}

#article-1609 h2 strong {
    display: block;
    color: #9ebe43;
    font-size: 75%;
}

body.postid-1493 #bandeau h1>span,
body.postid-1473 #bandeau h1>span {
    font-size: 3.2rem;
}

body.single-produit #bandeau h1 strong {
    display: block;
    font-size: 3vw;
    font-family: Montserrat;
}

body.single_produit-mon-premier-cacolac-tropical-fruits #bandeau h1,
body.single_produit-mon-premier-cacolac-fruits-tropicaux #bandeau h1 {
    color: #FFF;
    padding: 0 1.5rem 0 46%;
}

body.single_produit-mon-premier-cacolac-strawberry #bandeau h1,
body.single_produit-mon-premier-cacolac-fraise #bandeau h1,
body.single_produit-cacolac-mini-choco-noisettes #bandeau h1 {
    color: #FFF;
    padding: 0 1.5rem 0 50%;
}

body.single_produit-cacolac-mini-chocolate-and-caramel #bandeau h1,
body.single_produit-cacolac-mini-choco-caramel #bandeau h1 {
    color: #FFF;
    padding: 0 1.5rem 0 50%;
}

body.single_produit-cacolac-mini-chocolate-and-caramel #bandeau h1 strong,
body.single_produit-cacolac-mini-choco-caramel #bandeau h1 strong {
    color: #df652e;
}

body.single_produit-mon-premier-cacolac-strawberry #bandeau h1 strong,
body.single_produit-mon-premier-cacolac-fraise #bandeau h1 strong {
    color: #f51324;
}

body.single_produit-mon-premier-cacolac-tropical-fruits #bandeau h1 strong,
body.single_produit-mon-premier-cacolac-fruits-tropicaux #bandeau h1 strong {
    color: #961a63;
}

body.single_produit-cacolac-mini-choco-noisettes #bandeau h1 strong {
    color: #4c7438;
}

body.postid-1493 #bandeau>div,
body.postid-1473 #bandeau>div {
    top: 18%;
}

body.postid-1493 .ligne_0,
body.postid-1473 .ligne_0 {
    background-color: #f6f6f6;
    background-image: url(/wp-content/uploads/2020/07/ubb-ligne0-gauche.png), url(/wp-content/uploads/2020/07/ubb-ligne0-droite.png);
    background-position: 7% 50%, 97% 100%;
    background-repeat: no-repeat;
    background-size: 17vw, 10.2vw;
    padding: 2.5rem 12.5% 2.5rem 30%;
}

#page404 {
    background: #fab51c url(img/fond-404.png) 0 50% no-repeat;
    background-size: contain;
    padding: clamp(25rem, 65vh, 70rem) 0 0;
    margin: 2rem -15px;
    position: relative;
}

#page404:before,
#page404:after {
    content: '';
    display: block;
    background: #fab51c;
    width: 100%;
    height: 2rem;
    position: absolute;
    top: -2rem;
    left: 0;
}

#page404:after {
    top: 100%;
}

body.error404 a.lien {
    display: block;
    text-align: center;
    font-family: Chewy;
    font-weight: 700;
    font-size: 2.4rem;
    color: #6d4433;
    margin: 2rem auto 3rem;
}

body.error404 a.lien img {
    display: block;
    margin: 1.4rem auto;
    width: 100%;
    height: auto;
}

#titre_equipe {
    background: #fab51c;
}

#titre_equipe h2 {
    font-size: 4.5rem;
    display: inline-block;
    text-align: left;
    margin: 15% auto auto;
    position: relative;
}

#titre_equipe h2:after {
    content: url(img/effet-verre.png);
    display: block;
    position: absolute;
    top: 90%;
    left: 70%;
}

#titre_equipe img {
    transform: translateX(-5%);
}

#liste_recettes {
    width: 100%;
}

@media (min-width: 1290px) {
    #page404 {
        background-image: url(img/fond-404-xl.png);
        background-position: 8% 50%;
    }
}

@media (max-width: 1290px) {
    .site-description {
        font-size: .6vw;
    }

    #main-menu .nav-item {
        margin: 0 1.3rem;
    }

    #main-menu .nav-link {
        font-size: 1.05rem;
    }
}

@media (max-width: 1024px) {
    .site-description {
        font-size: .72vw;
    }

    #main-menu .nav-item {
        margin: 0 1rem;
    }

    #main-menu .nav-link {
        font-size: 1rem;
    }

    #titre_equipe h2 {
        z-index: 2;
        margin: 10% auto 60px;
    }

    #titre_equipe img {
        transform: translateY(-5%);
    }
}