/*------Fonctionne avec le script js associé ------*/

.header-user-block{
	position:relative;
}

.header-user-block-visible,
.header-user-block-hidden {
	min-width:170px;
}

.header-user-block-visible {
	height:20px;
	padding: 7px 10px; /*ATTENTION le padding LR doit être égal à celui de .header-user-block-hidden */
	background: #FFFFFF20;/*par defaut, voir js */
	border-radius: 5px;
	margin:20px 20px 0 0;
}

.header-user-block-visible .arrow{
	font-size:15px;
	float:right;
}

.header-user-block-visible .arrow-down:after {
	content:'\0025BC';	
}

.header-user-block-visible .arrow-up:after {
	content:'\0025B2';
}

.header-user-block-visible:hover {
	cursor:pointer;
}

.header-user-block-hidden {;
	padding: 10px 10px; /*ATTENTION le padding LR doit être égal à celui de .header-user-block-visible */
	background: #5098f5;/*par defaut, voir js */
	border-radius: 5px;
	position: absolute; top:40px;
	z-index:10000;
	display:none;
}

.header-user-block-hidden li{
	padding: 5px 5px !important;
}