body{
    background-image:url(../img/actu.svg);
    background-repeat: no-repeat;
    background-size: initial;
    background-color: unset;
    background-position:bottom left;
    background-attachment: fixed;
    min-height: fit-content;
    align-items: center;
}
.contenue{
    height:unset;
    min-height:unset;
    flex-direction:row;
    padding-top:25%;
    padding-bottom:5rem;
}
.actu{
    background-color:#515151;
    padding-right:2.5rem;
    padding-left:2.5rem;
    clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
    display:flex;
    align-content:center;
    font-family: anita-semi-square;
    font-size: 1rem;
    color: #F9BA1A;
    padding-top:1rem;
    padding-bottom:1rem;
    transition: .3s ease all;
}
.actu:hover{
    background-color:#313131;
}
.actu p{
    margin-inline: auto;
}
footer{
    position:fixed;
}



@media screen and (min-width:2000px) {
    .contenue{
        padding-top:10rem;
    }
}
@media screen and (min-width:1600px) {
    body{
        background-size:contain;
    }
}
@media screen and (max-width:1200px) {
    .actu{
        padding-top:unset;
        padding-bottom:unset;
    }
}
@media screen and (max-width:1000px) {
    .contenue{
        flex-direction:column;
    }
    .actu{
        margin:1rem;
        min-width:10rem ;
    }
}
@media screen and (max-height:700px) {
    .contenue{
        padding-top:10%;
        padding-bottom:3rem;
    }
}
@media screen and (max-height:500px) {
    .contenue{
        padding-top:1rem;
    }
}