/*
 * Rouge #f00
 * Gris clair #7E8AA2
 * Gris + #5e6c86
 */
 
  /*************** Base ********************************/
  
 .block_full{
	 width: 100%;
 } 
  
  .block_base{
	  width: 70%;
	  margin: 0 auto;
	  text-align: left;
  }
  

.block_puce_puce{
	vertical-align: top;
	width: 4%;
	display: inline-block;
	margin-top: 10px;
	text-align: left;
}
 
.block_puce_txt{
	width: 94%;
	display: inline-block;
	margin-top: 10px;
}

 

 /*************** index ********************************/

 .block_index{
	width: 75%;
	margin: 0 auto;
	text-align: left;
}
  
 .ind_intro{
	width: 55%;
	text-align: left;
	display: inline-block;
	vertical-align: top;
 }
 
 .ind_intro_txt{
	padding: 20px;
	box-shadow:2px 2px 6px #999;
	border-radius: 8px;
}
 
 .ind_panel_tw{
	background: #fff;
	width: 40%;
	display: inline-block;
	text-align: center;
	border-radius: 10px;
	vertical-align: top;
	margin-top: -13px;
}

.log_online{
	margin-top: 30px;
	padding: 20px;
}


.ind_panel{
	width: 100%;
	margin-top: 40px;

}

.ind_inter_v{
	width: 1.5%;
	display: inline-block;
}


.ind_panel_box {
	position: relative;
	background: #fff;
	color: #7E8AA2;
	width: 48%;
	display: inline-block;
	text-align: left;
	border-radius: 10px;
	text-align: left;
	vertical-align: top;
}

 /************** inscription **********************/ 

.block_form{
	width: 50%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-radius: 5px;
	padding: 15px 10px;
}

 /************** Grades & awards **********************/ 


.block_distinc{
	width: 70%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-radius: 5px;	
	padding: 0 20px;
}
 
.block_grades{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}


 /************** Staff **********************/ 


.block_staff_puce{
	width: 20px;
	padding: 0 5px;
	color: #7E8AA2;
	text-align: left;
}
 
 
 .block_staff_up{
	width: 70%;
	margin: 0 auto;
	text-align: left;
	background: none;
	border-radius: 5px;	
	padding: 20px;
 }
 

.block_staff{
	width: 100%;
	text-align: center;

 }
 
.staff_l{
	width: 42%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	padding: 20px;
	box-shadow:2px 2px 6px #999;
	border-radius: 5px;
	margin-right: 40px;
	background: #fff;
}

.staff_r{
	width: 42%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	padding: 20px;
	box-shadow:2px 2px 6px #999;
	border-radius: 5px;
	background: #fff;
}

.staff_last{
	box-shadow:none;
	background: none;
}

.inter_v_staff{
	margin-top: 50px;
}

.block_cont_up{
	width: 40%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-radius: 5px;	
	margin-top: 50px;
	padding: 20px;
	box-shadow:2px 2px 6px #999;
}


.cont_form_txt{
	width: 50%;
	float: left;
	padding-bottom: 5px;
	display: inline-block;
}

.cont_form_champ{
	border: solid 1px #7E8AA2;
	border-radius: 5px;
	padding: 5px 10px;
}



 /************** roster **********************/ 
 
 .block_rost{
	font-size: 13px;
	width: 70%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-radius: 5px;
	padding: 20px 10px;
	text-align: left;
}

 /************** event **********************/


 
.block_event_list{
	 width: 50%;
	 background: #fff;
	 margin: 0 auto;
	 text-align: left;
	 padding: 20px 0;
 }
 
 
 /************** tours & vols **********************/

.block_vols_list{
	 width: 70%;
	 background: #fff;
	 margin: 0 auto;
	 text-align: left;
	 padding: 15px;
	 border-radius: 5px;
	 
 }

 
  
 /************** stats **********************/

.block_stat_list{
	width: 70%;
	background: #fff;
	margin: 0 auto;
	text-align: left;
}
 
/* générales */ 

.block_stat_gen_up{
	width: 70%;
	background: #fff;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	border-radius: 5px;
}
 

.mrgt_stats{
	margin-top: 50px;
}
 
.block_stat_gen{
	width: 16%;
	display: inline-block;
	text-align: center; 
	color: #5e6c86;
	font-size: 70px;
}

.block_stat_gen_nom{
	font-size: 25px;
	color: #000;
	margin-top: 5px;
}
 
 
.block_stat_gen_val{
	font-size: 20px;
	color: #f00;
	margin-top: 10px;
}

/* titre */

.stats_titre_top{
	width: 100%;
	text-align: right;
	margin-bottom: -12px;
	font-size: 19px;
}
 
