@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Montserrat:300,400,500,700,900|Satisfy:300,400,500,700,900|Cookie:300,400,500,700,900&display=swap');
@import url('css/fontawesome.css');

/*** reset ***/
html, body, div, span, applet, object, iframe, p, blockquote,
a, abbr, acronym, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
.pasmobile{
	display:inline-block;
}
.mobile{
	display:none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
*{
	box-sizing: border-box;
}
html{margin-top:0!important;}
ol, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.wsp-pages-list{
	list-style:circle!important;
	padding-left:15px;
}
.wsp-pages-list .children{
	list-style:circle!important;
	padding-left:15px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	/*border-spacing: 0;*/
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.aligncenter{float:none; margin:10px auto;}
.alignleft{float:left; margin:10px 10px 10px 0;}
.alignright{float:right; margin:10px 0 10px 10px;}

.textaligncenter{text-align:center;}
.textalignleft{text-align:left;}
.textalignright{text-align:right;}

/*** styles ***/
body {
    background: #E9E7E4;
    padding: 0px;
    margin: 0px;
    color: #444;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 1.4;
	background:url('images/global/bg-body.jpg') repeat top left transparent;
	overflow:hidden;
	overflow-y:scroll;
}

a {
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto';
    margin: 0;
    padding: 0;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
}

h4{
	font-family:Cookie, Arial, sans-serif;
	font-size:26px;
	color:#000;
	line-height:1;
	font-weight:normal;
}

.row{ width:100%; max-width:1170px; margin:auto; padding:40px 0; }
.row::after {
    font-size: 0px;
    content: ".";
    display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
}
.row.full-width{width:100%;max-width:100%;}
.align-center{ text-align:center; }
.align-left{ text-align:left; }
.align-right{ text-align:right; }
.more{ text-align:center; margin-top:40px;}

ul.menu_h li {
    display: inline-block;
    margin: 0px 5px 0px 0px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 768px) {
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}

@media (min-width: 992px) {
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
}

.btn {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 0;
  font-size: 18px;
  text-transform:uppercase;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  text-decoration:none;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}

.btn-primary {
  color: #fff;
  background-color: #3E97BA;
  border-color: #3E97BA;
}
.btn-primary:hover {
  background-color:#278AA8;
  border-color:#278AA8;
  color: #fff;
}
.btn-success {
  color: #FFF;
  background-color: #BB2C7C;
  border-color: #BB2C7C;
}
.btn-success:hover {
  color: #FFF;
  background-color: #D13492;
  border-color: #D13492;
}

.btn-totop {
    position: fixed;
    bottom: 20px;
    right: 10px;
    width: 40px;
    height: 40px;
    background-color: #333;
    color: #FFF;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #FFFF;
    display: none;
}

a img {
    display: block;
    transition: opacity 0.3s ease 0s;
    opacity: 1;
    max-width: 100%;
    height: auto;
}
section {
    padding: 40px 0;
}
section#slider{ padding:0; position:relative; }
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.flex-row {
    display: flex;
	display: -webkit-flex;
    flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
}

/************************************
			HEADER
************************************/

header{height:240px; padding:15px 0; width:100%; background:url('images/global/bg-header.jpg') center center no-repeat transparent; background-size:cover;}
header a{color:#FFF;}

#tooglemenu{display:none;}
#closemenu{display:none;}
header nav{display:flex; display: -webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;}
header nav ul{display:flex; display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow: row wrap;}
header nav ul.sub-menu{padding-left:20px;}
header nav ul li{margin-right:40px;}
header nav ul li:last-child{margin-right:0;}
header nav a{text-transform:uppercase;font-size:14px; font-weight:bold;}

header nav + div{display:flex; display: -webkit-flex; align-items:center; -webkit-align-items:center; justify-content:flex-end; -webkit-justify-content:flex-end; }
header nav .menu-mobile-container{display:none;}
#socialinks{display:flex; display: -webkit-flex; color:#FFF; justify-content:flex-end; -webkit-justify-content:flex-end; }
#socialinks li{margin-right:20px;}
#socialinks li:last-child{margin-right:0;}
#socialinks a{color:#FFF; font-size:20px; margin-right:10px;}
#socialinks a:last-child{margin-right:0;}

/************************************
			ACCUEIL
************************************/

#logo{position:absolute; top:calc(25% - 80px); left:calc(50% - 125px); width:250px; }
#logo img{width:100%; height:auto;}
#logo-header{display:flex; display: -webkit-flex; justify-content:center; -webkit-justify-content:center; }
#logo-header img{ width:200px; height:auto; }
.bxslider{width:100%; height:100vh;}
.bx-wrapper img{height:100vh; width:100%; object-fit:cover;}
#menu-home{height:140px; background-color:rgba(255,255,255,0.7); position:absolute; bottom:0; left:0; width:100%; padding:10px 0; }

.fixedmenu #menupage{background: url('images/global/bg-header.jpg') center center no-repeat transparent; background-size:cover; box-shadow: 0px 1px 10px #000; position:fixed; top:0; z-index:9; width:100%; }
.fixedmenu header a{ color:#FFF; }
.fixedmenu header nav{ justify-content:center; -webkit-justify-content:center; }
.fixedmenu #logo-header img{ height:50px; width:auto; }
.fixedmenu #tooglemenu{ bottom:3px; }
.fixedmenu #socialinks a{color:#FFF;}

#menu-home-list{display:flex; display: -webkit-flex; justify-content:center; -webkit-justify-content:center; flex-flow:row wrap; -webkit-flex-flow: row wrap; align-items: center;}
#menu-home-list div{ text-align:center; }
#menu-home-list div figure{ width:100px; height:100px; text-align:center; margin:auto; }
#menu-home-list div figure img{ border:3px solid #FFF; border-radius:50%; width:100px; height:100px; object-fit: cover;}
#menu-home-list div a{ color:#333; font-size:14px; font-weight:bold; }
#lien-externe{position:absolute; right:20px;}
.logos-bio{position:absolute; left:20px; top:10px; z-index:8;}
.fixedmenu .logos-bio{display:none;}
.logos-bio img{height:50px;}
#menupage .logos-bio img{height:50px;}

#lien-externe figure{width:80px!important; height:80px!important;}
#lien-externe figure img{width:80px!important; height:80px!important;}
#lien-externe a{font-size:12px!important;}

h2.titresection{
	font-family: 'Satisfy';
	color:#3E97BA;
	font-size:38px;
	font-weight:bold;
	text-align:center;
	line-height:1;
}
p.intro{text-align:center; margin-top:40px;}

#bloc-intro .row{padding-bottom:0;}

#bloc-boutique{margin-bottom:20px;}

.bloc-info-content{
	height:220px;
	display:flex;
	display: -webkit-flex;
	flex-flow:column;
	-webkit-flex-flow: column;
	justify-content:center;
	-webkit-justify-content:center; 
	align-items:center;
	-webkit-align-items:center; 
	transition: all 1s;
	overflow:hidden;
	position:relative;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.bloc-info img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:1;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
}
.bloc-info:hover img{
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05);
}
.bloc-info h3{
	text-transform:uppercase;
	color:#FFF;
	text-shadow:2px 5px 5px #000;
	margin-bottom:10px;
}
.bloc-info .bloc-info-content{
	z-index:2;
	text-align:center;
}
.bloc-info .bloc-info-content-text{z-index:2;}
.bloc-info:hover .btn-primary {
  background-color:#278AA8;
  border-color:#278AA8;
  color: #fff;
}
.bloc-info:hover .btn-success {
  background-color: #D13492;
  border-color: #D13492;
}

#bloc-parallax-2{
	background:url('images/global/fond-parallax-2.png') center 0 no-repeat fixed;
	background-size:cover;
}
#bloc-parallax-3{
	background:url('images/global/fond-parallax-3.jpg') center 0 no-repeat fixed;
	background-size:cover;
}
.bloc-parallax{ height:300px; }
.bloc-parallax .container{
	display:flex;
	display: -webkit-flex;
	height:100%;
	justify-content:center;
	-webkit-justify-content:center; 
	align-items:center;
	-webkit-align-items:center;
}
.bloc-parallax .container h2{
	color:#FFF;
	font-size:38px;
	line-height:1.2;
	text-align:center;
	text-shadow:2px 5px 5px #000;
}

.bloc-actu img{ overflow:hidden; width:100%; height:210px; object-fit:cover; margin-bottom:10px; border-radius:5px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;-o-transition: all 1s;}

.bloc-actu:hover img{
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05);
}
.bloc-actu h3{font-size:14px; line-height:1.2; font-weight:bold;}

