@media screen{

/* ---------------------------------------------------
     -- bloc menu --
---------------------------------------------------- */
div#navigation {
	position: relative;
	display: block;
	width: 793px;
	margin: 0 2px;
	height: 27px;
	background: #000 url(..\fd_menu.gif) 0 0 repeat-x;
	z-index: 2000;
}

/* ---------------------------------------------------
     -- N. 1 --
---------------------------------------------------- */
div#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
  
div#navigation ul li {
	position: relative;
	float: left;
	list-style: none;
	height: 27px;
	line-height: 27px;	
	padding: 0 8px;
	border-left: 1px solid #6b6b6b;
	border-right: 1px solid #000;
}

div#navigation ul li#liHome {
	border-left: none;
}

div#navigation ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
}

div#navigation ul li h2{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	color:#fff;
}
/* ---------------------------------------------------
     -- N. 2 --
---------------------------------------------------- */
div#navigation ul li ul,
div#navigation ul li iframe {
	margin: 0;
	padding: 0;
	position: absolute;
	top:27px;
	left:0;
	width: 170px;
	display: none;
	z-index: 2;
}
div#navigation ul li iframe {
	z-index: 1;
	background-color: #EEE;
	border: none;
	height: 27px;
}
div#navigation ul li iframe.ifr2items { height: 54px; }
div#navigation ul li iframe.ifr3items { height: 81px; }
div#navigation ul li iframe.ifr4items { height: 108px; }
div#navigation ul li iframe.ifr5items { height: 135px; }
div#navigation ul li iframe.ifr6items { height: 162px; }
div#navigation ul li iframe.ifr7items { height: 189px; }
div#navigation ul li iframe.ifr8items { height: 216px; }


div#navigation ul ul li{
	float: none;
	background: #000 url('fd_menu.gif') 0 0;
}
div#navigation ul ul li h3 {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}
  
/* ---------------------------------------------------
     -- over --
---------------------------------------------------- */

div#navigation ul li:hover,
div#navigation ul li.hover {
	background-image: url('fd_menu_over.gif');	
}

div#navigation ul ul li:hover,
div#navigation ul ul li.hover,
div#navigation ul li.sel,
div#navigation ul ul li.sel {
	background-image: url('fd_menu_actif.gif');
}

div#navigation ul li:hover ul,
div#navigation ul li.hover ul,
div#navigation ul li:hover iframe,
div#navigation ul li.hover iframe {
	display: block;
}
 
}

@media print{
	div#navigation {
		display: none;
	}
}