@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.aside_left {
	    padding: 0 15px 0 0;
	}

	aside.aside_left {
	    padding-left: 0;
	}

	.content-actualite {
	    padding: 0px 0px 28px 20px;
	}

	.wrap-item-agenda {
	    padding: 20px;
	}

	h2.title-actualite {
	    font-size: 19px;
	    line-height: 1.2;
	}

	p.chapeau-actualite {
	    font-size: 14px;
	}

	li.item-comment, li.item-comment i {
	    font-size: 12px;
	}

	li.item-comment i {
	}


}


@media only screen and (max-width: 768px) {

	aside.aside_left {
	  width: 100%;
	  padding: 0;
	  /* margin-bottom: 20px; */
	}
	.wrapper-page-interne {
	  padding-top: 30px;
	}
	.aside_left {
	  width: 100%;
	  padding-right: 0;
	}
	.actualite-title {
	  font-size: 15px;
	}
	.top-date-evenement div {
	  font-size: 20px;
	}
	span.annee {
	  font-size: 11px;
	}

	aside.aside_right {
	  width: 100%;
	  padding: 0;
	  margin-top: 25px;
	}

	li.item-categorie {
	}

	#bloc_aside_page, .bloc_aside_page {
	    top: 0;
	}
	#liste-actualite {
	}
	aside.aside_right {
	  width: 100%;
	  padding-left: 0;
	}
	.wia-date div {
	  font-size: 18px;
	}
	.wia-date div span {
	  font-size: 12px;
	}
	h2.widget-title {
	  font-size: 20px;
	}
	.widget-title::before {
	  width: 31px;
	  height: 3px;
	}
	.widget-title::after {
	  height: 3px;
	}
	.actualite-title {
	  font-size: 16px;
	}
	.chapeau-actu {
	  font-size: 13px;
	}
	
}


@media only screen and (max-width: 600px){
	
	.content-actualite {
		position: relative;
		padding: 40px 0px 28px 0px;
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.widget-title::before {
	  width: 30px;
	  height: 3px;
	}
	.widget-title::after {
	  height: 3px;
	}

	.image-agenda {
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		display: flex;
		justify-content: center;
		width: 100%;
	}

}


@media only screen and (max-width: 425px) {
		
	.image-agenda {
	  width: 100%;
	}
	.wrap-item-actualites {
	  flex-wrap: wrap;
	}
	.image-actualites {
	  width: 100%;
	}
	.actualites-details {
	  width: 100%;
	}
	.actualite-title {
	  padding-top: 15px;
	}

	.content-actualite {
	  width: 100%;
	  padding: 20px 10px;
	}

		
	.header-liste h2 {
	  font-size: 17px;
	}

	.item-agenda .right-slide span {
	  width: 42px;
	  height: 42px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  font-size: 13px;
	}

	p.chapeau-actualite {
	  font-size: 14px;
	}

	.title-actualite {
	  font-size: 21px;
	}

	.content-actualite {
	    position: relative;
	    padding: 25px 0px 0px;
	    width: 100%;
	    display: flex;
	    flex-direction: column;
	}

	.image-agenda {
	    position: relative;
	    overflow: hidden;
	    border-radius: 10px;
	    display: flex;
	    justify-content: center;
	    width: 100%;
	}

	.wrap-item-actualites {
	  display: block;
	}
	.image-actualites {
	  width: 100%;
	}
	.actualites-details {
	  width: 100%;
	}
	.wrap-item-actualites::before {
	  width: calc(100% - 20px);
	}
	h2.widget-title {
	  font-size: 17px;
	}
	.container {
	}
	.pagination {
	  flex-wrap: wrap;
	}
	.wrapper-pagination-left {
	  width: 100%;
	  padding-bottom: 10px;
	}


	.date-agenda span {
        font-size: 12px;
    }

    span.date_in_number {
        font-size: 14px;
        width: 40px;
        height: 40px;
        line-height: 44px;
    }

    .date-agenda {
        width: 50px;
    }

	span.category-actu {
	    font-size: 11px;
	}

}


@media only screen and (max-width: 320px) {
		
		.header-liste h2 {
		  font-size: 21px;
		}

		.title-actualite {
		  font-size: 19px;
		}

		p.chapeau-actualite {
		  font-size: 15px;
		}
		
		.date-agenda {
		  width: 47px;
		}

		span.date_in_month {
		  font-size: 12px;
		 
		}

		span.date_in_number {
		  /* padding: 0; */
		  margin: 0 auto 0;
		}

}