#bloc-liens .row{padding:0;}

#bloc-produits .slider{
	display:flex;
	display: -webkit-flex;
	flex-flow:row wrap;
	-webkit-flex-flow: row wrap;
	width: 100%;
}
.slider .bloc-thumbnail{ background-color:#FFF;}
.slider .bloc-thumbnail img{ width:100%; height:210px; object-fit:cover;}
.slider .bloc-texte h3 a{ font-size:14px; color:#3E97BA; line-height:1.2; }
.slider .bloc-texte.LaBelleNoix h3 a{ color:#AFCB1F; }

.archive-pagination{display:flex; display: -webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; width:100%;}
.archive-pagination a{ display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  text-transform:capitalize;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  color:#FFF;
  background-color:#333;
  text-decoration:none;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.archive-pagination-prev{text-align:right;}

/************************************
			PRODUIT
************************************/
img{object-fit:cover;}
#breadcrumb{color:#000;background-color:#FFF;padding:10px 0; font-size:12px; line-height:1;}
#breadcrumb a{color:#000;}
.flexwrap{ width:100%; display:flex; display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow: row wrap;}
article #image-produit figure{ height:400px; width:100%; padding:0; margin:0; }
article #image-produit figure img{ height:100%; width:100%; object-fit:cover; }
article h1{
	margin-bottom:20px!important; 
	font-family:Satisfy, Arial, sans-serif;
	color: #3E97BA;
	font-size: 32px;
	font-weight: bold;
	width:100%;
}
article .LaBelleNoix h1{
	color:#AFCB1F;
}
article h2{
	margin:20px 0!important; 
	font-family:Montserrat, Arial, sans-serif;
	color: #3E97BA;
	font-size: 18px;
	font-weight: bold;
	width:100%;
	clear:both;
}
article h3{
	font-family:Montserrat, Arial, sans-serif;
	color: #333;
	font-size: 14px;
	font-weight: bold;
}

article a{
	color:#333;
	text-decoration:underline;
}
article h3 a{
	color:#333;
	text-decoration:none;
}
article h3.LaBelleNoix a{
	color:#AFCB1F!important;
}
article p{ line-height:1.4; margin:10px 0;}
article .description{ font-size:16px; line-height:20px; margin-bottom:20px; }
article .description p{ margin:10px 0; }
article ul, article ol{margin:0 0 0 20px;}
article ul{list-style:circle;}
article ol{list-style:decimal;}

figure.wp-caption{position:relative;}
figcaption{background-color: rgba(0,0,0,0.5); color: #FFF; padding: 5px; font-size: 10px; position: absolute; width: 100%; bottom: 6px;}

.item{margin-bottom:20px;}
.item-content{ height:100%; background-color:#FFF; padding:10px;}
.item.partenaire .imgthumb,
.slider .partenaire .bloc-thumbnail{
	position:relative;
}
.slider .partenaire .bloc-thumbnail:before,
.item.partenaire .imgthumb:before{
	content: "";
	display: block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	z-index: 2;
	width: 100px;
	position: absolute;
	left: -36px;
	bottom: 29px;
	overflow: hidden;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #3E97BA;
	border-radius: 5px;
}
.slider .partenaire .bloc-thumbnail:after,
.item.partenaire .imgthumb:after{
	display: block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	z-index: 3;
	text-align: center;
	color: #fff;
	font-size:12px;
	font-weight: bold;
	width: 110px;
	position: absolute;
	left: -11px;
	bottom: 35px;
	content:'Produit partenaire';
}
.item .imgthumb img{ overflow:hidden; width:100%; height:200px; object-fit:cover; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.item .content{ font-size:14px; }
.item .content div{ margin-bottom:15px; }
.item .content h2{ font-size:16px; margin: 10px 0 !important; }
.item .content.LaBelleNoix h2{ color: #AFCB1F!important; }
.item-content .btn{font-size:14px;}
.item-content .blocboutons{display:flex; justify-content:space-between;}

.recette_infos{border: 1px dashed rgba(0,0,0,0.3); padding:5px;}
.recette .recette_infos{width:100%; background-color:#ecf6f6; padding:10px;}
.recette .recette_infos i{margin-right:5px;}
.recette h2{margin:30px 0!important;}

#autresproduits{margin-bottom:40px;}
.datearticle{font-size:14px; text-transform:lowercase; margin-bottom:20px;}

/************************************
			RECETTES
************************************/

.single-ingredients {
    background-color: #faf5f1;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.single-ingredients h2 {
    font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	border-bottom: 1px dashed rgba(0,0,0,0.1);
	margin-top: 0 !important;
}
.ingredient-serves {
    text-align: center;
    padding-bottom: 8px;
    padding-top: 8px;
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: #efe4db;
    border: 1px solid #e0c6b1;
}
.ingredient-serves-label {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
}
.servings-adjuster-control {
    display: inline-block;
}
.servings-adjuster-control .ingredient-serves-decr, .servings-adjuster-control .ingredient-serves-incr {
    font-size: 16px;
    color: #c98a66;
    padding: 0px 5px;
    cursor: pointer;
}
.servings-adjuster-control input, .servings-adjuster-control .ingredient-serves-decr, .servings-adjuster-control .ingredient-serves-incr {
    display: inline-block;
    vertical-align: middle;
}
.os-icon {
    font-family: 'Font Awesome 5 Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.os-icon-basic2-273_remove_delete_minus::before {
    content: "\f068";
}
.os-icon-basic2-272_add_new_plus::before {
    content: "\f067";
}
.servings-adjuster-control input {
    width: 40px;
    border: 1px solid #e0c6b0;
    box-shadow: none;
    border-radius: 6px;
    text-align: center;
    font-family: 'Roboto', serif;
    font-weight: 400;
    font-size: 14px;
    padding: 4px 10px;
    margin-top: 0;
    background-color: #FFF;
}
.portions-num, .control-ingredients button:hover, .control-ingredients button:focus, .control-ingredients button:hover {
    color: #ff0000;
}
.single-ingredients table.ingredients-table {
    width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.single-ingredients table.ingredients-table td {
    border-bottom: 1px solid #efe0d3;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
}
.single-ingredients table.ingredients-table td.ingredient-action {
    cursor: pointer;
    width: 40px;
    padding: 10px 5px;
    text-align: center;
    border-right: 1px solid #efe0d3;
}
.per-portion {
    display: none;
}
.quantity-unit {
    font-size: 14px !important;
}

/************************************
			COMMENTAIRES
************************************/
#respond h3, h3#comments{
	margin: 20px 0 !important;
	font-family: Montserrat, Arial, sans-serif;
	color: #3E97BA;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	clear: both;
}

#respond #commentform {
    padding: 20px;
    background-color: #fff;
    border-top-left-radius: 0px;
    border-radius: 0px 6px 6px 6px;
	border:1px solid #f2f4f5;
}
#respond #commentform p {
    margin-bottom: 5px;
    padding-bottom: 10px;
}
#respond #commentform .comment-form-comment {
    width: 100%;
    clear: both;
    float: left;
}
#respond #commentform label {
    display: block;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 1px;
}
#respond #commentform textarea {
    padding: 5px 10px;
    height: 80px;
    display: block;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.3);
}
#respond #commentform .comment-form-author {
    float: left;
    width: 45%;
    margin-right: 10%;
}
#respond #commentform input#author, #respond #commentform input#email, #respond #commentform input#url {
    display: block;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.3);
    padding: 2px 10px;
}
#respond #commentform .comment-form-url {
    float: left;
    width: 45%;
    margin-right: 10%;
    clear: both;
	display:none;
}
#respond #commentform .comment-form-author {
    float: left;
    width: 45%;
    margin-right: 10%;
}
#respond #commentform .comment-form-email {
    float: left;
    width: 45%;
}
#wp-comment-cookies-consent{
	float: left;
	margin-right: 10px;
}
#respond #commentform #submit {
    display: inline-block;
	padding: 5px 10px;
	margin-bottom: 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 4px;
	color: #fff;
	background-color: #98B321;
	border-color: #98B321;
}
.commentlist{
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.commentlist .comment{
    position: relative;
    padding-left: 80px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.commentlist .comment-meta{
	font-weight: 400;
    font-size: 20px;
	color:#333;
	padding:0;
	background-color:transparent;
}
.commentlist .comment-meta::before, .commentlist .comment-meta::after{
    content: " ";
    display: table;
}
.commentlist .comment-author{
    display: table;
    margin-bottom: 0px;
    vertical-align: middle;
	font-size:14px;
}
.commentlist .comment-author img{
    position: absolute;
    left: 0px;
    top: 25px;
    margin-right: 10px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
}
.commentlist .comment-author .fn{
    margin: 0px;
    padding: 0px;
    display: table-cell;
	padding-right:5px;
}
.commentlist .comment a{
    color: #333;
}
.commentlist .comment-metadata{
    font-size: 14px;
    display: inline-block;
}
.commentlist .comment p{
    margin-top: 10px;
}
.commentlist .comment-content p:last-child{
    margin-bottom: 0px;
}

/************************************
			lien site
************************************/

.lien-externe{
	width:100px;
	height: 120px;
	background: #3E97BA;
	position: absolute;
	top: 0;
	right: 15px;
	z-index: 9;
	text-align:center;
}
.lien-externe:before, .lien-externe:after {
    content: "";
    position: absolute;
}
.lien-externe::after {
    height: 0;
    width: 0;
    border-left: 50px solid #3E97BA;
    border-right: 50px solid #3E97BA;
    border-bottom: 20px solid transparent;
    bottom: -2px;
	position:relative;
}
.lien-externe a{
	color:#FFF;
	font-size:13px;
	line-height:1.2;
}
.lien-externe img{
	width:75px;
	height:75px;
	border-radius:50%;
	object-fit:cover;
	position:relative;
	display:block;
	margin:5px auto 5px;
}

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

footer{
	background-color:#333;
	color:#FFF;
	padding:20px;
	font-size:14px;
}
footer h2{
	color: #FFF;
	font-size: 18px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
footer h2 ~ h2{
	margin-top: 15px;
}
footer a{
	color:#FFF;
	font-size:14px;
}
footer section{
	padding:10px 0 0;
}
footer ul li:before{
	content:'- ';
}
footer #listeproduits ul{
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
footer #listeproduits ul li {
    display: inline-block;
	width:100%;
	line-height:1.8;	
}
footer #socialinks{
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.copyright, #menu-footer{ font-size:12px;}
#menu-footer{display:flex; display: -webkit-flex; flex-flow:row wrap; -webkit-flex-flow: row wrap; justify-content:center; -webkit-justify-content:center; }
#menu-footer li{ margin-right:5px; }
#menu-footer li:last-child{margin-right:0;}
#menu-footer li:before{ content:''; }
#menu-footer li:after{ content:'-'; margin-left:5px; }
#menu-footer li:last-child:after{ content:''; margin-left:0px; }

.logo-footer{ text-align:center; }
.logo-footer img{ width:100px; }

/************************************
			RESPONSIVE
************************************/

@media screen and (min-width: 1020px){
	.container {
		width: 1020px;
	}
}

@media screen and (max-width: 992px){
	.container {
		width: 750px;
	}
}

@media screen and (max-width: 1024px){
	header nav ul li{margin-right:20px;}
}

@media screen and (max-width: 767px){
	.container {
		max-width: 100%;
	}
	
	.pasmobile{display:none;}
	.mobile{display:inline-block;}
	
	.flexwrap div:first-child{margin-bottom:10px;}
		
	.aligncenter{float:none; margin:10px auto;}
	.alignleft{float:none; margin:0; width:100%; height: auto;}
	.alignright{float:none; margin:0; width:100%; height: auto;}
	
	figure.wp-caption{float:none!important; width:100%!important; margin:0!important;}
	figure.wp-caption img{width:100%!important; object-fit:cover;}
	
	#menu-home{position:fixed; bottom:0; z-index:9;}
	
	#logo{position:absolute; top:calc(25% - 20px); left:calc(50% - 100px); width:200px; }
	#logo img{width:100%; height:auto;}
	
	header nav{display:none; position:absolute!important; top:0; left:0; width:100%!important; height:100vh; background-color:#333; z-index:9; padding:30px 20px!important;}
	header nav .menu-top-container{display:none;}
	header nav .menu-mobile-container{display:block;}
	header{position:relative;}
	header nav + div{position:absolute!important; bottom:10px; right:10px;}
	header nav ul li{margin:0!important; width:100%; line-height:2;}
	#tooglemenu{z-index:8; position:absolute; left:10px; bottom:10px; color:#FFF; font-size:30px; display:block;}
	#closemenu{z-index:9; position:absolute; right:20px; top:10px; color:#FFF; font-size:30px; display:block;}
	
	#menu-home{height:auto;}
	#menu-home-list div{padding-right: 5px; padding-left: 5px;}
	#menu-home-list div figure {width: 75px; height: 75px;}
	#menu-home-list div figure img{ border: 1px solid #FFF; border-radius: 50%; width: 75px; height: 75px;}
	#menu-home-list figure + a{display:none;}
	
	h2.titresection{font-size:26px;}
	.bloc-actu, .bloc-info{margin-bottom:20px;}

	.bloc-parallax { background-position: 0 !important; }	
	.bloc-parallax .container{height:175px;}
	.bloc-parallax .container h2{font-size:26px;}
	
	article #image-produit{order:1;}
	article #infos-produit{order:0;}
	article figure{margin-top:20px;}
	article h1{font-size:24px;}
	
	.home footer{ padding-bottom: 110px; }
	footer #listeproduits + div, footer nav, footer #listeproduits{display:none;}
	
	#respond #commentform .comment-form-author,
	#respond #commentform .comment-form-email{float:none; width:100%;}
	
	.lien-externe{
		width:60px;
		height: 100px;
		right: 15px;
	}
	.lien-externe::after {
		border-left: 30px solid #3E97BA;
		border-right: 30px solid #3E97BA;
		border-bottom: 10px solid transparent;
		bottom: 0;
	}
	.lien-externe a{
		font-size:10px;
	}
	.lien-externe img{
		width:50px;
		height:50px;
	}
	#logo-header img{ width:150px; height:121px; object-fit:cover; }
}

@media screen and (max-width: 640px){
	.logos-bio img{height:30px;}
	#menupage .logos-bio img{height:25px;}
}