@charset "UTF-8";
html,input,button{font-family: "Oswald", sans-serif;font-size: 16px;}
select,input[type="text"],textarea{
    border-radius: 0;    
    font-family: "Open Sans";
    font-weight: lighter;
    font-size: 12px;
    width:100%;
    box-sizing:border-box;
    border-color:#a7a7a7;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    padding: 5px;
    padding-right: 30px;
    box-sizing:border-box;
    border:1px solid #a7a7a7;
    color:#595959;
}
option {
    color:#595959;
    font-family:"Open Sans";
    font-size:12px;
}
select {
    padding:5px;
    padding-right:30px;
    background-image:url("/images/arrow-down.png");
    background-position: calc(100% - 5px) center;
    background-size:22px 22px;
    background-repeat:no-repeat;
    border:1px solid #a7a7a7;
}
body{margin: 0;padding: 0;}
iframe,img{border: 0;}
a{cursor: pointer; color:#595959;}
.clear{clear: both;}
.gauche{
	float:left;
	margin-right: 12px;
	margin-bottom: 10px;
	line-height: 0px;
}
.droite{
	float:right;
	margin-left: 12px;
	margin-bottom: 10px;
	line-height: 0px;
}
.petit{width: 140px;}
.moyen{width: 320px;}
.grand{width: 100%;}
#old-browser-dialog p{
	 text-align:center;
	 font-size:18px;
	 background-color:#FAF1AA;
	 padding:5px;
	 position:relative;
	 top:100px;
}
#old-browser-dialog a{
	cursor:pointer;
	color:#0000ff;
	text-decoration:underline;
}
.admin-preview{
border-width: 2px;
border-style: dashed;
border-color: rgba(0,0,0,0.2);
box-sizing: border-box;
}

* {
    /* font-family:"Oswald"; */
    /*font-size: 16px;*/
}

a {
    text-decoration:none;
}
.conteneurl1{position: relative;max-width: 1100px;margin: auto;}
.conteneur {
    max-width:1100px;
    margin:auto;
}

/**************************** HEADER ****************************/
.mobile.boutton,footer .politique.mobile,
#media-sociaux-mobile,.menu-mobile,#menu-offset-click,.mobile,.contentSection.mobile,.headSection.mobile,
#btn-menu-mobile, .ligne-du-temps .event.hidden {display: none;}
header {
    background-color:black;
    text-align:center;
    padding: 24px 0px 29px 0;
    overflow:hidden;
    transition: all 0.4s ease;
    position:fixed;
    width:100%;
    height:168px;
    top:0px;
    z-index: 1000;
    box-sizing:border-box;
}

header .logo {
    width:240px;
    margin-bottom:25px;
    transition: all 0.4s ease;
}

header .conteneur {
    transition: all 0.4s ease;
    height: auto;
}

body:before {
    content:"";
    height:168px;
    display:block;
}

.scroll:before {
    content: "";
    height: 100px;
    display: block;
}

.scroll header {
    position: fixed;
    width: 100%;
    top: 0px;
    padding: 5px 0px;
    height: auto;
    z-index: 1000;
}

.scroll header .logo {
    margin: 0px;
    width: 160px;
}

.scroll header .conteneur {
    opacity:0;
    height:0;
}

nav a {
    text-decoration: none;
    color: white;
    font-weight: lighter;
    text-transform:uppercase;
}

nav a:not(:first-of-type):not(:last-of-type) {
    margin:0px 10px;
}

nav a:first-of-type {
    margin-right:10px;
}

nav a:last-of-type {
    margin-left:10px;
}

nav a:hover, nav a.actif {
    text-decoration:underline;
}

.scroll.visible header {
    height: auto;
    padding: 20px 0px 25px 0px;
}

.scroll.visible header .conteneur {
    opacity: 1;
    height: auto;
}

.scroll.visible header .logo {
    width: 240px;
    margin-bottom: 25px;
}

.banniereTop {
    text-align:center;
    /* background-image:url("/images/accueil_banniere.jpg"); */
    background-position:center center;
    background-size:cover;
    padding-top: 110px;
    margin-bottom: 130px;
    position:relative;
    overflow: hidden;
}

.banniereTop .youtube {
    padding:0px;
}

.banniereTop.overflow {
    padding-bottom:0px;
    margin-bottom: 40px;
}

.banniereTop .conteneur.titre, .banniereTop .conteneur.grosTitre {
    position:relative;
}

.banniereTop .conteneur.titre .single {
    padding:20px;
    position:relative;
}

.banniereTop .conteneur.grosTitre img {
    position: absolute;
    margin: auto;
    left: 0px;
    right: 0px;
    top: -110px;
    max-width: 100%;
    z-index: 0;
}

.banniereTop h1, .banniereTop h2, .nouvelles h1, .nouvelles p.titre, .pageType h2, .kit-media h1 {
    margin:0px;
    text-transform:uppercase;
    color:white;
    position:relative;
    z-index:1;
}

.banniereTop h1:not(.small) {
    font-weight: 600;
    font-size:75px;
    margin-bottom: 100px;
    text-shadow: 0px 0px 30px #151515;
}

/*.banniereTop.produit h1:not(.small) {
    line-height:1em;
}*/

.banniereTop h1.small, .nouvelles h1, .nouvelles p.titre, .pageType h2, .banniereTop h2.small, .kit-media h1 {
    font-weight: lighter;
    font-size:40px;
    text-align:left;
}

.banniereTop .withText h2.small {
    font-size:50px;
    line-height: 1.2em;
}

.banniereTop .withText p {
    font-size:20px;
    margin-bottom: 10px;
}

.banniereTop .single p {
    text-align:left;
    position: relative;
    z-index: 1;
    font-size: 20px;
    color:white;
    font-family:"Open Sans";
}

.banniereTop h2:not(.small), .discover h2 {
    background-color:rgba(0,0,0,0.5);
    font-weight:lighter;
    display:inline-block;
    padding: 14px 0px;
    transition:all 0.4s ease;
    width: 356px;
    color:white;
    font-size: 25px;
    margin-bottom:60px;
}

.banniereTop h2:not(.small):hover, .discover h2:hover {
    background-color:rgba(0,0,0,0.8);
    color:white;
}

.discover.invert h2 {
    background-color:rgba(0,0,0,0.8);
}

.discover.invert h2:hover {
    background-color:rgba(0,0,0,0.5);
}

.banniereTop .typePorc {
    background-image:unset;
    margin-top: 60px;
    position: relative;
}

.banniereTop.accueil .typePorc {
    text-align:left;
}

.accueil {
    background-color:#595959;
}

.banniereTop.overflow {
    overflow:hidden;
    width:100%;
}

.subNav {
    position:relative;
}

.subNav.contentSection {
    margin:0px;
}

.banniereTop.overflow .typePorc:before, .banniereTop.overflow .typePorc:after, .banniereTop.overflow .titre:before, .banniereTop.overflow .titre:after, .banniereTop.overflow.bg_histoire .subNav:before, .banniereTop.overflow.bg_histoire .subNav:after {
    content:"";
    background-color:white;
    height: calc(100% - 70px);
    width:1000px;
    display: block;
    position: absolute;
    bottom: 0px;
}

.banniereTop.overflow.bg_liste_produit .titre:before, .banniereTop.overflow.bg_liste_produit .titre:after, .banniereTop.overflow.bg_bio_rustique .titre:before, .banniereTop.overflow.bg_bio_rustique .titre:after {
    height: 50%;
}

.banniereTop.overflow .typePorc:before, .banniereTop.overflow .titre:before, .banniereTop.overflow.bg_histoire .subNav:before {
    right:100%;
}

.banniereTop.overflow .typePorc:after, .banniereTop.overflow .titre:after, .banniereTop.overflow.bg_histoire .subNav:after {
    left:100%;
}

.typePorc a.triple, .nous-joindre .contentSection .itemSection.triple {
    width:calc(100% / 3);
    box-sizing:border-box;
}

.typePorc a.double {
    width:50%;
    box-sizing:border-box;
}

.typePorc .overlayGreen.avecContenu, .typePorc .overlayLightBlue.avecContenu, .typePorc .overlayBlue.avecContenu {
    padding: 20px 30px;
    color: white;
}

.typePorc a.avecContenu p {
    font-size:48px;
    line-height:48px;
    margin-bottom: 20px;
}

