/*
__________________________________
|menu_left.css               	 |
|--------------------------------|
|                                |
| Par Thomas Joron				 |
| Fichier créé le 09/03/2013	 |
|________________________________|
*/
 


.cont_smenu_left{
background-color:#1277d3;
position:fixed;
/*overflow-x:hidden;*/
/*border-left: 2px solid #FFF;*/
}
	.smenu_titre{
		text-align:center;
		line-height:28px;
		font-weight:600px;
		/*border-bottom:2px solid #FFF;*/
		margin-left:10px;
		margin-right:10px;
	}
	.smenu_titre_href{
	cursor:pointer;
	}
.menu_left{

/* old version
background-color: #F5F5F5;
border-right: 2px solid #CCC;
*/
/*background-color: #222222;*/
/*
background-color: #F4F4F4;  404040 */
background-color: #404040;
position: fixed;
bottom: 0px;
height: 100%;
top: 30px;
z-index: 800;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	/*border-right: 4px solid #E3E3E3;  1B97F3 */
	
	color:#FFF; 
	/*box-shadow: 4px 2px 10px 1px #404040;*/
	border-right:5px solid #1277d3;
	box-sizing:border-box;
	/*overflow-x:hidden;*/
}

.menu a{
    text-decoration: none;
}

ul, 
ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul > li{
	   list-style: none;
}
#wrapper {  
    width: 100%;
	margin: 0 auto;
	font-size: 0.8125em;
	height: 100%;
	position: absolute;
	background: #4f4f4f;
	border-right: 5px solid #1277d3;
	box-sizing: border-box;
	color: #FFF;
}
	.menu-top{
		margin-top:10px;
	
		
	}
		.menu-top-wmc{
			float:left;
			width:50px;
			height: 50px;
			background-image: url(../../../_images/logo-solo-wmc-v3.png);
			background-size: 40px 40px;
				background-repeat: no-repeat;
				background-position: 5px 5px;
	
			background-color: #FFF;
			color: #4f4f4f;
			font-weight: 600;
			border-radius: 50px;
		}
		.menu-top-wpc{
			float:left;
			width:50px;
			height: 50px;
			background-image: url(../../../_images/logo-solo-wpc-v3.png);
			background-size: 40px 40px;
				background-repeat: no-repeat;
				background-position: 5px 5px;
			background-color: #FFF;
			color: #4f4f4f;
			font-weight: 600;
			transform: scale(-1, 1);
			border-radius: 50px;
		}
		.menu-top-txt{
			float:left;
			width:calc(100% - 105px);
			line-height:50px;
			text-align:center;
			font-size:11px;
			color: #FFF;
			font-weight: 600;
		}
	
	.menu-bottom{
		width: calc(100% - 10px);
		height: auto;
		float: right;
		text-align: center;
		position: absolute;
		bottom: 0;
		margin: 5px;
		border-top: 2px solid #FFF;
		padding: 5px;
		box-sizing: border-box;
	}
	
	.menu-inner {
    width: 100%;
    height: auto;
	float: left;
	margin-top: 10px;
	display:block;
}

.menu {
    width: auto;
    height: auto;
}
.menu > li > a {
  
    width: 100%;
    height: 2.75em;
    line-height: 2.75em;
    text-indent: 2.8em;
    display: block;
    position: relative;
 
	color:#fff; /* FFF */
	font-weight: 600;
	font-size:12px;
	/*padding-left: 6px;*/
	transition: all .3s ease-in-out;
	cursor:pointer;
	
}
	.menu > li > a > span {
		line-height: 33px;
		font-size: 14px;
		float: left;
	}

	.menu > li > ul{
		/*border-left: 5px solid #1277d3;*/
	}
	 ul.borderactive{
		border-left: 5px solid #666666;
	}
