/* stylesheetMenu.css Municipalite Beaulac-Garthby */
/* par Phil Turcotte le 15 avril 2009 */
/* www.numerique.ca */

div#containerMenuPrincipal {
	background-image:url(../../Images/PagesInterieures/img_fondMenuPrincipal.gif);
	background-repeat:repeat-x;
	height:44px;
	border-bottom:5px solid #00607E;
}

div#containerMenuPrincipal ul {
	margin-top:0px;
	margin-bottom:0px;
	position:relative;
	z-index:99;
}

div#containerMenuPrincipal ul li {
	background-image:none;
	padding-left:0px;
	margin-bottom:0px;
	float:left;
	position:relative;
}

div#containerMenuPrincipal ul li a {
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.85em;
	text-decoration:none;
	display:block;
	padding-top:18px;
	padding-bottom:12px;
	padding:18px 19px 12px 20px;
}
/*hack Safari*/
/*\*/
html*div#containerMenuPrincipal ul li a {
[padding:18px 19px 12px 20px;/*firefox-opera*/
padding:18px 17px 12px 17px;/*safari*/
]padding:18px 19px 12px 20px;/*IE7*/
}
/*\*/
* html div#containerMenuPrincipal ul li a{
padding:18px 19px 12px 20px;/*IE6*/
}

div#containerMenuPrincipal ul li a:hover { color:#A8D0D8; }

div#containerMenuPrincipal ul li a.selected {
	color:#A8D0D8;
}

div#containerMenuPrincipal ul li.separator img {
	display:block;
	margin-top:17px;
}

div#containerMenuPrincipal ul li ul {
	position:absolute;
	left:0px;
	top:44px;
	visibility:hidden;
	width:200px;
}

div#containerMenuPrincipal ul li ul li ul{
top:0px;
}

div#containerMenuPrincipal ul li ul li {
	width:200px;
}

div#containerMenuPrincipal ul li ul li a {
	padding-left:20px;
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	background-color:#00607E;
	color:#A8D0D8;
	width:180px;
	text-transform:none;
	font-weight:normal;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}

div#containerMenuPrincipal ul li ul li a:hover {
	background-color:#004D65;
	color:#FFFFFF;
}

div#containerMenuPrincipal ul li ul li a.subfoldericon {
	background-image:url(../../Images/PagesInterieures/img_fleche_up.gif);
	background-position:199px 50%;
	background-repeat:no-repeat;
}

div#containerMenuPrincipal ul li ul li a.subfoldericon:hover {
	background-image:url(../../Images/PagesInterieures/img_fleche_rl.gif);
	background-position:199px 50%;
	background-repeat:no-repeat;
}