/* =============== voir fichiers css rostPriv & rostPub pour ... le roster ! =========== */

.on480{
	display: none;
}



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

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

div#conteneur{
	width: 1920px ;
}

}


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

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



}

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

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



}


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

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


div#conteneur{
	width: 100% ;
}


}


/*======  1600 ============================================================*/ 

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


.panel_cx_info{
	width: 30%;

}
 
.panel_cx_info_inter{
	width: 0%;		
}
	
.block_form{
	width: 70%;
}	
	

.block_crew,
.block_dl,
.modif_pass{
	width: 60%;
}	
	
}


/*======  1440 ============================================================*/ 

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

div#titre{
	margin-top: 40px;
}


div#logo_m{
	top: -75px;
	left: 10%;
}
	
.block_login{
	width: 60%;
}	


.block_cont_up{
	width: 50%;
}

.block_crew,
.block_dl,
.modif_pass,
.block_staffcenter{
	width: 70%;
}

.foot_up{
	margin-right: 5%;
}

.foot_l{
	width: 35%;
}

.foot_c{
	width: 25%;
}

.foot_inter{
	width: 20%;
}

}


/*======  1366 ============================================================*/ 

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

div#logo_m{
	width: 10%;
}


.block_index,
.block_stat_list,
.admin_pilot,
.block_stat_gen_up{
	width: 80%;
}	
	
.tab_grad1{
	width: 30%;
}	
	
.tab_grad3,
.staffcenter_pirep{
	width: 60%;
}	


.stats_pilot_prof{
	width: 100%;
}

	
}


/*======  1280 ============================================================*/ 

@media screen and (max-width: 1280px)
{
	
div#logo_m{
	left: 1%;
}	

.block_index{
	width: 90%;
}

.block_rost,
.block_stat_gen_up{
	width: 75%;
}

.block_event_list,
.edit_profil{
	 width: 60%;
	 
 }		
 

.block_cont_up{
	width: 60%;
}


.block_stat_list{
	width: 85%;	
}

.admin_pilot{
	width: 85%;
}


.foot_up{
	margin-right: 0;
}


.foot_l{
	width: 30%;
}
.foot_c,
.foot_r{
	width: 25%;
}

.foot_inter{
	width: 15%;
}

.logoSmall_foot{
	width: 300px;
}

.ivaoSmall_foot{
	width: 250px;
}

}


/*======  1100 ============================================================*/ 

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

div#logo_m{
	display: none;
}


.panel_cx_log{
	text-align: left;
}

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

 
.lienCnx a:link,
.lienCnx a:visited{
	text-decoration: none;
	border: none;
	padding: 5px 0;
	background: none;
	box-shadow: none;

 }

}

/*======  1024 ============================================================*/ 

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


div#titre{
	margin-top: 60px;
}

 
.lienCnx a:hover{
	color: #f00;
}

.block_base,
.block_rost,
.block_stat{
	  width: 90%;
 }
	
.block_form,
.block_vols_list,
.block_stat_gen_up,
.block_staffcenter{
	width: 80%;
}

.block_distinc{
	width: 85%;
}

.block_stat_list,
.block_grades,
.crew_ope{
	width: 100%;
}


.block_profile_up2{
	width: 70%;
}

.tab_grad2{
	width: 20%;
}

.tab_grad3{
	width: 55%;
}
 
 .block_staff_up{
	width: 80%;
 }
 
 
.block_cont_up{
	width: 70%;
}
 
.staff_l,
.staff_r{
	width: 95%;
	display: block;
	margin-top: 20px;
}

.inter_v_staff{
	margin-top: 20px;
}

.block_stat_gen{
	width: 30%;
	padding-top: 20px;
}

 
.log_titre{
	width: 25%;
}


.tab_pir_heure_up,
.tab_pir_route_up{
	width: 100%;
	display: block;	
}

.tab_pir_route_up{
	margin: 0;
}

.tab_admin_pilot_2{
	width: 20%;
}


