.single-page{
    padding-top:3rem; text-align:left;
}
.breadcrumbs{
    padding:0 0 2.5rem 0;
}
.categorie{
    border-bottom: 1px solid rgb(203,203,203); padding:0 0 2.5rem 0;
}
.categorie {padding-top:2.5rem; color:rgb(247,112,112); font-weight:700; text-transform:uppercase; font-size:0.9rem; border-bottom:1px solid rgb(203,203,203);}

.partage{
    padding:2.5rem 0; font-weight:700;
}
.promotion{
    margin:2rem 0; padding-bottom:2.5rem;
}
.promotion .pub{
    background-color:rgb(200,200,200);
}
.promotion .pub a span{display:block; height:auto;}
.promotion .pub a span.accroche{
    position:absolute; left:50%; top:50%; font-size:3rem; font-weight:700; width:70%;
    -webkit-transform:translate( -50%, -50% ); transform:translate( -50%, -50% ); text-align:center; color:#FFFFFF;
}
.promotion .pub a span.plus{ text-transform:uppercase; height:auto; font-size:1rem; font-weight:400; margin-top:1rem;}

.liste-articles{ border-top:1px solid rgb(203,203,203); padding-top:2.5rem;}
.liste-articles h4{
    font-size:1rem; margin-bottom:2em
}

.liste-articles ul{
    list-style:none; margin:0; padding:0; text-align:center;
}
.liste-articles ul li{
    margin:2rem 0;
}
.liste-articles ul li .vgn{
    background-color:rgb(150,150,150); display:block;
}
.liste-articles ul li .ttl{
   padding:1rem 10%; font-weight:700; display:block;
}
.liste-articles ul li a{color:#000000;}
.liste-articles ul li a:hover{color:#e16b69;}


.matieres{margin:0 0 2rem 0; position:relative; border:1px solid; padding:2rem 2.5%; text-align:left; max-width:100%; box-sizing:border-box}
.matieres ul{list-style:none; margin:2rem 0 0 0; padding:0;}
.matieres nav{ display:none; }
.matieres ul li{line-height:125%; margin:5px 0; border-bottom: 1px solid; padding:5px 0;}
.matieres ul li a{color:#000000;}
.matieres ul li a:hover{color:#e16b69;}
.matieres h2.widgettitle{margin:0; font-size:1rem; font-weight:400; font-family:'Montserrat', sans-serif; text-transform:uppercase; background:url(../img/polygone.svg) no-repeat right center / 10px;}

article{text-align:center}
article h2{font-weight:500; text-align:left;}
article p{margin:2rem 0; text-align:left;}
article .lien{text-align:center; margin:2rem 0}
article img{width:100%; margin:2rem 0;}
article .citation{ background-color:rgb(23,68,137); color:#FFFFFF; text-align:center; padding:2rem; margin:2rem 0; font-size:1.125rem; font-style:italic;}
article .citation .identite{font-weight:700; padding-top:3rem; position:relative; font-size:0.857rem; text-align:center; font-style:normal;}
article .citation .identite::before{content:""; display:block; position:absolute; left:50%; top:0; width:65px; height:1px; background-color:#FFFFFF; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
article img{width:100%}

/* styles gutenberg  */
figure{padding:0; margin:0;}
/* .wp-block, .wp-block-image {max-width: 80%;} */
.wp-block-image.alignwide, .wp-block-image.alignfull {max-width:100%}
/*  */


.auteur{background-color:rgb(242,242,242 );margin:2rem 0; font-size:0.857rem; padding:2rem;}
.auteur p{margin:1em 0;}
.auteur .ecriture{color:rgb(112,112,112); font-style:italic; position:relative;}
.auteur .ecriture::before{content:""; display:block; width:35px; height:1px; background-color:#000000; position:absolute; top:50%; right:102%;}
.auteur .nom{font-weight:700;}
.auteur .cat{font-weight:700; color:rgb(247,112,112)}
.auteur img{ width:100%;}

.prevnext{
    margin:2rem 0; border-top:1px solid rgb(247,112,112); border-bottom:1px solid rgb(247,112,112); padding:2rem 0;
}
.prevnext a{color:rgb(247,112,112); text-transform:uppercase; font-weight:500;}
.prevnext a span.rotation{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.prevnext a:hover{color:rgb(112,112,112)}
.prevnext .right{text-align:right;}

@media screen and (min-width:1024px){
    .matieres{max-width:75%;}

}

@media screen and (min-width:1280px){
    article{margin-top:-3rem}
    article .citation{ margin:4rem 0; padding-left:15%; padding-right:15%;}
    .auteur{margin:4rem 0;}
    .auteur .detail{text-align:right;}
    ul.table-matieres li{cursor:pointer;}
    ul.table-matieres li a:hover{color:rgb(247,112,112);}
    .matieres h2.widgettitle{cursor:pointer}
}

@media screen and (min-width:1440px){
    
}