/* Navigation principale
 ----------------------------------------------------- 
 Navigation thematique + subnav
 Navigation transversale + subnav
 ----------------------------------------------------- */

#thematicNav{
	background: #423c37 url("../../pictures/layout/body/shared/texture-light.gif");	
}

#thematicNav ul {
	list-style:none;
	margin:0;
	padding: 0;
	/*background-color: #423c37;*/
}

#navH #thematicNav ul {
	padding: 0 230px 0 0;
}

#thematicNav ul li {
	border-top: 1px solid #2b2825;
	margin:0;
	padding:0;
	/*background: url("../../pictures/layout/body/shared/texture-light.gif");*/
	text-transform: uppercase;
}

#thematicNav ul li:last-child{
	border-bottom: 1px solid #2b2825;
}

#thematicNav ul li ul{
	border-top: 1px solid #2b2825;
}

#thematicNav ul li ul li{
	border-bottom: 1px solid #d4cbbd;
	background: #dfd9ce;
	border-top: none;
	text-transform: none;
}

#thematicNav ul li ul li:last-child{
	border: none;
}

#thematicNav ul li div.navOn, #thematicNav ul li:hover div{
	background: rgb(81,75,71);
	background: -moz-linear-gradient(top, rgba(81,75,71,1) 0%, rgba(104,95,91,1) 50%, rgba(94,88,82,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,75,71,1)), color-stop(50%,rgba(104,95,91,1)), color-stop(100%,rgba(94,88,82,1)));
	background: -webkit-linear-gradient(top, rgba(81,75,71,1) 0%,rgba(104,95,91,1) 50%,rgba(94,88,82,1) 100%);
	background: -o-linear-gradient(top, rgba(81,75,71,1) 0%,rgba(104,95,91,1) 50%,rgba(94,88,82,1) 100%);
	background: -ms-linear-gradient(top, rgba(81,75,71,1) 0%,rgba(104,95,91,1) 50%,rgba(94,88,82,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#514b47', endColorstr='#5e5852',GradientType=0 ); 
	background: linear-gradient(top, rgba(81,75,71,1) 0%,rgba(104,95,91,1) 50%,rgba(94,88,82,1) 100%);
}



#thematicNav ul li:hover div ul li div{
	background: #dfd9ce;
	filter: none; 
}

#thematicNav ul li:hover div ul li div.subNavOn{
	background: #dfd9ce url("../../pictures/layout/leftnav/shared/bullet.gif") top left no-repeat;
}

/* Main Navigation 
	   Si l'aspect des elements de navigation varie de categorie
	   en categorie, on commence par fixer les preferences 
	   generales comme l'espacement, la taille, la font etc... 
 ------------------------------------------------------- */
#leftCol a, #leftCol .navOn a {
	font-weight:bold;
	font-size: 100%;
	text-decoration:none;
	position:relative;
	display:block;
	color:#fff;
	padding: 8px 5px 8px 8px;
}

/* Navigation transversale								 
 ----------------------------------------------------- */
#transversalNav {
	margin-top:2.5em;
	list-style:none;
	z-index:10;
	overflow:visible;
	padding:0;
	border-top: 1px solid #2b2825;
}
#transversalNav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#transversalNav ul li {
	margin:0;
	padding:0;
	border-bottom:1px solid #2c2926;
	background: #5a514b;
}

#transversalNav ul li div.navOn, #transversalNav ul li:hover div{
	background: #2e2a28;
}

#transversalNav ul li:hover ul li div.subNavOn{
	background: #dfd9ce;
}

#transversalNav ul li:hover ul li div{
	background: #dfd9ce;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

#transversalNav ul li:hover ul li div.subNavOn{
	background: #dfd9ce url("../../pictures/layout/leftnav/shared/bullet.gif") top left no-repeat;
}

/* Navigation de deuxieme niveau						 
 ----------------------------------------------------- */
#transversalNav ul li ul li{
	margin:0;
	background: #DFD9CE;
    border-bottom: 1px solid #D4CBBD;
    border-top: none;
    text-transform: none;
}
.rubCol {
	background-color:#c94a07;
}
#subNav a {					/* mise a 0 des css predefinis (leftCol a) */
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
	text-transform:none;
	position:relative;
	display:block;
	background:none;
}
#subNav {
	color:#333;
	background-color:transparent;
	font-size:90%;
}

#subNav a:link, #subNav a:visited, #subNav a:active {  
	color:#333;
	text-decoration:none;
	padding:5px 0 5px 15px;
}

#subNav ul li:last-child a:link, #subNav ul li:last-child a:visited, #subNav ul li:last-child a:active {  
	border-bottom: none;
}

#subNav a:hover, #subNav .subNavOn a:hover, #subNav a:active, #subNav a:focus {
	text-decoration:underline;
	padding-left:15px;
	color:#000;
}

#subNav .subNavOn, #subNav li:hover{  
	background: #DFD9CE url("../../pictures/layout/leftnav/shared/bullet.gif") top left no-repeat;
	text-decoration:none;
}

#subNav ul {
	background: transparent;
	margin:0;
	padding:0;
}

#subNav li{
	display:block;
	width:100%;
	color:#333;
	margin:0;
	padding:0;
}

/*last child of the last child */

#transversalNav ul li:last-child ul li:last-child, #thematicNav ul li:last-child ul li:last-child{
       border-bottom: 0px solid #2e2a28; 
}


#transversalNav ul li:last-child ul li:last-child:hover div, #thematicNav ul li:last-child ul li:last-child:hover div, #transversalNav ul li:last-child ul li:last-child div.navOn, #thematicNav ul li:last-child ul li:last-child div.navOn{
	-moz-border-radius: 0 0 0 6px;
	-webkit-border-radius: 0 0 0 6px;
	-o-border-radius: 0 0 0 6px;
	border-radius: 0 0 0 6px;
}