.menu {
 /* solve a Opera7/IE display bug */
margin:0;
padding:0;
display:block;
width:955px; /* important for Opera7 */
z-index: 1;
}

.menu_area {
background-image:url(../images/swoosh.gif);
background-repeat:no-repeat;
height:30px;
z-index: 1;
padding:0 10px;
}

.menu_text {
color: #122535;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
position:relative;
left: 8px;
top:7px;
z-index: 1;
}
.menu ul {
    margin:0;
    padding:0;
    padding-top: 0px;
    position:absolute; /* important */
    display:block;
	z-index: 1;
}
.menu_flyout {
/*   background-color:#000033;*/
/*   color: #fff;*/
	color: #122535;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   height: 28px;
	position:relative;
	left: 8px;
	top:8px;
	z-index: 10;
   
}

.two-line .menu_flyout {top:2px;}

.menu li ul {
    visibility:hidden; 
	z-index: 1;
	padding:0px;
	margin:0px;
}
.menu li {
    background-color: #fff;
/*    _width:71px; */
    list-style:none;
    margin:0;
    padding:0;
	 height:20px;
    display:inline;
    display/**/:block;
	z-index: 1;
	    display:inline;
    display/**/:block;
/* for mac ie5 */
width: 80px;
float: left;
/* for others, mac ie5 cant see it \*/
width: auto;
_width: 80px;
float: none;
float/**/:left;
/* end mac ie5 hack */
}

.menu li a {
    color: #666;
    text-decoration:none;
    margin:0;
    font-family: Verdana,Arial;
    font-size: 11px;
    text-align: center;
   font-weight:bold;
   line-height: 18px;
   z-index: 1;
       display:inline;
    display/**/:block;
/* for mac ie5 */
width: 80px;
/* for others, mac ie5 cant see it \*/
width: auto;
_width: 80px;
/* end mac ie5 hack */
}
.menu li a img {
	border: 0;
	z-index: 1;
}
.menu li li a {
    text-align:left;
    color: #666;
	background-color: #e5f5f9;
    display:block;
    width: 200px;
    text-decoration:none;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; /* em units can creat little graphic bug in mozilla */
/* last number above is left padding; need to adjust width accordingly here only so that 10px+140px=150px*/
    font-family: Verdana,Arial;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
	z-index: 1;

}
.menu li li .flyout a {
	background-color: #e5f5f9;
/*   	background-color:#fff;*/
	z-index: 10;
}
.menu li li .flyout a:hover {
   	background-color:#acc2cb;
}
.menu li li a:hover {
    background-color: #acc2cb; 
	 color:#122535;
	 z-index: 1;
}


.menu a.sa {
z-index: 1;
}
.menu a:hover {
    background-color: #fff; 
	 color:#9A0000;
	 z-index: 1;
}
.menu li li ul {
    position:absolute; /* pour sortir la liste du flux de donne */
    top:auto;
    left:auto;
    margin-left:95px;
    margin-top:-20px; /* move the sub menu verticaly */
	z-index: 10;
	padding:0px;
}
.menu li li ul.flyout {
    position:absolute; /* pour sortir la liste du flux de donne */
    top:auto;
    left:auto;
/*   	background-color:#acc2cb;*/
    margin-left:200px;
    margin-top:-28px;
	padding:0px;
	z-index: 10;
}
ul.flyout li {
    display:block;
    float:none;
	width:200px;
	z-index: 10;
	
}
.menu li li {
/*	border-top: 0px #91C0DD solid;
	border-left: 1px #FCAC6E solid;
	border-bottom: 1px #FCAC6E solid;
	border-right: 1px #FCAC6E solid;*/
    display:block;
    float:none;
	width:200px;	
	height:auto;
	position:relative;
	left: 2px;
	z-index: 1;
}
* html .menu li li {
    display:inline; /* solve a IE PC list bug */
	z-index: 1;
}
* html .menu li li a {
z-index: 1;
}