/* ================================================================ 
    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/final_drop.html
    Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
    This stylesheet and the associated (x)html may be modified in any 
    way to fit your requirements.
    =================================================================== */
    
    .menu {width:754px; height:32px; position:relative; z-index:100; font-family:arial, sans-serif;}
    /* hack to correct IE5.5 faulty box model */
    * html .menu {width: 750px; w\idth:750px;  }
    /* remove all the bullets, borders and padding from the default list styling */
    .menu ul {padding:0;margin:0;list-style-type:none;}
    .menu ul ul {width:200px;z-index:100;}
    /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
    .menu li {float:left;position:relative;}
    
    .menu ul li#l1{width: 190px; }
    .menu ul li#l2{width: 150px;}
    .menu ul li#l3{width: 150px;}
    .menu ul li#l4{width: 136px;}
    .menu ul li#l5{width: 124px!important; width: 123px;text-align: right; }
    
   /* position the third level flyout menu for a left flyout */
  .menu ul ul#m5 {left:-75px !important; left:-75px;} 
   
		/* Couleurs claires*/
	.menu ul ul#m1 a, .menu ul ul#m1 a:visited {width:200px;font-size:116.67%;}
	.menu ul ul#m2 a, .menu ul ul#m2 a:visited {width:180px;font-size:116.67%;}
	.menu ul ul#m3 a, .menu ul ul#m3 a:visited {width:188px;font-size:116.67%;}
	.menu ul ul#m4 a, .menu ul ul#m4 a:visited {width:180px;font-size:116.67%;}
	.menu ul ul#m5 a, .menu ul ul#m5 a:visited {width:180px;font-size:116.67%;text-align: right;}
	/*

  /* Partie à supprimer pour IE 6 */
  .menu ul li#l1 a.active {color:#F57D2F;background:white;}
  .menu ul li#l2 a.active {color:#F57D2F;background:white;}
  .menu ul li#l3 a.active {color:#F57D2F;background:white;}
  .menu ul li#l4 a.active {color:#F57D2F;background:white;}
  .menu ul li#l5 a.active {color:#F57D2F;background:white;}



  /* Partie à supprimer pour IE 6 */
  .menu ul li#l1 a.subactive {color:#F57D2F;background:#fdeee3;}
  .menu ul li#l2 a.subactive {color:#F57D2F;background:#fdeee3;}
  .menu ul li#l3 a.subactive {color:#F57D2F;background:#fdeee3;}
  .menu ul li#l4 a.subactive {color:#F57D2F;background:#fdeee3;}
  .menu ul li#l5 a.subactive {color:#F57D2F;background:#fdeee3;}

    /* style the links for the top level */
    .menu a, .menu a:visited {display:block;font-size:133.33%;text-decoration:none; color: #786A9B; height:30px; border:1px solid white; border-width:1px 0 1px 1px; background:#white; padding-left:10px; line-height:29px; font-weight:bold;}
    /* a hack so that IE5.5 faulty box model is corrected */
  /*  * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}*/
     
    /* hide the sub levels and give them a positon absolute so that they take up no room */
    .menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:200px;border-top:1px solid #fff;}
    /* another hack for IE5.5 */
    * html .menu ul ul {top:30px;t\op:31px;}
   
    /* style the table so that it takes no ppart in the layout - required for IE to work */
    .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
    
    /* style the second level links */
    .menu ul ul a, .menu ul ul a:visited {background: #fdeee3; color:#786A9B; height:auto; line-height:1em; padding:5px 10px; width:200px;border-width:0;}
    /* yet another hack for IE5.5 */
    * html .menu ul ul a, * html .menu ul ul a:visited {width:200px;w\idth:190px;}
    
    /* style the top level hover 
    .menu a:hover, .menu ul ul a:hover{color: #F57D2F; background: white;}
    .menu :hover > a, .menu ul ul :hover > a {color:#F57D2F; background:white;}*/

    /* style the top level hover */
    .menu ul ul li a:hover{color: #F57D2F; background: #fdeee3;}
    .menu :hover > a {color:#F57D2F; background:white;}
    .menu ul ul li :hover > a {color:#F57D2F; background:#fdeee3;}
    
    /* make the second level visible when hover on first level list OR link */
    .menu ul li:hover ul,
    .menu ul a:hover ul{visibility:visible; }
    /* keep the third level hidden when you hover on first level list OR link */
    .menu ul :hover ul ul{visibility:hidden;}
    /* make the third level visible when you hover over second level list OR link */
    .menu ul :hover ul :hover ul{ visibility:visible;}
	 
	 
	 
#navcontainer
{
width: 220px;
padding: 0;
margin: 5.35em 0 0 0;
color: #786A9B;
/*background: #b0e0e6;*/
}

#navcontainer ul
{
list-style: none;
margin-left: 0;
padding: 0;
border: none;
}

#navcontainer ul
{
list-style: none;
margin-left: 0;
padding: 0;
border: none;
}

#navcontainer li
{
/*font-size: 10pt;*/
font-size: 116.67%;
font-weight: bold;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 0;
color: #786A9B;
text-decoration: none;
width: 100%;
height:auto; line-height:20px;
}

html>body #navcontainer li a { width: auto; }
#navcontainer li li
{
font-size: 8pt;
font-weight: bold;
margin: 0;
}


#navcontainer li li a
{
display: block;
padding: 0;
color: #786A9B;
text-decoration: none;
width: 100%;
height:auto;line-height:20px;
}

#navcontainer li a.active, #navcontainer li a.subactive, #navcontainer li a:hover
{
color: #F57D2F;
}