.sectionAllActualites{padding-bottom:10em}

.sectionAllActualites .uniformSpacing .containerFilterTitle{
	display:flex;
	gap:2em;
}

.sectionAllActualites .uniformSpacing .containerFilterTitle h2{
	width: 30%;
}

.sectionAllActualites .uniformSpacing .containerAllContent{
	display: flex;
	gap: 2em;
}

.sectionAllActualites .uniformSpacing .containerFilter{
	display: flex;
	gap: 1em;
	padding-bottom: 3em;
	padding-top: 2em;
	flex-wrap: wrap;
}

.sectionAllActualites .uniformSpacing .enAvant{
	width: 100%;
	display: flex;
	gap: 2em;
	padding-bottom: 5em;
	flex-direction: column;
}

.sectionAllActualites .uniformSpacing .enAvant article{
	width: calc(100% / 3 - 1.4em);
	margin: 0;
	min-width: 20em;
}

.sectionAllActualites .uniformSpacing .enAvant > div{
	display: flex;
	gap: 2em;
	flex-wrap: wrap;
}


.sectionAllActualites .uniformSpacing .containerFilter p{
	margin: 0;
	padding: .5em 1.5em;
	border: 1px solid var(--basicColor5);
	border-radius: var(--basicBorderRadius);
	background-color: var(--basicColor5);
	color: white;
	transition: ease all .3s;
	cursor: pointer;
}

.sectionAllActualites .uniformSpacing .containerFilter p.active{
	background: var(--basicColor1);
	color: white;
	border: 1px solid var(--basicColor1);
}

.containerCards article.disable{
	display: none;
}


.sectionAllActualites .uniformSpacing .containerCards{
	z-index:10;
	display: flex;
	flex-direction: column;
	gap: 2em;
	width: 100%;
}
.sectionAllActualites .articleBlock{
	display:block;
	margin:0 auto
}
.sectionAllActualites article{
	padding: 1em;
	display:flex;
	align-items:center;
	vertical-align:top;
	border-radius:2em;
	box-sizing:border-box;
	-webkit-box-shadow:-3px -3px 32px -9px rgba(0, 0, 0, .25);
	box-shadow:-3px -3px 32px -9px rgba(0, 0, 0, .25);
	visibility:hidden;
	opacity:0;
	transition:1s;
	transform:translateY(5em);
	width: 100%;
}

.sectionAllActualites article.noAnime {
	visibility: inherit;
	opacity: 1;
	transform: initial;
}


.sectionAllActualites article > div{
	display: flex;
	gap: 2em;
	width: 100%;
}

.sectionAllActualites article > div .containerText{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-right: 2em;
}

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

.sectionAllActualites article > div .containerText *{
	text-align: start;
}

.sectionAllActualites article > div .containerText .containerLink{
	display: flex;
	justify-content: flex-end;
}

.sectionAllActualites article > div .containerText .containerLink a{
	width: fit-content;
}

.sectionAllActualites .appearElement{
	transform:translateY(0);
	opacity:1;
	visibility:visible
}
.sectionAllActualites article:nth-child(3n+3){margin-right:0}
.sectionAllActualites article .subTitle{
	color:var(--basicColor5);
	text-transform:uppercase
}
.sectionAllActualites .allActu{
	display:block;
	margin:1em 0
}
.sectionAllActualites .elementArticleBlog .divBck{border-radius:50%}
.sectionAllActualites .elementArticleBlog svg{
	height: 15em;
	width: 15em;
	min-width: 15em;
}

.sectionAllActualites .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
}
.sectionAllActualites .elementArticleBlog a:hover{
	background:0 0;
	color:var(--basicColor1)
}

.elementArticleBlogEnAvant  > div{
	flex-direction: column;
	gap: 1em !important;
}

.elementArticleBlogEnAvant  svg{
	height: 8em;
	width: auto;
}

.elementArticleBlogEnAvant > div .containerText h2{
	font-size: 1.2em;
}

.elementArticleBlogEnAvant > div .containerText .categorieName{
	font-size: .8em;
	margin-top:0;
}

.elementArticleBlogEnAvant > div .containerText .containerLink 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;
}


.elementArticleBlogEnAvant > div .containerText .containerLink{
	margin-top: 1em;
}

.elementArticleBlogEnAvant > div{
	gap: 0 !important;
}

.elementArticleBlogEnAvant svg{
	height: 12em;
}

.elementArticleBlogEnAvant> div .containerText{padding-right: 0!important;}

.sectionAllActualites h2{
	color: var(--basicColor1);
 }


@media screen and (max-width:700px){
	.sectionAllActualites .elementArticleBlog svg{
		height: 12em;
		width: 12em;
		min-width: 12em;
	}
}


@media screen and (max-width:600px){
	.sectionAllActualites .uniformSpacing .enAvant article{
		width: 100%;
	}

	.sectionAllActualites article > div{
		flex-direction: column;
		align-items: center;
	}

	.sectionAllActualites .elementArticleBlog svg{
		height: 15em;
		width: 15em;
		min-width: 15em;
	}
}