@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:'myriadpo','arial';
height:43px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0;
margin-left:3px;
margin-right:0;
padding:0;
vertical-align:middle;
width:850px;
}

div#menu li {
background-image:url(images/bouton-menu-repeat.png);
background-repeat:repeat-x;
border-right:1px solid #A1C2CB;
display:inline;
height:43px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
}

/* 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/bt-maison-accueil.png);
background-position:center;
background-repeat:no-repeat;
width:13px;
}

div#menu #li_145 a:hover{
	background-image:url(images/bt-maison-accueil-hover.png);
	background-repeat:repeat-x;
	width:13px;
	background-position:center;
	position:relative;
	z-index:100;
	
}

div#menu #li_145 a:active{
	background-image:url(images/bt-maison-accueil-select.png);
	background-repeat:no-repeat;
	width:13px;
	background-position:center;
	position:relative;
	z-index:100;
	
}

/* Root Menu */
div#menu a {
color:#FFFFFF;
display:block;
float:none !important;
font-family:arial;
font-size:13px;
font-weight:bold;
height:28px;
padding:15px 11px 0;
text-decoration:none;
}


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

/*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:#FFFFFF;
margin-top:1px;
padding-top:14px;
text-decoration:none;
}

div#menu .selected:hover {
background-image:url(images/bouton-menu-repeat-select.png);
background-repeat:repeat-x;
}


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