/**
	  * USER Panel Style,
	  *	visible sur le front & back end
	  *
	  * @package templates/default
	  * @update 26/06/2015
	  */
	  
	 
	/* Auth */
	#user-panel { position: absolute; top: 5px; right: 5px; height: 38px; background: transparent url('images/black-25.png') repeat top left; border-radius: 20px; overflow: hidden; }
	#user-panel > span { display: inline-block; margin: 1px; vertical-align: middle; }
	#user-panel .user-panel-photoprofil img { width: 30px; height: 30px; border-radius: 20px; margin: 3px; }
	#user-panel .user-panel-name { margin-top: -5px; white-space: nowrap; }
	#user-panel .user-panel-disconnect { margin-top: -5px; margin-right: 4px; width: 30px; height: 30px; border-radius: 20px; background: transparent url('images/black-25.png') repeat top left; }
	#user-panel .user-panel-disconnect a { display: block; margin-top: 5px; text-align: center; color: #999; }
	#user-panel:hover { background: #fff; }
	#user-panel .user-panel-disconnect:hover { background: #C00; }
	#user-panel .user-panel-disconnect:hover a { color: #fff; text-shadow: 1px 1px 0 #710000; }
	
	#admin-panel { display: block; position: absolute; top: 5px; left: 0; color: #007BB4; border-radius: 0 20px 20px 0; overflow: hidden; text-decoration: none; }
	#admin-panel span { display: inline-block; margin: 2px; padding: 5px 8px; }
	#admin-panel .admin-panel-icon {  border-radius: 20px; box-shadow: 1px 1px 0 #007BB4; }
	#admin-panel:hover { color: #007BB4; background: #fff; }
	#admin-panel:hover .admin-panel-icon { background: #007BB4; color: #fff; text-shadow: 1px 1px 0 #2E6982; box-shadow: none; }
	
	/* UnAuth */
	#user-panel.user-panel-form { background: none; height: 20px; padding: 0 20px 5px 20px; }
	#user-panel.user-panel-form a { color: #333; text-decoration: none; font-size: 12px; }
	#user-panel.user-panel-form:hover { background: #007BB4; }
	#user-panel.user-panel-form:hover a { color: #fff; }
	
	/* SU */
	#su_tool_box { position: fixed; right: -320px; top: 140px; z-index: 9999; }
	#su_tool_box .handle { position: absolute; margin-left: -35px; background: transparent url('images/black-25.png') repeat top left; color: #fff; padding: 10px; border-radius: 10px 0 0 10px; }
	#su_tool_box .handle:hover, #su_tool_box.actif .handle { position: absolute; margin-left: -35px; background: transparent url('images/black-75.png') repeat top left; cursor: pointer; }
	#su_tool_box_content { padding: 10px; width: 300px; background: transparent url('images/black-75.png') repeat top left; border-radius: 0 0 0 10px; }
	#su_tool_box_content ul { margin: 0; padding: 0; list-style: none; }
	#su_tool_box_content ul ul { margin-left: 20px; /*display: none;*/ font-size: 12px; }
	#su_tool_box_content a { display: block; padding: 6px 10px; color: #ddd; border-radius: 6px; }
	#su_tool_box_content a:hover { color: #fff; background: #C03; box-shadow: 0 0 6px #000; text-shadow: 0 0 3px #eee; }
	#su_tool_box_content ul ul a { padding: 3px 10px; }
	#su_tool_box_content .fa { margin-right: 10px; }
	#su_tool_box_content ul ul a { color: #999; }
	/*#su_tool_box_content ul li:hover ul { display: block; }*/