@media only screen and (max-width: 5000px) {


}

@media only screen and (max-width: 3000px) {


}

@media only screen and (max-width: 1700px) {



}

@media only screen and (max-width: 1500px) {



}

@media only screen and (max-width: 1370px) {



}

@media only screen and (max-width: 1024px) {

		.wrap-item-agenda {
		  padding: 20px;
		}
		.aside_right {
		  width: 25%;
		}
		aside.aside_right {
		  width: 28%;
		}


}
@media only screen and (max-width: 768px) {
		aside.aside_left {
		  width: 100%;
		}
		aside.aside_right {
		  width: 100%;
		  padding: 0 20px;
		}
		li.item-categorie {
		  font-size: 16px;
		}

		.widget-aside.widget_categories {
		  padding-right: 54px;
		  padding-left: 40px;
		}
		aside.aside_left {
		  padding-left: 15px;
		  padding-right: 15px;
		}





	}
@media only screen and (max-width: 425px) {
		
		.image-agenda {
		  width: 100%;
		}
		.content-actualite {
		  width: 100%;
		  padding: 20px 10px;
		}
		.pagination {
		  display: block;
		}
		.wrapper-pagination-left {
		  padding: 14px 14px;
		}
		
		.title-banner-center.detail-tit.aos-init.aos-animate {
		  font-size: 34px;
		}

		section.biography-wrapper {
		  height: 103px;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		}
		.header-liste h2 {
		  font-size: 19px;
		}
		.date-agenda {
  			width: 52px;
		}
		span.date_in_month {
		  font-size: 13px;
		}
		span.date_in_number {
		  font-size: 15px;
		  width: 40px;
		  height: 40px;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		}
		.container {
	 	 	padding: 0;
		}
		

		.item-agenda .right-slide span {
		  width: 42px;
		  height: 42px;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		}
		p.chapeau-actualite {
		  font-size: 14px;
		}
		.title-actualite {
		  font-size: 21px;
		}
		aside.aside_left {
		  padding-right: 15px;
		}



}
@media only screen and (max-width: 320px) {
		
		.header-liste h2 {
		  font-size: 21px;
		}
		.title-actualite {
		  font-size: 19px;
		}
		p.chapeau-actualite {
		  font-size: 15px;
		}
		
		.pagination {
		  display: block;
		}
		.wrapper-pagination-left {
		  padding: 14px 14px;
		}
		.widget-aside.widget_categories {
		  padding-left: 12px;
		  padding-right: 24px;
		}
		form.search-form input {
		  font-size: 15px;
		  padding: 8px 10px;
		}
		span.category-actu {
		  left: 4px;
		}
		.date-agenda {
		  width: 52px;
		  padding: 10px 2px;
		  padding-bottom: 0;
		}
		.image-agenda img {
		  height: 187px;
		}



}