/*.menu ul li.subitem a {
    /*background: #F2F2F2;*/
    /*border-bottom: 1px solid #efeff0;*//*
    width: 100%;
    height: 2.75em;
    line-height: 2.75em;
    text-indent: 2.75em;
    display: block;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
}
.menu ul li.subitem_menu a {
    /*background: #F2F2F2;*/
    /*border-bottom: 1px solid #efeff0;*//*
    width: 100%;
    height: 2.75em;
    line-height: 2.75em;
    text-indent: 2.75em;
    display: block;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
}*/
/*
.menu ul li.subsubitem a {/*
    background: #F2F2F2;
    /*border-bottom: 1px solid #efeff0;
    width: 90%;
    height: 2.75em;
    line-height: 2.75em;
    text-indent: 2.75em;
    display: block;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #4F4F4F;
	padding-left: 10%;
}*/
/*.menu ul li.subitem:last-child a {
    /*border-bottom: 1px solid #CCC;*//*
}

*/
.menu > li > a:hover{
} 
.menu > li > a.active {
    /*background-color: #35afe3;*/ 
	/* old vrsion -----------+-+-
	background-color: #CCC;
	
	*/
	background-color: #666666;
   /* background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 199, 235)),to(rgb(38, 152, 219)));
    background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');*/
   /* border-bottom: 1px solid #103c56;*/
    /*-webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    -moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    box-shadow: inset 0px 1px 0px 0px #6ad2ef;*/
	
	color: #fff;
	font-weight: 600;

	
}


.menu > li > a#select,.menu > li:hover > a {
    
	/*background-color: #1277D3;*/
	background-color: #1277D3;
	
	border-radius: 10px 0px 0px 10px;
	color: #FFF;
	font-weight: 600;
	
	
}
.menu > li > a.active {
   /* border-bottom: 1px solid #1a638f; */
}
/*
.menu > li > a:before {
    content: '';
    
    background-repeat: no-repeat;
    font-size: 36px;
    height: 1em;
    width: 45px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -.5em 0 0 0;
}*/

.smenu > li > a{
	background-color:none;
	color: #4f4f4f;
}

.smenu > li > a.active, .smenu > li > a#select,.smenu > li > a:hover{
	background-color: #FFF;
	color: #1277d3;
	border-radius: 10px;
}

li:hover >ul.smenu{
display:block !important;

}

/* second menu => smenu */
ul.smenu{
padding-top:0px;
position:absolute;
left:40px;
top:0px;
width:210px;
height:100%;
background:#1277d3;
-webkit-transition: all 0.3s ease;
transition: all  0.3s ease;


z-index:799;
border-left: 5px solid #1277d3;
border-right: 1px solid #FFF;
}

ul.smenu > li{
	margin-top: 5px;
	margin-bottom: 5px;
}

ul.smenu > li > a{
 color:#FFF;
 text-decoration:none;
	width: calc( 100% - 5px );
    height: 2.75em;
    line-height: 2.75em;
    text-indent: 2.8em;
    display: block;
    position: relative;
 
	color:#FFF; /* FFF */
	font-weight: 600;
	font-size:12px;
	 list-style: none;
	/*padding-left: 6px;*/
	transition: all .3s ease-in-out;
	cursor:pointer;
 
}
ul.smenu > li > a{
background-image: url(../images/selector-on.png);
background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}
ul.smenu > li:hover > a{
background-image: url(../images/selector-hover.png);
background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}
	ul.smenu > li:first-child:not(.item_txt){
		margin-top:10px;
	}

/* menu s2menu */
.s2menu{
padding-top:0px;
position:absolute;
left:210px;
top:0px;
width:250px;
height:100%;
background:#eee;
-webkit-transition: all 0.3s ease;
transition: all  0.3s ease;
background:#F4F4F4;

z-index:799;
border-right: 1px solid #ccc;
}
	.s2menu_cont_txt{
		background:#FFF;
		border-bottom:1px solid #CCC;
		width:100%;
		height:40px;
		font-size:12px;
	}
	
		.s2menu_txt{
			float:left;
			padding-left:10px;
			line-height:40px;
			color:#4f4f4f;
		}
		
		.s2menu_cont_page{
			height: calc(100% - 122px);
			overflow-y: auto;
		}
		
		.s2menu_cont_page{
			height: calc(100% - 112px);
			overflow-y: auto;
		}
		.s2menu_cont_bp{
			height: 41px;
			color:#4f4f4f;
		}
		
		.s2menu_cont_page > ul >li{
			padding:5px;
		}
			.s2menu_cont_page > ul >li:first-child{
				margin-top:10px;
			}
		.s2menu_cont_page > ul >li >a{
			line-height: 25px;
			padding-left: 30px;
			box-sizing: border-box;
			width: 100%;
			position: relative;
			display: block;
			border: 1px solid #CCC;
			border-radius: 5px;
			text-decoration:none;
			color:#4f4f4f;
			font-weight:bold;
		}
		.s2menu_cont_page > ul >li >a:hover, .s2menu_cont_page > ul >li >a.active, .s2menu_cont_page > ul >li >a#select{
			background:#FFF;
			color:#2ea8e5;
		}
		
		

