/* CSS Document */ .menu {width:auto; height:20px; position:relative; z-index:100;font-family:Arial, Helvetica, sans-serif;margin-left:0px;} /* hack to correct IE5.5 faulty box model */ * html .menu {width:746px; w\idth:460px;} /* 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:137px;-width:138px;} .menu ul ul li{ -width:138px; } .menu li {float:left;width:auto;} /* style the links for the top level */ .menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#003993; width:auto; height:20px; border-width:0px 0px 0px 0px; padding-left:0px; padding-right:20px; line-height:20px; font-weight:bold;} /* 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:19px;width:139px;-width:90px;} /* another hack for IE5.5 */ * html .menu ul ul {top:20px;t\op:20px;} /* position the third level flyout menu */ .menu ul ul ul{left:85px;/left:85px;-left:85px; top:auto;/top:auto;-top:auto; margin-top:-14px; /margin-top:-14px; -margin-top:-13px; width:118px; z-index:10;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {border-collapse:collapse;} .link1 a, .link1 a:visited {color:#751417;} .link2 a, .link2 a:visited {color:#3B7F59;} .link3 a, .link3 a:visited {color:#C05A35;} .link4 a, .link4 a:visited {color:#836B58;} .link5 a, .link5 a:visited {color:#587BBA;} /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited{width:139px; w\idth:50px;} /*.menu a.valid { color:#FFFFFF; font:bold;}*/ /* pour savoir sur quelle page on est */ /* style the second level background */ .link1 ul a.drop, .link1 ul a.drop:visited {background: url(../img/arrow_menu.gif) #751417 no-repeat 0px center;} .link2 ul a.drop, .link2 ul a.drop:visited {background: url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center;} .link3 ul a.drop, .link3 ul a.drop:visited {background: url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center;} .link4 ul a.drop, .link4 ul a.drop:visited {background: url(../img/arrow_menu.gif) #836B58 no-repeat 0px center;} .link5 ul a.drop, .link5 ul a.drop:visited {background: url(../img/arrow_menu.gif) #587BBA no-repeat 0px center;} /*Background du 2eme niveau qui ont des enfants*/ /* style the second level hover */ .link1 ul a.drop:hover{background: url(../img/arrow_menu.gif) #751417 no-repeat 0px center;}/*Background du 2eme niveau qui ont des enfants*/ .link2 ul a.drop:hover{background: url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center;} .link3 ul a.drop:hover{background: url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center;} .link4 ul a.drop:hover{background: url(../img/arrow_menu.gif) #836B58 no-repeat 0px center;} .link5 ul a.drop:hover{background: url(../img/arrow_menu.gif) #587BBA no-repeat 0px center;} .link1 ul :hover > a.drop {background: url(../img/arrow_menu.gif) #751417 no-repeat 0px center;} .link2 ul :hover > a.drop {background: url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center;} .link3 ul :hover > a.drop {background: url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center;} .link4 ul :hover > a.drop {background: url(../img/arrow_menu.gif) #836B58 no-repeat 0px center;} .link5 ul :hover > a.drop {background: url(../img/arrow_menu.gif) #587BBA no-repeat 0px center;}/*Background hover du 2eme niveau qui ont des enfants*/ /* style the third level background */ .link1 ul ul a, .link1 ul ul a:visited {background: url(../img/arrow_menu.gif) #751417 no-repeat 0px center;} /*Background du 3eme niveau*/ .link2 ul ul a, .link2 ul ul a:visited {background: url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center;} .link3 ul ul a, .link3 ul ul a:visited {background: url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center;} .link4 ul ul a, .link4 ul ul a:visited {background: url(../img/arrow_menu.gif) #836B58 no-repeat 0px center;} .link5 ul ul a, .link5 ul ul a:visited {background: url(../img/arrow_menu.gif) #587BBA no-repeat 0px center;} /* style the third level hover */ .link1 ul ul a:hover {background: url(../img/arrow_menu.gif) #751417 no-repeat 0px center;}/*Background hover du 3eme niveau*/ .link2 ul ul a:hover {background: url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center;} .link3 ul ul a:hover {background: url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center;} .link4 ul ul a:hover {background: url(../img/arrow_menu.gif) #836B58 no-repeat 0px center;} .link5 ul ul a:hover {background: url(../img/arrow_menu.gif) #587BBA no-repeat 0px center;} /* style the second level links */ .link1 ul a, .link1 ul a:visited {background: url(../img/arrow_menu.gif) #751417 no-repeat 0px center; color:#FFFFFF; height:auto; line-height:1em; padding:4px 5px 4px 16px; width:98px; font-weight:normal; font-size:11px;} .link2 ul a, .link2 ul a:visited {background: url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center; color:#FFFFFF; height:auto; line-height:1em; padding:4px 5px 4px 16px; width:98px; font-weight:normal; font-size:11px;} .link3 ul a, .link3 ul a:visited {background: url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center; color:#FFFFFF; height:auto; line-height:1em; padding:4px 5px 4px 16px; width:98px; font-weight:normal; font-size:11px;} .link4 ul a, .link4 ul a:visited {background: url(../img/arrow_menu.gif) #836B58 no-repeat 0px center; color:#FFFFFF; height:auto; line-height:1em; padding:4px 5px 4px 16px; width:98px; font-weight:normal; font-size:11px;} .link5 ul a, .link5 ul a:visited {background: url(../img/arrow_menu.gif) #587BBA no-repeat 0px center; color:#FFFFFF; height:auto; line-height:1em; padding:4px 5px 4px 16px; width:98px; font-weight:normal; font-size:11px;} .link1 ul a, .link1 ul a:hover {background: url(../img/arrow_menu.gif) #751417 no-repeat 0px center; color:#FFFFFF; height:auto; line-height:1em; padding:4px 5px 4px 16px; width:98px;} .link2 ul a, .link2 ul a:hover {background: url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center; color:#FFFFFF; height:auto; line-height:1em; padding:4px 5px 4px 16px; width:98px;} .link3 ul a, .link3 ul a:hover {background: url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center; color:#FFFFFF; height:auto; line-height:1em; padding:4px 5px 4px 16px; width:98px;} .link4 ul a, .link4 ul a:hover {background: url(../img/arrow_menu.gif) #836B58 no-repeat 0px center; color:#FFFFFF; height:auto; line-height:1em; padding:4px 5px 4px 16px; width:98px;} .link5 ul a, .link5 ul a:hover {background: url(../img/arrow_menu.gif) #587BBA no-repeat 0px center; color:#FFFFFF; height:auto; line-height:1em; padding:4px 5px 4px 16px; width:98px;} .link1 a:hover{color:#751417; background:#FFFFFF;} .link2 a:hover{color:#3B7F59; background:#FFFFFF;} .link3 a:hover{color:#C05A35; background:#FFFFFF;} .link4 a:hover{color:#836B58; background:#FFFFFF;} .link5 a:hover{color:#587BBA; background:#FFFFFF;} .link1 ul a:hover{color:#FFFF99; background:url(../img/arrow_menu.gif) #751417 no-repeat 0px center;} .link2 ul a:hover{color:#FFFF99; background:url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center;} .link3 ul a:hover{color:#FFFF99; background:url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center;} .link4 ul a:hover{color:#FFFF99; background:url(../img/arrow_menu.gif) #836B58 no-repeat 0px center;} .link5 ul a:hover{color:#FFFF99; background:url(../img/arrow_menu.gif) #587BBA no-repeat 0px center;} .link1 ul a:hover{color:#FFFF99; background: url(../img/arrow_menu.gif) #751417 no-repeat 0px center;} .link2 ul a:hover{color:#FFFF99; background: url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center;} .link3 ul a:hover{color:#FFFF99; background: url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center;} .link4 ul a:hover{color:#FFFF99; background: url(../img/arrow_menu.gif) #836B58 no-repeat 0px center;} .link5 ul a:hover{color:#FFFF99; background: url(../img/arrow_menu.gif) #587BBA no-repeat 0px center;} .link1 :hover > a, .link1 ul :hover > a {color:#FFFF99; background: url(../img/arrow_menu.gif) #751417 no-repeat 0px center;} .link2 :hover > a, .link2 ul :hover > a {color:#FFFF99; background: url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center;} .link3 :hover > a, .link3 ul :hover > a {color:#FFFF99; background: url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center;} .link4 :hover > a, .link4 ul :hover > a {color:#FFFF99; background: url(../img/arrow_menu.gif) #836B58 no-repeat 0px center;} .link5 :hover > a, .link5 ul :hover > a {color:#FFFF99; background: url(../img/arrow_menu.gif) #587BBA no-repeat 0px center;} /* 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;} /* keep the 4 level hidden when you hover on 2 level list OR link */ .menu ul :hover ul :hover ul ul {visibility:hidden;} /* make the 4 level visible when you hover over 3 level list OR link */ .menu ul :hover ul :hover ul :hover ul{ visibility:visible;} /* style the 1 level background */ .link1 ul a.drop, .link1 ul a.drop:visited {background: url(../img/arrow_menu.gif) #751417 no-repeat 0px center;} .link2 ul a.drop, .link2 ul a.drop:visited {background: url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center;} .link3 ul a.drop, .link3 ul a.drop:visited {background: url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center;} .link4 ul a.drop, .link4 ul a.drop:visited {background: url(../img/arrow_menu.gif) #836B58 no-repeat 0px center;} .link5 ul a.drop, .link5 ul a.drop:visited {background: url(../img/arrow_menu.gif) #587BBA no-repeat 0px center;} /* la couleur de fond des menu qui ont des enfants */ /* style the 1 level hover */ .link1 ul a.drop:hover{background:url(../img/arrow_menu.gif) #751417 no-repeat 0px center;} /* ne pas enlever la couleur de fond de cette classe sinon sur IE6 ça marche pas*/ .link2 ul a.drop:hover{background:url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center;} .link3 ul a.drop:hover{background:url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center;} .link4 ul a.drop:hover{background:url(../img/arrow_menu.gif) #836B58 no-repeat 0px center;} .link5 ul a.drop:hover{background:url(../img/arrow_menu.gif) #587BBA no-repeat 0px center;} .link1 ul :hover > a.drop {background:url(../img/arrow_menu.gif) #751417 no-repeat 0px center;} .link2 ul :hover > a.drop {background:url(../img/arrow_menu.gif) #3B7F59 no-repeat 0px center;} .link3 ul :hover > a.drop {background:url(../img/arrow_menu.gif) #C05A35 no-repeat 0px center;} .link4 ul :hover > a.drop {background:url(../img/arrow_menu.gif) #836B58 no-repeat 0px center;} .link5 ul :hover > a.drop {background:url(../img/arrow_menu.gif) #587BBA no-repeat 0px center;} /*-------------------------------arbomenu-----------------------------------*/ .arbomenu {width:auto; height:20px; position:relative; z-index:10;font-family:Arial, Helvetica, sans-serif;margin-left:0px;} /* hack to correct IE5.5 faulty box model */ * html .arbomenu {width:746px; w\idth:550px;} /* remove all the bullets, borders and padding from the default list styling */ .arbomenu ul {padding:0;margin:0;list-style-type:none;} .arbomenu ul li, .arbomenu ul ul li{padding:0;margin:0;} .arbomenu ul ul {width:137px;-width:137px;} .arbomenu ul ul li{-width:137px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .arbomenu li {float:left;width:auto;} /* style the links for the top level */ .arbomenu a, .arbomenu a:visited {display:block;font-size:12px;text-decoration:none; color:#AFAFAF; width:auto; height:20px; border:none; padding:0; line-height:20px; font-weight:bold;} .arbomenu ul a{ white-space: nowrap; } .arbomenu ul ul a{ white-space:normal; } /*.link a, .link a:visited {color:#AFAFAF;}*/ /* a hack so that IE5.5 faulty box model is corrected */ * html .arbomenu a, * html .arbomenu a:visited{width:139px; w\idth:50px;} /*.arbomenu a.valid { color:#FFFFFF; font:bold;}*/ /* pour savoir sur quelle page on est */ /* style the second level background */ .link ul a.drop, .link ul a.drop:visited {background: url(../img/arrow_menu.gif) #747576 no-repeat 0px center;} /*Background du 2eme niveau qui ont des enfants*/ /* style the second level hover */ .link ul a.drop:hover{background: url(../img/arrow_menu.gif) #747576 no-repeat 0px center;}/*Background du 2eme niveau qui ont des enfants*/ .link ul :hover > a.drop {background: url(../img/arrow_menu.gif) #747576 no-repeat 0px center;} /*Background hover du 2eme niveau qui ont des enfants*/ /* style the third level background */ .link ul ul a, .link ul ul a:visited {background: url(../img/arrow_menu.gif)#747576 no-repeat 0px center;} /*Background du 3eme niveau*/ /* style the third level hover */ .link ul ul a:hover {background: url(../img/arrow_menu.gif) #747576 no-repeat 0px center;}/*Background hover du 3eme niveau*/ /* hide the sub levels and give them a positon absolute so that they take up no room */ .arbomenu ul ul {visibility:hidden;position:absolute;height:0;top:19px;width:139px;-width:90px;} /* another hack for IE5.5 */ * html .arbomenu ul ul {top:20px;t\op:20px;} /* position the third level flyout arbomenu */ .arbomenu ul ul ul{left:85px;/left:85px;-left:85px; top:auto;/top:auto;-top:auto; margin-top:-14px; /margin-top:-14px; -margin-top:-13px; width:139px; z-index:1;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .arbomenu table {border-collapse:collapse;} /* style the second level links */ .link ul a, .link ul a:visited {background: url(../img/arrow_menu.gif) #747576 no-repeat 0px center; color:#FFFFFF; height:auto; line-height:1em; padding:4px 5px 4px 16px; width:98px;font-weight:normal; font-size:11px;} .link ul a:hover {background: url(../img/arrow_menu.gif) #747576 no-repeat 0px center; color:#FFFFFF; height:auto; line-height:1em; padding:4px 5px 4px 16px; width:98px;} .link a:hover{color:#AFAFAF; background:#FFFFFF;} .link ul a:hover{color:#FFFF99; background:url(../img/arrow_menu.gif) #747576 no-repeat 0px center;} .link :hover > a, .link ul :hover > a {color:#FFFF99; background: url(../img/arrow_menu.gif) #747576 no-repeat 0px center;} /* make the second level visible when hover on first level list OR link */ .arbomenu ul li:hover ul, .arbomenu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .arbomenu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .arbomenu ul :hover ul :hover ul{ visibility:visible;} /* keep the 4 level hidden when you hover on 2 level list OR link */ .arbomenu ul :hover ul :hover ul ul {visibility:hidden;} /* make the 4 level visible when you hover over 3 level list OR link */ .arbomenu ul :hover ul :hover ul :hover ul{ visibility:visible;} /* style the 1 level background */ .link ul a.drop, .link ul a.drop:visited {background: url(../img/arrow_menu.gif) #747576 no-repeat 0px center;} /* style the 1 level hover */ .link ul a.drop:hover{background:url(../img/arrow_menu.gif) #747576 no-repeat 0px center;} /* ne pas enlever la couleur de fond de cette classe sinon sur IE6 ça marche pas*/ .link ul :hover > a.drop {background:url(../img/arrow_menu.gif) #747576 no-repeat 0px center;} .arbomenu ul li{ -width:0; } .arbomenu, .arbomenu ul { float:left; }