<!--
/* ================================================================ 
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-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width: 940px; height:23px; font-size:0.90em; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:940px; w\idth:939px;background:#EEECED;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0 ;list-style-type:none;border-top: 2px solid #EEECED;}

/*.menu ul ul {width:180px;}*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/*.menu li {float:left;width:149px;position:relative;}*/

.menu li {float:left;position:relative;}


.menu ul li#l1{width: 134px;}
.menu ul li#l2{width: 146px;}
.menu ul li#l3{width: 184px;}
.menu ul li#l4{width: 148px;}
.menu ul li#l5{width: 128px;}
.menu ul li#l6{width: 100px;}
.menu ul li#l7{width: 99px!important; width: 98px;}
/*.menu ul li#l7{width: 94px !important; width: 91px;}*/


/* style the links for the top level */
/*.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#000; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background: white; padding-left:10px; line-height:29px;}*/

.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#000; height:22px; border:1px solid #C9C9C9; border-width:0 0 1px 1px; background:#EEECED; padding-left:4px; line-height:22px;}


/* a hack so that IE5.5 faulty box model is corrected */
/** html .menu a, * html .menu a:visited {width:180px; 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:23px;left:0; width:180px;border-top: none;}
/* another hack for IE5.5 */
* html .menu ul ul {top:22px;t\op:23px;border-top: none;}

/* position the third level flyout menu for a left flyout */
.menu ul ul#m7 {left:-102px !important; left:-92px;}
.menu ul li#l7 {border-right: 1px solid #C9C9C9;}

/* 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 {color:#000; height:auto; line-height:22px; padding:5px 10px;border-width:0 1px 1px 1px;text-align: left;}


/* Couleurs claires 
.menu ul ul#m1 a, .menu ul ul#m1 a:visited {background:#cde4d1; width:180px;}
.menu ul ul#m2 a, .menu ul ul#m2 a:visited {background:#e3d0d3; width:180px;}
.menu ul ul#m3 a, .menu ul ul#m3 a:visited {background:#f2e2ee; width:188px;}
.menu ul ul#m4 a, .menu ul ul#m4 a:visited {background:#dfe7f1; width:180px;}
.menu ul ul#m5 a, .menu ul ul#m5 a:visited {background:#f8e6da; width:180px;}
.menu ul ul#m6 a, .menu ul ul#m6 a:visited {background:#f8e3e1; width:180px;}
.menu ul ul#m7 a, .menu ul ul#m7 a:visited {background:#e9efe4; width:180px;text-align: right;}
/*

/* Couleurs claires*/
.menu ul ul#m1 a, .menu ul ul#m1 a:visited {width:180px;}
.menu ul ul#m2 a, .menu ul ul#m2 a:visited {width:180px;}
.menu ul ul#m3 a, .menu ul ul#m3 a:visited {width:188px;}
.menu ul ul#m4 a, .menu ul ul#m4 a:visited {width:180px;}
.menu ul ul#m5 a, .menu ul ul#m5 a:visited {width:180px;}
.menu ul ul#m6 a, .menu ul ul#m6 a:visited {width:180px;}
.menu ul ul#m7 a, .menu ul ul#m7 a:visited {width:180px;text-align: right;}
/*
.menu ul ul#m7 a, .menu ul ul#m7 a:visited {background:#f4c000; width:180px;}
*/

/* yet another hack for IE5.5 */
/** html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}*/

* html .menu ul ul#m1 a, * html .menu ul ul#m1 a:visited {width:180px;w\idth:169px;text-align: left;}
* html .menu ul ul#m2 a, * html .menu ul ul#m2 a:visited {width:180px;w\idth:169px;text-align: left;}
* html .menu ul ul#m3 a, * html .menu ul ul#m3 a:visited {width:188px;w\idth:177px;text-align: left;}
* html .menu ul ul#m4 a, * html .menu ul ul#m4 a:visited {width:180px;w\idth:169px;text-align: left;}
* html .menu ul ul#m5 a, * html .menu ul ul#m5 a:visited {width:180px;w\idth:169px;text-align: left;}
* html .menu ul ul#m6 a, * html .menu ul ul#m6 a:visited {width:180px;w\idth:169px;text-align: left;}
* html .menu ul ul#m7 a, * html .menu ul ul#m7 a:visited {width:180px;w\idth:169px;text-align: right;}

