/****************************************************
#####################################################
##-------------------------------------------------##
##           QUALISTER- Version 1.6.0              ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2010            ##
## Date      = Fevrier 2011                        ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
##                                                 ##
#####################################################
****************************************************/

.navigation { 
float:left;
width: 850px; 
margin-top:10px;
margin-left:20px;

}

.navigation ul {
list-style: none; 
margin:0; 
padding:0;
float: left;

}

.navigation ul ul {
margin: 0; /* all lists */
padding: 0;

}

.navigation ul li {
margin:0 10px;
padding: 0;
float: left;
list-style: none;
background: none;
display: block;
	
}

.navigation ul li ul {
width: 200px;
position: absolute; /* second-level lists */
z-index: 99;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
w\idth: 200px;

}

.navigation ul li ul ul {
margin: 0; /* third-and-above-level lists */

}

.navigation ul li li {
padding: 0;
margin: 0;
width: 100%;

}

.navigation ul ul a {
width: 100%;

}

.navigation ul li:hover ul ul,
.navigation ul li:hover ul ul ul,
.navigation ul li.sfhover ul ul,
.navigation ul li.havechildsfhover ul ul,
.navigation ul li.havechild-activesfhover ul ul,
.navigation ul li.activesfhover ul ul,
.navigation ul li.sfhover ul ul ul,
.navigation ul li.havechildsfhover ul ul ul,
.navigation ul li.havechild-activesfhover ul ul ul,
.navigation ul li.activesfhover ul ul ul {
left: -999em;
	
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
.navigation ul li:hover ul,
.navigation ul li li:hover ul,
.navigation ul li li li:hover ul,
.navigation ul li.sfhover ul,
.navigation ul li.havechildsfhover ul,
.navigation ul li.havechild-activesfhover ul,
.navigation ul li.activesfhover ul,
.navigation ul li li.sfhover ul,
.navigation ul li li.havesubchildsfhover ul,
.navigation ul li li.havesubchild-activesfhover ul,
.navigation ul li li.activesfhover ul,
.navigation ul li li li.sfhover ul,
.navigation ul li li li.havesubchildsfhover ul,
.navigation ul li li li.havesubchild-activesfhover ul,
.navigation ul li li li.activesfhover ul {
left: auto;
	
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
.navigation ul li a {
padding: 13px 15px 0 15px ; 
margin:0;
display: block; 
color: #000;
font-weight: bold;	
font-size:18px;
text-transform:uppercase;
height:47px;
background:transparent;
margin-left:-13px;

}

.navigation ul li {
background:transparent;
height:47px;

}

.navigation ul li span {
background:transparent;
height:47px;
padding:0px 4px ;
margin:0 ;
 
}

.navigation li.active {
height:47px !important;
background: url(../images/menu_02.png) no-repeat 100% 0 ;

}

.navigation li.active span {
height:47px !important;

}

.navigation li.active a {
color:#fff ;
height:47px !important;
background: url(../images/menu_01.png) no-repeat 0 0px ;
margin-left:-13px;

}

.navigation li:hover {
height:47px !important;
background: url(../images/menu_02.png) no-repeat 100% 0 ;

}

.navigation li:hover span {
height:47px !important;

}

.navigation ul li:hover a {
height:47px !important;
background: url(../images/menu_01.png) no-repeat 0 0px ;
margin-left:-13px;
color:#fff;

}

.navigation ul li a:hover,
.navigation ul li a:active,
.navigation ul li a:focus,
.navigation ul li a.sfhover {


}

.navigation ul li:hover a,
.navigation ul li.sfhover a,
.navigation ul li.havechildsfhover a,
.navigation ul li.havechild-activesfhover a {


}

.navigation ul li a.active,
.navigation ul li a.active:hover,
.navigation ul li a.active:active,
.navigation ul li a.active:focus {
 

}

/* 2nd level and above */
 .navigation ul li ul {
background: #d6eaf7 !important; 
margin-top: -2px;
padding-bottom: 0px;
padding-top: 0;
text-align:center !important;

}

.navigation ul li ul li{
border-top:1px solid #f7fbfd;
border-bottom:1px solid #a5d6f7;

}

.navigation ul li ul a {
margin: 0;
padding:16px 0 0 0;
background: none !important ;
color: #222222 !important;
font-size:15px !important;
	
}

.navigation ul li.havesubchild,
.navigation ul li.havesubchild-active{

}

.navigation ul li ul a:hover,
.navigation ul li ul a:active,
.navigation ul li ul a:focus,
.navigation ul ul li:hover,
.navigation ul ul li.sfhover,
.navigation ul ul li.havesubchildsfhover,
.navigation ul ul li.havesubchild-activesfhover,
.navigation ul ul ul li:hover,
.navigation ul ul ul li.sfhover,
.navigation ul ul ul li.havesubchildsfhover,
.navigation ul ul ul li.havesubchild-activesfhover {
background:transparent;
color: #fff !important;

}

.navigation ul ul li a.active,
.navigation ul ul li a.active:hover,
.navigation ul ul li a.active:active,
.navigation ul ul li a.active:focus {
background: none !important;
color: #fff;
font-weight: bold;

}

.navigation ul li li.active {
height:40px !important;
background: transparent;

}

.navigation ul li li.active span {
height:40px !important;
background: transparent ;

}

.navigation ul li li.active a {
color:#ffffff !important;
height:40px !important;
background:transparent;

}

.navigation ul li ul li ul {
margin-left:195px;
background: #e4d9bf; 
margin-top: -30px;
text-align:center !important;

} 

.parent {
color:red;

}