.typePorc a.avecContenu p:nth-of-type(2) {
    font-size:20px;
    text-transform:none;
    font-family:"Open Sans";
    font-weight:lighter;
    margin-bottom: 0px;
    line-height: 1.2em;
}

/************************** FIN HEADER **************************/

.soustitre {
    font-family:"Open Sans";
    text-align:center;
    font-weight:lighter;
    font-size:22px;
}

.typePorc {
    font-weight:lighter;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: -70px;
    /*background-image:url("/images/bg_ferme.jpg");*/
    background-size:cover;
    position:relative;
    z-index:10;
}

.overlayGreen, .overlayBlue, .overlayLightBlue, .overlayBlack {
    position:relative;
    color:white;
}

.typePorc .overlayGreen {
    color: #1D4C03;
}

.typePorc .overlayLightBlue {
    color:#026d98;
}

.typePorc .overlayBlue {
    color:#022e52;
}

.overlayGreen:before, .overlayBlue:before, .overlayLightBlue:before, .overlayGreen:after, .overlayBlue:after, .overlayLightBlue:after, .overlayBlack:before, .overlayBlack:after, .green .titre .single:before, .green .titre .single:after, .blue .titre .single:before, .blue .titre .single:after, .lightBlue .titre .single:before, .lightBlue .titre .single:after {
    position: absolute;
    content:" ";
    width:100%;
    height:100%;
    top: 0px;
    left: 0;
    z-index:0;
}

.overlayGreen:before, .overlayBlue:before, .overlayLightBlue:before, .overlayBlack:before, .green .titre .single:before, .blue .titre .single:before, .lightBlue .titre .single:before {
    mix-blend-mode: normal;
}

.overlayGreen:after, .overlayBlue:after, .overlayLightBlue:after, .overlayBlack:after, .green .titre .single:after, .blue .titre .single:after, .lightBlue .titre .single:after {
    z-index:1;
}

.overlayGreen:before, .green, .bio_rustique.green .imgHolder, .green .titre .single:before, .boutton.produits-afficher-filtres.green, .fiche_produit_btn_accordeon.actif.green {
    background-color:#58a618;
    opacity:0.8;
    transition:all 0.4s ease;
}

.overlayGreen:after {
    background-color:#58a618;
    opacity:0;
    transition:all 0.4s ease;
}

.overlayBlue:before, .blue, .bio_rustique.blue .imgHolder, .blue .titre .single:before, .boutton.produits-afficher-filtres.blue, .fiche_produit_btn_accordeon.actif.blue {
    background-color:#004b87;
    mix-blend-mode: normal;
    opacity:0.9;
    transition:all 0.4s ease;
}

.overlayBlue:after {
    background-color:#ffffff;
    opacity:0.25;
    opacity:0;
    transition:all 0.4s ease;
}

.overlayLightBlue:before, .lightBlue, .bio_rustique.lightBlue .imgHolder, .lightBlue .titre .single:before, .boutton.produits-afficher-filtres.lightBlue, .fiche_produit_btn_accordeon.actif.lightBlue {
    background-color:#009fdf;
    mix-blend-mode: normal;
    opacity:0.9;
    transition:all 0.4s ease;
}

.overlayLightBlue:after {
    background-color:#ffffff;
    opacity:0.25;
    opacity:0;
    transition:all 0.4s ease;
}

.overlayBlack:before, .black, .black .titre .single {
    background-color:black;
    mix-blend-mode: normal;
    opacity:0.8;
    transition:all 0.4s ease;
}

.accueil .overlayGreen:hover:after, .accueil .overlayBlue:hover:after, .accueil .overlayLightBlue:hover:after, .produit.bg_motif .overlayGreen:hover:after, .produit.bg_motif .overlayBlue:hover:after, .produit.bg_motif .overlayLightBlue:hover:after {
    background-color: white;
    opacity: 0.25;
}

.qui_sommes_nous:not(.mission) .subNav .overlayBlack:after {
    transition:all 0.4s ease;
}

.qui_sommes_nous:not(.mission) .subNav .overlayBlack:hover:after {
    opacity:0.2;
}

.black {
    background-color:#595959;
}

.overlayBlack:after {
    background-color:#ffffff;
    opacity:0;
}

.green, .blue, .lightBlue, .black, .bio_rustique.green .imgHolder, .bio_rustique.blue .imgHolder, .bio_rustique.lightBlue .imgHolder, .boutton.produits-afficher-filtres.green, .boutton.produits-afficher-filtres.blue, .boutton.produits-afficher-filtres.lightBlue, .fiche_produit_btn_accordeon.actif.green, .fiche_produit_btn_accordeon.actif.blue, .fiche_produit_btn_accordeon.actif.lightBlue {
    opacity:1;
    color:white;
}

.green .separateur, .blue .separateur, .lightBlue .separateur, .black .separateur {
    background-color:white;
}

.typePorc a {
    display:block;
    padding: 185px 20px 70px 20px;
    flex-grow:1;
    flex-basis:0;
}

.typePorc a p, .typePorc a span {
    margin:0px;
    position:relative;
    z-index:2;
    text-transform:uppercase;
}

.typePorc a p {
    font-size:80px;
    line-height: 80px;
}

.typePorc a span {
    font-size: 40px;
}

.sectionFlex {
    margin: 80px 0px;
    color:#595959;
    font-weight:200;
}

.bg_motif {
    background-image:url("/images/bg.jpg");
    background-size:cover;
    background-attachment:fixed;
    color:white;
    padding:70px 0px 80px 0px;
}

.bg_liste_produit, .bg_bio_rustique, .bg_histoire, .bg_standards, .bg_image {
    background-size:cover;
    background-attachment:fixed;
    color:white;
    padding-top:300px;
}

.bg_bio_rustique {
    /*height:550px;*/
    padding:0px;
    display:flex;
}

.bg_bio_rustique .conteneur {
    margin-bottom:0px;
    margin-top:550px;
}

.bg_image {
    background-attachment:initial;
}

.bg_histoire, .bg_standards {
    padding-top:180px;
}

.bg_standards {
    /*background-image:url("/images/bg_standards.jpg");*/
}

.bg_liste_produit, .bg_bio_rustique {
    /*background-image:url("/images/entete-produit-liste.jpg");*/
}

.bg_bio_rustique {
    /*background-image:url("/images/bio_rustique.jpg");*/
}

.bg_histoire {
    /*background-image:url("/images/bg_histoire.jpg");*/
}

.headSection {
    display:flex;
    justify-content:space-between;
    border-bottom: 3px solid #595959;
    align-items: baseline;
    margin: 0px 8% 28px 8%;
}

.bg_motif .headSection, .bg_noir .headSection {
    border-bottom: 3px solid white;
}

.headSection .titre {
    font-size:30px;
    text-transform:uppercase;
    font-family: "Oswald";
    font-weight: lighter;
}

.headSection .viewMore {
    position:relative;
    font-size:20px;
    padding-right: 40px;
    transition:opacity 0.4s ease;
}

.headSection .viewMore:hover {
    opacity:0.6;
}

.bg_motif a {
    color:white;
}

.headSection .viewMore:after {
    content: "\2B";
    font-size: 35px;
    font-weight:bold;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    right: 10px;
    width: 20px;
    text-align: center;
}

.contentSection {
    margin: 0px 8%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}

.contentSection .itemSection.double {
    width: 48%;
    margin-bottom: 20px;
    margin-top:20px;
}

.produits .contentSection .itemSection.double {
    margin-bottom: 0px;
    margin-top:0px;
}

.contentSection .itemSection.quintuple {
    width: 19%;
}

.contentSection .itemSection.quarter {
    width:24%;
}

.contentSection .itemSection.threeQuarter {
    width:74%;
}

.contentSection .itemSection.triple {
    width:28%;
}

.contentSection .itemSection .imgHolder {
    position:relative;
    /* border: 1px solid #a7a7a7; */
}

.contentSection .itemSection .imgHolder .promo, .contentSection .itemSection .imgHolder .nouveau, .contentSection .itemSection .imgHolder .vedette {
    position:absolute;
    top: 40px;
    right: -5px;
    background-color: #F65900;
    font-weight: normal;
    font-size: 12px;
    line-height:22px;
    text-transform:uppercase;
    padding:5px 5px 5px 32px;
    background-size:22px;
    background-position:5px 5px;
    background-repeat:no-repeat;
    color: wheat;
}

.contentSection .itemSection .imgHolder .promo {
    background-image:url("/images/promo.png");
}

