/* CSS Document */
/*DEBUT DESIGN BLOG TOTO*/
#arx_blog_actus {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.arx_blog_actu_item {
    flex: 0 1 33%;
		width: 33%
}
.extrait {
	overflow: hidden;
}
/*FIN DESIGN BLOG TOTO*/
.arx_home_actu_item, .arx_blog_actu_item {
	padding:10px;
	position:relative;
}

.arx_home_actu_item_inner, .arx_blog_actu_item_inner, .article_liste_item {
	background-color: transparent;
}

.arx_home_actu_item_inner .image, .arx_blog_actu_item_inner .image, .article_liste_item .image {
 height:300px ;
	overflow: hidden;
	z-index:1;
	background-image: url("../img/default.png");

}
.arx_home_actu_item_inner .image_inner, .arx_blog_actu_item_inner .image_inner, .article_liste_item .image_inner {
	
 height:300px ;
background-size: cover;
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
	background-position: center;
}

.arx_home_actu_item:hover .arx_home_actu_item_inner .image_inner, .arx_blog_actu_item:hover .arx_blog_actu_item_inner .image_inner, .article_liste_item:hover .image_inner {
	transform:scale(1.5);
}
#arx_liste_articles.loading {
	opacity:0.5;
} 

#arx_liste_articles_ajax.loading .lds-ripple {
  display: inline-block;
}
#arx_liste_articles_ajax.loading {
	opacity:0.6;
}



#arx_liste_articles_inner_page_actu {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
}

.arx_home_actu_item_inner .taxonomie_niveau_1, .arx_blog_actu_item_inner .taxonomie_niveau_1, .article_liste_item .taxonomie_niveau_1 {
	text-align: right;
	z-index:250000;
	position:absolute;
	top:10px;
	left:10px;
	padding:0px;
	margin:0px;
}
.arx_home_actu_item_inner .taxonomie_niveau_1 li, .arx_blog_actu_item_inner .taxonomie_niveau_1 li, .article_liste_item .taxonomie_niveau_1 li{
	color:#fff;
	list-style: none;
	font-family:'Manrope';	
	display:inline-block;
	padding:5px;
}


.arx_home_actu_item_inner .taxonomie, .arx_blog_actu_item_inner .taxonomie, .article_liste_item .taxonomie {
	margin-top:-20px;
	text-align: right;
	padding-right:20px;
	z-index:250000;
	position:relative;
}
.arx_home_actu_item_inner .taxonomie li, .arx_blog_actu_item_inner .taxonomie li, .article_liste_item .taxonomie li{
	display:inline-block;
	list-style: none;
	margin:0px 5px 0px 0px;
	padding:5px 10px;
	background-color: #333;
	color:#fff;
	font-family:'Manrope';
	font-weight:600;
	font-size:15px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.arx_home_actu_item_inner .taxonomie li.college, .arx_blog_actu_item_inner .taxonomie li.college{
	background-color: #0C7BC0;
}
.arx_home_actu_item_inner .content, .arx_blog_actu_item_inner .content{
	padding:30px;
}
.arx_home_actu_item_inner .titre, .arx_blog_actu_item_inner .titre, .article_liste_item .titre {
	font-family:'Manrope';
	color:#000;
	font-size:25px;
	line-height:1.2em;
	font-weight:700;
	padding-bottom:25px !important;
}
.arx_home_actu_item_inner .titre a, .arx_blog_actu_item_inner .titre a, .article_liste_item .titre a {
	color:#000;
}

#arx_home_actus_ajax_container.loading, #arx_blog_actus_ajax_container.loading {
	opacity:0.6;
}
#arx_actu_filtres, .arx_terms_filters_actus {
	padding-left:0px;
	margin-left:0px;
	width:80%;
}
#arx_actu_filtres_niveau1 {
	padding-left:0px;
	margin-left:0px;
	width:80%;
}

#arx_actu_filtres li, .arx_terms_filters_actus li {
	list-style: none;
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-color: rgba(0,3,51,0.02);
	padding:10px 20px;
	color:#000;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-family:'Manrope';
	font-size:13px;
}
#arx_actu_filtres li:hover, .arx_terms_filters_actus li:hover {
	background-color: #333;
	color:#fff;
}

#arx_actu_filtres li.active, .arx_terms_filters_actus li.active {
	background-color: #333;
	color:#fff;

}

#arx_actu_filtres_niveau1 li {
	list-style: none;
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-color: rgba(12,123,192,0.12);
	padding:10px 20px;
	color:#333;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-family:'Manrope';
	font-size:20px;
	font-weight:600;
	opacity:0.3;
	position:relative;
	padding-left:50px;
}
#arx_actu_filtres_niveau1 li:hover {
	background-color: #0DA6DD;
	color:#fff;
}

#arx_actu_filtres_niveau1 li.active {
	background-color: #0DA6DD;
	color:#fff;
	opacity:1;
}

#arx_actu_filtres_niveau1 li:before {
	content : "";
	display:block;
	position:absolute;
	top:7px;
	left:7px;
	width:30px;
	height:30px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
	background-color: #333;
	opacity:0.3;
}

#arx_actu_filtres_niveau1 li.active:before {
	background-color: #fff;
	opacity:1;
}

.pagination {
	display: flex;
	gap: 20px;
	justify-content: center;
	font-size: 16px;
	margin-top: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 980px) { 
	#arx_liste_articles_inner_page_actu {
		display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 30px;
	}
}

@media only screen and (max-width: 768px) {
	#arx_slick_decale {
		transform: none !important;
	}
	#arx_actu_filtres_niveau1 {
		width: 100%;
	}

	#arx_home_actus_ajax_content {
		margin-right: 20px;
	}

	#arx_actu_filtres, .arx_terms_filters_actus {
		display: contents;
	}

	#arx_liste_articles {
		margin-top: 15px;
	}
	
	#arx_liste_articles_inner_page_actu {
		display: block !important;
	}

	.arx_home_actu_item_inner .titre, .arx_blog_actu_item_inner .titre, .article_liste_item .titre {
		padding-bottom: 5px !important;
	}

	.extrait {
		line-height: 1.2em;
    font-weight: 500;
    font-size: 16px;
	}

	.arx_home_actu_item_inner, .arx_blog_actu_item_inner, .article_liste_item { 
		margin-bottom: 50px;
	}

	.article_liste_item .content {
		padding: 0px 5px;
    text-align: center;
	}


	/*  SLICK MOBILE  */
	.slick-arrow {
    background: #f99e34 !important;
    border-radius: 16px;
	}

	.slick-next {
		transform: translate(10px, -50%) !important;
	}

	.slick-prev {
		transform: translate(-10px, -50%) !important;
	}
}