* 									{ margin: 0; padding: 0; }
body {
	font: 14px Helvetica, Sans-Serif;
}
#page-wrap	{
	width: 1800px; float: left; z-index: 10; background-color: #eeeeee;
}
a	{ text-decoration: none; }
#page-wrap ul { list-style: none; }
#page-wrap li { font-size: 16px;  }
p { margin: 15px 0;font-size: 16px; }

/*
	LEVEL ONE
*/
ul.dropdown  { position: relative;  }

 /* 1ere ligne fond bleu */
ul.dropdown li  {
	font-weight: bold;
	font-size: 18px;
	float: left;
	zoom: 1;
	width: 120px;
	background-color: #478BF9;
	color: white;
}
/* orange lignes 1 */
ul.dropdown li:hover  {
	background-color: #F3D673;
	position: relative;
	color: black;
}
ul.dropdown li:hover > ul { visibility: visible; }

/*ul.dropdown a:hover { color: #00ffff; }*/
/*ul.dropdown a:active  { color: #ffa500; }*/
ul.dropdown li a  {
	display: block;
	padding: 4px 8px;
	border-right: 1px solid #333;
	color: #ffffff;
}
/*       text color de tous les  <a> child    */
ul.dropdown li.hover a  { color: white; }

/* dernier li    Doesn't work in IE */
/*ul.dropdown li:last-child a    {
	border-right: none;
	background-color: #F3D673;
} */

/*	LEVEL TWO     */
ul.dropdown ul 	{
	width: 150px;
	visibility: hidden;
	position: absolute;
	top: 100%; left: 0;
    font-size: 16px;
	color: white;
}                                                               /* bleu clair ligne2   */
ul.dropdown ul li 	{
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
	float: none;
}

/* orange <a> lignes 2 & 3   */
ul.dropdown ul li:hover a  {
	background-color: #c1a045;
	position: relative;
	color: black:
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{
	border-right: none;
	width: 100%;
	display: inline-block;
	background-color: #6f94a8;
}
ul.dropdown ul li:hover > ul{ visibility: visible; }

/*	LEVEL THREE             */
ul.dropdown ul ul 	{
	left: 100%;
	top: 0;
	background-color: #6f94a8;
	visibility: hidden;
}
/*
<div id ='page-wrap'>
	<ul class="dropdown">
		<li><a href="index.php">Accueil</a></li>
						   li  color white
                                                        fond 478BF9 bleu
                                                   li:hover  color black
                                                             fond F3D673  jaune
                                                   li a  color ffffff
                                                   li:hover a  color white

		<li><a href="**" id="products">Euronext</a>
                                                   li:hover > ul visible
			<ul>
                                                   ul ul color white
                                                         width 150px
                                                   ul ul li
                                                   ul ul li:hover a fond c1a045  ocre
                                                   ul ul li a    fond 6f94a8  gris-bleu

				<li><a href="index.php">Portefeuilles&nbsp;&nbsp;</a>
					<ul>
                                                   ul ul ul fond 6f94a8  gris-bleu
*/