/* stylesheetMenu.css */
/* Phil Turcotte 19 Fevrier 08 */
/* www.numerique.ca */

ul#menuPrincipal {
	list-style:none;
}

ul#menuPrincipal li{
	float:left;
	padding:0px;
position: relative;
}

ul#menuPrincipal li img{
 	display:block;
}
/*.menuPrincipalAvecSousMenu {
background: url(/Images/Menus/fleche.gif);
}
.menuPrincipalAvecSousMenu:hover {
background: url(/Images/Menus/fleche.gif);
}*/


ul#menuPrincipal li#itemMenuPrinc1 a{ background-image:url(/Images/Menus/img_btnMenu_home.gif); background-repeat:no-repeat; display:block; width:71px; height:50px; text-decoration:none; }
ul#menuPrincipal li#itemMenuPrinc1 a:hover{ background-image:url(/Images/Menus/img_btnMenu_home_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc1 a.selected{ background-image:url(/Images/Menus/img_btnMenu_home_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc1 ul li a,ul#menuPrincipal li#itemMenuPrinc1 ul li a:hover,ul#menuPrincipal li#itemMenuPrinc1 ul li a.selected { width: 200px; height: auto; background-image:none; }

ul#menuPrincipal li#itemMenuPrinc2 a{ background-image:url(/Images/Menus/img_btnMenu_about.gif); background-repeat:no-repeat; display:block; width:100px; height:50px; text-decoration:none; }
ul#menuPrincipal li#itemMenuPrinc2 a:hover{ background-image:url(/Images/Menus/img_btnMenu_about_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc2 a.selected{ background-image:url(/Images/Menus/img_btnMenu_about_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc2 ul li a,ul#menuPrincipal li#itemMenuPrinc2 ul li a:hover,ul#menuPrincipal li#itemMenuPrinc2 ul li a.selected { width: 200px; height: auto; background-image:none; }

ul#menuPrincipal li#itemMenuPrinc3 a{ background-image:url(/Images/Menus/img_btnMenu_products.gif); background-repeat:no-repeat; display:block; width:104px; height:50px; text-decoration:none; }
ul#menuPrincipal li#itemMenuPrinc3 a:hover{ background-image:url(/Images/Menus/img_btnMenu_products_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc3 a.selected{ background-image:url(/Images/Menus/img_btnMenu_products_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc3 ul li a,ul#menuPrincipal li#itemMenuPrinc3 ul li a:hover,ul#menuPrincipal li#itemMenuPrinc3 ul li a.selected { width: 200px; height: auto; background-image:none; }

ul#menuPrincipal li#itemMenuPrinc4 a{ background-image:url(/Images/Menus/img_btnMenu_dealer.gif); background-repeat:no-repeat; display:block; width:132px; height:50px; text-decoration:none; }
ul#menuPrincipal li#itemMenuPrinc4 a:hover{ background-image:url(/Images/Menus/img_btnMenu_dealer_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc4 a.selected{ background-image:url(/Images/Menus/img_btnMenu_dealer_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc4 ul li a,ul#menuPrincipal li#itemMenuPrinc4 ul li a:hover,ul#menuPrincipal li#itemMenuPrinc4 ul li a.selected { width: 200px; height: auto; background-image:none; }

ul#menuPrincipal li#itemMenuPrinc5 a{ background-image:url(/Images/Menus/img_btnMenu_techDownload.gif); background-repeat:no-repeat; display:block; width:190px; height:50px; text-decoration:none; }
ul#menuPrincipal li#itemMenuPrinc5 a:hover{ background-image:url(/Images/Menus/img_btnMenu_techDownload_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc5 a.selected{ background-image:url(/Images/Menus/img_btnMenu_techDownload_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc5 ul li a,ul#menuPrincipal li#itemMenuPrinc5 ul li a:hover,ul#menuPrincipal li#itemMenuPrinc5 ul li a.selected { width: 200px; height: auto; background-image:none; }

ul#menuPrincipal li#itemMenuPrinc6 a{ background-image:url(/Images/Menus/img_btnMenu_service.gif); background-repeat:no-repeat; display:block; width:156px; height:50px; text-decoration:none; }
ul#menuPrincipal li#itemMenuPrinc6 a:hover{ background-image:url(/Images/Menus/img_btnMenu_service_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc6 a.selected{ background-image:url(/Images/Menus/img_btnMenu_service_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc6 ul li a,ul#menuPrincipal li#itemMenuPrinc6 ul li a:hover,ul#menuPrincipal li#itemMenuPrinc6 ul li a.selected { width: 200px; height: auto; background-image:none; }

ul#menuPrincipal li#itemMenuPrinc7 a{ background-image:url(/Images/Menus/img_btnMenu_contact.gif); background-repeat:no-repeat; display:block; width:113px; height:50px; text-decoration:none; }
ul#menuPrincipal li#itemMenuPrinc7 a:hover{ background-image:url(/Images/Menus/img_btnMenu_contact_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc7 a.selected{ background-image:url(/Images/Menus/img_btnMenu_contact_roll.gif); background-repeat:no-repeat; }
ul#menuPrincipal li#itemMenuPrinc7 ul li a,ul#menuPrincipal li#itemMenuPrinc7 ul li a:hover,ul#menuPrincipal li#itemMenuPrinc7 ul li a.selected { width: 200px; height: auto; background-image:none; }

ul#menuPrincipal li span { position:relative; font-size:0px; z-index:-1; text-decoration:none; }


/**********************************************************************/
/*1st sub level menu*/
#menuPrincipal li ul{
display: block;
visibility: hidden;
position: absolute;
left:0px;
top:1em; /* no need to change, as true value set by script */
/*width: 200px;*/
height:auto;
padding:0px;
margin:0px;
background-image:none;
background-color:#000000;
border:#000000 1px solid;
border-top:none;
border-right:#000000 1px solid;
z-index: 4;
width:210px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#menuPrincipal li ul li{
display: block;
text-align:left;
margin:0px;
padding:0px;
background-image: none;
background-color: #000000;
border-top:#000000 1px solid;
z-index: 40;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
#menuPrincipal li ul li ul{ 
left: 145px; /* no need to change, as true value set by script */
top: 0px;
margin-top:-1px;
}

/* Sub level menu links style */
#menuPrincipal li ul li a{
display:block;
width:200px;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
font-size:11px;
font-family:Arial;
color:#FFFFFF;
font-weight: normal;
z-index: 3;
position: relative;
background-color:#000000;
background-image: none;
}

#menuPrincipal li ul li a:hover{
background-color:#FFFFFF;
background-image: none;
color:#000000;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #menuPrincipal li { float: left; height: 1%; display: block; }
* html #menuPrincipal li a { height: 1%; }
/* End */


#menuPrincipal li#itemMenuPrinc3 ul li a.menuPrincipalAvecSousMenu {
background-image:url(/Images/Menus/fleche.gif);
background-repeat:none;
background-position:100% 3px;
background-color:#000000;
color:#FFFFFF;
}
#menuPrincipal li#itemMenuPrinc3 ul li a.menuPrincipalAvecSousMenu:hover {
background: url(/Images/Menus/fleche.gif) no-repeat;
background-position:100% 3px;
background-repeat:none;
background-color:#FFFFFF;
color:#000000;
}