/*
   =========================================== 

	SECTION CI-DESSOUS CONCERNE LES STYLES
	DES MENUS
                                             
   ===========================================
*/


#popup #menuSecondaire, #popup #menuPrincipal, #popup #menuSection, #popup #menuBas {
	display:none;
}




/*
/* Menu du haut
----------------------------------------------- */
#menuSecondaire {
	float:left;
	margin:0;
	padding:0 0 0 40px;
	width:575px;
	padding-top:20px;
}

#menuSecondaire ul{
	float:left;
	margin: 0;
	padding:0;
}

#menuSecondaire ul li {
	margin: 0;
	border-right:1px dotted #00aeef;
	display: inline;
}

#menuSecondaire ul li a{
	font-size:10px;
	padding:0 5px 0 5px;
	color:#6d6e71;
	text-decoration:none;
}

#menuSecondaire ul li a:hover{
	color: #7ac142;
}

#menuSecondaire ul li a.current{
	color:#231f20;
}

#menuSecondaire ul li.last{
	border-right:none;
}
#menuSecondaire ul li.last a{
	color:#7ac142;
}





/* Menu principal
----------------------------------------------- */

#menuPrincipal{
	float:left;
	padding:0;
	margin:0;
	position:absolute;
	width:700px;
	height:38px;
}



#menuPrincipal ul { 
	padding:0;
	margin: 0;
	list-style: none;
	float:left;
	display:inline;
}

#menuPrincipal ul li{ 
	padding:0;
	margin: 0 2px 0 0;
	position: relative;
	float: left;
	width:97px;
	background-position: left bottom;
	background-image: url(http://www.ecoentreprises.qc.ca/_site/EEQ/STYLES/IMGS/menu_normal.jpg);
	background-repeat: repeat-x;
	width:95px;
	height:38px;
}

#menuPrincipal ul li:hover {
	background-position: left bottom;
	background-image: url(http://www.ecoentreprises.qc.ca/_site/EEQ/STYLES/IMGS/menu_over.jpg);
	background-repeat: repeat-x;
}

#menuPrincipal ul li.current {
	background-position: left bottom;
	background-image: url(http://www.ecoentreprises.qc.ca/_site/EEQ/STYLES/IMGS/menu_over.jpg);
	background-repeat: repeat-x;
	width:95px;
	color: #7ac142;
}


#menuPrincipal ul li a{ 
	display: block;
	padding:5px 0 9px 3px;
	margin: 0;
	color: #2e7ab8;
	text-decoration: none;
	width:90px;
}

#menuPrincipal ul li a:hover{ 
	color: #7ac142;
}

#menuPrincipal ul li a.current{
	color:#7ac142;
}


/* Menu principal -  sous-menu vertical
----------------------------------------------- */

#menuPrincipal ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

div#menuPrincipal ul ul,
div#menuPrincipal ul li:hover ul ul,
div#menuPrincipal ul ul li:hover ul ul
{display: none;}

div#menuPrincipal ul li:hover ul,
div#menuPrincipal ul ul li:hover ul,
div#menuPrincipal ul ul ul li:hover ul
{display: block;}

#menuPrincipal ul ul {
	position: absolute;
	z-index: 500;
}


#menuPrincipal ul li div.n2 ul{
	float: left;
	padding:0;
	margin:0 ;
	text-align: left;
	background-position: left top;
	background-image: url(http://www.ecoentreprises.qc.ca/_site/EEQ/STYLES/IMGS/background_ssmenu_centre.jpg);
	background-repeat: repeat-y;
	width: 162px;
	top: 38px;
}


#menuPrincipal ul li div.n2 ul li.first{
	padding:3px 0 0 0;
	background-position: left top;
	background-image: url(http://www.ecoentreprises.qc.ca/_site/EEQ/STYLES/IMGS/background_ssmenu_haut.jpg);
	background-repeat: no-repeat;
	width: 162px;
}

#menuPrincipal ul li div.n2 ul li{ 
	background-position: left top;
	background-image: url(http://www.ecoentreprises.qc.ca/_site/EEQ/STYLES/IMGS/background_ssmenu_centre.jpg);
	background-repeat: repeat-y;
	width: 162px;
	height:100%;  
}


