/*   MENUS  */
#menu {
	float: right;
	height: auto;
	line-height: 100%;
	z-index: 3;
	padding: 0;
	text-align: right;
	margin: 4px 15px 0 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
}

#menu li {
	list-style-type: none;
	min-width: 56px;
	max-width: 56px;
	max-height: 56px;
	min-height: 56px;
	flex: 1 auto 1;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 1;
	/*overflow: hidden;*/
	margin: 0;
	position: relative;
}

#menu li:hover {
	opacity: 1;
}

#menu li:hover>info {
	opacity: 1;
}

#menu li img {
	width: 80%; /*
	height: 45px;
	margin: 2px;
	*/
}

#menu #article {
	background-image: url('icon/article.png');
	margin-left: 20px;
}

#menu #modele {
	border-radius: 5px;
	background: url(icon/moto.png);
}

#menu #color {
	border-radius: 5px;
	background-image: url('/design/icon/colors.png');
	background-size: cover;
}

#menu #docs {
	background-image: url('/design/images/Dossier_web.png');
}

#menu #site_web {
	background-image: url('/design/icon/web_icon.png');
}

#menu #aide {
	background-image: url("/design/icon/aide.png");
	margin-left: 10px;
}

#menu #aide img {
	opacity: 0;
}

#menu #stats {
	background-image: url("/design/icon/graphe.png");
}

#menu #deconnexion {
	background-image: url('/design/icon/quitter.png');
}

#menu #comptes {
	background-image: url("/design/icon/report-icon.png");
	background-size: 50px;
	border-radius: 18px;
	background-position: center;
	
	margin-left: 20px;
}

#menu #frais {
	background-image: url("/design/icon/frais.png");
}

#menu #factures {
	background-image: url("/design/icon/facture.png");
}

#menu #facturesachat {
	background-image: url("/design/icon/facture-achat.png");
}

#menu #clients {
	background-image: url("/design/icon/client.png");
	margin-left: 10px;
}

#menu #commandes_vente {
	background-image: url("/design/icon/commandes.png");
}

#menu #expeditions {
	background-image: url("/design/icon/expe3.png");
	margin-left: 20px;
}
#menu #production {
	background-image: url('/design/icon/production.png');
}


#menu #bls {
	background-image: url("/design/icon/BL.png");
}

#menu #fournisseurs {
	background-image: url("/design/icon/fournisseur.png");
	margin-left: 20px;
}

#menu #devis {
	background-image: url("/design/icon/calculette.png");
}

#menu #dossiers {
	background-image: url("/design/icon/dossier.png");
}

.sousmenu {
	display: none;
	padding: 10px 0 0 0 !important;
	position: absolute;
	top: 55px;
	left: 0;
	z-index: 0;
	border-radius: 0 0 5px 5px;
}
#stats ul.sousmenu{
	left: auto;
	right: 0;
}
.sousmenu li {
	width: 180px !important;
	text-align: left;
	padding: 1em;
	height: .75em !important;
	max-width: 200px !important;
	min-height: .75em !important;
	color: rgba(100, 100, 100, 0.8);
	font-size: 1.2em;
	font-weight: bold;
	border: solid 1px rgba(100, 100, 100, 0.8);
	border-top: none;
	background-color: rgba(255, 255, 220, 0.9);
	border-top: none;
}

li:hover .sousmenu, .sousmenu:hover {
	display: block;
}

.sousmenu li:hover {
	background-color: rgba(255, 255, 150, 0.6);
	opacity: 1;
}

.sousmenu li a {
	color: rgba(100, 100, 100, 0.8);
}