.last-actu-pp{
    /*width: 23%;*/
    visibility: hidden;
    display: inline-block;
    /*float: right;*/
    /*margin-right: 0.15em;*/
    /*transform: translateY(77%);*/
    border-bottom: 1px solid #000000;
    position: absolute;
    width: 22%;
    margin-left: 2%;
    top: 24.5%;
}

.last-actu-pp::after{
    background: url(../../images/flou.png);
    bottom: 0;
    left: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 28%;
    background-size: cover;
    background-repeat: no-repeat;
}

.last-actu-pp .image-pp{
    margin-top: 0;
    margin-bottom: 1.6em;
}

.last-actu-pp .image-pp img{
    width: 100%;
}

.last-actu-pp .actu_title{
    font-family: 'TradeGothicLTStd-Bold';
    text-transform: uppercase;
    color: #000000;
    font-size: 1.6em;
    margin: 0.5em 0 0;
}
/*.last-actu-pp .actu_subtitle{*/
    /*font-family: 'TradeGothicLTStd-Bold';*/
    /*color: #000000;*/
    /*font-size: 1.6em;*/
    /*letter-spacing: 0.5px;*/
    /*margin: 0;*/
/*}*/

.last-actu-pp .actu_summary{
    font-family: 'TradeGothicLTStd';
    color: #000000;
    font-size: 0.9em;
    letter-spacing: 0.5px;
    margin: 0.5em 0 0 0.1em;
    max-height: 150px;
    overflow: hidden;
}

.last-actu-pp a{
    color: #000000;
}

.last-actu-pp a:focus{
    /*outline: 1px dotted;*/
}

@media screen and (max-width: 768px){
    .last-actu-pp{
        float: none;
        position: relative;
        transform: translateY(0px) !important;
        margin: 4% auto 4%;
        width: 100%;
        display: inline-block;
        text-align: left;
        top: inherit !important;
    }

    .last-actu-pp .actu_summary{
        font-size: 13px;
        letter-spacing: 0;
    }
}