/*======  8k ============================================================*/ 

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

body,
#cssmenu{
	width: 1920px ;
	margin: 0 auto;
}

}


/*======  4k ============================================================*/ 

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



}

/*======  2k ============================================================*/ 

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



}


/*======  FHD ============================================================*/ 

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


body,
#cssmenu{
	width: 100% ;
}


}


/*======  inf width 1440 ============================================================*/ 

@media screen and (max-width: 1440px)

{
 
header,
.base
{
	width: 80%;
}
 

.gen_img{
	width: 40%;
	padding-left: 25px;
}
 
 
}

/*======  inf width 1280 ============================================================*/ 

@media screen and (max-width: 1280px)

{
 
.base_pack{
	width: 90%;
} 
 

 
}

/*======  inf width 1024  ============================================================*/ 

@media screen and (max-width: 1024px)

{

div#contenu{
	--vh_img: 40vh;
}

.sup800{
	display: none;
}	

.inf800{
	display: block;
}


.gen_up{
	display: block;
	margin: 0 auto;
	text-align: left;
}

.gen_txt{
	display: block;
	width: 100%;
}

.gen_img{
	display: none;
}
 

.gen_img_x2{
	width: 100%;
	display: block;
}

.foot_up{
    display: block;
	margin: 0 auto;
}

.foot_up,
.foot_l,
.foot_c,
.foot_r{
	width: 100%;
	display: block;
	margin-bottom: 10px;
	padding: 0;
	text-align: center;
}

 
}


/*======  inf width 900  ============================================================*/ 

@media screen and (max-width: 900px)

{
	


}

/*======  inf width 800  ============================================================*/ 

@media screen and (max-width: 800px)

{
	



.block_h1,
.base,
.gen_up{
	width: 90%;
}


.revue{
	width: 100%;
	display: block;

}



}



/*======  inf width 740  ============================================================*/ 

@media screen and (max-width: 740px)

{




}


/*======  inf width 640  ============================================================*/ 

@media screen and (max-width: 640px)

{




}



/*======  inf width 480  ============================================================*/ 

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

{
	


}




/*======  inf width 414  ============================================================*/ 

@media screen and (max-width: 414px)

{



	
}




/*======  inf width 360  ============================================================*/ 

@media screen and (max-width: 360px)

{



	
}