/*********************************************************************************************************/
/* inférieur à 2600px */
/*********************************************************************************************************/
@media screen and (max-width : 2400px) {
		
}
/*********************************************************************************************************/
/* inférieur à 1920px */
/*********************************************************************************************************/
@media screen and (max-width : 1920px) {
	
	.citation_content {
		padding:10% 22%;
		font-size:1.1em;
	}
	
}
/*********************************************************************************************************/
/* inférieur à 1800px */
/*********************************************************************************************************/
@media screen and (max-width : 1800px) {



}
/*********************************************************************************************************/
/* inférieur à 1700px */
/*********************************************************************************************************/
@media screen and (max-width : 1750px) {

	.citation_content {
		padding:15% 22%;
		font-size:0.9em;
	}
	div#reference_infos {
		display:none;
	}
	div#reference_infos_right {
		display:block;
	}

}

/*********************************************************************************************************/
/* inférieur à 1550px */
/*********************************************************************************************************/
@media screen and (max-width : 1650px) {
	div#portfoliolist {grid-template-columns:repeat(3, 1fr);}
	.citation_content {
		padding:10% 22%;
		font-size:1em;
	}
	.portfolio .label-text {
		font-size:0.9em;
		/*testfab*/
		/*padding: 40% 0 0;*/
	}
	.label-text p.ligne1 { 
	/*testfab*/
	padding:40% 0 0 0;
	}
	div#destination {
		display:block;
	}
	
}
/*********************************************************************************************************/
/* inférieur à 1280px */
/*********************************************************************************************************/
@media screen and (max-width : 1280px) {
	
	
	
	.citation_content {
		padding:10% 15%;
		font-size:1.1em;
	}
	.portfolio .label-text {
		font-size:0.8em;
		/*padding: 25% 0 0;*/
	}

}
/*********************************************************************************************************/
/* inférieur à 1280px */
/*********************************************************************************************************/
@media screen and (max-width : 1230px) {
	
	
	div#portfoliolist {grid-template-columns:repeat(2, 1fr);}
	.ref_vide { display:none;}
	
	.citation_content {
		padding:15% 22%;
		font-size:1.1em;
	}

}
/*********************************************************************************************************/
/* inférieur à 1070px */
/*********************************************************************************************************/
@media screen and (max-width : 1040px) {
	
	.citation_content {
		padding:10% 15%;
		font-size:1em;
	}
	.portfolio .label-text {
		font-size:0.9em;
		/*padding: 40% 0 0;*/
	}
	
	div#reference_infos {
		position:static;
	}
	
	/*.button_prev, .button_next {
		width:70px; height:70px;
	}
	.button_prev {
		background:url(../modules/responsive_slider/img/real_anim_prec_70.png) center no-repeat;
	}
	.button_next {
		background:url(../modules/responsive_slider/img/real_anim_suiv_70.png) center no-repeat;
	}*/
	
}
/*********************************************************************************************************/
/* inférieur à 959px */
/*********************************************************************************************************/
@media screen and (max-width : 959px) {
	
	.citation_content {
		padding:15% 15%;
		font-size:0.9em;
	}	
	
	
	
}

/*********************************************************************************************************/
/* inférieur à 959px */
/*********************************************************************************************************/
@media screen and (max-width : 870px) {
	
	
	div#portfoliolist {grid-template-columns:repeat(1, 1fr);}
	
	.citation_content {
		padding:10% 15%;
		font-size:0.9em;
	}	
	
	
	
}
/*********************************************************************************************************/
/* inférieur à 758px */
/*********************************************************************************************************/

@media screen and (max-width : 758px) {
	div#portfoliolist {grid-template-columns:repeat(2, 1fr);}
	div#reference_infos, div#reference_infos_right {
		margin: 10px 0 20px 0;
		padding: 0 5%;
	}
}

/*********************************************************************************************************/
/* inférieur à 650px */
/*********************************************************************************************************/

@media screen and (max-width : 650px) {
}

/*********************************************************************************************************/
/* inférieur à 610px */
/*********************************************************************************************************/

@media screen and (max-width : 590px) {
	div#portfoliolist {grid-template-columns:repeat(1, 1fr);}
	.citation_content {
		padding:15% 22%;
		font-size:1.1em;
	}
}

/*********************************************************************************************************/
/* inférieur à 480px */
/*********************************************************************************************************/

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

	.citation_content {
		padding:10% 22%;
		font-size:0.9em;
	}
	/*.button_prev, .button_next {
		width:40px; height:40px;
	}
	.button_prev {
		background:url(../modules/responsive_slider/img/real_anim_prec_40.png) center no-repeat;
	}
	.button_next {
		background:url(../modules/responsive_slider/img/real_anim_suiv_40.png) center no-repeat;
	}*/

}
/*********************************************************************************************************/
/* inférieur à 350px */
/*********************************************************************************************************/

@media screen and (max-width : 350px) {
	
	
	
}