/* Centre du Plateau stylesheetMenu.css */
/* Par Phil Turcotte le 13 juin 2008 */
/* www.numerique.ca */

div#menuPrincipal {
	position:relative;
	z-index:98;
	width:100%;
}

div#menuPrincipal img {
	position:absolute;
	top:0px;
}

div#menuPrincipal img#imgLeftMenu {
	left:0px;
}

div#menuPrincipal img#imgRightMenu {
	right:0px;
}

div#menuPrincipal ul {
	width:100%;
	list-style:none;
}

div#menuPrincipal ul li {
	height:36px;
	text-align:center;
	float:left;
	position:relative;
	background-image:none;
	padding-left:0px;
}

div#menuPrincipal ul li.vert { border-top:2px solid #94BDA0; border-right:2px solid #94BDA0; border-bottom:2px solid #94BDA0; background-color:#007A3B; width:159px; }
div#menuPrincipal ul li.vertSelected { background-image:url(../../PagesInterieurs/img_menuRollVert.gif); background-position:center; background-repeat:no-repeat; }
div#menuPrincipal ul li.mauve { border-top:2px solid #D5A2B3; border-right:2px solid #D5A2B3; border-bottom:2px solid #D5A2B3; background-color:#A34164; width:159px; }
div#menuPrincipal ul li.mauveSelected { background-image:url(../../PagesInterieurs/img_menuRollMauve.gif); background-position:center; background-repeat:no-repeat; }
div#menuPrincipal ul li.jaune { border-top:2px solid #F4E096; border-right:2px solid #F4E096; border-bottom:2px solid #F4E096; background-color:#E8C00F; width:158px; }
div#menuPrincipal ul li.jauneSelected{ background-image:url(../../PagesInterieurs/img_menuRollJaune.gif); background-position:center; background-repeat:no-repeat; }
div#menuPrincipal ul li.bleuFonce { border-top:2px solid #8FA3BF; border-right:2px solid #8FA3BF; border-bottom:2px solid #8FA3BF; background-color:#0D437E; width:158px; }
div#menuPrincipal ul li.bleuFonceSelected { background-image:url(../../PagesInterieurs/img_menuRollBleuFonce.gif); background-position:center; background-repeat:no-repeat; }
div#menuPrincipal ul li.bleuPale { border-top:2px solid #9DD2E0; border-right:2px solid #9DD2E0; border-bottom:2px solid #9DD2E0; background-color:#00A5C3; width:158px; }
div#menuPrincipal ul li.bleuPaleSelected { background-image:url(../../PagesInterieurs/img_menuRollBleuPale.gif); background-position:center; background-repeat:no-repeat; }
div#menuPrincipal ul li.orange { border-top:2px solid #EDC999; border-right:2px solid #EDC999; border-bottom:2px solid #EDC999; background-color:#DB9328; width:158px; }
div#menuPrincipal ul li.orangeSelected { background-image:url(../../PagesInterieurs/img_menuRollOrange.gif); background-position:center; background-repeat:no-repeat; }

div#menuPrincipal ul li a {
	font-family:Arial;
	font-size:0.85em;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding-top:12px;
	height:24px;
	width:100%;
}

div#menuPrincipal ul li a:link { color:#FFFFFF; }
div#menuPrincipal ul li a:visited { color:#FFFFFF; }

div#menuPrincipal ul li.vert a:hover { background-image:url(../../PagesInterieurs/img_menuRollVert.gif); background-position:center; background-repeat:no-repeat; }
div#menuPrincipal ul li.mauve a:hover { background-image:url(../../PagesInterieurs/img_menuRollMauve.gif); background-position:center; background-repeat:no-repeat; }
div#menuPrincipal ul li.jaune a:hover { background-image:url(../../PagesInterieurs/img_menuRollJaune.gif); background-position:center; background-repeat:no-repeat; }
div#menuPrincipal ul li.bleuFonce a:hover { background-image:url(../../PagesInterieurs/img_menuRollBleuFonce.gif); background-position:center; background-repeat:no-repeat; }
div#menuPrincipal ul li.bleuPale a:hover { background-image:url(../../PagesInterieurs/img_menuRollBleuPale.gif); background-position:center; background-repeat:no-repeat; }
div#menuPrincipal ul li.orange a:hover { background-image:url(../../PagesInterieurs/img_menuRollOrange.gif); background-position:center; background-repeat:no-repeat; }

div#menuPrincipal ul li a:active { color:#FFFFFF; }

div#menuPrincipal ul li ul {
	position:absolute;
	left:0px;
	top:36px;
	visibility:hidden;
	width:159px;
	z-index:99 !important;
	z-index:97;
}