.tab_admin_pilot_list{
	width: 35%;
}


.tab_admin_pirep2{
	width: 50%;
}

.staffcenter_pirep{
	width: 60%;	
}


.txtSmall_foot,
.admin_pilot{
	width: 95%;
}


.foot_l,
.foot_c{
	width: 45%;
}

.foot_r{
	width: 100%;
	justify-content: center;
	margin-top: 30px;
}

.foot_inter{
	width: 0%;
}


}


/*======  1000 ============================================================*/ 

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


.ind_intro{
	width: 80%;
	display: block;
	margin: 0 auto;
}

.ind_panel_tw{
	width: 50%;
	display: block;
	margin: 0 auto;
	padding-top: 50px;
}

.ind_inter_v{
	display: none;
}

.block_form{
	width: 90%;
}



 
.block_rost{
	width: 95%;
	font-size: 15px;
 }
 

.block_dl,
.block_vol,
.block_pirep{
	width: 80%;
}

 
.crew_pirep{
	width: 100%;
}

.tab_pir_heure_champ{
	width: 70%;
}


}

/*======  980 ========== Bascule menu =======================================*/ 

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



}


/*======  900 ============================================================*/ 

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

	
.ind_intro{
	width: 90%;
}

.ind_panel_tw{
	width: 80%;
}

.ind_panel_box {
	width: 80%;
	display: block;
	margin: 0 auto;
}


.block_profile_up{
	width: 70%;
}	

	
.block_login{
	width: 80%;
}

.tab_stat_pil_txt{
	width: 30%;
}

.tab_stat_pil_form{
	width: 40%;
}



}


/*======  768 ============================================================*/ 

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

.ind_panel_box {
	width: 90%;
}
	
.tab_tours4{
	display: none;
}	
	

.block_event_list{
	 width: 70%;
 }
 

.block_vols_list,
.block_stat_adpax_up,
.block_stat_gen_up,
.block_crew,
.block_dl,
.block_vol{
	width:90%;
}


.tab_tours1{
	width: 40%;
}

.block_stat{
	width: 95%;
 }

.tab_pirep_up{
	width: 60%;
	display: block;
	margin: 0;
}

.log_titre{
	width: 35%;
}

.log_form{
	width: 50%;
}

.block_staffcenter{
	width: 90%;
}

 
.staff_l,
.staff_r{
	width: 93%;
}

.block_cont_up{
	width: 80%;
}

.tab_inscrip_up{
	width: 60%;
	display: block;
	margin: 0 ;
}

.tab_inscrip_txt{
	width: 50%;
}


.tab_inscrip_form{
	width: 45%;
}


.tab_admin_stats2{
	width: 15%;
}

.tab_admin_stats3,
.tab_admin_stats4{
	width: 10%;
}

.tab_admin_stats7{
	width: 15%;
}

.tab_admin_pirep1{
	width: 20%;	
}

.tab_admin_pirep2{
	width: 40%;	
}

.staffcenter_pirep{
	width: 80%;
}

.tab_admin_pilot_1{
	width: 15%;

}

.tab_admin_pilot_2{
	width: 30%;
}

.tab_admin_pilot_5{
	width: 40%;
}
 

.tab_admin_pilot_6{
	width: 5%;
}


.tab_admin_pirep1{
	width: 18%;	
}

.tab_admin_pirep2{
	width: 40%;	
}


	
}




/*======  640 ============================================================*/ 

@media screen and (max-width: 640px)
{
	
.off640,
.tab_tours3,
.tab_vol4{
	display: none;
}		


div#titre{
	margin-top: 40px;
}	

.block_event_list,
.tab_inscrip_up,
.tab_stat_pil_up,
.edit_profil,
.modif_pass{
	width: 95%;
}


.block_cont_up{
	margin-top: 30px;
}

.cont_form_txt{
	width: 40%;
}

.staffcenter_pirep{
	width: 95%;
	padding: 20px 0 20px 5px;
}

