
/***** Navigation ****************************************************/
#navigation {
 color: white;
 display: block;
 height: 39px;
 width: 922px;
 background: #0a7cba url('../images/nav_bg.gif') repeat-x top left;
 /*border-bottom: 1px solid #075681;*/
 margin: 0;
 padding: 0;
}
#navigation .access-toggle {
 float: right;
 width: 72px; /*167px*/
 height: 30px;
 color: white;
 overflow: hidden;
 cursor: default;
 font-size: 11px;
 margin: 0 0 0 10px;
 padding: 8px 15px 0 11px;
 background: url('../images/access-toggle.gif') 0 0 no-repeat;
}
#navigation .access-toggle span { float: left; padding-top: 6px; width: 90px; overflow: hidden; white-space: nowrap; }
#navigation .access-toggle em { display: none }
#navigation .access-toggle a {
 float: right;
 width: 34px;
 height: 28px;
 font-size: 1%;
 text-indent: -30000em;
 margin-left: 2px;
 background-position: top left;
 background-color: transparent;
 background-repeat: no-repeat;
}
#navigation .access-toggle a:hover { background-position: 0 -28px }
#navigation .access-toggle a.shrink { background-image: url('../images/access-shrink.gif') }
#navigation .access-toggle a.increase { background-image: url('../images/access-large.gif') }
#navigation ul {
 float: left;
 list-style: none;
 font-size: 12px;
 margin: 0;
 padding: 0;
 width: 680px; /*634, 585*/
 height: 39px;
 min-height: 39px;
}
#navigation ul.usermenu {
 float: right;
 width: 205px; /* 153 */
 text-align: center;
}
#navigation ul li {
 position: relative;
 float: left;
 margin: 7px 0 0 0;
 font-size: 1em;
}
#navigation ul li a,
#navigation ul li a:visited {
 float: left;
 height: 28px;
 margin: 0 0 0 10px; /* espacement entre les menus */
 text-decoration: none;
}
 
#navigation ul li a:hover,
#navigation ul li:hover a,
#navigation ul li.hover a { background: url('../images/nav_hover_left_bg.gif') top left;  }
#navigation ul li a:hover span,
#navigation ul li:hover a span,
#navigation ul li.hover a span { background: url('../images/nav_hover_right_bg.gif') no-repeat top right;  }
#navigation ul li.selected a {
 float: left;
 height: 32px;
 min-height: 32px;
 padding-left: 4px;
 background: #0a7cba url('../images/nav_selected_left_bg.gif') no-repeat top left !important;
}
 
#navigation ul li a span,
#navigation ul li:hover a span,
#navigation ul li.hover a span {
 color: white;
 float: left;
 cursor: pointer;
 min-height: 21px;
 height: 21px;
 padding: 7px 9px 0 10px;
 text-transform: uppercase;
}
 
#navigation ul li.date a { background: url('../images/nav_hover_left_bg.gif') top left;  }
#navigation ul li.date a span { background: url('../images/nav_hover_right_bg.gif') no-repeat top right; color: #FFF;   }
#navigation ul.usermenu li a span { text-transform: none }
#navigation ul li.selected a span {
 font-weight: bold;
 background: url('../images/nav_selected_right_bg.gif') no-repeat top right !important;
}
 

a.other span { color: white !important }
#navigation ul li ul { display: none }
#navigation ul li:hover ul,
#navigation ul li.hover ul {
 position: absolute !important;
 display: block;
 top: 28px;
 left: -10px;
 width: 206px;
 z-index: 300;
 height: auto;
 padding-bottom: 6px;
 padding-top: 3px;
 overflow: visible;
 background: #0a7cba url('../images/search_bg.gif') no-repeat left bottom;
}
#navigation ul li ul li {
 display: block;
 margin: 0;
 padding: 0;
 width: 200px;
 height: auto;
 z-index: 11302;
}
#navigation ul li ul li a,
#navigation ul li ul li a span,
#navigation ul li:hover ul li a,
#navigation ul li.hover ul li a span,
#navigation ul li ul li a:hover,
#navigation ul li ul li a:hover span,
#navigation ul li:hover ul li a:hover,
#navigation ul li.hover ul li a:hover span {
 display: block;
 margin: 0;
 padding: 0;
 width: 176px;
 height: auto;
 background-image: url('none') !important; 
}
#navigation ul li ul li a span { margin: 2px 0 !important; padding: 6px 10px 3px 20px !important; text-align: left; }
#navigation ul li ul li a:hover span { background-color: #075681 }

ul.homme li span {
	display: block;
	padding-left: 32px;
	padding-top: 2px;
	height: 24px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: top left;
	
}

ul.homme li span img {
	vertical-align: middle;
	margin-right: 5px;
}
/* End nav */
