@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 {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 1020px; /*For KHTML*/
	list-style: none;
	height: 39px;
	margin-left:30px !important;
	-margin-left:176px;
	margin-top:11px;
	vertical-align:middle;
	font-family:'myriadpo', 'arial';
	

}

div#menu li {
  margin: 0;
  border-right:1px solid #a1c2cb;
  display: inline;
  list-style: none;
  position: relative;
  height: 37px;
  background-image:url(images/elfe_03.jpg);
  padding:0px;
  font-family:'myriadpo';
  
}

/* SUBMENUS */

div#menu ul {
  margin: 0;
  padding: 0;
  /*width: 160px;*/
  width: auto;
  list-style: none;
  display: none;
  position: absolute;
  top: 14px;
  left: 0;
  margin:22px 0px 0px 0px;/* a retirer pour un menu horizontal*/
  font-family:'myriadpo';
}

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: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

#li_145 a{
	background-image:url(images/maison_03.png);
	background-repeat:no-repeat;
	width:20px;
	background-position:center;
}

div#menu #li_145 a:hover{
	background-image:url(images/roll_maison.jpg);
	background-repeat:repeat-x;
	width:20px;
	background-position:center;
	position:relative;
	z-index:100;
	
}

div#menu #li_145 a:active{
	background-image:url(images/maison_roll_03.jpg);
	background-repeat:no-repeat;
	width:20px;
	background-position:center;
	position:relative;
	z-index:100;
	
}

/* Root Menu */
div#menu a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  height: 27px !important;
  height: 1%; /*For IE*/
  padding:10px 24px 0px 24px;
  
  color:#383838;
  font-size:14px;
  font-family:'myriadpo';
  text-decoration:none;
}


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

/*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 {
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(images/roll_03.jpg);
	background-repeat:repeat;
	height:39px;
	padding:10px 24px 0px 24px;
}


/* 2nd Menu */
div#menu li:hover li a,
div#menu li.iehover li a {
  float: none;
}

div#menu ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
 
}

/* 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;
}