/* Custom styles */
.nested .firstLevel li  {
  border-right: dotted 1px;
/*height: 15px;*/
}

.nested .firstLevel li:last-child  {
    border: none;
}

/* ----------------------------
MICRO-NAVIGATION / FIL D'ARIANE
------------------------------*/						
.breadcrumb{
	color:#666666;
	margin: 0 0 5px 0;
}
	.breadcrumb a{
		color:#666666;
	}
	.breadcrumb a:hover{
		text-decoration:underline;
	}
.breadcrumbLabel{
}
.breadcrumbNavigation{
}

/* ------------------------------------
MENU IMBRIQUE (NESTED) : PREMIER NIVEAU
--------------------------------------*/			
.nested {
  float: left;
  margin: 10px 0 0 0;
  width: 100%;
}
.nested ul{
 	height:40px;
		z-index: 5000;
		margin:0;
		padding:0 0 0 10px;
  }
	.nested .firstLevel li{
		float:left;
		list-style:none;
		padding:0;
		width:auto;
		background:none;
	}
	.nested .firstLevel li a{
		color:#ffffff;
		display:block;
/*		line-height:40px;*/
		line-height:20px;
		padding:0 10px 0 10px;
		text-decoration:none;
		font-size:13px;
	}
	.nested .firstLevel li:hover{
		/*background:#999;*/
	}
	.nested .firstLevel li.active a{
		border-top:1px solid #007aaa;
		border-left:1px solid #007aaa;
		border-right:1px solid #007aaa;
/*background:url(/common_images/skins/DefaultSkins1.5/bg-menu-active.png) repeat-x;*/
		line-height:20px;
	}
		.nested .firstLevel li.active a:hover{
		}
	.contentSmart{
    text-align:center;
  }
	.nested .smart-menu{
  width:100%;
  color:#FFFFFF;
  display:none;
  height:50px;
  line-height:2em;
  position:relative;
  text-shadow:none;
  cursor:pointer;
  margin:0;
}
.smart-menu img{
  position:absolute;
  right:10px;
  bottom:15px;
}
.smart-menu a, .smart-menu a:hover, .smart-menu a:active{
  color:#FFFFFF;
  text-decoration:none;
}
/* Si le menu est à gauche et imbriqué */
#leftbar .nested{
    background:none;
	  position: relative;
 }
  #leftbar .nested ul{
  	 height:auto;
  	 background:none;
  	 padding:0;
  	 border:#eeeeee 1px solid;
  }
  #leftbar .nested .firstLevel li a:hover{
    color:#007aaa;
  }
    #leftbar .nested ul li{
      margin: 0;
      padding: 0;
      float: none;
      background:#666666;
      border-bottom:1px solid #eeeeee;
      width:100%;
    }
    #leftbar .nested .firstLevel li a{
      line-height: normal;
      color:#ffffff;
      padding: 3px;
      display: block;
    }
      #leftbar .nested .firstLevel li a span{
        display:block;
      }
    #leftbar .nested .secondLevel {
      margin: -20px 0 0 150px;
    }
    #leftbar .nested .secondLevel li{
      background:#666666;
    }
    #leftbar .nested .thirdLevel li{
      background:#666666;
    }
    .nested .firstLevel li.active a {
      border: none;
      font-weight:bold;
      color:#009999;
    }
    .nested .firstLevel li.active a.LinkIn span {
      color: #009999;
      font-weight: bold;
    }
    .nested .firstLevel li.active .secondLevel li a {
      font-weight:normal;
    }
      .nested .firstLevel li.active .secondLevel li.active a {
        font-weight:bold;
        text-decoration:none;
      }
    .nested .firstLevel li.active .secondLevel li.active .thirdLevel  a {
      font-weight:normal;
    }
      .nested .firstLevel li.active .secondLevel li.active .thirdLevel .active a {
        font-weight:bold;
      }
/* Si le menu est à droite et imbriqué */
#rightbar .nested{
    background:none;
	  position: relative;
 }
 #rightbar .nested ul{
  	 height:auto;
  	 background:none;
  	 padding:0;
  	 border:#eeeeee 1px solid;
  }
  #rightbar .nested .firstLevel li a:hover{
    color:#007aaa;
  }
    #rightbar .nested ul li{
      margin: 0;
      padding: 0;
      float: none;
      background:#666666;
      border-bottom:1px solid #eeeeee;
      width:100%;
    }
  #rightbar .nested .firstLevel li a{
      line-height: normal;
      color:#ffffff;
      padding: 3px;
      display: block;
    }
    #rightbar .nested .firstLevel li a span{
        display:block;
    }
    #rightbar .nested .secondLevel {
      margin: -20px 0 0 -20px;
    }
    #rightbar .nested .secondLevel li{
      background:#666666;
    }
    #rightbar .nested .thirdLevel li{
      background:#666666;
    }
    

