/* ==================    Menu horizontal  ==================*/
#menu {
	clear: both;
}
ul#menu li:hover>ul {
	display: block;
}
/* menu racine */
ul#menu {
	margin: 0px;
	padding: 10px 0 0 0;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
ul#menu li {
	display: inline-block;
	position: relative;
	padding: 0 0 12px 0;
}
/* cadre autour d'une entree de menu */
ul#menu li a {
	display: inline;
	padding: 4px 10px;
	margin:  0 1px;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	border-radius: 10px;
}
/* Les sous menu */
ul#menu ul {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	list-style: none;
	margin: 4px 0 0 0px;
	padding: 0px;
	width: 150px;
	z-index: 100;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	position: absolute;
	left: 0;
	display: none;
}
ul#menu ul ul {
	top: 1px;
	left: 149px;
	margin: 0px;
}
ul#menu ul li {
	display: block;
	padding: 8px 0px;
	border-radius: 10px;
}
ul#menu ul li a {
	display: block;
	padding: 0px 0px 0px 5px;
	border: none;
}
/* pour les fleches */
ul#menu ul img {
	position: relative;
	float: right;
}
/* hack pour Safari */
@media screen {
ul#menu ul img {


    ATTENTION
    L'usage de proprietes -webkit-* sans leurs contreparties
    (-o-*, -moz-*, etc.) est fortement deconseille !
    cf. http://www.webstandards.org/2012/02/09/call-for-action-on-vendor-prefixes/

    Prenez le temps de corriger s'il vous plait : les proprietes CSS prefixees ne sont en theorie
    destinees qu'a des fins de test.

*/
		-webkit-min-device-pixel-ratio: 0;
	margin: 5px 5px 0px 0px;
}
}

/* ==================    Menu vertical  ==================*/
#menuV ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0px;
}
#menuV ul li {
	padding: 0 0 2px 20px;
	vertical-align: bottom;
	min-height: 16px;
}
#menuV ul ul {
	margin-left: -15px;
	padding: 0 0 0 5px;
}
#menuV ul.rubriques li {
	background: url(../images/rubnormal.png) no-repeat;
}
#menuV ul.rubriques li.on {
	background: url(../images/rubexpose.png) no-repeat;
}
#menuV ul.articles li {
	background: url(../images/artnormal.png) no-repeat;
}
#menuV ul.articles li.on {
	background: url(../images/artexpose.png) no-repeat;
}
#menuV li.on>a {
	font-weight: bold;
}
/* ==================    Menu vertical 2  ==================*/
#menuV2 {
	padding: 0;
	font-size: 12px;
	text-align: left;
}
#menuV2 ul.menulist, #menuV2 ul.menulist ul {
	list-style: none;
	z-index: 500;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	width: 190px;
	border-radius: 10px;
}
#menuV2 ul.menulist ul {
	position: absolute;
	top: -1px;
	left: 190px;
}
#menuV2 ul.menulist li {
	position: relative;
	margin: 0;
	padding: 0;
	border-width: 1px;
	border-style: solid;
}
#menuV2 ul.menulist li ul {
	display: none;
}
#menuV2 ul.menulist li:hover>ul {
	display: block;
}
#menuV2 ul.menulist a {
	text-decoration: none;
	display: block;
	padding: 5px;
}
#menuV2 ul.menulist a:hover {
	text-decoration: none;
}
#menuV2 ul.menulist li.smenu, #menuV2 ul.menulist li.smenu>a {
	background-position: 170px;
	background-repeat: no-repeat;
}
#menuV2 ul.menulist li.smenu:hover, #menuV2 ul.menulist li.smenu>a:hover {
	background-position: 167px;
	background-repeat: no-repeat;
}
#menuV2 ul.menulist a.menu_articles {
}
#menuV2 ul.menulist a.menu_articles:hover {
}
#menuV2 ul.menulist img, #menuV2 ul.menulist ul img {
	position: relative;
	float: right;
	margin: 5px 5px 0px 0px;
}