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



@font-face { /* D?nition d'une nouvelle police nomm?LearningCurveProRegular */
    font-family: 'Lhandw';
   
    src: url('../fonts/Lhandw.ttf') ;
}

/* show/hide menu */

.menu_top{
	position: fixed;
	top:30px;
	z-index: 120;
	width: 100%;
	height:30px;
	
	background-color:#1277d3; /*222 */
}
.cont_menu_icon{
height:30px;
width:20%;
float:left;
}

.cont_menu_icon#menu_show{
cursor:pointer;
float: left;

display: block;


}

/* Icon 1 */
#nav_txt{
	position: relative;
	float: right;
	/*background-color: #404040;*/
	padding: 0 5px;
	height: 30px;
	line-height: 30px;
}

#nav-box{
	position: relative;
	float: right;
	/*background-color: #404040;*/
	padding: 0 5px;
}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 25px;
  height: 30px;
 position: relative;
   /*margin: 6px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  
  
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #FFF;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 5px;
}

#nav-icon1 span:nth-child(2) {
  top: 13px;
}

#nav-icon1 span:nth-child(3) {
  top: 21px;
}

#nav-icon1.open span:nth-child(1) {
  top: 14px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: 15px;
}

#nav-icon1.open span:nth-child(3) {
  top: 14px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* menu top star*/

.menu_star {
    float: left;
    display: block;
    width: 80%;
    height: 30px;
}
	.menu_star > ul {
		text-decoration:none;
		list-style:none;
		height: 30px;
	}
	.menu_star >ul >li {
		float: left;
		text-decoration:none;
		list-style:none;
		border-left: 1px solid #ccc;
		height: 30px;
		box-sizing:border-box;
		
	}
	.menu_star >ul >li:last-child {
		border-right: 1px solid #ccc;
		box-sizing:border-box;
	}
	.menu_star >ul >li >a{
		float: left;
		text-decoration:none;
		list-style:none;
		padding: 0 10px 0 30px;
		height: 30px;
		line-height:30px;
		cursor:pointer;
		color:#FFF;
		/*border-bottom: 5px solid #3596EE;*/
	}
	
		.menu_star >ul >li >a#select{
			float: left;
			text-decoration:none;
			list-style:none;
			padding: 0 10px 0 30px;
			height: 30px;
			line-height:30px;
			cursor:pointer;
			color:#1277d3;
			/*border-bottom: 5px solid #3596EE;*/
			background-color: #FFF;
		}
	
	#fc_tabl > a{
	background-image: url(../images/top_table.png);
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
	}
		#fc_tabl > a#select{
		background-image: url(../images/top_table_blue.png);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 5px 5px;
		}
	
	#fc_devis > a{
	background-image: url(../images/top_devis.png);
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
	}
		#fc_devis > a#select{
		background-image: url(../images/top_devis_blue.png);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 5px 5px;
		}
	
	#fc_facture > a{
	background-image: url(../images/top_facture.png);
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
	}
		#fc_facture > a#select{
		background-image: url(../images/top_facture_blue.png);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 5px 5px;
		}
	
	#fc_paiement > a{
	background-image: url(../images/top_paiement.png);
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
	}
		#fc_paiement > a#select{
		background-image: url(../images/top_paiement_blue.png);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 5px 5px;
		}
	
	#fc_client > a{
	background-image: url(../images/top_client.png);
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
	}
		#fc_client > a#select{
		background-image: url(../images/top_client_blue.png);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 5px 5px;
		}
	
	#fc_boutique > a{
	background-image: url(../images/top_boutique.png);
	background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
	}
		#fc_boutique > a#select{
		background-image: url(../images/top_boutique_blue.png);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 5px 5px;
		}