@media (max-width: 1024px) {}

@media (max-width: 900px) {
    .page_contenu_file .x_articles>div a{
        font-size: 110%;
        width: 30%;
    }
}

@media (max-width: 680px) {
	.contenu_responsive {
		float: none!important;
		width: 100%!important;
		margin: 0!important;
		height: auto!important;
	}
}

@media (max-width: 680px) and (orientation:landscape) {
    .page_contenu_file .x_articles>div a{
        width: 35%;
    }
    
    .page_contenu_file .x_articles>div p{
        font-size: 80%;
        margin-top: 10px;
    }
}

@media (max-width: 480px) {
	.page_contenu_file .btn_contenu_dynamique a{
	display:block !important;
	width:100% !important;}
	
	.page_contenu_file .btn_contenu_dynamique a+a{
	margin-left:0;
	margin-top:2%;}
	
		
	.page_contenu_file .x_articles>a, .page_contenu_file .x_articles>div{
	float:none;
	width:100%;}
	
	.page_contenu_file .x_articles>div{
		padding-left:0;
		padding-top:10px;
		text-align:justify}
		
	.page_contenu_file .x_articles>div a{
		width:100%}
	}