/* 
Theme Name: TendancesLV-2025
Theme URI: https://www.tendances-lait-viande.fr/
Description: Thème crée pour le site de Tendances Lait Viande
Version: 1.0
Author: SDC conseil et édition
Author URI: https://sdc-conseil.com/
TendancesLV-2025 par SDC conseil et édition || https://sdc-conseil.com/
*/

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

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
	font-size: 62.5%;
	overflow-y: scroll; 
	-moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: none;
    scroll-behavior: smooth;
}
article,aside,details,figcaption,figure,footer,header,main,nav,section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { 
	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:hover,
a:active { 
	outline: 0;
}
a img {
	border: 0;
}
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin: 0;
}
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}
input, button,
textarea, select {
  font: inherit;
}
textarea:not([rows]) {
  min-height: 10em;
}
:target {
  scroll-margin-block: 5ex;
}

/* 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
----------------------------------------------- */
@media (min-width: 750px) {
 
    .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto;
        max-width: 1000%;
    }
 
    .alignwide {
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw);
        width: auto;
        max-width: 1000%;
    }
 
}

p.wp-block-subhead {
    font-size: 200% !important;
    font-style: normal;
    opacity: 1;
}
.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: 0 auto 1.5rem;
}

.alignright {
    float: right;
    margin: 0 0 1.5em 2rem;
}

.alignleft {
    float: left;
    margin: 0 2rem 1.5rem 0;
}
/* =Media
----------------------------------------------- */


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



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

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