.stats_titre{
	width: 99%;
	color: #7E8AA2;
	text-align: left;
	font-size: 20px;
	padding: 5px 0 5px 5px;
	border-top: solid 2px #7E8AA2;
	border-left: solid 2px #7E8AA2;
	border-radius: 10px 0 0 0;
 }

/* statut pilote */
/* par avion */ 

.block_stat{
	width: 80%;
	margin: 0 auto;
}

.block_stat_app_up{
	width: 100%;
	background: #fff;
	text-align: left;	
	padding-top: 10px;
}

.block_stat_app{
	width: 19%;
	display: inline-block;
	text-align: center; 
	color: #5e6c86;
	font-size: 45px;	
}


.block_stat_app_nom{
	font-size: 22px;
	color: #7E8AA2;
}
 
  
.block_stat_app_avi{
	font-size: 20px;
	color: #f00;
	margin-top: 10px;
}

 
.block_stat_app_val{
	font-size: 20px;
	color: #f00;
	margin-top: 5px;
}

/* Par AD et PAX */ 

.block_stat_adpax_up{
	width: 80%;
	background: #fff;
	margin: 0 auto;
	text-align: center;	
}

/* stats pilote*/

.stats_pilot_prof{
	width : 70%;
	margin: 0 auto;
	text-align: left;
	padding-left: 30px;
}

 /************** profile **********************/ 
 

.block_profile_up,
.block_profile_up2{
	width: 50%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-radius: 5px;	
	padding: 0 20px 20px 20px;
}	

.block_profile{
	width: 90%;
	margin: 0 auto;	
}

.block_profile2{
	width: 100%;
	margin: 0 auto;	
}

.block_profile_aw{
	width: 80%;
	margin: 0 auto;		
}

.edit_profil{
	width: 50%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-radius: 5px;	
	padding: 20px;	
}

 
 /************** login **********************/ 
 
 .block_login{
	width: 50%;
	border-radius: 10px;
	background: #fff;
	margin: 0 auto;
}


 /************** crew center **********************/ 

.block_crew{
	width: 60%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-radius: 5px;	
	padding: 20px;
}
 
 
.crew_ope{
	width: 90%;
	margin: 0 auto;
	text-align: left;	
} 

.crew_lien_ope{
	width: 30%;
	display: inline-block;
	text-align: center;
}

.crew_perso{
	width: 48%;
	display: inline-block;
	text-align: left;
}

.crew_mrgt{
	margin-top: 60px;
}
 
.crew_pirep{
	width: 90%;
	margin: 0 auto;
	text-align: left;
	padding-top: 20px;
}

 /************** tours **********************/ 

.block_vol{
	width: 60%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-radius: 5px;	
	padding: 20px;	
} 
 
  /************** PIREP info *********************

.block_pirep{
	width: 40%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-radius: 5px;	
	padding: 20px;	
} 

.comstaff{
	border: solid 1px #f00;
	border-radius: 5px;
	padding: 10px;
	margin: 20px 0;
	color: #f00;
	font-weight: bold;
}

*/ 

 /************** stats pilot **********************/ 

.block_stat_gen_pil{
	width: 19%;
	display: inline-block;
	text-align: center; 
	color: #5e6c86;
	font-size: 70px;
}
 
 
 /************** modif pass **********************/ 
 
.modif_pass{
	width: 40%;
	margin: 0 auto;
	padding: 0 0 20px 0;
}
 
 /************** download **********************/ 
 
 
 
.block_dl{
	width: 50%;
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
	text-align: left;
}
 
.block_dl_50{
	width: 49%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding: 20px 0;
}


.dl_inter{
	width: 100%;
	background: #fff;
	height: 10vh;
}

 /************** staff center **********************/

.block_staffcenter{
	width: 50%;
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	padding: 20px;
	text-align: left;	
}

.admin_pilot{
	width: 60%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-radius: 5px;
	padding: 20px 10px;
	text-align: left;
}

.staffcenter_pirep{
	width: 40%;
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	padding: 20px;
	text-align: left;	
}

 
 /************** Footer **********************/ 


.foot_up{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
	-webkit-justify-content: center;
	justify-content:center;
	align-item: center;
	margin-right: 2%;
}


.foot_l{
	width: 30%;
	display: flex;
	flex: 0 1 auto;
	align-items: center;
	justify-content: center;
}

.foot_c{
	width: 20%;
	display: flex;
	flex: 0 1 auto;
	align-items: center;
	text-align: left;
	line-height: 200%;
}


.foot_r{
	width: 18%;
	display: flex;
	flex: 0 1 auto;
	align-items: center;
	text-align: left;
}

.foot_inter{
	display: flex;
	flex: 0 1 auto;
	width: 0%;
}

.block_footstaff{
	display: inline-block;
	width: 50%;
	margin: 0 auto;
	text-align: left;
}