/* 
Theme Name: 2022 - Journal de ce que je mange 2022
Theme URI: journaldecequejemange.com
Description: Thème crée pour le blog d'Irène Schwartz
Version: 1.0
Author: Aline Héau
Author URI: aheo.fr
Journal de ce que je mange par Aline Héau || http://www.aheo.fr
*/

/*Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: dotted 1px #A6A6A6;
}



/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* =Content
----------------------------------------------- */

.sticky {
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Media
----------------------------------------------- */

.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 100%;
}
.wp-caption-text {
	text-align: center;
    font-size: 1.3em;
    font-style: italic;
}
.wp-caption .wp-caption-text {
	margin: 0.5em 0 1em;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}



/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

/* fonts */
@font-face {
    font-family: 'wc_mano_negra_btaregular';
    src: url('fonts/WCManoNegraBta-webfont.eot');
    src: url('fonts/WCManoNegraBta-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/WCManoNegraBta-webfont.woff') format('woff'),
         url('fonts/WCManoNegraBta-webfont.ttf') format('truetype'),
         url('fonts/WCManoNegraBta-webfont.svg#wc_mano_negra_btaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'wc_mano_negra_btabold';
    src: url('fonts/WCManoNegraBoldBta-webfont.eot');
    src: url('fonts/WCManoNegraBoldBta-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/WCManoNegraBoldBta-webfont.woff') format('woff'),
         url('fonts/WCManoNegraBoldBta-webfont.ttf') format('truetype'),
         url('fonts/WCManoNegraBoldBta-webfont.svg#wc_mano_negra_btabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* styles généraux */

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #151515;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(img/assiette-Dumas-avec-fond.jpg);
	background-attachment:fixed
}
a {
	color: #151515;
	text-decoration: none;
}
em {
	font-style: italic;
}
strong {
	font-weight: 600;
}
img {
	border: solid #fff 9px;
	outline: solid #dedede 1px;
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
}
	
/* layout */
.wrapper {
	max-width: 90em;
	width: 100%;
	padding: 1.5em;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
}
div.wrapper {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	margin: 2em auto;
}
section {
	overflow: hidden;
	clear: both;
	padding-top: 4em;
}
.main {
	width: 100%;
	max-width: 65%;
	float: left;
}
/* header */
.wrapper > header {
	height: 26em;
}
.wrapper > header img {
    border: none;
    outline: none;
    -webkit-box-shadow: none;
	box-shadow: none;
    width: auto;
    margin:  0.6em auto 0;
    display: block;
}
.site-titre {
	font-family: 'wc_mano_negra_btabold';
	font-size: 4.5em;
	margin: 0;
	line-height: 20rem;
	margin-left: 10rem;
}
.site-titre a {
	text-decoration: none;
}
/* nav */
.menu-principal {
    position: relative;
}
.menu-menu-principal-container {
    
}
.menu-principal > ul {
	margin-bottom: 3em;
	width: 74%;
    float: left;
    padding-top: 1em;
/*    padding-left: 4.5%;*/
}
.menu-principal li {
	/*display: inline-block;*/
	text-align: center;
	position: relative;
	font-size: 1.6rem;
	font-weight: 400;
	padding: 0 1em 0 2em;
	float: left;
	background: url(img/puce.jpg) no-repeat left center;	
}
.menu-principal li:first-child,
.menu-principal li li {
	background: none;
}
.menu-principal li:first-child {
    padding: 0 1em 0 0;
}
.menu-principal li li:before,
.menu-principal li:first-child:before {
	content: none;
}
.menu-principal li ul {
	position: absolute;
	left: -9999em;
}
.menu-principal li:hover ul {
	position: absolute;
	left: 0.5em;
	top: 2.2em;
	width: 100%;
	background: #fff;
	-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.25);
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.25);
}
.menu-principal li:first-child:hover ul {
    left: 0;
}
.menu-principal li:hover ul li {
	display: block;
	width: 100%;
	float: none;
	padding: 0;
	position: relative;
}
.menu-principal li:hover ul li ul {
		position: absolute;
		left: -9999em;
}
.menu-principal li ul li:hover ul {
	left: 90%;
	top: 0;
	z-index: 10;
}
.menu-principal li a {
	display: block;
	padding: 0.5em 0;
	color: #000;
}
.menu-principal li a:hover,
.menu-principal li.current-menu-item a {
	color: #fe5900;
}
/* recherche */
.rechercher {
	float: right;
    padding-top: 1em;
}
.rechercher #search {
    border-bottom: solid 1px #666;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0.3em;
    line-height: 2;
}
.rechercher #search:focus,
.rechercher #search:active {
    outline-color: #fe5900;
}
::-webkit-input-placeholder {
   font-family: 'Open Sans', sans-serif;
	font-size: 1.4rem;
    font-weight: 300;
    color: #666;
}

