.bar-menu {
    width: 170px;
}
.bar-menu .box1 {
	background-color: #000000;
	color: #feef69;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma;
	padding: 4px 8px;
	border-width: 1px;
	border-color: #333333;
	border-style: solid solid solid solid;
	cursor: default;
	position: relative;
}
.bar-menu .box1-hover {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma;
	padding: 4px 8px;
	border-width: 1px;
	border-color: #666666;
	border-style: solid solid solid solid;
	cursor: default;
	position: relative;
}
.bar-menu .box1-open {
	background-color: #000000;
	color: #feef69;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma;
	padding: 4px 8px;
	border-width: 1px;
	border-color: #000000;
	border-style: solid solid none solid;
	cursor: default;
	position: relative;
}
.bar-menu .box1-open-hover {
	background-color: #000000;
	color: #feef69;
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma;
	padding: 4px 8px;
	border-width: 1px;
	border-color: #333333;
	border-style: solid solid none solid;
	cursor: default;
	position: relative;
}
.bar-menu .box1 img, .bar-menu .box1-hover img, .bar-menu .box1-open img, .bar-menu .box1-open-hover img {
    position: absolute;
    top: 6px;
    right: 6px;
}
.bar-menu .section {
	background-color: #feef69;
	font-family:arial;
	font-size: 12px;
	line-height: 15px;
	padding: 5px 5px 6px 5px;
	border-width: 1px;
	border-color: #333333;
	border-style: none solid solid solid;
	display: none;

}

.lien {
	font-family: arial;
	color:#feef69;
	font-size: 12px;
}
.bar-menu .section a {
	color: #000000;
	text-decoration: none;
	white-space: nowrap;
}
.bar-menu .section a:hover {
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
}
.bar-menu .box2 {
}
.bar-menu .box2-hover {
    background: #000000;
}
.bar-menu .section .active,
.bar-menu .section .active:hover {
    color: yellow;
}