/*======  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 1600 ============================================================*/ 

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

{
 

.foot_l,
.foot_rr{
	width: 30%;

}


 
}


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

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

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

 
}



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

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

{
 
header,
.base,
.base_ombre,
.baseCentre
{
	width: 85%;
}

.foot_l{
	width: 35%;
}

.foot_c{
	width: 20%;
}

.foot_r{
	width: 25%;
}


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

}
 
}

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

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

{


 
}


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

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

{
	
 
header,
.base,
.base_ombre,
.baseCentre
{
	width: 90%;
}

.contactForm{
	width: 70%;
}


.largTextAera2{
	width: 95%;
}




.foot_l{
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.foot_c{
	width: 30%;
}

.foot_r{
	width: 30%;
}

.foot_rr{
	margin-top: 20px;
}

}


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

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

{
	

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


}



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

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

{
	
 
header,
.base,
.base_ombre,
.baseCentre
{
	width: 95%;
}

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

}


.nomChamps_inscrip{
	text-align: center;
}

.champs_inscrip{
	width: 90%;
}

}


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

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

{


.contactForm{
	width: 80%;
}

.champs{
	width: 80%;

}

.largTextAera{
	width: 90%;

}


.largTextAera2{
	width: 90%;
}

.foot_c,
.foot_r{
	width: 100%;
	display: block;
	text-align: center;
	padding: 0;
}


}



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

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

{

.contactForm{
	width: 80%;
}	


}




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

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

{
	
header,
.base,
.base_ombre,
.baseCentre
{
	margin: 0;
}


	
}




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

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

{



	
}