/* Notification */

.notification{
	background: url("../images/barre de menu/avatar.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	cursor:pointer;
	margin-left:10px;
	transition: all 0.3s ease-out;
}

.notification div {
    border-radius: 4px;
    color: #FFFFFF;
    text-align: center;
}

.userBox{
	float: right; 
	position:relative; 
	z-index:50;
	margin-top:10px;
}

#notif .menubar-wrapper-dropdown .menubar-dropdown li a{
	color: #505050;
	border: none;
	padding-top: 0;
}

#notif .menubar-wrapper-dropdown .menubar-dropdown li .gwt-Label{
	color: #505050;
	padding-top: 7px;
	transition: all 0.3s ease-out;
}

#notif .menubar-wrapper-dropdown .menubar-dropdown li .gwt-Image{
	transition: all 0.3s ease-out;
}

#notif  .menubar-wrapper-dropdown .menubar-dropdown li{
	margin: 0 10px;
	border-bottom: 1px solid #e6e8ea;
}

#notif  .menubar-wrapper-dropdown .menubar-dropdown li .vue a, #notif  .menubar-wrapper-dropdown .menubar-dropdown li .vue {
	color: #c6c8ca;
  	width: 100%;
}

#notif .menubar-wrapper-dropdown .menubar-dropdown li:hover a, #notif .menubar-wrapper-dropdown .menubar-dropdown li:hover .gwt-Label{
	color: #ff7600;
}

#notif .ouvert{
	background: url("../images/barre de menu/avatarBlanc.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	background-color: #ff7600;
}

div.userboxPetite {
	height: 5px !important;
	margin-top: 20px;
}