/* CSS du plug menu */
/* Patrick ACKERMANN - 20 décembre 2014 */

ul.menu
{	position:relative;
	font-family:calibri,arial,sans-serif;
	font-size:14px;
	list-style:none;
}
ul.menu > li
{	position:relative;
	display:inline;
	padding:5px 8px 5px 8px;
	background-color:#EDF7F2;
	border-top:thin solid #62c0f4;
	border-bottom:thin solid #62c0f4;
	border-left:thin solid #62c0f4;
}
ul.menu > li:last-child
{	border-right:thin solid #62c0f4;
}
ul.menu > li:hover
{	background-color:#62c0f4;
	color:white;
}
ul.menu > li > ul
{	position:absolute;
	top:26px;
	left:-1px;
	min-width:200px;
	z-index:100;
	list-style:none;
	padding:0px;
	border:thin solid #62c0f4;
	border-radius:0px 0px 5px 5px;
	box-shadow: 4px 4px 12px #AAA;
	background-color: white;
	display:none;
}
ul.menu > li:last-child > ul
{	left:-150px;
}
ul.menu > li > ul > li > ul
{	display:inherit;
	position:relative;
	list-style:none;
	padding-top:2px;
	padding-left:15px;
}
ul.menu > li > ul > li
{	border:none;
	padding:0px;
	padding-left:15px;
	border-radius:none;
	color:#333;
	background-color:white;
	font-size:12px;
}
ul.menu > li > ul > li:last-child
{	margin-bottom:5px;
}
ul.menu li > ul > li.menu.off
{	background-image: url('../images/arrow_right.jpg');
	background-repeat: no-repeat;
	background-position:2px 3px;
}
ul.menu li > ul > li.menu.on
{	background-image: url('../images/arrow_down.jpg');
	background-repeat: no-repeat;
	background-position:2px 3px;
}
ul.menu li:hover > ul
{	display:block;
}
ul.menu li > ul > li.menu.on > ul
{	display:block;
}
ul.menu li > ul > li.menu.off > ul
{	display:none;
}
ul.menu a
{	text-align:left;
	text-decoration: none;
	background-color: inherit;
	color:inherit;
}
ul.menu li > ul > li a
{	padding:1px;
	display:block;
	background-color:white;
}
ul.menu li > a:hover
{	color:white;
	background-color: #62c0f4;
}