.supported-projects .project { margin-bottom: 20px; }
.supported-projects .project > a{text-decoration: none!important;}
.supported-projects .cover {padding-top:75%; background-position: center; background-size: cover; }
.supported-projects .inner{height: 180px;  position: relative; background: white; padding:7px; border-radius: 5px; }
.supported-projects .name {color:#E2001A; font-size: 1.2rem; padding:7px 0 7px 0; font-family:'ubuntu condensed'; line-height:1; min-height: 72px;}
.supported-projects .holders {color:#333;  padding:0 0 7px 0}
.supported-projects .more {font-size:0.7rem; color:#999; text-transform: uppercase; }
.supported-projects .more:after {content:' '; display: inline-block; width: 40px; background: #E2001A; height:3px;display: block; margin:10px auto}
.supported-projects .more:hover{color:#E2001A;}
.supported-projects .all {margin:0 0}
/* homepage */
article.homepage-derniers-projets {padding: 80px 0;}
article.homepage-derniers-projets .supported-projects .inner{margin: -70px 30px 0;}
.supported-projects-container{margin: 40px 0 80px}
@media screen and (min-width: 1300px) { ._{}
	.homepage .supported-projects .project{width:25%;margin:0 0 50px; padding:0 50px}
}
@media screen and (max-width: 1299px) { ._{}
	.homepage .supported-projects .project{width:33.3333333333%;margin:0 0 30px; padding:0 15px}
}
@media screen and (max-width: 991px) { ._{}
	.homepage .supported-projects .project{width:50%;}
}

@media screen and (max-width: 767px) { ._{}
	.homepage .supported-projects .project{width:100%;}
}


/* par année */

body.supported-projects-by-year-page {}
body.supported-projects-by-year-page .news-default{}
body.supported-projects-by-year-page .article-title span {background:#E2001A; padding:1px 5px; color: white; line-height: 1}

.supported-projects-by-year  {margin :0 -50px; display: flex; flex-wrap: wrap;}
.supported-projects-by-year .project{width:33%;margin:0 0 50px; padding:0 50px}
.supported-projects-by-year .inner{margin: -60px 30px 0;}
@media screen and (min-width: 1300px) { ._{}
	.supported-projects-by-year .project{width:33%;margin:0 0 50px; padding:0 50px}
}
@media screen and (max-width: 1299px) { ._{}
	/*
	.supported-projects-by-year .supported-projects .project{width:33.3333333333%;margin:0 0 30px; padding:0 15px}
	*/
}
@media screen and (max-width: 991px) { ._{}
	.supported-projects-by-year  .project{width:50%;}
};