.contentSection .itemSection .imgHolder .nouveau {
    background-image:url("/images/nouveau.png");
}

.contentSection .itemSection .imgHolder .vedette {
    background-image:url("/images/vedette.png");
}

.contentSection .itemSection img {
    width:100%;
    vertical-align:top;
}

.contentSection .itemSection .nom {
    margin-top:10px;
    display: inline-block;
    margin-top: 3px;
    margin-bottom: 3px;
}

.contentSection .itemSection .nom, .contentSection .itemSection .parent {
    text-transform:uppercase;
}

.contentSection .itemSection .parent {
    font-weight:bold;
}

.contentSection .itemSection .parent strong {
    font-weight:700;
}

.separateur {
    height:3px;
    background-color:#595959;
    width:100%;
}

.bg_motif .contentSection .itemSection .separateur {
    height:3px;
    background-color:white;
}

.bg_noir {
    background-color:black;
    color:white;
    padding: 20px 0px 20px 0px;
}

.pagination {
    width:100%;
    text-align:center;
    display:flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 80px;
}

.pagination span {
    display:inline-block;
}

.pagination .previous, .pagination .next {
    height:20px;
    cursor:pointer;
}

.pagination .previous img, .pagination .next img {
    width:auto;
    height:100%;
}

.pagination .page {
    
margin: 0px 10px;
}

/*************************** PRODUITS ***************************/

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

.produitBlocs > .contentSection {
    margin: 0px 10px;
}

.produitBlocs > .contentSection:first-of-type {
    margin: 0px 10px 20px 10px;
}

.produitBlocs .contentSection .itemSection {
    padding:0px 10px;
    width:50%;
    box-sizing:border-box;
    color:#595959;
}

.produitBlocs .contentSection .itemSection.double img {
    border:1px solid #a7a7a7;
}

.produitBlocs .contentSection .itemSection img {
    width:100%;
    /* border: 1px solid #595959; */
    box-sizing: border-box;
}

.produitBlocs .contentSection .itemSection h2 {
    text-transform:uppercase;
    margin-top:0px;
    font-size:34px;
    line-height:1.2em;
}

.produitBlocs .contentSection .itemSection p {
    margin:0px;
    font-size:20px;
    font-weight:lighter;
    font-family:"Open Sans";
}

.produitBlocs .contentSection .itemSection a {
    font-weight:bold;
    font-size: 20px;
    font-family: "Open Sans";
    text-decoration:underline;
}

.produitBlocs hr {
    margin: 20px 20px 10px 20px;
}

.deuxColonnes {
    column-count: 2;
    margin-bottom:20px;
}

.deuxColonnes ul {
    padding-left:20px;
    margin:0px;
}

.deuxColonnes ul li {
    font-family:"Open Sans";
    font-weight:lighter;
    font-size: 20px;
}

.inventaire.contentSection {
    margin:0px;
    margin-top: 50px;
    margin-bottom:80px;
}

.inventaire .sectionFlex {
    padding:0px;
    margin:0px;
    flex-wrap: wrap;
}

.inventaire .itemSection.triple {
    margin-bottom: 20px;
    width: 32%;
}

.inventaire .imgHolder {
    border:1px solid #a7a7a7;
    border-bottom-width:0px;
}

.recherche {
    padding:5px;
    padding-right:30px;
    background-image:url("/images/search.png");
    background-position: calc(100% - 5px) center;
    background-size:22px 22px;
    background-repeat:no-repeat;
    border:1px solid #a7a7a7;
}

.sectionRecherche:first-of-type {
    margin-top:20px;
}

.sectionRecherche:not(:last-of-type) {
    margin-bottom:20px;
}

.sectionRecherche.closed {
    margin-bottom:6px;
}

.sectionRecherche .titre {
    padding: 5px 30px 5px 20px;
    color:white;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 20px;
    margin: 5px 0px;
    position:relative;
    cursor:pointer;
}

.sectionRecherche .titre:before, .sectionRecherche .titre:after {
    content:"";
    position:absolute;
    margin:auto;
    display:block;
    background-color:white;
    height:3px;
    width:10px;
    transform-origin: center center;
    right:10px;
    top:0px;
    bottom:0px;
    transition:all 0.4s ease;
}

.sectionRecherche.closed .titre:before {
    transform:rotate(90deg);
}

.sectionRecherche.closed .blue, .sectionRecherche.closed .lightBlue, .sectionRecherche.closed .green, .sectionRecherche.closed .titre {
    background-color:#595959;
}

.sectionRecherche .choixRecherche {
    background-color:#a7a7a7;
    padding:10px 20px;
}

.sectionRecherche .choixRecherche span, input[type="checkbox"] + span, input[type="checkbox"] + span + span {
    vertical-align:middle;
}

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + span {
    width:20px;
    height:20px;
    box-sizing:border-box;
    border:1px solid white;
    display:inline-block;
    margin-right:5px;
}

input[type="checkbox"]:checked + span {
    border:1px solid transparent;
}

input[type="checkbox"] + span:after {
    content:"";
    background-image:url("/images/checked.png");
    opacity:0;
    width:100%;
    height:100%;
    display:block;
    transition:all 0.4s ease;
    background-size:cover;
    cursor: pointer;
}

input[type="checkbox"]:checked + span:after {
    opacity:1;
}

.sectionRecherche label {
    cursor:pointer;
    color:white;
    display:block;
    position:relative;
    vertical-align:middle;
    font-weight:lighter;
}

.fiche_produit {
    margin-top:60px;
}

.fiche_produit p {
    margin:0px;
}

.fiche_produit .contentSection {
    margin:0px;
}

.fiche_produit > .contentSection {
    align-items: start;
    margin-bottom: 65px;
}



.fiche_produit .itemSection.double, .nouvelles .itemSection.double {
    width:38%;
}

.fiche_produit .itemSection.double.image, .nouvelles .itemSection.double.image {
    width:58%;
}

.fiche_produit .image {
    box-sizing:border-box;
    border:1px solid #a7a7a7;
}

.fiche_produit h2, .nouvelles .itemSection h1 {
    margin-top:10px;
}

.fiche_produit h3, .nouvelles .itemSection h1 {
    margin-bottom:10px;
}

.fiche_produit h2, .fiche_produit h3, .nouvelles .itemSection h1, .recette-container .contentRecette h2, .recette-container .contentRecette h3 {
    margin:0px;
    font-size:30px;
    font-weight:lighter;
    text-transform:uppercase;
}

.nouvelles .itemSection h1 {
    line-height:1.2em;
}

.fiche_produit, .fiche_produit a {
    color:#595959;
}

.fiche_produit .texte {
    padding-top:20px;
}

.fiche_produit .texte p {
    margin:0px;
    font-family:"Open Sans";
    font-weight:lighter;
}

.fiche_produit .location {
    margin: 20px 0px 70px 0px;
    display: block;
}

.fiche_produit .texte a:not(.location) {
    text-decoration:underline;
    font-weight:bold;
}

.fiche_produit .location, .fiche_produit .location * {
    vertical-align:middle;
    font-weight: bold;
    line-height: 25px;
}

.fiche_produit .location img {
    margin-right:10px;
    width: auto;
    height: 25px;
}

.page_fiche_produit .bg_motif {
    margin-bottom:70px;
}

.categorie_produit .itemSection {
    display:flex;
    flex-direction:column;
    justify-content: center;
    color: white;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius:0px;
}

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

.categorie_produit * {
    font-size:14px;
    text-transform:uppercase;
    line-height: 15px;
    font-family: "Open Sans";
}

.categorie_produit p {
    font-weight:bold;
    font-family:"Open Sans";
}

.categorie_produit span {
    font-weight:lighter;
}

.categorie_produit .separateur {
    margin: 5px 0px;
}

.ongletProduit {
    background-color:unset;
}

.ongletProduit.contentSection {
    margin:0px;
    justify-content:flex-start;
}

.ongletProduit .itemSection {
    text-align:center;
    color: white;
    margin-right: 5px;
    font-weight: lighter;
    background-color: #a7a7a7;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height:16px;
    padding: 3px 10px;
    box-sizing: border-box;
    cursor:pointer;
}

.ongletProduit .actif {
    font-weight:bold;
}

.green .actif {
    background-color:#58a618;
}

.blue .actif {
    background-color:#004b87;
}

.lightBlue .actif {
    background-color:#009fdf;
}