:-moz-placeholder { /* Firefox 18- */
   font-family: 'Open Sans', sans-serif;
	font-size: 1.4rem;  
    font-weight: 300;
    color: #666;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-family: 'Open Sans', sans-serif;
	font-size: 1.4rem; 
    font-weight: 300;
    color: #666;
}

:-ms-input-placeholder {  
   font-family: 'Open Sans', sans-serif;
	font-size: 1.4rem;
    font-weight: 300;
    color: #666;
}
.rechercher #searchsubmit {
    border: none;
    border-radius: 0;
    background: #fff url(img/loupe.jpg) no-repeat center center;
    padding: 0.4em;
    cursor: pointer;
    width:  3.5rem;
    height: 3.5rem;
    vertical-align: bottom;
}
/* liste des menus */
article {
	overflow: hidden;
	margin-bottom: 4em;
}
.article-header {
	width: 10em;
	float: left;
	padding-right: 2em;
	min-height: 1em;
}
.article-titre {
	font-family: 'wc_mano_negra_btabold';
	font-size: 3em;
	margin: 0 0 0.75em;
    line-height: 1.2;
}
.home .article-titre,
.single-post .article-titre {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	margin: 0.5em 0;
	font-weight: 600;
}
.home .article-entry img {
    margin-bottom: 1.5em;
}
.legende {
	font-size: 1.3em;
	font-weight: 400;
	padding-top: 3em;
    padding-left: 0.2em;
    font-style: italic;
}
.taxo {
	font-size: 1.2em;
}
.taxo a {
	font-weight: 600;
	color: #fe5900;
}
.annexe {
    font-style: italic;
}
.annexe p {
	font-size: 1.3em;
	font-weight: 400;
    margin-bottom: 1em;
}
.annexe a,
.legende a {
    text-decoration: underline;
}
.annexe a:hover,
.legende a:hover {
    color: #fe5900;
}
.article-vignette {
	float: left;
	margin: 0 2em 2em 0;
	max-width: 45%;
	height: auto;
}
.article-entry {
	float: left;
	width: 78%;
}
.home .article-entry {
	width: 75%;
	padding-top: 1em;
    margin-left: 1em;
}
.menu img {
	border: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.attachment-post-thumbnail {
	margin-bottom: 2em;
}
.article-entry img {
	max-width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.article-entry h2 {
	font-weight: 700;
	font-size: 1.6em;
	margin: 1em 0 0.5em;
}
.article-entry h3 {
	font-weight: 600;
    font-style: italic;
	font-size: 1.5em;
	margin: 1em 0 0;
}
.article-entry p {
	font-size: 1.5em;
	margin-bottom: 1em;
	line-height: 1.5;
}
.article-entry a {
	text-decoration: underline;
}
.article-entry a:hover {
    color: #fe5900;
}
.article-entry ul {
	margin-bottom: 2.5em;
}
.article-entry ul li {
	font-size: 1.5em;
	line-height: 2;
}
.article-entry ul li:before {
	content: url(img/puce.jpg);
	padding-right: 0.6em;
}
.article-entry figure {
    margin: 0 1.5em 0 0;
}

.article-postmetadata {
	clear: both;
	background-color: #dedede;
	padding: 1em;
}
.imprimer {
margin: 1em 0;
font-size: 1.3em;
display: block;
text-align: center;
}
.article-saisons,
.article-ingredients {
	font-size: 1.3em;
}
.gform_confirmation_message {
    font-size: 1.5em;
    margin: 1em 0;
}
.gform_button[type=submit] {
    font-size: 1.4em;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
}
/* archive des menus */
.archive-titre {
	font-family: 'wc_mano_negra_btabold';
	font-size: 3em;
	margin: 0.5em 0 0.7em 1em;
}
.liste-annee {
	font-family: 'wc_mano_negra_btabold';
	font-size: 2.5em;
}
.years ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.years ul .posts {
	display: block;
}
.liste-calendrier {
	width: 23.5%;
	float: left;
	padding: 1em;
	background: #f0f0f0;
	overflow: hidden;
	margin-bottom: 2%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.liste-calendrier:nth-child(4n) {
	margin-right: 0;
}
.liste-mois {
	font-size: 1.6em;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 1rem;
}
.liste-calendrier li {
	float: left;
	font-size: 1.2em;
	margin: 3px;
}
.liste-calendrier li a {
	background: #fff;
	color: #151515;
	width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
	display: block;
}
.tax-titre {
	font-weight: 900;
	font-size: 1.4em;
	text-transform: uppercase;
	margin: 1em 0 0.5em;
}
.list-ensemble {
    margin-left: 3em;
}
.list-ensemble a {
	display: block;
	font-size: 1.4em;
	color: #fe5900;
	margin: 0 0 0.5em 2em;
}
/* sidebar */
.sidebar {
	width: 100%;
	max-width: 30%;
	float: right;
padding-top: 5px;
}
.widget article {
	margin-bottom: 1.5em;
}
.sidebar .fpw-layout-wrapped a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.sidebar .fpw-featured-image {
	text-align: left;
	margin: 0;
    padding: 0.5em;
}
.sidebar .fpw-page-title,
.sidebar figcaption {
	margin: 0;
	font-size: 1.4em;
    font-weight: 600;
    font-style: italic;
    padding-left: 5px;
}
.sidebar .fpw-excerpt {
    display: none;
}
/* navigation */
.main .wp-pagenavi {
	text-align: center;
}
.main .wp-pagenavi a, 
.main .wp-pagenavi span {
	border: none;
	font-size: 1.3em;
}
.main .wp-pagenavi a {
    color: #fe5900;
}
.nextpostslink,
.previouspostslink {
}
/* footer */
footer {
	padding-top: 3em;
}
#menu-menu-secondaire {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#menu-menu-secondaire li {
	display: inline-block;
	font-size: 1.3em;
	margin-right: 2rem;
}
.copyright {
    text-align: center;
    font-size: 1.2em;
    padding: 2rem 6rem 0;
    font-weight: 600;
}
/* résultats de recherche */
.search .recherche {
	line-height: 1.4;
    margin-bottom: 0;
}
.search article {
    margin: 0;
}
.search hr {
    border: 0;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    margin: 4rem 10rem;
}
.search .read-more {
    font-size: 1.4rem;
    color: #fe5900;
}
.search .article-entry {
	margin: 0;
	float: none;
    width: 100%;

}
.search figcaption {
    display: none;
}
.nb-resultats {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 2em;
}
/* 404 */
.fourohfour h2 {
    font-size: 3em;
    font-family: 'wc_mano_negra_btabold';
    text-align: center;
    margin-bottom: 1.5em;
}
.fourohfour p {
    font-size: 1.4em;
    text-align: center;
}
.fourohfour a {
    color: #fe5900;
}
.fpw_widget-24926 .fpw-page-title,
.fpw_widget-8004 .fpw-page-title {
color: #fe5900;
}
/* 30/10/2020 ajout + pour le sous menu */
.sub-menu .menu-item-has-children > a::after {
    content:"+";
    position: relative;
    right: -1rem;
}

/* Responsive Navigation styles begin here */

nav > input,
nav > label {
  display: none;
  /* hidden on large screens */
}

@media (max-width: 950px) {
  /* Theming opened nav */
  nav ul {
    /* translate with hardware acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: max-height .4s, overflow .4s;
    transition: max-height .4s, overflow .4s;
    will-change: max-height, overflow;
    /* global styles */
    margin: 0;
    padding: 0;
    list-style: none;
  }
  nav a {
    display: block;
    padding: 1.2rem;
    color: #333;
    background: #fff;
    text-decoration: none;
    margin-bottom: 2px;
  }
  nav a:hover,
  nav a:focus,
  nav a:active {
    background: #eee;
  }
  /* handling clic with CSS3 checked */
  /* Theming closed nav */
  nav > input:not(:checked) ~ ul {
    max-height: 0;
    overflow: hidden;
    
  }
  /* Theming opened nav */
  nav > input:checked ~ ul {
    max-height: 20em;
    overflow: visible;
      position: absolute;
      top: 7em;
      background-color: #fff;
      width: 100%;
  }
  /* Global styling nav button */
  nav > label {
    display: block;
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1;
    height: 4.5rem;
    width: 4.5rem;
    background: #fe5900;
    border: 0;
    border-radius: 0;
    text-align: center;
    font-size: 10px;
    line-height: 1.6;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: .2s -webkit-transform cubic-bezier(0, 1.8, 1, 1.2);
    -webkit-transition: .2s transform cubic-bezier(0, 1.8, 1, 1.2);
    transition: .2s transform cubic-bezier(0, 1.8, 1, 1.2);
  }
  nav > label:before {
    content: "";
    display: block;
    z-index: 1;
    height: 1.6rem;
    width: 2rem;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff);
    background-position: center top, center, center bottom;
    background-repeat: no-repeat;
    background-size: 2rem .3rem;
    margin: .8em auto 0;
    padding: 0;
    outline: 0;
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: .2s cubic-bezier(0, 1.8, 1, 1.2);
    transition: .2s cubic-bezier(0, 1.8, 1, 1.2);
    -webkit-transition-property: background;
    transition-property: background;
  }
  /* Theming opened nav button */
  nav > input:checked + label {
  }
  nav > input:checked + label::before {
    background-position: center, center, center;
  }
  /* Hide alternate text except from screen readers */
  .visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
  }
    .rechercher {
        float: left;
        padding-left: 7em;
        margin-top: 3em;
        padding-top: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .rechercher #search {
        width: 80%;
    }
    .menu-principal ul {
        margin: 0;
        padding-top: 0;
    }
    .menu-principal li {
        background:  none;
        width: 75%;
        text-align: left;
        border-bottom: solid 1px #aaa;
        padding: 0;
    }
    .menu-principal li:hover ul {
        left: 0;
        top: 2em;
        width: 75%;
        background: #fff;
        -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,.25);
        box-shadow: 0 0 0 0 rgba(0,0,0,.25);
        z-index: 1000;
    }
    #menu-menu-secondaire {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width:850px) {
    body {
        background: url(none);
    }
    div.wrapper {
        margin: 0;
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
    }
    .main {
        width: 100%;
        max-width: 100%;
        float: none;
    }
    .sidebar {
        width: 100%;
        max-width: 100%;
        float: none;
        padding-top: 3em;
    }
    .home article {
        
    }
    .home .article-header {
        width: 100%;
        float: none;
        padding: 0;
    }
    .home .article-titre {
        font-size: 1.8em;
        text-align: center;
        color: #fe5900;
    }
    .legende {
        padding-top: 0;
        font-size: 1.5rem;
        text-align: center;
    }
    .home .article-entry {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .article-entry {
        width: 100%;
    }
    .article-entry img {
        max-width: 100%;
        width: 100%;
    }
    .article-entry p {
        font-size: 1.7rem;
    }
    .home .article-entry ul li {
        font-size: 1.6rem;
    }
    .home .article-entry .fancybox {
        display: block;
        padding: 0.5rem;
    }
    .article-header {
        width: auto;
        margin-bottom: 1rem;
    }
    .article-header .annexe {
        display: none;
    }
    .article-entry .annexe {
        font-style: italic;
    }
    .liste-calendrier {
        width: 100%;
    }
    .list-ensemble,
    .archive-titre {
        margin-left: 0;
    }
    .main .wp-pagenavi a, .main .wp-pagenavi span {
        font-size: 1.5rem;
    }
    .liste-conseils {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .sidebar .fpw-featured-image {
        width: 45%;
    }
    .fpw-featured-image, .fpw-featured-image img {
        display: block;
        margin: 0 auto !important;
    }
    .sidebar .fpw-page-title {
        text-align: center;
        padding-left: 0;
    }
    #menu-menu-secondaire li {
        margin-bottom: 1rem;
        font-size: 1.5rem;
    }
    .menu-principal li:first-child {
        padding: 0;
    }
    .menu-principal li {
        width: 100%;
    }
}

/* ajouts pinterest et commentaires */
.pintirene {
padding-right: 20px;
background: url(https://www.journaldecequejemange.fr/wp-content/uploads/2017/02/Pinterest-badge-288px-e1486122150347.png) no-repeat right center;
background-size: contain;
}
.liste-conseils article {
	padding: 3px;
	margin-bottom: 0;
}
/* commentaires 03/09/2018 */
.comments-template {
    font-size: 1.4rem;
}
#respond h3 {
    font-size: 1.7rem;
    margin-bottom: 1em;
    font-weight: 600;
}
#commentform p {
    margin-bottom: 1rem;
}
.comment-form-comment label {
    display: block;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-left: 1rem;
}
#comment {
    width: 100%;
    padding: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#submit {
    padding: 1rem 2rem;
    cursor: pointer;
}
.comments-title {
    font-weight: 600;
    margin-bottom: 1rem;
}
.comment {
    margin-bottom: 1rem;
}
.comment-meta {
    font-size: 1.2rem;
}
.reply {
    margin-top: 1rem;
    text-align: right;
    font-size: 1.2rem;
    font-weight: 600;
}
.children {
    margin-left: 2rem;
    margin-bottom: 3rem;
}