/* style the top level hover */
/*
.menu a:hover, .menu ul ul a:hover{color:#000;background:#949e7c; }
.menu :hover > a, .menu ul ul :hover > a {color:#000;background:#949e7c;}
*/

.menu ul li ul  a{color:#000;background:#EEECED; }
/*.menu a:hover{color:#000;background:#fff; }*/
/* Couleurs foncées */
.menu ul li#l1 a:hover, .menu ul li#l1 a.active:hover, .menu ul li#l1:hover a  {color:#FFF;background:#258328; }
.menu ul li#l2 a:hover, .menu ul li#l2 a.active:hover, .menu ul li#l2:hover a  {color:#FFF;background:#7b1a2c; }
.menu ul li#l3 a:hover, .menu ul li#l3 a.active:hover, .menu ul li#l3:hover a  {color:#FFF;background:#a64788; }
.menu ul li#l4 a:hover, .menu ul li#l4 a.active:hover, .menu ul li#l4:hover a  {color:#FFF;background:#295daa; }
.menu ul li#l5 a:hover, .menu ul li#l5 a.active:hover, .menu ul li#l5:hover a  {color:#FFF;background:#e87800; }
.menu ul li#l6 a:hover, .menu ul li#l6 a.active:hover, .menu ul li#l6:hover a  {color:#FFF;background:#bb180d; }
.menu ul li#l7 a:hover, .menu ul li#l7 a.active:hover, .menu ul li#l7:hover a  {color:#FFF;background:#d2c500; }


/* Couleurs claires */
.menu ul ul#m1 a:hover{color:#000;background:#cde4d1; }
.menu ul ul#m2 a:hover{color:#000;background:#e3d0d3; }
.menu ul ul#m3 a:hover{color:#000;background:#f2e2ee; }
.menu ul ul#m4 a:hover{color:#000;background:#dfe7f1; }
.menu ul ul#m5 a:hover{color:#000;background:#f8e6da; }
.menu ul ul#m6 a:hover{color:#000;background:#f8e3e1; }
.menu ul ul#m7 a:hover{color:#000;background:#e9efe4; }


/*
.menu ul ul#m1 li a{color:#000;background:#EEECED; }
.menu ul ul#m2 li a{color:#000;background:#EEECED; }
.menu ul ul#m3 li:visited a{color:#000;background:#EEECED; }
.menu ul ul#m4 li:visited a{color:#000;background:#EEECED; }
.menu ul ul#m5 li:visited a{color:#000;background:#EEECED; }
.menu ul ul#m6 li:visited a{color:#000;background:#EEECED; }
.menu ul ul#m7 li:visited a{color:#000;background:#EEECED; }
*/
/* Partie à supprimer pour IE 6 */
.menu ul li#l1 a.active {color:#FFF;background:#258328;}
.menu ul li#l2 a.active {color:#FFF;background:#7b1a2c;}
.menu ul li#l3 a.active {color:#FFF;background:#a64788;}
.menu ul li#l4 a.active {color:#FFF;background:#295daa;}
.menu ul li#l5 a.active {color:#FFF;background:#e87800;}
.menu ul li#l6 a.active {color:#FFF;background:#bb180d;}
.menu ul li#l7 a.active {color:#FFF;background:#d2c500;}
/* Partie à supprimer pour IE 6 */
.menu ul li#l1 a.subactive {color:#000;background:#cde4d1;}
.menu ul li#l2 a.subactive {color:#000;background:#e3d0d3;}
.menu ul li#l3 a.subactive {color:#000;background:#f2e2ee;}
.menu ul li#l4 a.subactive {color:#000;background:#dfe7f1;}
.menu ul li#l5 a.subactive {color:#000;background:#f8e6da;}
.menu ul li#l6 a.subactive {color:#000;background:#f8e3e1;}
.menu ul li#l7 a.subactive {color:#000;background:#e9efe4;}

/* 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;}