#menuPrincipal ul li div.n2 ul li.last{
	padding:0 0 5px 0;
	background-position: left bottom;
	background-image: url(http://www.ecoentreprises.qc.ca/_site/EEQ/STYLES/IMGS/background_ssmenu_bas.jpg);
	background-repeat: no-repeat;
	width: 162px;
}

#menuPrincipal ul li div.n2 ul li a{ 
	padding:4px 7px 4px 7px;
	text-decoration:none;
	border-top: 1px dashed #ccc;
	color:#6d6e71;
	width: 143px;
}

#menuPrincipal ul li div.n2 ul li.first a{ 
	border-top:none;
}

#menuPrincipal ul li div.n2 ul li a:hover{ 
	color: #7ac142;
}

#menuPrincipal ul li div.n2 ul li a.current{ 
	color: #7ac142;
}






/* Menu Section (marge de gauche)
----------------------------------------------- */

#menuSection {
	float: right;
	padding:0 0 15px 0;
	margin:58px 0 0 0;
	width:192px;
	background-position: left bottom;
	background-image: url(http://www.ecoentreprises.qc.ca/_site/EEQ/STYLES/IMGS/menu_section_bas.jpg);
	background-repeat: no-repeat;
}

#menuSection ul {
	margin: 0;
	padding:0;
	list-style: none;
	width:192px;
}

#menuSection ul.n1, ul.n3 {
	margin: 0;
	padding: 0;
	background-position: left top;
	background-image: url(http://www.ecoentreprises.qc.ca/_site/EEQ/STYLES/IMGS/menu_section_haut.jpg);
	background-repeat: no-repeat;
}

#menuSection ul.n1 li.first, ul.n3 li.first {
	margin-top: 6px;
}


#menuSection ul.n2, ul.n4{
	margin: 0;
	padding: 0;
	width:192px;
}

#menuSection ul.n2 li, #menuSection ul.n2 li.last, ul.n4 li, #menuSection ul.n4 li.last{
	margin: 9px 0 9px 10px;
	padding: 0 0 5px 3px;
	background-position: left top;
	background-image: url(http://www.ecoentreprises.qc.ca/_site/EEQ/STYLES/IMGS/puce_bleu_menu.png);
	background-repeat: no-repeat;
	width:174px;
	border-bottom:1px dashed #ccc;
}

#menuSection ul.n2 li.last, ul.n4 li.last{
	margin: 9px 0 9px 10px;
	padding: 0 0 0 3px;
	border-bottom:none;
}


#menuSection a {
	font-size: 11px;
	text-decoration:none;
}

#menuSection ul.n1 li a, ul.n3 li a {
	display:block;
	margin: 0 0 0 0; 
	padding:8px 0 0 10px;
	font-weight: bold;
	color: #7ac142;
}

#menuSection ul.n2 li a, ul.n4 li a {
	margin: 0; 
	padding:0 0 0 7px;
	font-weight: normal;
	color: #2a7dc3;
	width:155px;
}

#menuSection ul.n2 li a:hover, ul.n4 li a:hover {
	color: #7ac142;
}

#menuSection ul.n2 li a.current, ul.n4 li a.current {
	font-weight: bold;

}








/* Menu secondaire
----------------------------------------------- */

#menuBas {
	float:left;
	margin:0;
	padding:20px 0 0 0;
	width:990px;
	text-align:center;
}

#menuBas ul{
	margin: 0;
	padding:0;
	list-style: none;
	display: inline;
}

#menuBas ul li {
	margin: 0;
	border-right:1px solid #7ac142;
	display: inline;
}

#menuBas ul li a{
	font-size:10px;
	padding:0 5px 2px 5px;
	color:#404040;
	text-decoration:none;
}

#menuBas ul li a:hover{
	text-decoration:underline;
}

#menuBas ul li a.current{
	text-decoration:underline;
}

#menuBas ul li.last{
	border-right:none;
}