.page h1, .single  h1, .category h1{
padding-top:1.5em;
text-transform: uppercase;
}
.vignet{
background-color: var(--blanc);
overflow: hidden;
position:relative;
margin-bottom:1rem;
}
.vignet img{
position:absolute;
left:50%; top:50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
-webkit-transition: all 0.2s ease;transition: all 0.2s ease;
width:100%; height:100%;
object-fit: cover;
}
.heading{
margin-bottom:3vw
}
.heading .vignet{
margin-bottom:0;
background-color: var(--blanc);
}
.heading h1{
padding:0
}
.heading .bloc-ttl{
padding-left: 10%;
padding-right:10%;
}
a:hover .vignet img{
-webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);
}
.ariane{
font-size:0.8rem;
margin-top:2rem;
text-align: right;
}
.heading .ariane{
text-align:left;
}
.date{
font-weight: bold;
font-size:0.85rem;
}
.liste-actus .resume{
margin-bottom:1rem;
}
.single .content{
padding-bottom:0;
}
.pagination{
font-size:1.25rem;
font-weight: bold;
text-transform: uppercase;
margin-top:3vw;
}
@media screen and (min-width:1200px){
.heading .vignet::after{
content:"";
display:block;
background-color: var(--fondpage);
width: 12vw; height: 12vw;
position:absolute;
left:0; bottom:-1px;
-webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 100%, 0 100%);
}
}