/*********************************************************************************************************/
/* inférieur à 1920px */
/*********************************************************************************************************/
@media screen and (max-width : 1919px) {
	.left_txt, .right_txt{
		padding-top:100px;
	}

}
/*********************************************************************************************************/
/* inférieur à 1800px */
/*********************************************************************************************************/
@media screen and (max-width : 1800px) {
	.left_txt, .right_txt{
		padding-top:80px;
	}
}
/*********************************************************************************************************/
/* inférieur à 1700px */
/*********************************************************************************************************/
@media screen and (max-width : 1750px) {


}

/*********************************************************************************************************/
/* inférieur à 1550px */
/*********************************************************************************************************/
@media screen and (max-width : 1650px) {
	div#presentation1.presentation .int {
		padding-top:140px;

	}
}
/*********************************************************************************************************/
/* inférieur à 1400px */
/*********************************************************************************************************/
@media screen and (max-width : 1400px) {
	div#presentation1.presentation .int {
		padding-top: 120px;
		margin-top:-30px;
	}
}
/*********************************************************************************************************/
/* inférieur à 1280px */
/*********************************************************************************************************/
@media screen and (max-width : 1280px) {
	
	div#presentation2, div#presentation3{
		display:table;
	}
	div#presentation2 .photo_presentation, div#presentation2 .texte_presentation,div#presentation3 .photo_presentation, div#presentation3 .texte_presentation{
		float:none;
		margin:0 auto;
		max-width:100%;
		width:inherit !important;
		
	}
	div#presentation2 img, div#presentation3 img{
		width:100%;border:0px;display:block;max-width:inherit;
	}
	.left_txt, .right_txt{
		padding-top:50px;
	}
}

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

}
@media screen and (max-width : 1100px) {
	
}
@media screen and (max-width : 1020px) {
	
	div#news{
		width:98%;
		margin:0 auto;
		float:none;
	}
	div#menu_blog{
		width:98%;
		margin:10px auto;
		float:none;
		overflow:hidden;
	}
	div#autres_articles_blog, div#categs_blog{
		position:relative;
		float:left;
		width:50%;
	}
	
	
}
/*********************************************************************************************************/
/* inférieur à 959px */
/*********************************************************************************************************/
@media screen and (max-width : 959px) {
	div#presentation1.presentation .int {
    	padding-top: 90px;
	}
	.left_txt, .right_txt{
		padding-top:30px;
	}
}

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

@media screen and (max-width : 650px) {
	.left_txt, .right_txt{
		padding:3%;
	}
	.ref{
		width:94%;
		float:none;
		margin:20px auto;
		overflow:hidden;
		
	}
	.new{
		float:none;
		width:94%;
		margin:15px auto;
	}
	div#autres_articles_blog, div#categs_blog{
		position:relative;
		float:none;
		width:94%;
		margin:10px auto;
	}
	/*presentation*/	
	div#presentation1 .photo_presentation, div#presentation1 .texte_presentation{
		float:none;
		margin:0 auto;
		max-width:100%;
		width:inherit !important;
	}
	div#presentation2.presentation h3, div#presentation3.presentation h3{
		margin:25px auto 15px auto;	
		font-size:40pt;
	}
	
}

/*********************************************************************************************************/
/* inférieur à 600px */
/*********************************************************************************************************/
@media screen and (max-width : 600px) {
	div#animation h1 {
		font-size:40pt;	
		top: calc(50% - 43px);
	}
	.left_txt, .right_txt{
		float:none;
		width:100%;
		margin:0;
		display:table;
	}
	
}
/*********************************************************************************************************/
/* inférieur à 550px */
/*********************************************************************************************************/
@media screen and (max-width : 550px) {
	.title_part h2 {
		line-height:46px;
		font-size:35px;
	}
	div#presentation1.presentation h3, div#presentation2.presentation h3, div#presentation3.presentation h3{
		font-size:28px;
		margin:0 auto;
	}
	
}
/*********************************************************************************************************/
/* inférieur à 550px */
/*********************************************************************************************************/
@media screen and (max-width : 500px) {
	
	
	.img_ref{
		max-height:none;
	}
}
/*********************************************************************************************************/
/* inférieur à 480px */
/*********************************************************************************************************/

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

@media screen and (max-width : 450px) {
	div#animation h1 {
		font-size:30pt;	
		top: calc(50% - 35px);
	}
	.title_part h2 {
		line-height:30px;
		font-size:28px;
	}
}

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

@media screen and (max-width : 350px) {
	div#animation h1 {
		font-size:25pt;	
		top: calc(50% - 15px);
	}
}