@charset "utf-8";
/* CSS Document */

/*--- menu deroulant horizontal ---------------*/

#menuprincipal,#nav{
height:50px;
border:0px solid blue;
padding:0;
margin:0;
padding-left:20px;
}
#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
/*	line-height: 4px;	*/
	line-height: 1;	
	border-bottom:1px solid transparent;
}

#nav a {
	display: block;	
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}


/*-----1er niveau----------------*/

#nav li 
{
	background:url(../images/taboff_left.png) 0 0 no-repeat;
	height:44px;
	margin-right:2px;
	padding-left:9px;
	font-weight:bold;
	float: left;	
}


#nav li:hover,#nav li.active,#nav li.active2
{
	background:url(../images/taboff_left.png) 0 -44px no-repeat;
}

#nav li a
{
	background:url(../images/taboff_right.png) 100% 0 no-repeat;
	padding:13px 14px 18px 0px;
}

#nav li a:hover,#nav li.active a,#nav li.active2 a
{
	background:url(../images/taboff_right.png) 100% -44px no-repeat;
	padding-top:20px;
}


/*--- 2eme niveau-----*/

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	width: 214px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	background:transparent url(../images/bg_topsubmenu.png) 0 0 no-repeat;
	padding-top:7px;
	margin-top:-4px;	
	margin-left:-15px;	
}

#nav li ul:after { /* listes de deuxième niveau */
	content:url(../images/bg_botsubmenu2.png);
}

#nav li li{ 
	width: 214px;
	padding:0;
/*	height:23px;*/
	height:auto;
	background:none;	
}

#nav li li:hover{ 
	background:none;
}

#nav li li a,#nav li.active li a,#nav li.active2 li a{
	background:none;	
	background-color:#9D7147;
	color:#EFEFEF;
	border:0px;
	border-top:1px solid #d5da51;
	padding:0;	
	padding:6px 5px 6px 5px !important;
	font-weight:normal;
}

#nav li li a:hover,#nav li.active li a:hover,#nav li.active2 li a:hover {
	background:none;
	background-color:#8c9304;	
	color:#FFF !important;
}

/* listes de troisième niveau et plus */

#nav li ul ul { 
	margin: -23px 0 0 17em;	
}

#nav li ul ul a {
	color:#fff !important;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

#nav li li li a,#nav li.active li li a,#nav li.active2 li li a{
	/*background:url(templates/acceuil/image/smenu1.png);*/
	/*background:url(../images/smenu2.png) 100% 0 repeat-x;*/
	
}

#nav li li li a:hover,#nav li.active li li a:hover,#nav li.active2 li li a:hover{
	/*background:url(../images/smenu2.png) 100% -23px repeat-x;*/
}

/* Fil d'ariane */

#breadcrumbs {
	margin: 0px;
	padding: 0px;
}

#breadcrumbs ul {
	list-type: none;
	list-style-type: none;
}

#breadcrumbs li {
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

#breadcrumbs li#separator img { /* Ne fonctionne pas trop ... pourquoi ? */
	vertical-align: middle;
	/*padding-top: 50px;*/
}