/* -----------------------
GESTION DU MENU DEROULANT
-------------------------*/	
/*on masque les éléments qui en doivent pas s'afficher*/
.nested .firstLevel li ul, 
.nested .firstLevel li:hover ul ul, 
.nested .firstLevel li.sfhover ul ul, 
.nested .firstLevel ul li:hover ul ul, 
.nested .firstLevel ul li.sfhover ul ul{
	height:auto;
	left:-999em;
	position:absolute;
	width:150px;
}
.nested .firstLevel ul li a{
	padding:0 5px;
	line-height:20px;
}

/* -----------------------
SECOND NIVEAU
-------------------------*/	
.nested .firstLevel li:hover ul,
.nested .firstLevel li.sfhover ul{
	background: #355061;
	left:auto;
	padding:0;
}
.nested .firstLevel li ul{
}
	.nested .firstLevel li ul li{
		background:none;
		float:none;
		width:150px;
		padding:11px 0;
	}
		.nested .firstLevel li ul li a{
			line-height:12px;
		}
.nested .firstLevel li.active li a{
	text-decoration:none;
}
.nested .firstLevel ul li.active a{
	text-decoration:underline;
}
.nested .firstLevel li.active ul li a {
	background:none;
	border:none;
	line-height:12px;
}

/* ---------------
TROISIEME NIVEAU
-----------------*/	
.nested .firstLevel ul li:hover ul, 
.nested .firstLevel ul li.sfhover ul{
	background: #cccccc;
	left:auto;
	margin:-20px 0 0 150px;
	padding:0;
}
.nested .firstLevel ul ul li{
	background:none;
	float:none;
	width:150px;
}
.nested .firstLevel ul ul li a{
	color:#666666;
}
.nested .firstLevel ul li.active li a{
	text-decoration:none;
}
.nested .firstLevel ul ul li.active a{
	text-decoration:underline;
}

/* ---------------
QUATRIEME NIVEAU
-----------------*/	
.nested .firstLevel ul ul li:hover ul, 
.nested .firstLevel ul ul li.sfhover ul{
 background: #eeeeee;
	left:auto;
	margin:-20px 0 0 150px;
}
.nested .firstLevel ul ul ul li{
	background:none;
	float:none;
	width:150px;
}
.nested .firstLevel ul ul ul li a{
	color:#666666;
}
.nested .firstLevel ul ul li.active li a{
	text-decoration:none;
}
.nested .firstLevel ul ul ul li.active a{
	text-decoration:underline;
}

/* ----------------------------
MENU NON IMBRIQUE (NOT NESTED)
-------------------------------*/	
#header .notNested {
  background: url("/common_images/skins/DefaultSkins1.5/bg-menu.png") no-repeat scroll left top #666666;
}
	#header .notNested ul{
		background: url("/common_images/skins/DefaultSkins1.5/bg-menu-right.png") no-repeat scroll right top transparent;
		height: 40px;
		margin: 0;
		padding: 0 0 0 10px;
	}
	#header .notNested .firstLevel li{
		float:left;
		list-style:none;
		padding:0;
		width:auto;
		background:none;
	}
	#header .notNested .firstLevel li.active a,
	#header .notNested .secondLevel li.active a,
	#header .notNested .thirdLevel li.active a,
	#header .notNested .fourthLevel li.active a{
		font-weight:bold;
	}
	#header .notNested .secondLevel,
	#header .notNested .thirdLevel,
	#header .notNested .fourthLevel{
		background:none;
	}
		#header .notNested .secondLevel li,
		#header .notNested .thirdLevel li,
		#header .notNested .fourthLevel li{
			float:left;
			background:none;
			padding: 0;
			border-right: 1px dotted #ffffff;
		}
		#header .notNested .secondLevel li a,
		#header .notNested .thirdLevel li a,
		#header .notNested .fourthLevel li a{
			font-size:11px;
		}
	#header .notNested .secondLevel{
		background: #355061;
	}
	#header .notNested .thirdLevel{
		background: #cccccc;
	}
		#header .notNested .thirdLevel a{
			color:#666666;
		}
	#header .notNested .fourthLevel{
		background: #eeeeee;
	}
	#header .notNested li a{
  		color: #FFFFFF;
    	display: block;
    	font-size: 13px;
    	line-height: 40px;
    	padding: 0 15px;
    	text-decoration: none;
	}
	#header .notNested li a:hover{
    	text-decoration: underline;
	}


#wrapper #firstLevel{
  margin:0;
}
#wrapper .notNested{
  margin:0 0 15px 0;
}
  #wrapper .notNested li{
      background: none repeat scroll 0 0 #666666;
      border-bottom: 1px solid #eeeeee;
      float: none;
      margin: 0;
      padding: 0;
      width: 100%;
  }
    #wrapper .notNested li a {
        color: #ffffff;
        display: block;
        line-height: normal;
        padding: 3px;
        text-decoration: none;
    }
    #wrapper .notNested li a:hover {
        color: #007aaa;
    }