.page_fiche_produit .description:not(.itemSection), .page_fiche_produit .info_nutri:not(.itemSection), .page_fiche_produit .recette:not(.itemSection) {
    box-sizing:border-box;
    padding:40px calc(100% / 12);
    color:#595959;
}

.info_nutri {
    display:flex;
}

.page_fiche_produit .info_nutri:not(.itemSection) p.titre {
    font-weight:bold;
}

.info_nutri .tvn {
    width:250px;
}

.info_nutri .tvn img {
    width:100%;
}

.info_nutri .ingredients {
    width:calc(100% - 250px);
    box-sizing:border-box;
    padding-left:20px;
}

.page_fiche_produit .sectionOnglet {
    border:1px solid #a7a7a7;
    margin-bottom:70px;
}

.page_fiche_produit .description:not(.itemSection) p, .page_fiche_produit .info_nutri:not(.itemSection) p, .page_fiche_produit .recette:not(.itemSection) p {
    font-family:"Open Sans";
    font-weight:lighter;
    margin:0px;
}

.page_fiche_produit .description:not(.itemSection) p, .page_fiche_produit .info_nutri:not(.itemSection) p, .page_fiche_produit .recette:not(.itemSection) p {
    font-family:"Open Sans";
    font-weight:lighter;
    margin:0px;
}

.page_fiche_produit .recette.contentSection {
    margin-left:0px;
    margin-right:0px;
}

.description.certification .contentSection {
    margin:40px 0px 0px 0px;
    justify-content:center;
    align-items:center;
}

.description.certification .itemSection {
    margin:0px 30px 0px 0px;
    width:70px;
    position:relative;
    display: flex;
    align-items: center;
    /*height:70px;
    max-width:100px;*/
}

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

.description.certification .itemSection img.hover,
.description.certification .itemSection img {
    width:auto;
    max-height: 100%;
    max-width: 100%;
}

.description.certification .itemSection img.hover {
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    opacity:0;
    transition:opacity 0.4s ease;
    margin:auto;
}

.description.certification .itemSection img.hover:hover {
    opacity:1;
}

.page_fiche_produit .recette .headSection {
    margin:0px;
    margin-top:60px;
    border-bottom: 0px solid #595959;
    width: 100%;
    border-top: 3px solid #595959;
}

.bg_grey {
    background-color:#a7a7a7;
    color:white;
    margin-bottom:40px;
    padding:20px 0px;
}

.bg_grey .headSection {
    border-color:white;
    margin:0px;
    margin-bottom:20px;
}

.bg_grey .contentSection {
    margin:0px;
}

.bg_grey .imgHolder {
    background-color:white;
    margin-bottom:20px;
    display:flex;
    align-items: center;
    /*padding:50px 20px;*/
    box-sizing: border-box;
}

.bg_grey a.imgHolder {
    transition:all 0.4s ease;
}

.bg_grey a.imgHolder:hover {
    opacity:0.6;
}

/************************* Bio/Rustique *************************/

.bio_rustique:not(.bg_motif) {
    color:#595959;
}

.bio_rustique.green, .bio_rustique.blue, .bio_rustique.lightBlue {
    background-color:unset;
}

.bio_rustique h2 {
    font-weight: 900;
    font-size:34px;
    line-height: 1em;
    text-transform:uppercase;
    margin: 40px 0px 20px 0px;
}

.bio_rustique p {
    font-family:"open Sans";
    font-weight:lighter;
    margin:0px;
    font-size:20px;
}

.bio_rustique:not(.produits) > .conteneur .contentSection {
    margin:0px;
}

.bio_rustique:not(.produits) > .conteneur > .contentSection {
    margin-top:40px;
}

.bio_rustique .contentSection .itemSection .imgHolder {
    border-radius:50%;
    border:0px;
    margin-right:20px;
}

.bio_rustique:not(.produits) > .conteneur .contentSection.itemSection {
    flex-wrap:nowrap;
    align-items:center;
    margin-bottom: 40px;
    justify-content: start;
}

.bio_rustique hr {
    border-width:2px;
    border-style: solid;
}

.bio_rustique .imgHolder img {
    width: 160px;
}

.bio_rustique.produits .contentSection .itemSection .imgHolder {
    background-color:unset;
    margin:0px;
    border-radius:0px;
    border:1px solid #a7a7a7;
}

.produits .imgHolder {
    border:1px solid #a7a7a7;
}

.produits .contentSection a.itemSection.triple {
    transition:all 0.4s ease;
}

.produits .contentSection a.itemSection.triple:hover {
    opacity:0.6;
}


.bio_rustique.produits .imgHolder img {
    width:100%;
}

.bio_rustique .avantages {
    margin-top:40px;
}

.bio_rustique .avantages .titre {
    font-weight:bold;
    font-size:24px;
    margin: 0px 0px 10px 0px;
    text-transform:uppercase;
    font-family:"Oswald";
}

.bio_rustique .avantages p:not(.titre) {
    font-size:14px;
}

.bio_rustique .description.certification .contentSection {
    justify-content:flex-start;
} 

.bio_rustique .description.certification {
    margin-bottom:60px;
    margin-top: 40px;
}

.produits.bio_rustique {
    margin-bottom:80px;
}