.tab_tours2{
	width: 20%;
}
	
.tab_vol_vustaff2{
	display: none;
}

.tab_vol_vustaff{
	width: 24%;
}
 
.block_stat_app{
	width: 30%;
	display: inline-block;	
	margin-top: 20px;
}

.tab_vol_d{
	width: 20%;
}

.tab_vol1,
.tab_vol2{
	width: 18%;
}

.block_stat_gen_pil{
	width: 30%;
	margin-top: 10px;
}
 
.tab_vol_statpil4,
.tab_vol_statpil5,
.tab_10ans_3{
	display: none;
}

.tab_vol_statpil_d{
	width: 20%;
}

.tab_admin_pirep1{
	width: 20%;	
}

.tab_admin_pirep2{
	width: 36%;	
}

.foot_l,
.foot_c{
	width: 100%;
}

.foot_c{
	margin-top: 30px;
	justify-content: center; 
	text-align: center;
}
 
}



/*======  480 ============================================================*/ 

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

.on480{
	display: block;
}


 
.online{
	width: 50%;
	display: block;
	margin: 0 auto;
	float: none;
	padding-top: 10px;
}

.off480,
.tab_tours2,
.tab_vol3,
.tab_vol_statpil6{
	display: none;
}

.block_stat_gen,
.block_stat_app,
.block_stat_gen_pil{
	width: 49%;
}

.tab_vol,
.tab_vol_d,
.tab_vol_leg{
	width: 60%;
	display: block;
}
	
div#titre{
	margin-top: 60px;
}	

.block_staff_up{
	width: 90%;
 }
  
 

.block_cont_up{
	width: 90%
}

.cont_form_txt{
	width: 35%;
}

  
.tab_panel_ev1{
	width: 25%;

}

.tab_panel_ev2{
	width: 70%;
}

 .block_rost{
	padding: 20px 5px;
}



.tab_tours1{
	width: 55%;
}

.tab_tours5{
	width: 40%;
}


.block_stat_gen_up,
.block_crew{
	padding: 20px 10px;

}


.crew_lien_ope{
	width: 40%;
	margin-top: 10px;
}

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

.tab_profile_up,
.tab_pirep_up{
	width: 95%;
}

.tab_pir_heure_champ{
	width: 100%;
	margin-top: 20px;
}

.block_dl_50{
	width: 100%;
	display: block;
	padding: 20px 10px;
}



.tab_vol_statpil_d{
	width: 22%;
}

.tab_vol_statpil1,
.tab_vol_statpil2{
	width: 15%;
}

.stats_pilot_prof{
	padding-left: 5px;
}

.edit_profil{	
	padding: 20px 5px;	
}

	
}




/*======  420 ============================================================*/ 

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

.off360,
.ind_panel,
.tab_grad3,
.block_stat_adpax_up,
.tab_10ans_head{
	display: none;
}


.cont_form_txt_420{
	display: block;
	float: none;
}

.cont_form_txt_420_bouton{
	margin-top: 40px;
}

.tab_grad1,
.tab_grad2,
.crew_lien_ope{
	width: 49%;
}

.tab_event,
.tab_event1,
.tab_event2,
.tab_admin_pirep1,
.tab_admin_pirep2,
.tab_admin_pilot_1,
.tab_admin_pilot_2,
.tab_admin_pilot_3,
.tab_admin_pilot_4,
.tab_admin_pilot_5,
.tab_admin_pilot_6,
.tab_admin_pilot_base,
.tab_admin_pilot_list,
.tab_vol_vustaff3{
	width: 100%;
	display: block;
}

.tab_vol_vustaff{
	width: 30%;
}

.online{
	width: 90%;
	display: block;
	float: left;
	text-align: center;	
}


.tab_stat_pil_form,
.tab_stat_pil_txt{
	width: 40%;
}
 
.block_staff_up{
	padding: 20px 5px;
 }
 

}