﻿/*Main Navbar */

#nav {
	background:#777;
	font-size:1.05em;
	}
	
#nav, #nav ul {
	list-style: none;
	line-height: 1;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#nav li {
	float: left;
	list-style:none;
	border-right:1px solid #a9a9a9;
	}

#nav a, #nav a:visited {
	display:block;
	font-weight: bold; 
	color: #f5f5f4;
	padding:6px 12px;
	}

#visiteur {
	display:block;
	font-weight: normal; 
	color: #545454;
	padding:6px 12px;
        background:#FFFFFF;
        float: right;
        clear: left;
        position: relative;
	}
#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	background:#000;
	text-decoration:none
	}	
	
	
/* Dropdown Menus */		
#nav {
	display: block;
	z-index: 5;
	margin: 0;
	padding: 0;
	position: relative;
	bottom: 0;
}

#nav ul {
	width:780px;
	/*min-height: 30px;*/
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index: 500;
	/*border:1px solid #333333;
	border-top:none;*/
}


#nav li {
	display: inline;
	float: left;
	/*min-height: 20px;*/
	position: relative;
	text-align: left;
	/*padding: 5px 16px 5px;*/
	margin: 0px 0px 0px 0px;
}

#nav li ul {
	/*width: 150px;*/
        width: auto;
	height: auto;
	top: 100%;
	left: 0px;
}

#nav li ul li {
	text-align: left;
	width: 175px;
	height: auto;
	min-height: auto;
	display: block;
        font-weight: thin;
        /*font-size: 0.8em;*/
}

#nav a {
	text-decoration: none;
	}

#nav li li ul {
	top: 0;
	left: 0;
}

#nav li li:hover ul {
	left: 175px;
        
}

/* initialy hide all sub sidemenus */
#nav ul ul,
#nav ul li:hover ul ul,
#nav ul ul li:hover ul ul,
#nav ul ul ul li:hover ul ul,
#nav ul ul ul ul li:hover ul ul {
	display: none;
	position: absolute;
}

/* display them on hover */
#nav li:hover ul,
#nav ul li:hover ul,
#nav ul ul li:hover ul,
#nav ul ul ul li:hover ul,
#nav ul ul ul ul li:hover ul,
#nav ul ul ul ul ul li:hover ul {
  display: block;
}

/* colors */

#nav {
	color: #FFFFFF;
}

#nav ul{
	background: #777;
}

#nav ul ul {
	background: #777;
}
#nav ul li {
	background: #777;
}

/*
#nav h2 {
	color: #FFFFFF;
}
*/
#nav a {
	color: #FFFFFF;
	}

#nav ul li:hover {
	background: #0;
}

#nav ul li ul {

}

#nav ul li ul li {
	background: #777;
}

#nav ul li ul li:hover {
	background: #0;
}

#nav ul li ul ul li{
	background:#777;
	
}

#nav ul li ul ul li:hover {
	background:#0;
}