@charset "utf-8";
/* CSS Document */
.menu-box{
	margin:0px auto 0px auto;
	height:300px;
	position:relative;
}
.french{
	width:850px;
	padding:0px 0px 0px 90px; 
}
.english{
	width:790px;
	padding:0px 0px 0px 150px; 
}
.menu {
	height:20px;
	padding:0px 0px 0px 0px;
	margin:0px;
	z-index:9999;
	font-size:11px;
	clear:both;
	background:;
}
.menu ul{
	padding:0px;
	margin:0px auto;
}
.menu ul li {
	display:block;
	float:left;
	list-style-type:none;
	text-align:center;
	margin:0px;
	padding:0px 20px 0px 20px;
	background:;
}
.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 a.menu-lien {
	float:left;
	display:block;
	height:20px;
	line-height:20px;
	color:#a3cdd8;
	text-decoration:none;
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
}
.menu ul li a.menu-lien-expo {
	float:left;
	display:block;
	height:20px;
	line-height:20px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	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:;
	z-index:100;
}
.menu :hover > a.menu-lien{
	color:#fff;
	text-decoration:none;	
	background:;
	z-index:110;
}
.menu ul li a.menu-lien .menu-btn{
	display:block;
	float:left;
	height:20px;
	padding:0 12px 0 11px;
}

.menu ul li a.menu-lien:hover .menu-btn{
	background:;
}
.menu :hover > a.menu-lien .menu-btn{
	background:;
}
/****/
.menu ul li a.menu-lien-deroule {
	float:left;
	display:block;
	height:20px;
	line-height:20px;
	color:#a3cdd8;
	text-decoration:none;
	font-size:11px;
	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: url(../images/global/menu-over-01.gif) no-repeat;
	z-index:100;
}
.menu :hover > a.menu-lien-deroule{
	color:#fff;
	text-decoration:none;	
	background: 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:20px;
	padding:0 12px 0 11px;
}

.menu ul li a.menu-lien-deroule:hover .menu-btn{
	background:;
}
.menu :hover > a.menu-lien-deroule .menu-btn{
	background:;
}
/**2**/
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:auto;
	top:20px;
	left:15px;
	width:200px;
	z-index:9999;
}
.menu ul ul.inverse {
	visibility:hidden;
	position:absolute;
	height:auto;
	top:20px;
	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:;

}
.menu ul ul a {
	display:block;
	
	background: url(../images/global/fleche-menu.png) 3px 5px no-repeat;
	height:auto;
	color:#a3cdd8;
	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/picto/fleche-niveau.gif) right center no-repeat;
}
.menu li:hover {
	position:relative;
}
.menu a:hover {
	position:relative;
}
.menu ul ul a:hover{
	color:#a3cdd8;
	background: url(../images/global/fleche-menu.png) 3px 5px no-repeat;
}
.menu ul ul :hover > a{
	color:#ffffff;
	background: url(../images/global/fleche-menu.png) 3px 5px no-repeat;
}
.menu ul ul a.actif{
	color:#a3cdd8;
	background:;
}
.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:;
	
}
.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;
	
	background: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: ;
}
.menu ul ul ul :hover > a{
	color:#fff;
	background: ;
}
.menu ul ul ul a.actif{
	color:#fff;
	background:;
}
/****/
.menu ul li ul ul a:hover{
	color:#fff;
	background:;
}
.menu ul li ul ul :hover > a{
	color:#fff;
	background:;
}
.menu ul li ul ul a.actif{
	color:#fff;
	background:;
}
/****/
.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;
}

a span.rouge{
	color:#EE1D23;
}