.sectionActu {background: var(--basicColor4)}
.sectionActu .uniformSpacing {z-index: 15;position: relative}
.sectionActu .title {font-size: 3em;text-transform: uppercase;text-align: center;color: var(--basicColor3);margin-bottom: .5em}
.sectionActu article {margin-right: 5%;border-radius: 2em;-webkit-box-shadow: -3px -3px 32px -9px rgba(0, 0, 0, .25);box-shadow: -3px -3px 32px -9px rgba(0, 0, 0, .25);background: #fff;padding: 1em;display: inline-flex;vertical-align: top;flex-direction: column;visibility: hidden;align-items: center;opacity: 0;transition: 1s;transform: translateY(-3em)}
.sectionActu .appearArticle {visibility: visible;opacity: 1;transform: translateY(0)}
.sectionActu article:last-child {margin-right: 0 !important}
.sectionActu article .subTitle {color: var(--basicColor5);text-transform: uppercase}
.sectionActu .title span {color: var(--basicColor1)}
.sectionActu .allActu {display: block;margin: 1em 0}
.sectionActu .elementArticleBlog svg {height: fit-content;width: 100%}
.sectionActu .elementArticleBlog p:not(.categorieName) {text-align: center;height: 7em;overflow: hidden;-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)))}
.sectionActu .elementArticleBlog a {background: var(--basicColor1);border-radius: 5em;display: inline-block;color: #fff;font-family: amaranth;border: 2px solid var(--basicColor1);padding: .5em 1em;cursor: pointer;transition: .3s}
.sectionActu .elementArticleBlog a:hover {background: 0 0;color: var(--basicColor1)}
.sectionActu a:last-child {margin-top: 1em}
.sectionActu .containerCategorieName {
	width: 100%;
	display: flex;
	justify-content: center;
}

.sectionActu  .categorieName {
background: var(--basicColor1);
	color: white;
	border-radius: var(--basicBorderRadius);
	padding: .5em 1.5em;
	width: fit-content;
	font-weight: 600;
}


@media screen and (max-width: 1000px) {
	.sectionActu article, .sectionActu article:nth-child(3n+3) {width: 45%;margin: 1em 10% 1em 0}
	.sectionActu article:nth-child(2n) {margin-right: 0}
}
@media screen and (max-width: 700px) {
	.sectionActu article, .sectionActu article:nth-child(3n+3) {width: 80%;margin-right: 0}
}
@media screen and (max-width: 500px) {
	.sectionActu article, .sectionActu article:nth-child(3n+3) {width: 100%;margin-right: 0}
}