/* styles généraux */
:root {
    --bovin-viande: #A71B1E;
    --bovin-lait: #5978B9;
    --caprin: #F49915;
    --ovin: #ADC80B;
    --gris-moyen: #BCBEA7;
    --gris-clair: #F0F1E7;
    --texte: #151515
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
body {
    color: var(--texte);
    font-family: "Nunito", sans-serif;
    font-weight: 400;
}
a {
    color: var(--texte);
    text-decoration: underline;
}
a:hover {
   color: var(--orange); 
}
em {
    font-style: italic;
}
strong {
    font-weight: 600;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}
figure {
    margin: 0;
}
img,
video,
.wp-caption {
    max-width: 100%;
    height: auto;
    display: block;
}
.wrapper {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}
.main {
    padding: 4rem 2rem;
    margin: 0 auto;
}
.group:before,
.group:after {
  content: "";
  display: table;
} 
.group:after {
  clear: both;
}
.group {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
hr {
    margin: 4rem;
    border: solid 1px #000;
}
p {
    font-size: 2rem;
    margin-bottom: 1em;
    line-height: 1.4;
    font-weight: 300;
}
ul {
    list-style: disc inside;
}
ol {
    list-style: decimal inside;
}
h2 {
    font-family: "Fira Sans Condensed", sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
section {
    margin-bottom: 4rem;
}
.desktop {
    display: none;
}
.mobile {
    display: block;
}

.tetiere {
    font-size: 2.4rem;
    margin-bottom: 1rem;
    display: inline-block;
    font-family: "Fira Sans Condensed", sans-serif;
}

.read-more {
   font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-family: "Fira Sans Condensed", sans-serif;
}
.read-more:hover {
    
}
.read-more:before {
    
}

main {
    padding: 4rem 2rem;
}
/* header */
.site-header {
    
}
.site-header .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem;
}
.logo-idele {
   width: 14rem; 
}
.logo-cne {
    width: 8rem;
}
.header-titres {
    
}
.site-baseline {
    font-weight: 300;
    text-align: center;
    width: 100%;
    font-size: 1.4rem;
}
.site-titre {
    text-transform: uppercase;
    font-family: "Fira Sans Condensed", sans-serif;
    font-weight: 400;
    text-align: center;
    width: 100%;
    font-size: 3.2rem;
    margin: 0;
}
.site-titre a {
    text-decoration: none;
}
.site-numero {
    font-weight: 600;
    text-align: center;
    width: 100%;
    font-size: 1.2rem;
    background-color: var(--gris-moyen);
    padding: 1rem;
}
/* home */
.front-page .site-main {
    
}
.home-focus-video {

}
.home-focus-video h2 {
    font-family: "Fira Sans Condensed", sans-serif;
    font-size: 3rem;
    font-weight: 700;
}
.home-sidebar {
    
}
.home-sidebar p {
    font-size: 1.8rem;
}
.site-recherche {
    background-color: var(--gris-clair);
    padding: 2rem; 
    border-radius: .5rem .5rem 0 0;
}
.site-recherche form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.site-recherche input[type=search] {
    font-size: 1.5rem;
    padding: .5rem;
    border: 0;
    border-radius: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-right: 1rem;
}
.site-recherche input[type=submit] {
    font-size: 1.4rem;
    font-family: "Fira Sans Condensed", sans-serif;
    font-weight: 400;
    padding: .5rem;
    border-radius: 0;
    border: 0;
    background-color: var(--gris-moyen);
}
.site-presentation {
    background-color: var(--gris-clair);
    padding: 2rem; 
    border-radius: 0 0 .5rem .5rem;
    margin-bottom: 3rem;
}
.site-presentation h3 {
    font-size: 2rem;
}
.site-presentation p {
    font-size: 1.6rem;
    margin-bottom: 0;
}
.focus-agenda {
   background-color: var(--gris-clair);
    padding: 2rem; 
    border-radius: .5rem; 
}
.focus-agenda h3 {
    font-size: 2.4rem;
    margin-bottom: 1rem;
    font-family: "Fira Sans Condensed", sans-serif;
}

.newsletter {
    background-color: var(--gris-clair);
    padding: 2rem;
    border-radius: .5rem;
}
.newsletter .tetiere {
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: center;
}
.newsletter input {
    width: 100%;
    padding: .8rem;
    border: 0;
    border-radius: .5rem;
}
.newsletter input[type=submit] {
    border-radius: .5rem;
    border: 0;
    background-color: var(--gris-moyen);
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Fira Sans Condensed", sans-serif;
    padding: .5rem;
    font-size: 1.8rem;
}
.newsletter input[type=submit]:hover {
    cursor: pointer;
    color: var(--gris-clair);
}
.newsletter input[type=checkbox] {
    width: auto !important;
}
 /*focus filières */
.focus-filieres {

}
.focus-filiere {
    padding-top: 4rem;
    margin-bottom: 2rem;
    background-size: 7rem;
    background-repeat: no-repeat;
    background-position: 90% top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.focus-filieres-numero h2 {
    font-size: 3rem;
    text-align: center;
}
.focus-filieres-numero .site-numero {
    background-color: rgba(0,0,0,0);
    padding-bottom: 3rem;
}
.focus-filiere .tetiere {
    font-weight: 900;
    color: #fff;
    font-size: 2.4rem;
    margin-bottom: 0;
    display: block;
    padding: 1rem;
    border-radius: 5px 5px 0 0;
    font-family: "Nunito", sans-serif;
}
.focus-filiere article {
    background-color: var(--gris-clair);
    padding: 2rem;
    border-radius: 0 0 5px 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.focus-filiere .read-more {
    text-decoration: none;
    text-align: right;
    padding: 1rem;
    background-color: #fff;
    border-radius: .5rem;
    border: solid 2px #151515;
    display: table;
    margin-left: auto;
    font-size: 1.6rem;
}
.filiere-bovin-viande .read-more, .filiere-viande-bovine .read-more { /* MLP */
    color: var(--bovin-viande);
    border-color: var(--bovin-viande);
}
.filiere-bovin-lait .read-more, .filiere-lait-de-vache .read-more { /* MLP */
    color: var(--bovin-lait);
    border-color: var(--bovin-lait);
}
.filiere-ovin .read-more, .filiere-viande-ovine .read-more { /* MLP */
    color: var(--ovin);
    border-color: var(--ovin);
}
.filiere-caprin .read-more, .filiere-lait-de-chevre .read-more{ /* MLP */
    color: var(--caprin);
    border-color: var(--caprin);
}
.filiere-bovin-viande, .filiere-viande-bovine { /* MLP */
    background-image: url(img/bovin-viande.png);
}
.filiere-bovin-lait, .filiere-lait-de-vache { /* MLP */
    background-image: url(img/bovin-lait.png);
}
.filiere-ovin, .filiere-viande-ovine { /* MLP */
    background-image: url(img/ovin.png);
    background-size: 5rem;
}
.filiere-caprin, .filiere-lait-de-chevre { /* MLP */
    background-image: url(img/caprin.png);
    background-size: 5rem;
}
.filiere-bovin-viande .tetiere, .filiere-viande-bovine .tetiere { /* MLP */
    background-color: var(--bovin-viande);
}
.filiere-bovin-lait .tetiere, .filiere-lait-de-vache .tetiere { /* MLP */
    background-color: var(--bovin-lait);
}
.filiere-ovin .tetiere, .filiere-viande-ovine .tetiere { /* MLP */
    background-color: var(--ovin);
}

.filiere-caprin .tetiere, .filiere-lait-de-chevre .tetiere { /* MLP */
    background-color: var(--caprin);
}
/* anciens numéros */
.anciens-numeros {
    background-color: var(--gris-moyen);
    padding: 2rem;
    border-radius: .5rem;
}
.anciens-numeros select {
    width: 100%;
    font-size: 1.7rem;
    margin-bottom: 2rem;
    padding: .5rem;
    border-radius: .5rem;
}
.anciens-numeros .read-more {
    text-decoration: none;
    padding: .7rem 4rem;
    background-color: #fff;
    border-radius: .5rem;
    border: solid 2px var(--gris-clair);
    display: table;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
}
.anciens-numeros .read-more:hover {
    background-color: var(--gris-clair);
}
/* ressources */
.home-ressources {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
}
.home-ressources a {
    padding: 1rem;
    text-decoration: none;
    font-size: 1.6rem;
    border-radius: .5rem;
    background-color: var(--gris-clair);
    border: solid 2px var(--gris-moyen);
    text-align: center;
}
.home-ressources a:hover {
    background-color: var(--gris-moyen); 
}
/* footer */
.site-footer {
    background-color: var(--gris-moyen);
    padding: 2rem;
}
.navigation-footer ul {
    list-style-type: none;
    font-size: 1.4rem;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
}
.navigation-footer li a {
    font-weight: 700;
    text-decoration: none;
}
.reseaux-sociaux {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    column-gap: 2rem;
    margin-top: 2rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.reseaux-sociaux img {
    width: 4rem;
    border: solid 2px var(--gris-clair);
    border-radius: 1rem;
}
/* article / page */
.post-titre {
    font-family: "Fira Sans Condensed", sans-serif;
    font-weight: 700;
    font-size: 4rem;
    margin-bottom: 3rem;
}
.post-date {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: inline-block;
}
.entry {
    
}
.entry .chapo, p.chapo {
    font-size: 2.4rem;
    margin-bottom: 3rem;
}
.entry p {
    margin-bottom: 3rem;
}
.entry h2 {
    
}
.entry h3 {
    font-family: "Fira Sans Condensed", sans-serif;
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 1rem;
}
.entry ul,
.entry ol {
    margin: 0 0 3rem 0;
    padding: 0;
    font-size: 2rem;
    font-weight: 300;
}
.entry li {
    margin-bottom: 1rem;
}
.entry figure {
    margin-bottom: 3rem;
}
.entry figcaption {
    font-size: 1.4rem;
    padding-top: .5rem;
}
.wp-block-button a {
    padding: 1rem;
    font-size: 1.7rem;
    border-radius: .5rem;
    border: solid 2px var(--texte);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 3rem;
}
.wp-block-button a:hover {
    background-color: var(--gris-clair);
}
.encadre {
    padding: 2rem;
    border-radius: .5rem;
    border: solid 2px var(--gris-moyen);
    margin-bottom: 3rem;
}
.encadre p:last-of-type {
    margin-bottom: 0;
}
/* categorie filière */
.numero-titre {
    font-family: "Fira Sans Condensed", sans-serif;
    font-weight: 700;
    font-size: 4rem;
    margin-bottom: 1rem; 
}
.category-viande-bovine main h1,
.category-viande-bovine main h2,
.category-viande-bovine main h3 {
    color: var(--bovin-viande)
}
.category-lait-de-vache main h1,
.category-lait-de-vache main h2,
.category-lait-de-vache main h3 {
    color: var(--bovin-lait)
}
.category-viande-ovine main h1,
.category-viande-ovine main h2,
.category-viande-ovine main h3 {
    color: var(--ovin)
}
.category-lait-de-chevre main h1,
.category-lait-de-chevre main h2,
.category-lait-de-chevre main h3 {
    color: var(--caprin)
}
.numero-sommaire {
    margin-bottom: 8rem;
}
.numero-sommaire-titre {
    font-family: "Fira Sans Condensed", sans-serif;
    font-weight: 700;
    font-size: 2.2rem;
    margin-bottom: 1rem; 
}
.numero-sommaire ul {
    margin-bottom: 1rem;
}
.numero-sommaire .sommaire {
    font-size: 1.8rem;
    padding: 0;
    margin: 2rem 0 4rem 0;

}
.numero-sommaire .sommaire li {
    font-weight: 400;
}
.numero-sommaire .sommaire > li {
    font-weight: 700;
}
.numero-sommaire ul {
    list-style-type: square;
    
}
.numero-sommaire ul ul {
    list-style-type: circle;
    padding-left: 2rem;
}
.numero-sommaire ul ul ul {
    list-style-type: disc;
}
.numero-sommaire a {
    -webkit-text-decoration-color: var(--gris-moyen);
    text-decoration-color: var(--gris-moyen);
}
.filariane {
    margin-bottom: .5rem;
    font-size: 1.6rem;
}
.numero-articles article {
    border-bottom: solid 2px var(--texte);
    margin-bottom: 6rem;
}
.numero-articles h2 {
    font-size: 3rem;
}
.numero-liens {
    margin-bottom: 4rem;
}
.numero-liens a {
    display: block;
    font-size: 2rem;
    font-weight: 600;
     text-decoration: none;
    padding-left: 5rem;
}
.numero-reperes-chiffres {
    background-image: url(img/les-chiffres.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 4rem;
    margin-bottom: 2rem;
    line-height: 2;
}
.numero-reperes-chiffres img {
    display: inline;
    height: 1.5rem;
    padding-left: 1rem;
}
.numero-pdf-graphiques {
    background-image: url(img/graphiques.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 4rem;
    line-height: 1;
    margin-bottom: 2rem;
}
.numero-pdf {
    background-image: url(img/PDF.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 4rem; 
    line-height: 1;
    margin-bottom: 2rem;
}
.numero-imprimer {
    background-image: url(img/print.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 4rem; 
    margin-bottom: 2rem;
    line-height: 2;
}
.numero-retour-sommaire {
    background-image: url(img/retour.svg);
    background-repeat: no-repeat;
    background-position: .5rem center;
    background-size: 3rem; 
    margin-bottom: 2rem;
    line-height: 2;
    position: fixed;
    bottom: 0rem;
    right: 0;
    background-color: rgba(255,255,255,.8);
}

/* pagination */
.wp-pagenavi {
    font-size: 1.6rem;
    margin-top: 4rem;
    text-align: center;
}
.wp-pagenavi a, 
.wp-pagenavi span {
    border: 0 !important;
}
.wp-pagenavi span.current {
    font-weight: 900;
}
@media only screen and (min-width:400px) {
   
}
@media only screen and (min-width:600px) {
    .site-header .wrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .logo-cne {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding-right: 2rem;
        padding-left: 1rem;
        width: 10rem;
    }
    .anciens-numeros {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        grid-column-gap: 3rem;
        grid-row-gap: 2rem;
        background-color: var(--gris-moyen);
        padding: 2rem;
        border-radius: .5rem;
    }
    .anciens-numeros .tetiere {
        grid-area: 1 / 1 / 2 / 3;
    }
    .anciens-numeros form {
        grid-area: 2 / 1 / 3 / 2;
    }
    .anciens-numeros select {
        margin-bottom: 0;
    }
    .anciens-numeros .read-more {
        grid-area: 2 / 2 / 3 / 3;
    }
    /* footer */
    .site-footer .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .reseaux-sociaux {
        margin: 0;
    }
}
@media only screen and (min-width:800px) {
    .desktop {
        display: block;
    }
    .mobile {
        display: none;
    }
    .site-header .wrapper {
        
    }
    .site-baseline {
        font-size: 2rem;
    }
    .site-titre {
        font-size: 5rem;
    }
    .site-numero {
        font-size: 1.5rem;
    }
    .home-ressources {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row; 
        -webkit-box-pack: center; 
        -ms-flex-pack: center; 
        justify-content: center;
    }
}
@media only screen and (min-width:1000px) {
    .site-header .wrapper {
        padding-bottom: 0;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .logo-idele {
        width: 16rem;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    .logo-cne {
        width: auto;
        padding-bottom: 1rem;
    }
    .site-titre {
        font-size: 7rem;
        margin-bottom: 0;
    }
    .front-page .site-main,
    .home.singular .site-main{
        padding-top: 6rem;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: auto;
        grid-column-gap: 5rem;
        grid-row-gap: 5rem;
    }
    .container-focus {
        grid-area: 1 / 1 / 2 / 5;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 50px;
        grid-row-gap: 0px;
    }
    .home-focus-video {
        grid-area: 1 / 1 / 2 / 3;
    }
    .home-sidebar {
        grid-area: 1 / 3 / 2 / 4;
    }
    .post-sidebar .site-recherche form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .site-recherche input[type=search] {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-right: 1rem;
    }
    .home-zoom {
        grid-area: 2 / 1 / 3 / 3;
    }
    .home-chiffre {
       grid-area: 2 / 3 / 3 / 5; 
    }
    .newsletter {
        grid-area: 4 / 1 / 5 / 5;
        padding: 3rem;
    }
    .focus-filieres {
        grid-area: 3 / 1 / 4 / 5;
        
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        grid-column-gap: 5rem;
        grid-row-gap: 5rem;
    }
    .focus-filieres-numero {
        grid-area: 1 / 1 / 2 / 3;
    }
    .focus-filiere .tetiere {
        font-size: 3rem;
    }
    .anciens-numeros {
        grid-area: 5 / 1 / 6 / 5;
    }
    .home-ressources {
        grid-area: 6 / 1 / 7 / 5;
    }
    .home-focus-video h2 {
        font-size: 3.6rem;
        line-height: 1.3;
        margin-bottom: 2rem;
    }
    .newsletter .tetiere {
        display: block;
        text-align: center;
        width: 100%;
    }
    .newsletter form div {
        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;
        gap: 2rem;
    }
    .newsletter form p {
        margin: 0;
    }
    .newsletter p:has(input[type=email]) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
    .newsletter input[type=submit] {
        padding: .9rem 4rem;
    }
    .home-zoom h2 a {
        text-decoration: none;
    }
    /* focus fillières */
    .focus-filiere {
        padding-top: 6rem;
    }
    .focus-filiere a {
        text-decoration: none;
    }
    .focus-filiere .tetiere {
        background-position: 90% top; 
        background-repeat: no-repeat;
        padding: 2rem;
    }
    .filiere-ovin, .filiere-viande-ovine { /* MLP */
        background-image: url(img/ovin-top.png);
        background-position: 90% top;
        background-size: auto;
    }
    .filiere-ovin .tetiere, .filiere-viande-ovine .tetiere { /* MLP */
        background-image: url(img/ovin-bottom.png);
        
    }
    .filiere-viande-bovine {
        background-image: url(img/bovin-viande-top.png);
        background-position: 90% top;
        background-size: auto;
    }
    .filiere-viande-bovine .tetiere {
        background-image: url(img/bovin-viande-bottom.png);
        
    }
    .filiere-lait-de-vache {
        background-image: url(img/bovin-lait-top.png);
        background-position: 90% top;
        background-size: auto;
    }
    .filiere-lait-de-vache .tetiere {
        background-image: url(img/bovin-lait-bottom.png);
        
    }
     .filiere-lait-de-chevre {
        background-image: url(img/caprin-top.png);
        background-position: 95% top;
        background-size: auto;
    }
    .filiere-lait-de-chevre  .tetiere {
        background-image: url(img/caprin-bottom.png);
        background-position: 95% top;
        
    }
    /* layout */
    main {
        padding: 6rem 2rem;
    }
    .category main {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(5, 1fr);
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
    }
    /* articles / pages */
    .singular .site-main, 
    .category .site-main, .liste-articles{ /*MLP*/
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        grid-column-gap: 5rem;
        grid-row-gap: 5rem;
    }
    .singular article, .search article { /*MLP*/ 
        grid-area: 1 / 1 / 2 / 3;
    }
    .singular .post-sidebar,.search .post-sidebar{ /*MLP*/
        grid-area: 1 / 3 / 2 / 4;
    }
    .singular .newsletter form div,.search .newsletter form div { /*MLP*/
        gap: 2rem;
    }
    .singular .newsletter form input, .search .newsletter form input { /*MLP*/
        width: 100%;
    }
    /* catégorie filière */
    .numero-intro {
        grid-area: 1 / 1 / 2 / 3;
        margin-bottom: 0;
    }
    .numero-sidebar {
        grid-area: 1 / 3 / 6 / 4;
    }
    .numero-articles {
        grid-area: 2 / 1 / 6 / 3;
    }
    .numero-liens a {
        margin-bottom: 3rem;
    }
    .numero-sidebar {
        padding-top: 15rem;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 17rem;
    }
    .category-viande-bovine .numero-sidebar {
        background-image: url(img/bovin-viande.png);
    }
    .category-lait-de-vache .numero-sidebar {
        background-image: url(img/bovin-lait.png);
    }
    .category-viande-ovine .numero-sidebar {
        background-image: url(img/ovin.png);
    }
    .category-lait-de-chevre .numero-sidebar {
        background-image: url(img/caprin.png);
    }
    .numero-retour-sommaire {
        position: fixed;
        bottom: 5rem;
    }
}
@media only screen and (min-width:1200px) {
   
}
@media only screen and (min-width:1200px) {

}