/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {width:750px; height:70px; font-size:11px; z-index:100; margin-top:-5px}
.menu ul li a{display:block; text-decoration:none; color:#000;width:168px; height:20px; text-align:left; text-indent:20px; color:#fff; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative; }
.menu ul li ul {display:none; margin-left:20px; margin-top:33px;}/* margin-left:20px; margin-top:33px;*/

* html .menu ul li ul {display: none; margin-left:1px; margin-top:0px;}


/* specific to non IE browsers */
/*.menu ul li:hover a {color:#fff; background:#36f;}*/
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:168px;}
.menu ul li:hover ul li ul {display: none;}

/*.menu ul li:hover ul li a {display:block; background:#ff9900; color:#000;}

.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}*/
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}




.candidats a{
	position:relative;
	display:block;
	text-align:left;
	text-indent:10px;
	background-color:#002d4d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	margin:0px;
	height:13px;
}

.candidats a:hover /* Lorsque la souris passe sur un des liens */  
{
		position:relative;
		display:block;
		background-image:url(http://www.provemploi.fr/images/menu/puce_candidats.png);
		background-repeat:no-repeat;
		background-position:left;
		background-color:#FFFFFF;
		font-size:11px;
		color: #002d4d; /* On passe le texte en noir... */
		text-indent:20px;
		height:20px;
}

.recruteurs a{

	display:block;
	text-align:left;
	text-indent:10px;
	background-color:#A7C03E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	margin:0px;
	
	
}

.recruteurs a:hover /* Lorsque la souris passe sur un des liens */  
{
display:block;
		background-image:url(http://www.provemploi.fr/images/menu/puce_recruteurs.png);
		background-repeat:no-repeat;
		background-position:left;
		background-color:#FFFFFF;
		font-size:11px;
		color: #A7C03E; /* On passe le texte en noir... */
		text-indent:20px;
		
}

.salon a{

	display:block;
	text-align:left;
	text-indent:10px;
	background-color:#9B9C9D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	margin:0px;
	
	
}

.salon a:hover /* Lorsque la souris passe sur un des liens */  
{
display:block;
		background-image:url(http://www.provemploi.fr/images/menu/puce_salon.png);
		background-repeat:no-repeat;
		background-position:left;
		background-color:#FFFFFF;
		font-size:11px;
		color: #9B9C9D; /* On passe le texte en noir... */
		text-indent:20px;
		
}