/*
ul.smenu > li > a:before {
    content: '';
    
    background-repeat: no-repeat;
    font-size: 36px;
    height: 1em;
    width: 45px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -.5em 0 0 0;
}
*/
/*
.item_txt >a{ 
	background:#1277d3 !important;
	color:#FFF !important;
	text-align:center !important;
	
	transition: all .3s ease-in-out;
	text-indent: 0em !important;
	}
	
.item_txt:hover >a{
	background:#1277d3 !important;
	color:#FFF !important;
	text-indent: 0em !important;
	
}
*/
.item_txt { 
	background: #1277d3 !important;
	color: #FFF !important;
	text-align: center !important;
	transition: all .3s ease-in-out;
	text-indent: 0em !important;
	margin-top: 5px !important;
	margin-bottom: 10px !important;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #FFF;
	line-height: 30px;
	margin-right: 5px;
	tetx-align:center;
	}
	
.item_txt:hover{
	background:#1277d3 !important;
	color:#FFF !important;
	text-indent: 0em !important;
	
}

.itemRegistry > a {
background-image: url(../../../_images/icon_edit-white.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}


.itemHome > a {
background-image: url(../../../_images/accueil-on.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.itemTeam > a {
background-image: url(../../../_images/icon_user.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.itemPilot > a {
background-image: url(../../../_images/icon_user.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.itemAircraft > a {
background-image: url(../../../_images/plane2-white.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.itemChampionship > a {
background-image: url(../../../_images/championship-white.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.itemResultat > a {
background-image: url(../../../_images/resultat-white.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.itemAccount > a {
background-image: url(../../../_images/ms_icon_option.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}
.itemGoto > a {
background-image: url(../../../_images/icon_raz-white.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.itemLogout > a {
background-image: url(../../../_images/cadenas-white.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.itemChange > a {
background-image: url(../../../_images/icon_raz-white.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}
.itemSeparation {
  width: 100%;
  height: 12px;
  display: block;
  padding: 5px;
  box-sizing:border-box;
  
}
.itemSeparation > span {
  float: left;
  width: 100%;
  height: 2px;
  background: #FFF;
}

.item2 > a {
background-image: url(../../../../_images/ms_icon_option.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.item3 > a {
background-image: url(../../../../_images/icon_user.png);
background-size: 19px 17px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.item4 > a {
background-image: url(../../../../_images/plugin_border-white.png);
background-size: 19px 19px;
    background-repeat: no-repeat;
    background-position: 8px 8px;
}

.item-terrain > a{
	background-image: url(../../../_images/oaci-white.png);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: 6px 4px;
}

.item-api > a{
	background-image: url(../../../_images/code-white.png);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: 6px 4px;
}


	.itemmenu > a {
	background-image: url(../images/selector_menu.png) !important;
	background-size: 19px 17px !important;
		background-repeat: no-repeat !important;
		background-position: 8px 8px !important;
		cursor:pointer;
	}
	.itemmenu > a:hover, .itemmenu:hover > a {
	background-image: url(../images/selector_menu_blue.png) !important;
	background-size: 19px 17px !important;
		background-repeat: no-repeat !important;
		background-position: 8px 8px !important;
	}
	.itemmenu > a.active, .itemmenu > a#select {
	background-image: url(../images/selector_menu_blue.png) !important;
	background-size: 19px 17px !important;
		background-repeat: no-repeat !important;
		background-position: 8px 8px !important;
	}

	li.subitem_menu > ul{
		background-color:#fff;
/*border-left:5px solid #fff;
		border-bottom:5px solid #fff;*/
	}
	li.subitem_menu > ul > li {
		text-decoration:none;
		color:#4f4f4f;
	}
	
	li.subitem_menu > ul > li >a{
		text-decoration:none;
		color:#4f4f4f;
		
		width: 100%;
		height: 2.75em;
		line-height: 2.75em;
		text-indent: 2.8em;
		display: block;
		position: relative;
	 
		font-weight: 600;
		font-size:12px;
		padding-left: 6px;
		transition: all .3s ease-in-out;
		box-sizing: border-box;
	}
	
	li.subitem_menu > ul > li >a:hover{
		background-color:#fff;
		color:#1277d3;
	}
	

.menu > li > a span.info {
    font-size: 0.857em; 
    display: inline-block;
    position: absolute;
    right: 1em;
    top: 50%; 
    background: #48515c;
    line-height: 1em;
    height: 1em;
    padding: .4em .6em;
    margin: -.8em 0 0 0; 
    color: #fff;
    text-indent: 0;
    text-align: center;
    -webkit-border-radius: 0.769em;
    -moz-border-radius: 0.769em;
    border-radius: 0.769em;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    text-shadow: 0px 1px 0px rgba(0,0,0,.5);
    font-weight: 500;
}
.menu > li > a:hover span.info, .menu > li a.active span.info {
    background: #2173a1;
}

.menu ul > li > a span.info {
    font-size: 0.857em; 
    display: inline-block;
    position: absolute;
    right: 1em;
    top: 50%; 
    background: #fff;
    /*border: 1px solid #d0d0d3;*/
    line-height: 1em;
    height: 1em;
    padding: .4em .7em;
    margin: -.9em 0 0 0; 
    color: #878d95;
    text-indent: 0;
    text-align: center;
    -webkit-border-radius: .769em;
    -moz-border-radius: 769em;
    border-radius: 769em;
    text-shadow: 0px 0px 0px rgba(255,255,255,.01);
}

/*
.menu > li > ul li a:before,
.menu > li > ul li.subitem_menu a:before {
    content: url(../images/selector.png);
    font-size: 8px;
    color: #F2F2F2;
    position: absolute;
    width: 1em;
    height: 1em;
    top: 0.75em;
    left: -2.7em;
}

.menu > li > ul li a:hover:before,
.menu > li > ul li a.active:before,
.menu > li > ul li a#select:before,
.menu > li > ul li.subitem_menu a:hover:before,
.menu > li > ul li.subitem_menu a.active:before ,
.menu > li > ul li.subitem_menu a#select:before  {
    content: url(../images/selector-hover.png);
    font-size: 8px;
    color: #FFF;
    position: absolute;
    width: 1em;
    height: 1em;
    top: 0.75em;
    left: -2.7em;
}


*/
.menu > li > ul > li > ul li.subsubitem a:before {
   /* content: '▶';*/
	content: url(../images/selector.png);
    font-size: 8px;
    color: #4F4F4F;
    position: absolute;
    width: 1em;
    height: 1em;
   top: 0.75em;
    left: -2em;
	background:none;
}

.menu > li > ul > li > ul li.subsubitem a:hover:before,
.menu > li > ul > li > ul li.subsubitem a.active:before,
.menu > li > ul > li > ul li.subsubitem a#select:before{
    /*content: '▶';*/
	content: url(../images/selector-hover.png);
    font-size: 8px;
    color: #4F4F4F;
    position: absolute;
    width: 1em;
    height: 1em;
   top: 0.75em;
    left: -2em;
	background:none;
}



/*
.menu > li > ul li.subitem:active a,
.menu > li > ul li.subitem:hover a,
.menu > li > ul li.subitem a#select,
.menu > li > ul li.subitem:hover a span,
.menu > li > ul li.subitem:hover a:before{
    color: #1277D3;
	background-color: #FFF;
}
*/

li.subitem_menu:hover > ul{
	display:block !important;
}

.menu > li > ul li.subitem_menu > a.active,
.menu > li > ul li.subitem_menu > a#select,
.menu > li > ul li.subitem_menu > a:hover,
.menu > li > ul li.subitem_menu:hover > a {
    color: #1277D3;
	background-color: #FFF;
}


.menu > li > ul li.subsubitem:active a,
.menu > li > ul li.subsubitem:hover a,
.menu > li > ul li.subsubitem a#select,
.menu > li > ul li.subsubitem:hover a span,
.menu > li > ul li.subsubitem:hover a:before {
    color: #1277D3;
	background-color: #FFF;
}