.actu-pp{
    color: #000000;
    width: 31%;
}

.actu-pp .item-actu{
    margin: 0;
    padding: 0;
}

.actu-pp .item-actu {
    display: inline-block;
    vertical-align: top;
    margin: 0 2.1% 3em 0;
    width: 100%;
}

.actu-pp a{
    color: #000000;
    width: 100%;
}


.actu-pp a:hover, .actu-pp a:focus, .actu-pp a:active {
    text-decoration: inherit;
    color: #000000;
}

.actu-pp a .item{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
}

.actu-pp a:hover .item p, .actu-pp  a:focus .item p, .actu-pp a:active .item p{
    color: #ff8f00;
}

.actu-pp .item-actu .actu-date{
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd';
    font-size: 1.3em;
    margin: 0.5em 0 0;
    letter-spacing: 1px;
    color: #000000;
}

.actu-pp .item-actu .actu-title{
    text-transform: uppercase;
    font-family: 'TradeGothicLTStd-Bold';
    font-size: 1.3em;
    margin: 0 0 1em;
    letter-spacing: 1px;
    white-space: pre-line;
}

/*@media screen and (min-width: 1170px) {*/
.actu-pp:nth-child(3n){
    margin: 0 0 3em 0;
}
/*}*/

@media screen and (max-width: 768px) {
    .actu-pp{
        width: 48%;
        margin: 0 2.4% 3em 0;
    }

    .actu-pp:nth-child(3n){
        margin: 0 2.4% 3em 0;
    }

    .actu-pp:nth-child(2n){
        margin: 0 0 3em 0;
    }
}

@media screen and (max-width: 480px) {
    .actu-pp{
        width: 100%;
        margin: 0 0 3em 0;
    }

    .actu-pp:nth-child(2n), .actu-pp:nth-child(3n){
        margin: 0 0 3em 0;
    }

    .actu-pp .item-actu p{
        font-size: 1.1em;
    }
}