.menufp {padding:0px; margin:0; list-style:none; position:relative; font-family:arial, verdana, sans-serif; }
.menufp li.top {display:block; float:left; position:relative;}
.menufp li a.top_link {display:block; float:left; text-decoration:none; cursor:pointer;}
.menufp li a.top_link span {float:left; display:block;}
.menufp li a.top_link span.down {float:left; display:block;}
.menufp li a.top_link:hover {color:#fff; background: url(prodrop2/button4.gif) no-repeat;}
.menufp li a.top_link:hover span {background:url(prodrop2/button4.gif) no-repeat right top;}
.menufp li a.top_link:hover span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}

.menufp li:hover > a.top_link {color:#fff; background: url(prodrop2/button4.gif) no-repeat;}
.menufp li:hover > a.top_link span {background:url(prodrop2/button4.gif) no-repeat right top;}
.menufp li:hover > a.top_link span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}

.menufp :hover ul.sub ul li a {display:block; width:155px; font-family: "Molengo", "Century Gothic", "Trebuchet MS",Verdana,Arial,sans-serif; font-size: 14px; line-height: 115%;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menufp a:hover {visibility:visible;}
.menufp li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menufp ul, 
.menufp :hover ul ul, 
.menufp :hover ul :hover ul ul,
.menufp :hover ul :hover ul :hover ul ul,
.menufp :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menufp :hover ul.menuon {position:absolute; left:0px; top:0px; border:0;}
.menufp :hover ul.sub {left:0px; top:25px; font-family: "Molengo", "Century Gothic", "Trebuchet MS",Verdana,Arial,sans-serif; font-size: 14px; line-height: 100%; background-color: #F0F0F0; padding:2px 0; border-left:1px solid #4C4C4C; border-right:1px solid #4C4C4C; border-bottom:4px solid #4C4C4C; width:240px; height:auto;}
.menufp :hover ul.sub li {display:block; position:relative; float:left; width:235px;}
.menufp :hover ul.sub li a {display:block; width:235px; line-height:20px; text-indent:5px; color:#404040; text-decoration:none;}
.menufp :hover ul.sub li a.fly {background-color:#F0F0F0;}
.menufp :hover ul.sub li a:hover {color:#00769D;}
.menufp :hover ul.sub li a.fly:hover {color:#00769D;}
.menufp :hover ul li:hover > a.fly {color:#00769D;}

.menufp :hover ul :hover ul,
.menufp :hover ul :hover ul :hover ul,
.menufp :hover ul :hover ul :hover ul :hover ul,
.menufp :hover ul :hover ul :hover ul :hover ul :hover ul
{left:85px; top:-500px; background: white; padding: 2px 0; border:1px solid #D0D0D0; border-left:2px solid #000000; border-top:1px solid #000000; white-space:nowrap; width:160px; z-index:200; height:auto;}

.titremenu{
	font-size: 17px;
	color: #404040;
	font-style: italic;
	font-weight: bold;
	line-height: 105%;
}

.titremenu2{
	font-size: 16px;
	color: #00769D;
	font-weight: bold;
	line-height: 110%;
	padding-left:5px;
}

.mag{
	font-size: 14px;
	letter-spacing: -1px;
	color: #A23757;
	line-height: 125%;
}

.mag2{
	font-family: "Trebuchet MS",sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: black;
}

#outils {
	font-family: "Trebuchet MS",sans-serif;
	font-size: 11px;
	position: relative;
	top: 2px;
	width: 144px;
	height: 18px;
	line-height: 100%;
	color: #00769D;
	text-align: center;
}

#outilsb {
	font-family: "Trebuchet MS",sans-serif;
	font-size: 11px;
	position: relative;
	top: 2px;
	width: 144px;
	height: 18px;
	line-height: 100%;
	color: #00769D;
	text-align: center;
}

.barres{
color: #DBD8BF;
}

td.barres{
border-right: 2px solid #00769D;
}