@font-face {
	font-family: 'myriadpo';

        /* for IE */
	src: url('../font/MyriadP0.eot') ;

        /*
         * for non-IE: first see if the font exists locally on the browser's
         * computer.  If so, use that copy of the font.  Otherwise, load it
         * from the server
         */
	src: local('myriadpo'),
	     url('../font/MyriadP0.otf') format('opentype');
		 
}
/* Root = Horizontal, Secondary = Vertical */
div#menu {
border:0 none;
font-family:'arial';
height:23px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0;
margin-left:185px;
margin-right:0;
margin-top:33px;
padding:0;
vertical-align:middle;
width:778px;
}

div#menu li {
background-repeat:no-repeat;
background-position:right center;
background-image:url(images/menu_barre_marron_03.jpg);
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;

}

/* SUBMENUS */

div#menu ul {
  padding: 0;
  /*width: 160px;*/
  width: auto;
  list-style: none;
  display: none;
  position: absolute;
  left: 0;
  margin:0px;/* a retirer pour un menu horizontal*/
  padding-top:15px;
  margin-left:-71px;
}

div#menu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

div#menu ul li {
  width: 350px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  background-image:url(images/menu_blanc_li.png);
  background-repeat:no-repeat;
  text-align:center;
  padding-left:70px;
  border:0px;
  z-index:1000;
}

div#menu #li_1334 {
	background-image:none;	
}


/* Root Menu */
div#menu a {
color:#574830;
display:block;
float:none !important;
font-family:arial;
font-size:12px;
font-weight:bold;
padding:0px 11px 0;
text-decoration:none;
text-align:left;
text-transform:uppercase;
}


/* Root Menu Hover Persistence */
div#menu a:hover {
	text-decoration:none;
	/*background-image:url(images/bouton-menu-repeat-hover.png);*/
	background-repeat:repeat-x;
	color:#ff6700;
}

/*div#menu a:active {
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(images/roll_03.jpg);
	background-repeat:repeat;
	height:39px;
	padding:10px 24px 0px 24px;
}*/

div#menu .selected {
/*background-image:url(images/bouton-menu-repeat-select.png);*/
background-repeat:repeat-x;
color:#ff6700;
text-decoration:none;
}


/* 2nd Menu */
div#menu li:hover li a,
div#menu li.iehover li a {
  float: none;
  padding-top:4px;
  text-transform:none;
}

div#menu ul ul {
  display: none;
  position: absolute;
  top: -14px;
  left: 450px;
 
}

/* Do Not Move - Must Come Before display:block for Gecko */
div#menu li:hover ul ul,
div#menu li.iehover ul ul {
  display: none;
}

div#menu li:hover ul,
div#menu ul li:hover ul {
  display: block;
}

div#menu li.iehover ul,
div#menu ul li.iehover ul {
  display: block;
}

li.persistHover,
a.persistHover
{
	background: #CCC;
	color: #FFF;
}


span.counter {
	width: 13px;
	text-align: center;
	line-height: 10px;
	padding-left: 3px;
	background: #4e94ca;
	color: white;
	font-size: 12px;
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
}