@charset "utf-8";
/* CSS Document */
.menu {
	width:900px;
	height:35px;
	padding:0px 0px 0px 0px;
	margin:0px;
	z-index:9999;
	font-size:11px;
	clear:both;
	background:#d1ae4f url(../images/global/menu-bg.gif) repeat-x;
}
.menu ul{
	padding:0px;
	margin:0px auto;
	width:900px;
}
.menu ul li {
	display:block;
	float:left;
	list-style-type:none;
	text-align:center;
	margin:0px;
	padding:0px 4px 0px 3px;
	background:url(../images/global/entre-menu.gif) right center no-repeat;
}
.menu ul li.boutique {
	display:block;
	float:right;
	list-style-type:none;
	text-align:center;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:none;
}
.menu ul li.boutique a {
	float:right;
	display:block;
	height:35px;
	line-height:35px;
	color:#483503;
	text-decoration:none;
	font-size:14px;
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	font-weight:bold;
}
.menu ul li.boutique a:hover  {
	color:#483503;
	text-decoration:none;	
	background:none;
	z-index:100;
}
.menu :hover > li.boutique a{
	color:#483503;
	text-decoration:none;	
	background:none;
	z-index:110;
}
.menu ul li a.menu-lien {
	float:left;
	display:block;
	height:35px;
	line-height:35px;
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
}
.menu ul li a.menu-lien:hover  {
	color:#fff;
	text-decoration:none;	
	background:#0376a7 url(../images/global/menu-over-01b.gif) no-repeat;
	z-index:100;
}
.menu :hover > a.menu-lien{
	color:#fff;
	text-decoration:none;	
	background:#0376a7 url(../images/global/menu-over-01b.gif) no-repeat;
	z-index:110;
}
.menu ul li a.menu-lien .menu-btn{
	display:block;
	float:left;
	height:35px;
	padding:0 12px 0 11px;
}

.menu ul li a.menu-lien:hover .menu-btn{
	background:url(../images/global/menu-over-02b.gif) right no-repeat;
}
.menu :hover > a.menu-lien .menu-btn{
	background:url(../images/global/menu-over-02b.gif) right no-repeat;
}
/****/
.menu ul li a.menu-lien-deroule {
	float:left;
	display:block;
	height:35px;
	line-height:35px;
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
}
.menu ul li a.menu-lien-deroule:hover  {
	color:#fff;
	text-decoration:none;	
	background:#0376a7 url(../images/global/menu-over-01.gif) no-repeat;
	z-index:100;
}
.menu :hover > a.menu-lien-deroule{
	color:#fff;
	text-decoration:none;	
	background:#0376a7 url(../images/global/menu-over-01.gif) no-repeat;
	z-index:110;
}
.menu ul li a.menu-lien-deroule .menu-btn{
	display:block;
	float:left;
	height:35px;
	padding:0 12px 0 11px;
}

.menu ul li a.menu-lien-deroule:hover .menu-btn{
	background:url(../images/global/menu-over-02.gif) right no-repeat;
}
.menu :hover > a.menu-lien-deroule .menu-btn{
	background:url(../images/global/menu-over-02.gif) right no-repeat;
}
/**2**/
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:auto;
	top:35px;
	left:3px;
	width:200px;
	z-index:9999;
}
.menu ul ul.inverse {
	visibility:hidden;
	position:absolute;
	height:auto;
	top:35px;
	left:-49px;
	right:0;
	width:200px;
}
.menu ul ul li {
	display:block;
	width:200px;
	height:auto;
	position:relative;
	line-height:12px;
	text-transform:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:#0376a7;

}
.menu ul ul a {
	display:block;
	font-weight:bold;
	background: url(../images/global/fleche-menu.png) 3px 5px no-repeat;
	height:auto;
	color:#ffffff;
	font-size:11px;
	width:180px;
	padding:4px 5px 4px 15px;
	text-align:left;
	float:left;
	
} 
.menu ul ul a span.niveau{
	display:block;
	background: url(../images/global/fleche-niveau.gif) right center no-repeat;
}
.menu li:hover {
	position:relative;
}
.menu a:hover {
	position:relative;
}
.menu ul ul a:hover{
	color:#ffffff;
	background:#0491bb url(../images/global/fleche-menu.png) 3px 5px no-repeat;
}
.menu ul ul :hover > a{
	color:#ffffff;
	background:#0491bb url(../images/global/fleche-menu.png) 3px 5px no-repeat;
}
.menu ul ul a.actif{
	color:#ffffff;
	background:#0491bb;
}
.menu ul a:hover ul ,.menu ul li:hover ul {
	visibility:visible;
	position:absolute;
	width:200px;
}

.menu ul a:hover ul.inverse ,.menu ul li:hover ul.inverse {
	visibility:visible;
	position:absolute;
	width:200px;
}
.menu ul ul li.basmenu {
	display:block;
	width:200px;
	height:4px;
	background:url(../images/global/deroule-bas.gif) no-repeat;
	border-bottom:none;
}
/*niveau3*/
.menu ul ul ul{
	visibility:hidden;
	position:absolute;
	height:auto;
	top:0px;
	left:200px;
	right:0;
	width:220px;
	z-index:9999;
	background:#0491bb;
	
}
.menu ul a:hover ul li ul,.menu ul li:hover ul li ul{
	visibility:hidden;
	position:absolute;
	width:220px;
}
.menu ul ul ul li {
	display:block;
	width:220px;
	height:auto;
	position:relative;
	line-height:12px;
	text-transform:none;
}
.menu ul ul ul a {
	display:block;
	font-weight:bold;
	background:#0491bb url(../images/global/fleche-menu.png) 3px 5px no-repeat;
	color:#fff;
	font-size:11px;
	width:200px;
	padding:4px 5px 4px 15px;
	text-align:left;
	float:left;
} 
.menu ul ul ul a:hover{
	color:#fff;
	background:#0376a7 ;
}
.menu ul ul ul :hover > a{
	color:#fff;
	background:#0376a7 ;
}
.menu ul ul ul a.actif{
	color:#fff;
	background:#0376a7;
}
/****/
.menu ul li ul ul a:hover{
	color:#fff;
	background:#036390 url(../images/global/fleche-menu.png) 3px 5px no-repeat;
}
.menu ul li ul ul :hover > a{
	color:#fff;
	background:#036390 url(../images/global/fleche-menu.png) 3px 5px no-repeat;
}
.menu ul li ul ul a.actif{
	color:#fff;
	background:#036390 url(../images/global/fleche-menu.png) 3px 5px no-repeat;
}
/****/
.menu ul a ul a:hover ul ,.menu ul li ul li:hover ul {
	visibility:visible;
	position:absolute;
	width:220px;
}
/***IE6***/
.menu ul table ul a, .menu ul table ul a:visited  {
	width:180px;
	w\idth:180px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute;
	left:0;
	top:0;
	font-size:11px; 
	z-index:-1;
	width:180px;
	margin:0px;
	padding:0px;
	border:none;
}