/******************************************************************************/
/*      FEUILLE DE STYLE POUR LE MENU A 3 NIVEAUX (Attacher le hover.htc)     */
/*      => NAVIGATION PRINCIPALE                                              */
/******************************************************************************/ 
#nav li ul {
    display:                    none;
}

#navcontainer {
/*    position:                   relative;*/
    display:                    block;
    /*z-index:                    10;*/
    width:                      990px;
    padding:                    0;
    margin-top:                 0px;
    background:                 none;
    background:                 #A7A9AC;
    text-align:                 center;
    font:                       11px arial, helvetica, sans-serif;
}

#navcontainer ul {
    /*margin:                   0;
    padding:                  0;
    list-style:               none;*/
}

#navcontainer #nav li {
    width:                      140px;
        
}

#navcontainer #nav li.last_child {
    margin-left:                -2px;
    background:                 url(images/navigation/bg_nav_li_last_child.jpg) repeat-x;
    width:                      12px;
    height:                     24px;
}

#navcontainer #nav ul {
    position:                   absolute;
    left:                       0;
    width:                      990px;
    /*background:                 #e9edf0;*/
    height:                     24px;
    background:                 url(images/navigation/bg_nav_ul.jpg) repeat-x;
    border-top:                 1px solid #fff;
}

#navcontainer #nav ul li ul {
    position:                   relative;
}

#navcontainer #nav ul li {
    background:                 #ffd5b0; /*fdc38f*/
    float:                      left;
    width:                      140px!important;
}

#navcontainer #nav ul li img {
    border:                     0px;
}

#navcontainer #nav ul ul {
    display:                    none;
    background:                 transparent;
    width:                      139px!important;
    position:                   absolute;
    /*z-index:                    20;*/
    margin:                     0 0 0 0;
    padding:                    0;
    text-align:                 left;
}

#navcontainer #nav ul li ul li{
    position:                   relative;
    /*float:                      none;*/
    display:                    block;
    white-space:                normal;
    background:                 #ccd1d7;
    width:                      139px!important;
    height:                     24px!important;
    border-top:                 1px solid #fff;
}

#nav li {
    float:                      left;
    display:                    block;
    margin:                     0;
    padding:                    0;
}

/*#nav li.selected {
}*/

#nav li a:link, 
#nav li a:visited {
    display:                    block;
    background-color:	          #A7A9AC;
    /*height:				            19px !important;
    height:				              19px;
    margin-left:		            20px;*/
    padding:                    0px 0px 0px 0px;
    color:                      #465059;
    text-decoration:            none;
    font-weight:                normal;
}

#nav li a:link.selected, 
#nav li a:visited.selected {
    background-color:	          #fd871d;
    color:				              #fff;
    font-weight:                normal;
}

#nav li a:hover {
    background-color:	          #fff;
    color:				              #fd871d;
}

/** ROLL OVER SUR LE MENU !!!!*************************************************/
#nav li.selected ul {
	  display:                    block;
}
/** FIN ROLL OVER SUR LE MENU !!!!*********************************************/

#nav li.selected ul li {
	  /*height:				            18px !important;
	  height:				              22px;*/
	  min-height:			            19px;
	  padding:			              0;
	  padding-top:		            0;
	  margin:				              0;
	  color:                      #485158;
}

#nav li.selected ul li.selected {

}

#nav li.selected ul li a:link, 
#nav li.selected ul li a:visited,
#nav li.selected ul li a.selected,
#nav li.selected ul li a:hover {
    display:                    inline;
    background-color:	          transparent;
    text-decoration:            none;
    font-weight:		            normal;
    color:			 	              #475256;
}

/*******************************************************************************/
/*#navcontainer #nav ul ul {  }*/
#navcontainer #nav ul li:hover ul { display: none; } /* display => pour afficher le troisième niveau ; none => si nous n'avons plus de 3ème niveau !!!! */

/*#navcontainer #nav ul li.none {
    position:                   relative;
    float:                      none;
    display:                    block;
    white-space:                normal;
    background:                 #ccd1d7;
    width:                      139px!important;
    height:                     24px!important;
    border-top:                 1px solid #fff;
}*/

#navcontainer #nav a {
    padding:                    5px 5px 5px 5px;
    border-right:               1px solid #fff;
}

#navcontainer #nav ul li a {
    display:                    block;
    margin:                     0;
    padding:                    5px 5px 5px 5px;
    color:                      #465157;
    background:                 none;
    text-decoration:            none;
}

#navcontainer #nav a:hover {
    background:                 #fd871d;
    color:                      #ffffff;
    /*color:                      #e9edf0;*/
}

#navcontainer #nav ul ul li {
    border-bottom:              1px solid #A7A9AC;
/*    border-right:               1px solid #465157;*/
}

#navcontainer #nav ul ul li.last_child {
    /*border-top:                 1px solid #465157;*/
    border-right:               0px solid #A7A9AC;
    border-bottom:              0px solid #e9edf0;
    width:                      142px!important;
    background:                 transparent;
}

#navcontainer #nav ul ul a {
    /*height:                   16px;*/
    border:                     0;
}

#navcontainer #nav li ul li.selected a.selected {
    /*font-weight:                bold;*/
    background:                 #fd871d;
    color:                      #fff;
}