div#menuPrincipal ul li.vert ul { background-color:#007A3B; border-left:1px solid #94BDA0; border-right:1px solid #94BDA0; border-bottom:1px solid #94BDA0; }
div#menuPrincipal ul li.mauve ul { background-color:#A34164; border-left:1px solid #D5A2B3; border-right:1px solid #D5A2B3; border-bottom:1px solid #D5A2B3; }
div#menuPrincipal ul li.jaune ul { background-color:#E8C00F; border-left:1px solid #F4E096; border-right:1px solid #F4E096; border-bottom:1px solid #F4E096; }
div#menuPrincipal ul li.bleuFonce ul { background-color:#0D437E; border-left:1px solid #8FA3BF; border-right:1px solid #8FA3BF; border-bottom:1px solid #8FA3BF; width:158px; }
div#menuPrincipal ul li.bleuPale ul { background-color:#00A5C3; border-left:1px solid #9DD2E0; border-right:1px solid #9DD2E0; border-bottom:1px solid #9DD2E0; width:158px; }
div#menuPrincipal ul li.orange ul { background-color:#DB9328; border-left:1px solid #EDC999; border-right:1px solid #EDC999; border-bottom:1px solid #EDC999; width:158px; }

div#menuPrincipal ul li ul li {
	width:159px;
	height:auto;
	position:relative;
	background-image:none;
	padding-left:0px;
}

div#menuPrincipal ul li.bleuFonce ul li { width:158px; }
div#menuPrincipal ul li.bleuPale ul li { width:158px; }
div#menuPrincipal ul li.orange ul li { width:158px; }

div#menuPrincipal ul li.vert ul li { border-top:1px solid #94BDA0; }
div#menuPrincipal ul li.mauve ul li { border-top:1px solid #D5A2B3; }
div#menuPrincipal ul li.jaune ul li { border-top:1px solid #F4E096; }
div#menuPrincipal ul li.bleuFonce ul li { border-top:1px solid #8FA3BF; }
div#menuPrincipal ul li.bleuPale ul li { border-top:1px solid #9DD2E0; }
div#menuPrincipal ul li.orange ul li { border-top:1px solid #EDC999; }

div#menuPrincipal ul li ul li a {
	width:149px;
	height:auto;
	padding-top:3px;
	padding-bottom:4px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	text-transform:none;
}

div#menuPrincipal ul li.bleuFonce ul li a { width:148px; }
div#menuPrincipal ul li.bleuPale ul li a { width:148px; }
div#menuPrincipal ul li.orange ul li a { width:148px; }

div#menuPrincipal ul li ul li a.subfoldericon { 
background-image:url(../../PagesInterieurs/img_flecheSousMenu.gif); 
background-repeat:no-repeat; background-position:97% 7px; 
}

div#menuPrincipal ul li.vert ul li a:hover { background-image:none; background-color:#8DAF8D; }
div#menuPrincipal ul li.vert ul li a.subfoldericon:hover { background-image:url(../../PagesInterieurs/img_flecheSousMenu.gif); background-position:97% 7px; }
div#menuPrincipal ul li.mauve ul li a:hover { background-image:none; background-color:#BC8EA1; }
div#menuPrincipal ul li.mauve ul li a.subfoldericon:hover { background-image:url(../../PagesInterieurs/img_flecheSousMenu.gif); background-position:97% 7px; }
div#menuPrincipal ul li.jaune ul li a:hover { background-image:none; background-color:#EBD983; }
div#menuPrincipal ul li.jaune ul li a.subfoldericon:hover { background-image:url(../../PagesInterieurs/img_flecheSousMenu.gif); background-position:97% 7px; }
div#menuPrincipal ul li.bleuFonce ul li a:hover { background-image:none; background-color:#7F8FB0; }
div#menuPrincipal ul li.bleuFonce ul li a.subfoldericon:hover { background-image:url(../../PagesInterieurs/img_flecheSousMenu.gif); background-position:97% 7px; }
div#menuPrincipal ul li.bleuPale ul li a:hover { background-image:none; background-color:#9DC8D9; }
div#menuPrincipal ul li.bleuPale ul li a.subfoldericon:hover { background-image:url(../../PagesInterieurs/img_flecheSousMenu.gif); background-position:97% 7px; }
div#menuPrincipal ul li.orange ul li a:hover { background-image:none; background-color:#DEBD86; }
div#menuPrincipal ul li.orange ul li a.subfoldericon:hover { background-image:url(../../PagesInterieurs/img_flecheSousMenu.gif); background-position:97% 7px; }

div#menuPrincipal ul li ul li ul {
	position:absolute;
	top:-1px;
	left:0px;
	z-index:99 !important;
	z-index:97;
}

div#menuPrincipal ul li.bleuFonce ul li ul { margin-left:-1px; }
div#menuPrincipal ul li.bleuPale ul li ul { margin-left:-1px; }
div#menuPrincipal ul li.orange ul li ul { margin-left:-1px; }

div#menuPrincipal ul li ul li ul li {
	background-image:none;
	padding-left:0px;
}