article.actualites-homepage {background: #fafafa;}
article.actualites-homepage h2{color: black; font-size: 2.5rem; position: relative; }
article.actualites-homepage h2:after{content:' '; display: block; height: 3px; width: 120px; margin: 15px auto; background: #CE1719;}
article.actualites-homepage .items {display: flex; flex-wrap: wrap;}
article.actualites-homepage .item {  padding: 30px 30px 25px; border-radius:5px}
article.actualites-homepage .inner {border:1px solid #e0e0e0; padding:20px; background: #fff; height: 100%; position: relative;}

article.actualites-homepage img {opacity:0.2; filter:invert(1) grayscale(1) contrast(200%); transition: all 300ms;}
article.actualites-homepage .item-category {font-size: 0.7rem; text-align: left;  padding-bottom: 5px; margin-bottom:15px; color:#CE1719}
article.actualites-homepage .item-category span {padding:1px 5px;border:#CE1719 1px solid;}
article.actualites-homepage .theme {background:#CE1719; color:#fff; }
article.actualites-homepage .type {color:#CE1719;}
article.actualites-homepage .item-title a {font-size: 1.2rem; color:black; font-family: 'Ubuntu Condensed',sans-serif;}
article.actualites-homepage .item-summary {font-size: 0.8rem; font-style: italic; text-align: justify; padding: 10px 0 0}
article.actualites-homepage p.more {position: absolute;  right: 15px; bottom:5px; font-size:0.8rem}
article.actualites-homepage  a.over{position: absolute; top:0; right: 0; bottom:0; left:0;   }
article.actualites-homepage .item:hover img {opacity:1; filter:none;}
article.actualites-homepage .item:hover p.more {color:#CE1719}

@media (min-width: 1600px) {._ {}
    article.actualites-homepage .item{flex-basis:25%;}
    /* article.actualites-homepage .item:nth-child(9) {display: none} */
}

@media (min-width: 1200px) and (max-width: 1599px) {._ {}
    article.actualites-homepage .item{flex-basis:33%;}
    article.actualites-homepage .item:nth-child(n+7) {display: none}
}

@media (min-width: 768px) and (max-width: 1199px) {._ {}
    article.actualites-homepage .item{flex-basis:50%; padding: 20px 20px 15px;}
    article.actualites-homepage .item:nth-child(n+7) {display: none}
}
@media  (max-width: 767px) {._ {}
    article.actualites-homepage .item{flex-basis:100%; padding: 15px 20px;}
    article.actualites-homepage .item:nth-child(n+5) {display: none}
}