/** Green	#4b5354
			#5a6667
 **************************************************************** **/
	::selection {
		background: #4b5354;
	}
	::-moz-selection {
		background: #4b5354; /* Firefox */
	}
	::-webkit-selection {
		background: #4b5354; /* Safari */
	}

	body,
	#middle{
		background-color: #F6F8F8;
	}

	#aside nav ul li a:active,
	#aside nav ul li.menu-open,
	#aside nav ul li.always-open,
	#aside nav>ul>li>a:hover,
	#aside nav>ul>li>a:focus,
	#aside nav ul li.active,
	.fancy-file-upload.fancy-file-primary>span.button,
	.datepicker table tr td.active.active,
	.btn-primary,
	#header,

	/*.toast-primary,*/
	body.min #aside ul.nav>li>ul li,
	body.min #aside ul.nav li.menu-open,
	body.min #aside ul.nav>li:hover>ul,
	#aside nav ul li a.dashboard,
	#aside .logo,
	body.min #asidesize,
	#aside, #asidebg {
		background-color: white !important;
	}

	.popular .plan-title{
		background-color: #4b5354 !important;
	}

	#header{
		height:50px; 
		position:relative;
		z-index:1000;

		background: white !important;
		border-bottom: #D9D9DE 1px solid !important;
	}
	
	body.min #aside ul.nav>li:hover:before {
		border-right-color: #5a6667;
	}

	.panel>.panel-heading strong {
		color:#4b5354;
	}
	
	.btn-primary {
		border-color:#4b5354;
	}
	#mobileMenuBtn{
		border-right: #D9D9DE 1px solid;
		color: #542C00 ; /* marron */
	}
	.main-icon{
		color: #542C00 ; /* marron */
	}

	/**
		Pointillé du menu
	**/	
	#aside nav ul li ul li::before {
		content: "";
		display: block;
		position: absolute;
		width: 12px;
		left: 21px;
		top: 15px;
		border-top: black 1px dotted;
	}
	#aside nav ul li ul li ul::before {
		top: 32px;
		bottom: 16px;
		left: 50px;
		border-left: black 1px dotted;
	}
	#aside nav ul li ul::before {
		content: "";
		display: block;
		position: absolute;
		top: 42px;
		bottom: 17px;
		left: 20px;
		border-left: black 1px dotted;
		z-index: 0;
	}
	
	/**
		IMPORTANT
	**/
	.btn-primary,
	.alert-theme-color,
	.panel-primary>.panel-heading {
		background-color: #4b5354 !important;
	}
	.panel-primary,
	.panel-primary>.panel-heading {
		border-color: #4b5354 !important;
	}

	.popular {
		border-color:#5a6667 !important;
	}

	/**
		texte navbar
	**/

	#aside ul.nav>li>ul{
		border-color: white ;
	}

	#aside ul.nav>li.menu-open>a span{
		color: black;
	}
	#aside nav ul li.menu-open > a, #aside nav ul li.always-open > a, #aside nav ul li.active > a {
		color: #542C00 !important ;
	}

	#aside nav ul li a {
		color: #542C00;
		font-size: 14px;
		line-height: 14px;
		white-space: nowrap;
		border-top: rgba(0,0,0,0.1) 1px solid;
		border-bottom: rgba(255,255,255,0.1) 1px solid;
	}

	/*	Pour le bouton créer une commande	*/
	#aside nav ul li a.dashboard-green {
		color: #542C00; 
		background-color: #5CB85C !important; /*A4BE2E*/
	}
	#aside nav ul li a.dashboard-green:hover {
		background-color: #AAD733 !important;
	}

	#aside ul.nav>li:hover>a {
		background-color: rgba(0,0,0,0.1) !important;
	}

	#aside nav ul li a:focus, #aside nav ul li.active {
		color: #542C00 !important;
	}
	/*	Pour la gestion des nav dans un alert-mini	*/
	.alert-mini ul.nav>li>a {
		padding: 0px 20px !important ;
	}

	@media only screen and (min-width: 768px) {
		body.min #aside ul.nav>li:hover>a span {
			background-color: #D9D9DE;
			color : #542C00;
		}
	}

	/*	Pour la liste des code postaux	*/
	#zipcodeList ul>li:hover{
		background-color: #AAD733 ;
	}
	#zipcodeList ul>li{
		padding: 4px ;
	}
	#zipcodeList, #zipcodeList ul{ 
		background-color: white ;
		z-index: 10 ; 
	}

	#zipcodeList{
		height: 200px;
		overflow:auto;
	}