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

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

div#contener{
	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)
{


div#contener{
	width: 100% ;
}


}



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

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

{
 


div#logo_l{
	left: 10%;
}


div#titre{
	width: 60%;
	margin-left: 10%;
}

header{
	width: 80%;
}

.block_base,
.block_prestat,
.cont_base,
.mail_base{
	width: 80%;
 }

footer{
	padding: 20px 0;
}
 
}

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

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

{



div#logo_l{
	left: 1%;
}

div#titre{
	margin-left: 5%;
}

header{
	width: 90%;
}	

.block_prestat{
	margin-left: 2%;
}


.block_base,
.block_prestat,
.cont_base,
.mail_base{
	width: 90%;
}

 
}



/*======  inf width 1000  ============================================================*/ 

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

{
	
	
footer{
	font-size: 20px;
}
	
	
.block_prestat{
	width: 100%;
}	
		
.cont_base{
	display: block;
}
	
.cont_txt,
.cont_form,
.loca_tof {
	width: 100%;
	margin-top: 30px;
}



}



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

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

{
	
div#logo_l{
	width: 20%;
}


div#titre{
	width: 80%;
}

.clImg{
	display:none;
}

.clImg_s{
	display:block;
}

.prestat_txt1,
.prestat_txt2{
	width: 35%;
	margin-left: 10%;
}

.prestat_txt3{
	width: 100%;
	margin-left: 10%;
}

.ann_app_tof,
.ann_boat_txt,
.ann_boat_img,
.cont_coord,
.imgx2{
	width: 100%;
	display: block;
}

}



/*======  inf width 700  ============================================================*/ 

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

{

div#logo_l{
	display: none;
}


header{
	width: 95%;
}

.backgr_ind,
.backgr_presta,
.backgr_mag{
	padding: 20px 0;
}



.block_base,
.cont_base,
.mail_base{
	width: 95%;
}

.prestat_txt1,
.prestat_txt2{
	width: 45%;
	margin-left: 0;
}

.prestat_txt3{
	width: 100%;
	margin-left: 0;
}




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

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

{
	
.mrgt_small{
	display: block;
	margin-top: 20px;
 }	

div#titre{
	width: 100%;
	text-align: center;
	margin-left: 0;
	margin-top: 80px;
}	
   
.presta_txt{
	width: 90%;
	display: block;
	text-align: left;
	margin: 0 auto;
}

 
.revue{
	width: 70%;
	display: block;
	margin: 0 auto;
}



}



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

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

{
	
.prestat_txt1,
.prestat_txt2,
.prestat_txt3{
	width: 95%;
	display: block;
	margin: 0 auto;
}

.cont_form{
	display: none;
}
	
}