.norecords {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*************************** NOUVELLES ***************************/

.nouvelles {
    color:#595959;
}

.nouvelles h1, .nouvelles p.titre, .kit-media h1 {
    color:#595959;
    margin: 40px 0px 0px 0px;
}

.nouvelles p.titre {
    font-size:40px;
    line-height: 1em;
}

.nouvelles .recherche {
    width:24%;
    min-width:250px;
}

.nouvelles .sectionRecherche input, .nouvelles .sectionRecherche select {
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #595959;
    margin-right: 20px;
}

.nouvelles .year {
    width:8%;
    min-width:70px;
}

.nouvelles .order {
    width:16%;
    min-width:140px;
}

.nouvelles > .contentSection {
    margin:0px;
    padding: 40px 0px 20px 0px;
    margin-bottom:60px;
}

.nouvelles .contentSection .itemSection {
    margin-bottom:10px;
}

.nouvelles .contentSection .itemSection .imgHolder {
    border-bottom-width:0px;
}

.nouvelles .voirPlus {
    text-align:right;
    margin-bottom: 60px;
    font-weight:lighter;
}

.nouvelles .itemSection .voirPlus {
    margin-bottom: 30px;
    margin-top:30px;
}

.nouvelles .voirPlus .boutton {
    padding: 2px 50px;
    border-radius:0px;
    text-transform:lowercase;
}

.nouvelles .voirPlus .boutton div {
    font-size:20px;
    font-family: "Oswald";
    font-weight: lighter;
}

.nouvelles .creditPhoto {
    margin:0px;
    margin-top:20px;
    font-family:"Open Sans";
    font-size:16px;
    font-weight:lighter;
}

.partage {
    margin-top:50px;
}

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

.partage p {
    margin:0px;
    font-size:20px;
    text-transform:uppercase;
}

.partage .social {
    margin-top:20px;
}

.nouvelles.fiche .voirPlus .boutton {
    width:100%;
    padding:2px 0px;
    border-radius: 0px;
    text-transform: lowercase;
    transition:all 0.4s ease;
}

.nouvelles .itemSection .nom {
    margin-top:0px;
    text-transform:initial;
}

.nouvelles .itemSection .nom.date {
    text-transform:uppercase;
}

.nouvelles .contentSection a.itemSection {
    margin-bottom:20px;
}

.nouvelles .contentSection a.itemSection.dummy, .inventaire .itemSection.triple.dummy {
    margin-bottom:0px;
    height:0px;
}

.nouvelles .texte p {
    font-family:"Open Sans";
    font-weight:lighter;
    line-height:1.5em;
}

/************************ QUI SOMMES NOUS ************************/

.subNav.contentSection {
    flex-wrap:nowrap;
    padding: 25px 0px;
}

.subNav .contentSection {
    margin:0px;
    width:100%;
    align-items:center;
    justify-content:center;
    padding: 45px 0px;
}

.subNav a.contentSection {
    color:white;
    z-index: 10;
}

.subNav.withText .contentSection {
    padding: 0px 60px;
}

.subNav .contentSection:not(:first-of-type):not(:last-of-type) {
    border-left:1px solid white;
    border-right:1px solid white;
}

.subNav .contentSection .itemSection p:not(.soustitre) {
    font-weight:lighter;
    font-family:"Open Sans";
    font-size:20px;
}

.subNav .contentSection .itemSection p.soustitre {
    font-size:60px;
    font-weight:lighter;
    font-family:"Oswald";
    line-height:60px;
    max-width: 280px;
    margin: auto;
    text-transform: uppercase;
}

.qui_sommes_nous .subNav {
    padding:0px;
}

.qui_sommes_nous .subNav > .itemSection {
    color:white;
    width:100%;
    padding:25px 0px;
}

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

.qui_sommes_nous .subNav .itemSection > .contentSection {
    z-index: 2;
    position: relative;
    height:100%;
    box-sizing:border-box;
}

.pageType {
    margin-bottom:80px;
}

.pageType, .pageType h2 {
    color: #595959;
    text-align:center;
}

.pageType h2, .pageType h1 {
    font-weight:bold;
    font-size:34px;
    line-height: 1em;
}

.pageType p {
    font-weight:lighter;
    font-size:20px;
    font-family:"Open Sans"
}

.pageType a {
    font-family:"Open Sans";
    font-weight:bold;
    font-size:20px;
    text-decoration:underline;
}

.article {
    border-bottom:2px solid #595959;
    margin: 40px 0px;
    padding-bottom: 40px;
}

.article .contentSection, .gestes .contentSection {
    margin:0px;
}

.gestes > div.sectionFlex {
    padding:0px;
    padding-bottom: 80px;
}

.gestes .headSection {
    border-width:0px;
    margin:0px;
    
}

.gesteYoutube {
    width: 100%;
    height: 0px;
    padding-bottom: calc(100% * (4 / 6));
    background-size: cover;
    background-position: center;
}

.article * {
    color:#595959;
}

.article > img {
    width:100%;
    vertical-align: top;
}

.article h2 , .gestes h2{
    font-weight:bold;
    font-size:34px;
    text-transform:uppercase;
    margin: 0px;
    margin-bottom: 20px;
    color:#595959;
    line-height: 1em;
}

.article .contentSection .itemSection .imgHolder {
    border:0px;
}

.article .contentSection .itemSection.quintuple {
    width:16%;
    max-width: 160px;
    text-align:center;
}

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

.article .avantages .quintuple .imgHolder {
    background-color:#f65900;
    border-radius:50%;
}

.article .avantages .quintuple p {
    margin-top:20px;
}

.article .avantages .quintuple p, .article .avantages .quintuple strong {
    font-size:18px;
}

.article .certifications {
    margin-top: 60px;
    position:relative;
}

.article .certifications:before {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    width: 1px;
    height: 100%;
    background-color: #a7a7a7;
}

.article .certifications > .itemSection {
    flex-wrap:nowrap;
    align-items:center;
}

.article .certifications > .itemSection.double {
    width:50%;
    box-sizing:border-box;
}

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

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

.article .certifications > .itemSection.double:nth-of-type(2n):after {
    position: absolute;
    content: "";
    height: 1px;
    width: 200%;
    right: 0px;
    bottom: -20px;
    background-color: #a7a7a7;
}

.article .certifications > .itemSection .imgHolder {
    padding-right: 35px;
}

.article .certifications > .itemSection img {
    width:140px;
}

.article .certifications > .itemSection p {
    font-size:14px;
}

.article .certifications > .itemSection p.titre {
    font-family:"Oswald";
    font-weight:bold;
    font-size:24px;
    margin-bottom:10px;
    text-transform:uppercase;
}

.article p, .article strong, .article a {
    font-family:"Open Sans";
    font-weight:lighter;
    margin:0px;
    font-size: 20px;
}

.article a {
    font-weight:bold;
    text-decoration:underline;
}

.article strong {
    font-weight:bold;
}

.discover {
    /*background-image:url("/images/bg_discover.jpg");*/
    background-position: center;
    background-size:cover;
    padding: 180px;
    text-align:center;
    text-transform:uppercase;
    margin-bottom:80px;
}

.mission .subNav.withText .contentSection {
    padding:0px 100px;
}

.mission .pageType {
    margin-bottom:0px;
}

.mission .subNav.contentSection .itemSection p.soustitre {
    max-width:none;
}

.mission.pageType {
    margin-bottom:0px;
}

.mission.discover {
    margin-bottom: 80px;
}

.mission .subNav > .itemSection:not(:first-of-type) > .itemSection {
    border-left:1px solid white;
}

.mission .subNav > .itemSection:not(:last-of-type) > .itemSection {
    border-right:1px solid white;
}

.banniereTop.noBigTitle {
    padding-top:450px;
}

/************************ LIGNE DU TEMPS ************************/

.notre-histoire {
    width:70%;
    margin:auto;
}

.notre-histoire p:not(:first-of-type) {
    margin: 40px 0px;
}

.notre-histoire .separation {
    border: 2px solid #a7a7a7;
    border-top-width:0px;
    width:100%;
    height:40px;
    box-sizing:border-box;
    margin-bottom:30px;
    margin-top: -40px;
}

.ligne-du-temps {
    position:relative;
    overflow: hidden;
}

.ligne-du-temps .dottedLine, .ligne-du-temps .fullLine {
    height: calc(100% - 80px);
    width:0px;
    position:absolute;
    border-color:#a7a7a7;
    border-width:1px;
    margin:auto;
    left:0px;
    right:0px;
    top:0px;
}

.ligne-du-temps .fullLine {
    border-style:solid;
    top: 200px;
    margin: auto;
    height: calc(100% - 430px);
}

.ligne-du-temps .dottedLine {
    border:solid;
    border-width: 1px;
    border-image: url("/images/dashed-border.png") 1 round;
}

.ligne-du-temps .event {
    display:flex;
    width:100%;
    align-items:center;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom:80px;
}

.ligne-du-temps .reverse .event {
    flex-direction:row-reverse;
}

.ligne-du-temps .event:nth-of-type(even) {
    flex-direction:row-reverse;
}

.ligne-du-temps .reverse .event:nth-of-type(even) {
    flex-direction:row;
}

.ligne-du-temps .boutton {
    background-color: #58a618;
    margin: 30px 0px 60px 0px;
    z-index: 10;
    position: relative;
    opacity: 1;
    transition: opacity 0.4s ease;
    border-radius: 0px;
    text-transform: lowercase;
    font-weight: lighter;
    font-size: 20px;
    font-family: "Oswald";
}

.ligne-du-temps .boutton.transparent {
    opacity:0;
    cursor:default;
}

.ligne-du-temps .event .year, .ligne-du-temps .event .eventInfo, .ligne-du-temps .event .empty, .ligne-du-temps .event .texteHolder {
    width:50%;
}

.ligne-du-temps .eventInfo, .ligne-du-temps .texteHolder, .ligne-du-temps .event .year {
    text-align:right;
    position:relative;
}

.ligne-du-temps .reverse .eventInfo, .ligne-du-temps .reverse .texteHolder, .ligne-du-temps .reverse .event .year {
    text-align:left;
}

.ligne-du-temps .event:nth-of-type(even) .eventInfo, .ligne-du-temps .event:nth-of-type(even) .texteHolder, .ligne-du-temps .event:nth-of-type(even) .year {
    text-align:left;
}

.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 {
    text-align:right;
}

.ligne-du-temps .eventInfo .imgHolder, .ligne-du-temps .texteHolder .texte {
    width:80%;
    display:inline-block;
}

.ligne-du-temps .imgHolder img {
    width:100%;
    vertical-align:top;
}

.ligne-du-temps .imgHolder {
    border:1px solid #a7a7a7;
    border-bottom-width:0px;
    box-sizing:border-box;
    background-color:white;
}

.ligne-du-temps .texte {
    text-align:left;
}

.ligne-du-temps p {
    margin:0px;
    font-size:18px;
    font-family:"Open Sans";
    font-weight:lighter;
    margin:5px 0px;
}

.ligne-du-temps .year {
    font-size:80px;
    padding:0px 33px;
    box-sizing:border-box;
}

.ligne-du-temps .eventInfo .ligne, .ligne-du-temps .eventInfo .point {
    position:absolute;
    top:0px;
    bottom:0px;
}

.ligne-du-temps .eventInfo .ligne {
    height:0px;
    width:100%;
    box-sizing:border-box;
    top:0px;
    bottom:0px;
    margin:auto;
    z-index:-1;
    border:1px solid #a7a7a7;
}

.ligne-du-temps .eventInfo .point {
    width:0px;
    height:0px;
    margin: auto -13px;
    border:13px solid #58a618;
    border-radius:50%;
    z-index:10;
}

.ligne-du-temps .event:nth-of-type(odd) .eventInfo .point {
    left:0px;
}

.ligne-du-temps .event:nth-of-type(even) .eventInfo .point {
    right:0px;
}

.ligne-du-temps .reverse .event:nth-of-type(odd) .eventInfo .point {
    left:unset;
    right:0px;
}

.ligne-du-temps .reverse .event:nth-of-type(even) .eventInfo .point {
    right:unset;
    left:0px;
}

.savoir-plus {
    margin-bottom:20px;
    display:inline-block;
}

/************************* NOUS JOINDRE *************************/

.nous-joindre {
    color:#595959;
}

.nous-joindre h1 {
    font-weight:lighter;
    text-transform:uppercase;
    font-size: 40px;
    margin-top: 0px;
    line-height: 1em;
}

.nous-joindre p {
    margin:0px;
}

.nous-joindre .boutton {
    background-color:#58a618;
    font-weight:lighter;
    font-size:20px;
    text-transform:uppercase;
    box-sizing:border-box;
    width:100%;
    height:auto;
    text-align:center;
    padding:5px 50px;
    margin-top:5px;
    font-family: "Oswald";
    border-radius: 0px;
}

.nous-joindre .boutton:hover {
    background-color:rgba(88,166,24,0.5);
}

.nous-joindre .contentSection {
    flex-wrap:nowrap;
    justify-content:space-between;
    margin:0px;
    margin-bottom:60px;
    padding-top: 60px;
}

.nous-joindre .coordonnees {
    width:250px;
    padding-left:20px;
}

.nous-joindre .map {
    padding-right:20px;
}

.nous-joindre .coordonnees .item {
    padding:5px 0px 5px 40px;
    margin-bottom:15px;
}

.nous-joindre .coordonnees .item p, .nous-joindre .coordonnees .item a {
    font-weight:lighter;
    font-family:"Open Sans";
    font-size:16px;
}

.nous-joindre .coordonnees .item p.titre {
    font-weight:bold;
    font-size:20px;
}

.nous-joindre .coordonnees .location, .nous-joindre .coordonnees .phone, .nous-joindre .coordonnees .courriel {
    background-size:20px;
    background-repeat:no-repeat;
}

.nous-joindre .coordonnees .phone, .nous-joindre .coordonnees .courriel {
    background-position:center left;
}

.nous-joindre .coordonnees .location {
    background-image:url("/images/location_grey.png");
}

.nous-joindre .coordonnees .phone {
    background-image:url("/images/phone.png");
}

.nous-joindre .coordonnees .courriel {
    background-image:url("/images/mail.png");
}

.nous-joindre .map {
    width:66%;
    box-sizing:border-box;
    min-height: 300px;
}

.nous-joindre .contacts {
    margin-bottom:80px;
}

.nous-joindre .contact {
    margin-bottom:20px;
}

.nous-joindre .contacts h2 {
    margin:0px;
    font-size:24px;
    line-height:28px;
    text-transform:uppercase;
    margin-bottom:5px;
} 

.nous-joindre strong {
    font-family:"Open Sans";
    font-size:14px;
}

.nous-joindre .contacts p,.nous-joindre .contacts a {
    margin:0px;
    font-weight:lighter;
    font-family:"Open Sans";
    font-size:14px;
}

.nous-joindre .contacts a {
    font-weight:bold;
    text-decoration:underline;
}

.nous-joindre .contacts .contactListe {
    padding:20px;
}

.nous-joindre .contacts .contactListe:not(:first-of-type):not(:last-of-type) {
    border:1px solid #a7a7a7;
    border-top-width:0px;
    border-bottom-width:0px;
}


/**************************** YOUTUBE ****************************/

.youtube img {
    width:100%;
}

.youtube {
    cursor:pointer;
    position:relative;
    display:block;
}

.youtube {
    width:100%;
    height:0px;
    padding-bottom: 49.6%;
    position:relative;
    overflow:hidden;
    background-size: cover;
    background-position: center;
}

.youtube:before {
    display: block;
    content: "";
    width: 100px;
    height: 100px;
    background-image: url(/images/play.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.6);
    opacity:0.4;
}

.youtube iframe {
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
}

/************************** VISIONNEUSE **************************/

.visionneuse {
    width:100%;
    height:0px;
    padding-bottom:56.25%;
    position:relative;
    overflow:hidden;
}

.visionneuse .images, .banniereTop .images, .banniereTop .images .image {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
}

.banniereTop .images {
    z-index: 0;
}

.visionneuse .images .image, .banniereTop .images .image {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-color:white;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    opacity:0;
    z-index: 1;
    border-width:0px;
}

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

.visionneuse .images .image:last-of-type, .banniereTop .images .image:last-of-type {
    transition-delay:0s;
}

.visionneuse .images .image.prev, .banniereTop .images .image.prev {
    opacity:1;
    z-index:2;
}

.visionneuse .images .image.current, .banniereTop .images .image.current {
    opacity:1;
    transition:opacity 0.4s ease;
    transition-delay:0s;
    z-index:5;
}

.visionneuse .navigation {
    width:100%;
    position:absolute;
    left:0px;
    bottom:-20px;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index: 10;
    transition:all 0.4s ease;
}

.visionneuse:hover .navigation {
    bottom:10px;
}

.visionneuse .navigation .thumb {
    width:10px;
    height:10px;
    border:1px solid black;
    margin:0px 5px;
    border-radius:50%;
    background-color:rgba(255,255,255,0.5);
    box-shadow:2px 2px 10px black;
    position: relative;
    cursor:pointer;
}

.visionneuse .navigation .thumb .preview {
    position:absolute;
    width:100px;
    left:50%;
    transform:translateX(-50%);
    bottom:calc(100% + 10px);
}

.visionneuse .navigation .thumb .preview .image {
    background-color:white;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    width:100px;
    height:0px;
    opacity:0;
    transition:opacity 0.4s ease;
    cursor:default;
    display: none;
}

.visionneuse .navigation .thumb:hover .preview .image:hover {
    opacity:0;
}

.visionneuse .navigation .thumb:hover .preview .image {
    opacity:1;
    padding-bottom:56.25%;
    padding-top: 0px;
    display: block;
}

.visionneuse .precedent, .visionneuse .suivant {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    padding:10px;
    background-color:rgba(255,255,255,0.5);
    color:black;
    font-weight:bold;
    cursor:pointer;
    opacity:0;
    transition:all 0.4s ease;
    box-shadow:0px 0px 10px black;
    border:1px solid black;
    z-index: 10;
    font-size: 30px;
    line-height: 30px;
}

.visionneuse .precedent {
    left:0px;
    border-top-right-radius:50%;
    border-bottom-right-radius:50%;
    border-left-width:0px;
}

.visionneuse .suivant {
    right:0px;
    border-top-left-radius:50%;
    border-bottom-left-radius:50%;
    border-right-width:0px;
}

.visionneuse:hover .precedent {
    left:0px;
    opacity:1;
}

.visionneuse:hover .suivant {
    right:0px;
    opacity:1;
}
.page404 h1 div{font-size: 18px;}

/**************************** FOOTER ****************************/

footer * {
    font-family:"Open Sans";
}

footer a {
    color:white;
    text-decoration:none;
}

footer .bg_noir p {
    font-family:"Open Sans";
    font-size:13px;
    margin:0px;
}

footer .bg_noir .contentSection {
    flex-wrap:nowrap;
}

footer .contentSection {
    align-items: center;
}

footer .bouttonInfolettre {
    position:relative;
    height: 25px;
    margin-right: 80px;
    margin-left: 20px;
    cursor: pointer;
}

footer .boutton {
    background-color:#58a618;
}

.boutton {
    padding:0px 20px;
    display: inline-block;
    text-align:center;
    height: 30px;
    line-height: 30px;
    overflow:hidden;
    background-color:#595959;
    border-radius:5px;
    transition: all 0.4s ease;
    color:white;
    cursor:pointer;
    vertical-align: top;
    font-size: 16px;
    font-family: "Open Sans";
    border: 0px;
    width: auto;
    font-weight: initial;
}

footer .boutton:hover, footer .bouttonInfolettre:hover .boutton {
    color:#595959;
    background-color:white;
}

footer .bouttonInfolettre:after {
    content:"";
    border-width: 15px 15px 0px 15px;
    border-color:white transparent transparent transparent;
    border-style:solid;
    display: block;
    position:absolute;
    width:0px;
    height:0px;
    transform: rotate(0deg);
    transition:all 0.4s ease;
    top: 0px;
    bottom: 0px;
    right: -50px;
    margin: auto;
    transform-origin: center center;
}

footer.formulaireOuvert .bouttonInfolettre:after {
    transform: rotate(180deg);
}

footer .bouttonInfolettre .boutton div {
    transition: margin 0.4s ease;
}

footer.formulaireOuvert .bouttonInfolettre .boutton div:first-of-type {
    margin-top: -30px;
}

footer .formulaireInfolettre {
    display:none;
    margin-top:20px;
}

footer .formulaireInfolettre > .contentSection {
    align-items: flex-start;
}

footer input, textarea {
    width:100%;
    margin-bottom:20px;
    padding: 5px 5px;
    box-sizing:border-box;
    font-family:"Open Sans";
    font-weight:lighter;
    font-size:12px;
    display: inline-block;
}

#subForm label {
    margin-bottom:20px;
    font-family:"Open Sans";
    font-weight:lighter;
    font-size:12px;
    display: inline-block;
}

