body::before {height: 110px;}
.scroll.visible header,
.scroll header{height: 86px;padding: 20px 0 25px 0;}
header{height: 110px;overflow:visible;}

/*Menu*/
#btn-menu-mobile{display: inline-block;top: 26px;padding: 28px;background: url(../images/btn-menu-mobile.png) center no-repeat;background-size: 38px 25px;position: absolute;left: 20px;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;z-index: 10;}
.scroll.visible #btn-menu-mobile,
.scroll #btn-menu-mobile{top: 12px;}
header .conteneur{position: fixed;left: -100%;bottom: 0;top: 110px;border-top: 2px solid #fff;padding: 0;}
.scroll.visible header .conteneur,
.scroll header .conteneur {opacity: 1;height: auto;top: 86px;}
header .conteneur.ouvert{left: 0;}
#menu-offset-click.ouvert{display: block;background: #000;left: 0;right: 0;bottom: 0;top: 0;position: fixed;z-index: 999;opacity: 0.2;}
.scroll.visible header .logo,
.scroll header .logo{width: 160px;}
.nav-conteneur{padding: 0 48px;background: rgba(0,0,0,0.86);overflow-y: auto;height: calc(100% - 64px);}

nav{border-bottom: 4px solid #999;padding: 26px 0 20px;}
nav a{display: block;text-align: left;margin: 0;padding: 18px 0 14px;border-bottom: 1px solid #999;font-size: 24px;}
nav a.actif{color: #999;}
nav a:not(:first-of-type):not(:last-of-type),nav a:last-of-type,
nav a:first-of-type {margin: 0;}
nav a:last-of-type{border-bottom: 0;}
.menu-mobile{display: block;padding: 26px 0}
.menu-mobile a{display: block;text-align: left;padding: 20px 0;color: #fff;font-family: "Open Sans",Arial,sans-serif;font-weight: 300;}

#media-sociaux-mobile{display: flex;position: absolute;left: 0;right: 0;bottom: 0;background: #595959;justify-content: space-around;z-index: 2;}
#media-sociaux-mobile .position,
#media-sociaux-mobile .telephone,
#media-sociaux-mobile .courriel{padding: 32px;display: inline-block;background-position: center;background-repeat: no-repeat;}
#media-sociaux-mobile .telephone{background-image: url(../images/telephone.svg);background-size: auto 29px;}
#media-sociaux-mobile .position{background-image: url(../images/position.svg);background-size: auto 35px;}
#media-sociaux-mobile .courriel{background-image: url(../images/courriel.svg);background-size: auto 26px;}
.conteneur {
    padding: 0 20px;
    margin: 0;
}
.conteneur.pageType {
    margin-bottom:80px;
}
.black .conteneur,
.conteneur.typePorc {
    margin-top: 60px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
}
.banniereTop.overflow.bg_bio_rustique .titre::after {left:calc(100% - 20px);}
.banniereTop.overflow.bg_bio_rustique .titre::before{right:calc(100% - 20px);}
.black .titre .single:before,
.bg_bio_rustique .single:before {opacity: 0.8;z-index: 2;position: relative;}
.overlayGreen::before{opacity: 0.8;z-index: 2;position: absolute;}
.produit [class^="overlay"]::before{position: absolute;opacity: 0.8;}
.inventaire.contentSection{padding-bottom: 20px;flex-wrap: nowrap}
.fiche_produit{padding-top: 40px;}
.categorie_produit * {font-size: 12px;}
.mission .subNav.withText .contentSection {
    padding:0px 80px;
}
/*.banniereTop.overflow.bg_liste_produit .conteneur.titre:before {
    right:calc(100% - 20px);
}
.banniereTop.overflow.bg_liste_produit .conteneur.titre:after {
    left:calc(100% - 20px);
}*/

.bg_liste_produit .conteneur {
    margin-top: 60px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
}

.kit-media .conteneur {
    padding: 0px;
}

.scroll:not(.visible) .coming-soon-container .bientot {
    font-size: 12px;
    width: 60px;
    height: 60px;
}

header > .coming-soon-container {
    display:none;
}

.nav-conteneur .coming-soon-container {
    display:block;
}

.nav-conteneur .coming-soon-container .coming-soon {
    position: relative;
    left: -30px;
}

/************************************ RECETTE ************************************/

.recette-container .contentRecette {
    width:calc(50% - 10px);
    box-sizing:border-box;
    padding-right:20px;
}

.contentRecette .itemSection.image {
    margin:0px;
}

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

.contentRecette .tooltip .itemSection.triple {
    flex-direction:column;
}

.contentSection.tooltip {
    flex-direction:row;
}

.cuisson .contentSection .itemSection.quintuple {
    width: calc(100% / 4 - 60px);
}

.coupe > .contentSection:first-of-type {
    flex-direction:column-reverse;
}

.coupe .contentSection .itemSection.threeQuarter, .coupe .contentSection .itemSection.quarter {
    width:100%;
}

.coupe .contentSection .itemSection.quarter {
    margin-bottom:20px;
}

html.ouvert, html.ouvert body {
    overflow:hidden;
    height:100vh;
}