/**
 * @package Beauty Parlour Business Theme - Adodis Drupal Theme
 * @version 2.0  Feb 23, 2011
 * @author Adodis Theme http://www.drupal-themes.adodis.com
 * @copyright Copyright (C) 2010 Adodis Drupal Theme
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */ 

/******** SUCKERFISH MENU STYLE ***********/

/* ajout */
#menu  {
	padding:0 12px 0 11px;
    padding:0;
    margin:0 4px 0 3px;
    background:url(../images/menu_bleu.jpg) repeat-x;
    float: left;
    width: 99.4%; position:relative
}
#menu  h2{ display:none }
/*--------------*/

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu a {
	display: block;
	margin: 0;
	padding: 9px 20px 9px 20px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;;
	color: #000000;
	text-decoration: none;
	/*border-right: 1px solid #FACEDF;*/
	outline: none;
	
	/* ajout */
	color: #FFF;
    float: left;
    height: 34px;
    line-height:34px;
    padding: 0 37px 0 38px;
    text-decoration: none;
    font-size:13px;
}

#menu li {
	float: left;/* float: none;*/
	list-style: none;
	margin: 0;
	/* ajout*/
    padding:0;
    background:url(../images/menu_separator.gif) no-repeat right center;
}

/* ajout */
 #menu li.last {background:url(../images/menu_rouge.jpg) repeat-x !important;
	position: absolute;
    right: 0px;
    top: 0;
    width: 223px;
 }
 
 


/* ----------*/

#menu li.last a {
	border: none;
	/*border-right: 1px solid #FACEDF;*/ 
}

#menu li.active-trail,#menu li a.active,#menu li a.active-trail:hover,#menu li a.active-trail
{
	/*background: #ffffff;*/ background:#CCDAE1 url(../images/menu_gris.jpg) repeat-x; color:#007EB5; 
	margin: 0;
}

#menu li li.active-trail,#menu li li a.active,#menu li li a.active-trail:hover,#menu li li a.active-trail
{
	/*background: #FACEDF;*/
	margin: 1px 0 0 0;
}

#menu li:hover {
	margin: 0;
	/*background: #ffffff;*/
	border: none;
}

#menu li a:hover {
	/*background: #ffffff;
	padding: 9px 20px 9px 20px;*/
}
/* ------- ajout ------ */

#menu li a:hover{ 
    color:#007EB5;
    text-decoration: none;
    background:#CCDAE1 url(../images/menu_gris.jpg) repeat-x;
}

#menu li.last a:hover {
    background-color:#B30F1E;
	background-image: url(../images/encyclopedi_picto.png) no-repeat 13px center;
    color:#BDCC00;
}
#menu li.last a {
    padding: 0 12px 0 43px;
    background:url(../images/encyclopedi_picto.png) no-repeat 13px center;
	/*width:168px*/
	width: 75%; color:#FFF;
}

/* ------------*/
/*** First Level menu *****/
#menu li ul {
	position: absolute;
	width: 170px;  width: auto;
	margin: 0 0 0 -1px;
	left: -999em;
	background: url(../images/sous_menu_bg.png);
	z-index: 100;
	padding: 1px 0px;
	left: -999em;
	border: 1px solid #FACEDF; border: none;  top:34px;
}

#menu li:hover ul {
	left: auto;
}

#menu li ul li {
	margin: 0; padding:0; background: url(../images/sous-menu-separator.gif) repeat-x 0 bottom;display:block; float: none;
}

#menu li ul li a {
	padding: 9px 5px 9px 20px;
	border-bottom: 1px solid #FACEDF;
	border-right: none; 
	width: 145px; width: auto;  
	/* ajout */
	border: none;
	width: auto; 
	padding:0 7px;
	display:block; float:none
}

/*ajout */

#menu li ul li.last {position: static;
    right: auto;
    top: auto;
    width: auto !important; background: none !important;
 }
/*---------*/
#menu li ul li.last a {
	border: none; background: none; padding:0 5px; width: auto !important; display:block !important;
}
 

#menu li ul li.last a:hover,
#menu li ul li a:hover,
#menu li ul li:hover{
	background: #FACEDF; /*display:block !important;*/ background:#6AC2E8; color:#572C3D;
}

#menu li ul li:hover a {
	color: #572C3D;  color: #333;
	/*padding-right: 5px;*/ display:block
}

#menu li:hover ul ul,
#menu li.sfhover ul ul {
	left: -999em; 
}

/*** Second Level menu *****/
#menu li ul li { position:relative}
#menu li ul ul {
	/*margin-left: 169px;*/
	position: absolute;top:83%;
	width: 170px;
	/*margin-top: -41px;*/
	right:-170px;
	/*background-color: #32A2D4 !important;background-color: #FFF !important;*/   
	z-index: 100;
	padding-left: 1px;
}


#menu li ul ul li {
	margin: 0;
}

#menu li ul li ul li:hover a {
	background: #FACEDF; color:#000 !important;
}
#menu li ul li ul li a {
	color:#FFF !important;
}

#menu li ul li ul li.last {
	border: none;
}

#menu li:hover ul li:hover ul {
	left: auto;
}