@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; */
	}

	aside.aside_right {
	  width: 100%;
	  padding: 0;
	}

	li.item-categorie {
	}

	.widget-aside {
	  padding: 40px 35px 40px;
	}

}


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

	.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%;
	}

	.content-actualite {
	  width: 100%;
	  padding: 20px 10px;
	}
.content-action {
  width: 100%;
  padding-top: 17px;
}
		
	.header-liste h2 {
	  font-size: 19px;
	}

	.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%;
	}

	.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;
		
		}

}