footer textarea {
    height:115px;
}

footer .contentSection .itemSection {
    text-transform:initial;
}

footer .bg_motif {
    padding-bottom:50px;
}

footer .bg_motif > .conteneur > .contentSection {
    align-items: stretch;
    padding-top:30px;
}

footer .bg_motif > .conteneur > .contentSection > .firstSection {
    width: calc(100% - 280px);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

footer .bg_motif > .conteneur > .contentSection > .secondSection {
    width: 280px;
}

.social .itemSection img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

footer .bg_motif .first-section {
    font-size:15px;
}

footer .bg_motif .firstSection .contentSection {
    margin:0px 0px 60px 0px;
    justify-content:flex-start;
    align-items: normal;
}

footer .bg_motif .firstSection .contentSection:not(.social) .itemSection a {
    display: block;
    font-size: 12px;
    font-weight: lighter;  
    margin-bottom: 5px;
    margin-right: 70px;
}

footer .bg_motif .firstSection .contentSection:not(.social) .itemSection a:hover {
    text-decoration:underline;
}

.social .itemSection {
    margin-right: 10px;
    text-align: center;
    padding: 10px;
    border-radius: 50%;
    background-color: #58a618;
    transition:all 0.4s ease;
}

.nouvelles.fiche .voirPlus .boutton:hover, .social .itemSection:hover, .contentRecette .social .itemSection:hover {
    background-color:#a7a7a7;
}

.social {
    justify-content:flex-start;
    margin: 0px;
    width: 100%;
    bottom: 35px;
}

footer h2 {
    margin:0px;
    font-family:"Oswald";
    font-weight:lighter;
    font-size:30px;
}

.social a {
    display:block;
    width: 20px;
    height: 20px;
    position: relative;
}

footer .bg_motif .secondSection p {
    font-size:12px;
    margin:0px;
}

footer .bg_motif .secondSection input[type="text"] {
    margin-bottom:10px;
}

footer .bg_motif .secondSection textarea, footer .contactBoutton {
    margin-bottom:15px;
}

footer .contactBoutton {
    background-color:#58a618;
    text-align:center;
    cursor:pointer;
    font-family:"Oswald";
    font-weight:lighter;
    font-size:20px;
    transition:all 0.4s ease;
    height: 30px;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 25px;
    border:0px;
    color:white;
    padding: 0px;
    width:100%;
}

footer .contactBoutton:hover {
    color:#595959;
    background-color:white;
}

footer .politique {
    text-align:right;
    font-size:12px;
    text-decoration:underline;
    display:block;
    height: 20px;
}

footer .bg_motif .firstSection .contentSection.social {
    margin:0;
    margin-bottom:30px;
    /*position: absolute;*/
}

footer .bg_motif .firstSection .contentSection:first-of-type {
    flex:1;
}

footer .bg_motif .firstSection .contentSection:first-of-type .itemSection:first-of-type {
    border-right:1px solid white;
}

footer .bg_motif .firstSection .contentSection:first-of-type .itemSection:not(:first-of-type) {
    box-sizing:border-box;
    padding-left:20px;
}

.firstSection .itemSection.triple:not(:first-of-type):not(:last-of-type) {
    border: 2px solid white;
    box-sizing: border-box;
    border-width: 0px 2px 0px 2px;
    padding: 0px 20px;
    margin-right: 20px;
}
.langues-cont{position: absolute;right: 0;top: 8px;}
.btn-langue-cont{position: relative;}
.btn-langue{padding: 6px 6px 6px;font-size: 12px;color: #fff;border-bottom: 1px solid #767676;}
.btn-langue-cont .flag{display: inline-block;padding: 7px 12px;vertical-align: sub;margin-left: 8px;background-position: center;background-repeat: no-repeat;}
.btn-langue-cont .flag.canada{background-image: url(../images/canada.jpg);}
.btn-langue-cont .flag.usa{background-image: url(../images/usa.jpg);}
.choix-langues{display: none;position: absolute;top: 29px;left: 0;background: rgba(0,0,0,0.86);z-index: 12;right: 0;}
.choix-langues a{white-space: nowrap;display: block;font-size: 12px;color: #fff;padding: 4px 6px 4px 0;text-align: right;border-bottom: 1px solid #767676;}
/************************** FIN FOOTER **************************/
.grecaptcha-badge {display:none;}

.good, .oups {
    padding:10px;
    margin-bottom:10px;
    background-color:black;
    box-shadow:0px 0px 10px 0px #ffffff85;
    //animation-name:glowWhite;
    animation-duration:4s;
    animation-iteration-count:infinite;
    font-size:12px;
}

.oups {
    box-shadow:0px 0px 10px 0px #ff333385;
    //animation-name:glowRed;
    animation-duration:2s;
    animation-iteration-count:infinite;
}

@keyframes glowWhite {
    0% {box-shadow:0px 0px 10px 0px #ffffff85;}
    50% {box-shadow:0px 0px 10px 0px #ffffff00;}
    100% {box-shadow:0px 0px 10px 0px #ffffff85;}
}

@keyframes glowRed {
    0% {box-shadow:0px 0px 10px 0px #ff333385;}
    10% {box-shadow:0px 0px 10px 0px #ff333300;}
    20% {box-shadow:0px 0px 10px 0px #ff333300;}
    30% {box-shadow:0px 0px 10px 0px #ff333385;}
    40% {box-shadow:0px 0px 10px 0px #ff333300;}
    90% {box-shadow:0px 0px 10px 0px #ff333300;}
    100% {box-shadow:0px 0px 10px 0px #ff333385;}
}

.kit-media .contentSection {margin:0px;}

.kit-media h2, .kit-media .pageType h2 {
    font-family:"Oswald";
    font-size:30px;
    text-align:left;
    border-bottom:2px solid #595959;
    color:#595959;
    text-transform:uppercase;
    font-weight:lighter;
    margin:20px 0px;
}

.kit-media img {width:100%;}
.kit-media .pageType {text-align:left;}
.kit-media .conteneur {margin-bottom:50px;}
.kit-media .sectionFlex.contentSection {padding:0px;}
.kit-media .itemSection.triple {width:32%;}
.kit-media ol li {text-align:left;list-style-type:none; vertical-align:middle;margin-bottom:10px;font-size:14px;font-family:"Open Sans";font-weight:lighter}
.kit-media ol {counter-reset: item; margin-left:0px;padding-left:0px;}
.pageType ol li {text-align:left;font-weight:normal;font-family: 'Open Sans', sans-serif;}
.kit-media ol li:before { content: counter(item); counter-increment: item; width:25px; height:25px; background-color:#595959; border-radius:50%; display:inline-block;color:white; line-height:25px;text-align:center;font-size:14px;margin-right:10px;font-family:"Open Sans"}
.kit-media .itemSection .nom {margin:0px;display: block;padding-right: 20px;}
.kit-media .itemSection .texte {position:relative;}
.kit-media .itemSection .texte a.download {position:absolute;margin:auto;right:0px;top:0px;bottom:0px;width:20px;height:20px;background-image:url(/images/download.png);background-size:contain;}
.kit-media .itemSection .imgHolder {border:1px solid #595959;border-bottom-width:0px;}
.kit-media img.mobile {display:none;}
.pageType .wrap p{
    text-align:left;
}
.nouvelles .visionneuse, .nouvelles .image .imageVisio img {border:1px solid #a7a7a7;}
.nouvelles .imgHolder {
    border:1px solid #a7a7a7;
    border-bottom-width:0px;
}

.gestes .contentSection .quarter .imgHolder {
    border:1px solid #a7a7a7;
    border-bottom-width:0px;
    box-sizing:border-box;
}

.pageTypeContainer .pageType:last-of-type {
    margin-bottom:80px;
}

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

.produitBlocs .contentSection:last-of-type .itemSection:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background-color: #595959;
    top: -20px;
    left: 10px;
    right: 10px;
}

.nouvelles .contentSection a.itemSection:nth-last-child(-n+4) {
    margin-bottom:0px;
}

.ou_trouver_container {
    margin-bottom:80px;
}

footer .boutton, footer .boutton div, footer .contactBoutton {
    font-size:20px;
    font-family:"Oswald";
    font-weight:lighter;
    border-radius:0px;
    transition:all 0.4s ease;
}

.ride-top {
    position:fixed;
    bottom:20px;
    right:-40px;
    z-index:10;
    cursor:pointer;
    transition:all 0.4s ease;
}

.scroll .ride-top {
    right:0px;
}

.mission .subNav .contentSection {
    align-items:flex-start;
}

.inventaire .pagination {
    margin-bottom:0px;
}

.nouvelles .contentSection .itemSection .nom {
    font-family: "Oswald", sans-serif;
    font-size:16px;
    font-weight:200;
}

/*input[type='text'] {
    font-size:16px;
}*/

.bg_grey .contentSection p {
    font-family:'Open Sans', sans-serif;
    font-size:20px;
}

.kit-media ol li {
    display:flex;
}

.kit-media ol li span {
    flex:1;
}

.coming-soon-container {
    max-width: 1100px;
    margin: auto;
}

.coming-soon-container .coming-soon {
    position: absolute;
    top: 0px;
    position: absolute;
    top: 0px;
    font-family: 'Oswald', sans-serif;
    color: white;
    font-weight: lighter;
}

.coming-soon-container .compagny {
    display: inline-block;
    padding: 3px 12px;
    color:white;
}

.coming-soon-container .recipies {
    padding: 3px 12px;
    position: relative;
    background-color: #649e00;
    display: inline-block;
    color:white;
}

.coming-soon-container .recipies img {
    position: absolute;
    top: 100%;
    right: -10px;
    z-index: 1;
}

.coming-soon-container .bientot {
    position: absolute;
    top: 5px;
    left: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 1em;
    width: 60px;
    height: 60px;
    padding: 5px;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    background-color: #649e00;
    border-radius: 50%;
    transform: rotate(-12deg);
    color:white;
    transition:all 0.4s ease;
}

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

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

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

.recette-container {
    display:flex;
    color:#595959;
    margin-bottom: 80px;
}

.recette-container .imgRecette {
    width:calc(50% - 10px);
    position:relative;
    overflow:hidden;
}

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

.recette-container .contentRecette {
    margin-left: 20px;
    max-width: 540px;
    width: 100%;
    margin-top:60px;
}

.contentRecette .contentSection {
    margin:0px;
}

.contentRecette .itemSection.image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right:20px;
}

.contentRecette .itemSection.image img {
    box-sizing:border-box;
    padding:10px;
    width:100%;
    height:100%;
}

.contentRecette .tooltip {
    margin-top:20px;
    font-family: "Open Sans", sans-serif;
}

.contentRecette .tooltip .itemSection.triple {
    justify-content: flex-start;
    width:32%;
    align-items: center;
    flex-wrap:nowrap;
}

.contentRecette .tooltip .itemSection.triple > .itemSection:not(.image) {
    flex:1;
}

.contentRecette .tooltip .titre {
    font-weight:bold;
    font-size:15px;
}

.contentRecette .tooltip .infos {
    font-weight: lighter;
}

.contentRecette .content {
    font-family: "Open Sans", sans-serif;
    font-weight: lighter;
    font-size:14px;
    margin-top:20px;
} 

.nouvelles.fiche ol, .nouvelles.fiche ul {
    font-family: "Open Sans", sans-serif;
    font-weight: lighter;
}

.contentRecette ul, .contentRecette ol, .contentRecette p, .nouvelles.fiche ol, .nouvelles.fiche ul {
    margin:0px;
}

.contentRecette .content .titre {
    font-weight:bold;
    font-family:"Oswald", sans-serif;
    font-size:24px;
    text-transform:uppercase;
}

.contentRecette .content ol, .contentRecette .content ul, .nouvelles.fiche ol, .nouvelles.fiche ul {
    list-style-type:none;
    padding-left:15px;
    counter-reset: item;
}

.contentRecette .content ol, .nouvelles.fiche ol {
    padding-left:30px;
}

.contentRecette .content ul li, .contentRecette .content ol li, .nouvelles.fiche ol li, .nouvelles.fiche ul li {
    position:relative;
}

.contentRecette .content ul li:before, .nouvelles.fiche ul li:before {
    content:"-";
}

.contentRecette .content ol li:before, .nouvelles.fiche ol li:before {
    content:counter(item)".";
    counter-increment: item;
    font-weight:bold;
}

.contentRecette .content ol li:before, .contentRecette .content ul li:before, .nouvelles.fiche ol li:before, .nouvelles.fiche ul li:before {
    position: absolute;
}

.contentRecette .content ul li:before, .nouvelles.fiche ul li:before {
    right: calc(100% + 5px);
}

.contentRecette .content ol li:before, .nouvelles.fiche ol li:before {
    left:-30px;
}

a.lienPage {
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    top:118px;
}

.cuisson .imgHolder {
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    position: relative;
    border-radius: 50%;
    background-image: url(/images/bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    margin-bottom:20px;
}

.cuisson .imgHolder img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    margin:auto;
    box-sizing: border-box;
}

.cuisson .contentSection .itemSection.quintuple {
    width: calc(100% / 5 - 60px);
    margin: 0px 30px;
    margin-bottom:40px;
}

.cuisson > .contentSection {
    margin:0px -30px;
    margin-top:40px;
    justify-content: flex-start;
}

.cuisson .contentSection .itemSection .nom {
    margin-bottom:10px;
    text-transform:initial;
    width:100%;
    text-align:center;
    font-family:"Open Sans", sans-serif;
    font-weight:bold;
    font-size:18px;
}

.coupe h1 {
    color: #595959;
    margin: 60px 0px;
    border-bottom: 2px solid #595959;
    font-weight: lighter;
    font-size: 40px;
    text-align: left;
    text-transform: uppercase;
}

.coupe .titreSection {
    color:#595959;
    font-size:34px;
    font-weight:bold;
    font-family:"Oswald", sans-serif;
    text-transform:uppercase;
    margin:0px;
    width:100%;
}

.coupe .contentSection {
    color:#595959;
    margin:0px;
}

.coupe .contentSection {
    margin-bottom:60px;
}

.coupe p {
    font-size:20px;
    font-family:"Open Sans", sans-serif;
}

.coupe .list-item {
    position:relative;
    margin-bottom:20px;
    font-family: "Open Sans", sans-serif;
}

.coupe .list-item .number {
    position:absolute;
    display: inline-block;
    margin-right: 5px;
    width: 24px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
}

.coupe .list-item .number:before {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #58a618;
    z-index: -1;
    top: calc(50% - 12px);
    border-radius: 50%;
}

.coupe .list-item span, .coupe .list-item a {
    display: inline-block;
    padding-left: 40px;
    line-height: 24px;
}

.coupe .itemSection.third {
    width:30%;
    border-top:2px solid #595959;
    padding-top:20px;
}

.recette-container .visionneuse {
    padding:0px;
    height:auto;
}

.recette-container .visionneuse .images .image {
    width:100%;
}

.recette-container .visionneuse .images {
    position:initial;
}

.recette-container .visionneuse .images .image.current {
    position:initial;
}

.nouvelles .contentSection .itemSection.single {
    width:100%;
}

.nouvelles.fiche .single .voirPlus .boutton {
    width:300px;
}

.banniereTop.overflow.accueil {
    height:550px;
    box-sizing: border-box;
    padding-top: 130px;
    
}
.recette-container .imgRecette .social img {
    width:auto;
}

.contentRecette .social .itemSection {
    background-color: #595959;
}

.print-only {
    display:none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .banniereTop .images .image.current {position:absolute;}
}

@supports (-ms-ime-align: auto) {
    .banniereTop .images .image.current {position:absolute;}
}