.headSection.mobile,.mobile.boutton,
.mobile{display: block;}
.non-mobile{display: none;}
body::before {height: 86px;}
.headSection.mobile {border-bottom-width:0px;text-align:center;margin-top:40px;margin-left:0px;margin-right:0px;}
.headSection .viewMore {
    font-size: 28px;
    margin: auto;
}
.produits .headSection.mobile {
    display:flex;
}
header .logo,
.scroll.visible header .logo,
.scroll header .logo {
    width: 160px;
}
header,
.scroll.visible header, .scroll header {
    height: 86px;
    padding: 20px 0 25px 0;
}
#btn-menu-mobile,
.scroll.visible #btn-menu-mobile,
.scroll #btn-menu-mobile {
    top: 14px;
}
.choix-langues{top:-10px}
header .conteneur,
.scroll.visible header .conteneur,
.scroll header .conteneur {
    opacity: 1;
    height: auto;
    top: 86px;
}
.contentSection {
    flex-direction: column;
}
.nous-joindre .contentSection .itemSection.triple {
    width:100%;
}
.nous-joindre .map {margin:20px;width:calc(100% - 40px);}
footer .bg_motif > .conteneur > .contentSection > .secondSection {
    width: auto;
}
footer .bg_motif > .conteneur > .contentSection {
    flex-direction: column-reverse;
}
footer .bouttonInfolettre::after{display: none}
footer .bouttonInfolettre {
    width: 100%;height: auto;
    margin: 20px 0 12px;
}
footer .bouttonInfolettre .boutton{display: block;height: 54px;}
footer .bouttonInfolettre .boutton > div{font-size: 32px;line-height: 54px;}
footer.formulaireOuvert .bouttonInfolettre .boutton div:first-of-type {margin-top: -54px;}
.contentSection .itemSection.double {width: 100%;}
footer .formulaireInfolettre {
    margin-top: 42px;
}
footer .contactBoutton {
    font-size: 32px;
    height: 52px;
    line-height: 52px;
}
.formulaireInfolettre .boutton{display: block;height: 52px;line-height: 48px;}
.formulaireInfolettre .boutton > div{font-size: 42px;line-height:25px;}
.contentSection.social{display: flex;flex-direction: row;justify-content: center;}
footer .bg_motif .firstSection .contentSection.social{justify-content: center;margin: 50px 0 60px;}
footer .politique{text-align: center;font-size: 14px;}
.typePorc {background: none;flex-direction: column;}
.typePorc a p {font-size: 53px;line-height: 53px;}
.banniereTop h1:not(.small) {font-size: 54px;}
.typePorc a {padding: 32vw 20px 8vw 20px;}
.contentSection .itemSection.triple {width: 100%;}
.bg_motif .headSection.mobile{border: 0;margin: 60px 0 0;text-align: center;}
.headSection .viewMore::after,
.bg_motif .headSection.mobile .viewMore{font-size: 40px}
footer .bg_motif > .conteneur > .contentSection > .firstSection {width: auto;}
footer .politique.non-mobile{display: none}
.bio_rustique .avantages p{text-align: center;}
.bio_rustique .avantages .titre{margin-top: 10px;}
.bio_rustique .description.certification .contentSection {flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.description.certification .itemSection {margin: 32px;}
.subNav .contentSection{display: block;padding: 0 20px;width: auto;}
.subNav .contentSection .itemSection {padding: 45px 0;}
.subNav .contentSection:not(:last-of-type) .itemSection {border-bottom: 1px solid white;}
.subNav .contentSection:not(:first-of-type):not(:last-of-type) {border-left: 0;border-right: 0;}
.mission .subNav.withText .contentSection {padding: 0 20px;}
.notre-histoire {width: auto;}
.discover{height: 100vw;display: flex;padding: 0}
.discover > a{margin: auto}
.mission.discover {margin-bottom: 48px;}

.ligne-du-temps .boutton{display: block;padding: 8px;height: auto;font-size: 26px;line-height: normal;margin-top: 48px;}
.ligne-du-temps .event,
.ligne-du-temps .event:nth-of-type(2n), .ligne-du-temps .reverse .event {flex-direction: column;}
.ligne-du-temps .eventInfo .imgHolder, .ligne-du-temps .texteHolder .texte {width: 100%;}
.ligne-du-temps .event .year, .ligne-du-temps .event .eventInfo,
.ligne-du-temps .event .empty, .ligne-du-temps .event .texteHolder, .ligne-du-temps .reverse .event:nth-of-type(even) .eventInfo, .ligne-du-temps .reverse .event:nth-of-type(even) .texteHolder, .ligne-du-temps .reverse .event:nth-of-type(even) .year {width: 100%;text-align: left;}
.ligne-du-temps .year {padding: 0;font-size: 70px;font-weight: 300;margin-bottom: 20px;}
/*Points*/
.ligne-du-temps .eventInfo{position: static}
.ligne-du-temps .event{position: relative;padding: 0 24px;align-items: flex-start;width: auto;}
.ligne-du-temps {overflow: visible;}
.ligne-du-temps .event .eventInfo .point,
.ligne-du-temps .event:nth-of-type(2n) .eventInfo .point, .ligne-du-temps .reverse .event:nth-of-type(odd) .eventInfo .point{margin-top: 70px;left: 0;right: auto;top:-25px;}
/*Lignes*/
.ligne-du-temps .dottedLine{top: -37px;height: 142px;}
.ligne-du-temps .objets{position: relative;padding-top: 20px}
.ligne-du-temps .objets::after{
    content: '';
    position: absolute;
    border: solid;
    border-image: url(/images/dashed-border.png) 1 round;
    top: -4px;
    left: -2px;
    bottom:0px;
    border-width:1px;
}
.ligne-du-temps .objets::before{
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    right: 50%;
    border: solid;
    border-width: 1px;
    border-image: url(/images/dashed-border.png) 1 round;
}
.ligne-du-temps .eventInfo .ligne{width: 0;top: 60px;left: -2px;bottom: -140px;height: auto;}
.ligne-du-temps .event:last-child .eventInfo .ligne{display: none;}
.ligne-du-temps .fullLine{display: none}
article .avantages {align-items: center;}
article .contentSection .itemSection.quintuple {width: auto;max-width: none;text-align: center;margin-bottom: 48px;}
.contentSection.certifications .itemSection.double {flex-direction: row;border-bottom: 1px solid #999;padding-bottom: 32px;align-items: start;}
.contentSection.certifications .itemSection.double:last-child{border-bottom: 0;padding-bottom: 0;}
article .certifications > .itemSection .imgHolder {margin-top: 18px;}
.contentSection .itemSection.quarter {width: 100%;margin-bottom: 38px;}
.inventaire.contentSection .itemSection.quarter, .inventaire.contentSection .itemSection.threeQuarter {padding-left:20px;padding-right:20px;box-sizing:border-box;}
.contentSection .itemSection .nom, .contentSection .itemSection .parent {/*font-size: 24px;font-weight: 500;*/}
.typePorc a.triple {width: 100%;}
.produit .typePorc [class^="overlay"]{background: none}
.inventaire .itemSection.triple,
.contentSection .itemSection.threeQuarter {width: 100%;}
.inventaire .recherche{padding-top: 16px;padding-bottom: 16px;font-size: 18px;}
.produits-afficher-filtres{font-size: 48px;height: auto;padding: 2px 0;margin: 26px 0;line-height: normal;font-weight: 300;border-radius:0px;font-family: "Oswald";}
.conteneur.nous-joindre{padding-left: 0;padding-right: 0;}
.nous-joindre .coordonnees {width: auto;padding-left: 20px;padding-right: 20px;}
.nous-joindre .contentSection{margin-bottom: 0;}
.nous-joindre .contacts{padding-top: 20px;}
.nous-joindre .contacts .contactListe:not(:first-of-type):not(:last-of-type) {border: 0;background: #e0e0e0;}
.nous-joindre .boutton{padding: 5px 10px;font-size: 24px;height: auto;line-height: normal;}
.nouvelles .sectionRecherche input, .nouvelles .sectionRecherche select {margin-right: 0;margin-bottom: 12px;}
.nouvelles .sectionRecherche{display: flex;flex-wrap: wrap;justify-content: space-between;}
.nouvelles .sectionRecherche input.recherche{width: 100%;}
.nouvelles .sectionRecherche select{width: calc(40% - 6px);}
.nouvelles .sectionRecherche select:last-child{width: calc(60% - 6px);}
.nouvelles .contentSection a.itemSection {margin-bottom: 40px;}
.fiche_produit .itemSection.double.image, .nouvelles .itemSection.double.image {width: 100%;}
.nouvelles .partage .social {margin-bottom: 20px;justify-content: left;}
.nouvelles .partage p{text-transform: uppercase;font-weight: 300;font-size: 24px;}
.nouvelles .voirPlus .boutton{font-size: 28px;height: auto;line-height: normal;}
.nouvelles .voirPlus .boutton div {font-size: 28px;}
.nouvelles.fiche p.titre{margin-bottom: 24px;}
.nouvelles .h1{font-size: 30px;font-weight: lighter;text-transform: uppercase}
.contentSection.categorie_produit{flex-direction: row;}
.contentSection .itemSection.quintuple {width: 100%;}
.fiche_produit_btn_accordeon{display: block;text-align: center;background: #a7a7a7;color: #fff;cursor: pointer;padding: 16px 20px;text-transform: uppercase;font-size: 18px;font-weight: lighter;position: relative;margin-bottom:6px;}
.fiche_produit_btn_accordeon.actif {
    font-weight:500;
}
.fiche_produit_btn_accordeon:after {content:"";position:absolute;width:calc(100% + 2px);background-color:white;top:100%;height:7px;left:-1px;z-index:1;}
.fiche_produit_btn_accordeon.actif:after {content:unset;}
/*.fiche_produit_btn_accordeon.actif{background: #58a618;}*/
.select-choix-mobile .cont-valeur span,
.fiche_produit_btn_accordeon span{
    display: inline-block;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #fff;
    border-bottom: 0;
    position: absolute;right: 20px;top: calc(50% - 9px);
}
.fiche_produit_btn_accordeon.actif span{
    border-top: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid #fff;
}
.ou_trouver.bg_grey{padding: 0;/*background: none*/}
.ou_trouver .headSection{display: none;}
.ou_trouver .contentSection{flex-direction: row}
.ou_trouver .contentSection .itemSection.quarter{width: 48%;}
.select-choix-mobile{position: relative;background: #a7a7a7;padding: 20px 0;}
.select-choix-mobile .liste-option{display: none;position: absolute;background: rgba(0,0,0,0.5);padding: 0 20px;left: 0;right: 0;z-index:1;}
.select-choix-mobile .valeur{display: block;border-bottom: 2px solid #fff;color: #fff;font-size: 24px;text-transform: uppercase;font-weight: lighter;padding-right: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.select-choix-mobile .liste-option a{display: block;color: #fff;font-size: 24px;text-transform: uppercase;font-weight: lighter;padding: 4px 0;}
.select-choix-mobile .liste-option a.hidden{display:none;}
.select-choix-mobile .cont-valeur{padding: 0 20px;position: relative;}
.info_nutri {display:block;}
.info_nutri .tvn, .info_nutri .ingredients {width:100%;}
.info_nutri .tvn {text-align:center; margin-bottom:40px;}
.info_nutri img {width:100%;max-width:250px;}
.info_nutri .ingredients {padding-left:0px;}

@media screen and (max-width: 480px) {
    header .conteneur{width: 100vw;left: -100vw;}
    header .logo, .scroll.visible header .logo, .scroll header .logo {width: 142px;}
    .headSection .viewMore::after, .bg_motif .headSection.mobile .viewMore {font-size: 28px;}
    .bio_rustique .headSection .viewMore::after,.bio_rustique .bg_motif .headSection.mobile .viewMore {font-size: 20px;}
    article .certifications > .itemSection img {width: 80px;}
    article .certifications > .itemSection .imgHolder {padding-right: 20px;}
    .banniereTop h1.small,.nouvelles .h1, .nouvelles h1, .nouvelles p.titre, .pageType h2, .pageType h1, .banniereTop h2.small, .kit-media h1 {font-size: 32px;text-align:center;}
    .banniereTop.produit.bg_liste_produit.black h1.small {text-align:left;}
    .categorie_produit * {font-size: 10px;}
    .fiche_produit_btn_accordeon{font-size: 15px;}
    .select-choix-mobile .cont-valeur span,
    .fiche_produit_btn_accordeon span{
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid #fff;
        right: 12px;top: calc(50% - 6px);
    }
    .fiche_produit_btn_accordeon.actif span{
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #fff;
    }
    .banniereTop h2:not(.small), .discover h2 {
        font-size: 20px;
        padding: 15px;
        width: auto;
    }
    
}
.kit-media .itemSection {margin-bottom:20px;}
.kit-media img.desktop {display:none;}
.kit-media img.mobile {display:block;}
.qui_sommes_nous .subNav .itemSection:not(:last-of-type) {border-bottom: 1px solid white;}
.mission .subNav > .itemSection:not(:last-of-type) > .itemSection,.mission .subNav > .itemSection:not(:first-of-type) > .itemSection {
    border-left-width:0px;
    border-right-width:0px;
}
article .certifications > .itemSection.double {
    width:100%;
}

article .certifications > .itemSection.double:nth-of-type(2n) {
    padding-left:0px;
}

article .certifications > .itemSection.double:nth-of-type(2n+1) {
    padding-right:0px;
}

article .certifications > .itemSection.double:nth-of-type(2n):after {
    display:none;
}

article .certifications:before {
    display:none;
}

.qui_sommes_nous .subNav .itemSection:not(:first-of-type):not(:last-of-type) > .contentSection {
    border-left:unset;
    border-right:unset;
}

.produits .contentSection .itemSection .nom {
    font-weight:unset;
}

.produits .contentSection .itemSection .nom, .produits .contentSection .itemSection .parent {
    font-size:16px;
}

.produits .contentSection .itemSection:not(:last-of-type) {
    margin-bottom:55px;
}

article .avantages.contentSection .itemSection.quintuple .imgHolder {
    width:160px;
    margin:auto;
}

article .certifications {
    margin-top:40px;
}

.banniereTop h1:not(.small) {
    line-height:1.2em;
}

.produitBlocs > .contentSection:last-of-type > .itemSection:not(:last-of-type) {
    margin-bottom:20px;
}

.produitBlocs > .contentSection:first-of-type, .produitBlocs > .contentSection {
    margin-left:0px;
    margin-right:0px;
}

.produitBlocs .contentSection .itemSection.double {
    padding:0px;
}

.produitBlocs .contentSection:last-of-type {
    position:relative;
}

.produitBlocs .contentSection:last-of-type .itemSection:before {
    content: unset;
}

.produitBlocs .contentSection:last-of-type:before {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    background-color: #595959;
    top: -4px;
    left: 0px;
    right: 0px;
}

.produitBlocs .contentSection .itemSection.double {
    margin-top:30px;
    margin-bottom:20px;
}

.banniereTop.overflow.produit.bg_motif {
    margin-bottom:0px;
}

.produitBlocs .contentSection:last-of-type .itemSection:last-of-type {
    margin-bottom:0px;
}

.produitBlocs.conteneur {
    margin-bottom:50px;
}

.fiche_produit h2, .fiche_produit h3 {
    line-height:1.2em;
}

.fiche_produit .location, .fiche_produit .location * {
    line-height: 60px;
}

.fiche_produit .location img {
    height: 60px;
}

.categorie_produit .itemSection.triple {
    width: 32.5%;
}

.description.certification .contentSection {
    flex-direction:row;
}

.description.certification .dummy {
    flex:unset;
}

.description.certification .itemSection {
    margin:0px;
    padding:20px;
    width:50%;
    box-sizing:border-box;
}

.description.certification .itemSection img.hover {
    top:20px;
    bottom:20px;
    left:20px;
    right:20px;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
}

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

.kit-media .contentSection .itemSection .nom {
    font-size:16px;
    font-weight:normal;
    font-family:"Oswald";
}

.banniereTop .images .image {
    background-attachment:scroll;
}

select, input[type="text"], textarea, input[type="email"] {
    font-size:16px;
}

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

.recette-container {
    margin-top:60px;
    padding:0px 20px;
    flex-direction:column;
}

.recette-container .imgRecette, .recette-container .contentRecette {
    width:100%;
    padding:0px;
    margin:0px;
    max-width:unset;
}

.cuisson > .contentSection {
    margin: 0px 0px;
}

.cuisson .contentSection .itemSection.quintuple {
    width:100%;
    margin:0px;
    margin-bottom:40px;
}

.coupe .itemSection.third {
    width:100%;
    border-top-width: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
}

.recette-container .visionneuse {
    height: 0px;
    padding-bottom: 56.25%;
}

.recette-container .imgRecette img {
    width:100%;
}

.nouvelles.fiche .single .voirPlus .boutton {
    width:100%;
}

.nouvelles.fiche > .mobile {
    margin-top:40px;
}

.nav-conteneur {
    overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}

.recette-container .partage {
    margin-top:20px;
    margin-bottom:20px;
}

.recette-container .partage p {
    text-align:center;
}

.produit.bg_liste_produit h1.small, .page_fiche_produit .headSection .titre, .coupe h1, footer span.titre {
    line-height:1em;
}

#_form_8_.custom_dubreton .flex-form-custom {flex-direction: column;margin-top:0;}
#_form_8_.custom_dubreton .flex-form-custom .triple {width:100%;margin: 20px 0 !important;}
#_form_8_.custom_dubreton ._form-title {line-height: 33px;}
#_form_16_.custom_dubreton .flex-form-custom {flex-direction: column;margin-top:0;}
#_form_16_.custom_dubreton .flex-form-custom .triple {width:100%;margin: 20px 0 !important;}
#_form_16_.custom_dubreton ._form-title {line-height: 33px;}