* body{ behavior: url(themes/loadmaster/style/csshover2.htc)} /********************* * Boite principale * **********************/ /* Contour de la boite de catégories */ .categoOutline{} /* Texte à l'extéerieur de la fonction des liens */ .MenuGauche{} /*************************** * cellule des catégories * ****************************/ /* 1er niveau */ TD. Space{} /* liens des categories */ A.blockCatego:link{font-size:11px; font-family:Arial; color:#434260; text-transform:uppercase; text-decoration:none; font-weight:bold;} A.blockCatego:visited{font-size:11px; font-family:Arial; color:#434260; text-transform:uppercase; text-decoration:none; font-weight:bold;} A.blockCatego:hover{font-size:11px; font-family:Arial; color:#434260; text-transform:uppercase; text-decoration:none; font-weight:bold;} A.blockCatego:active{font-size:11px; font-family:Arial; color:#434260; text-transform:uppercase; text-decoration:none; font-weight:bold;} /* lien (ou cellule) inactif(ve) */ TD.blockCatego{font-size:11px; font-family:Arial; color:#434260; text-transform:uppercase; text-decoration:none; height:10px; font-weight:bold;} /* TR */ /* fond des cellules, bon pour des rollover */ TR.RowBlockCatego{} TR.RowBlockCategoOver{} TR.RowBlockCategoUp{} /* TD */ TD.RowBlockCatego{} TD.RowBlockCategoOver{} /********************** * cellule des pages * **********************/ /* 2e niveau */ /* liens des pages */ a.ListLinks:link{font-size:10px; font-family:Arial; color:#434260; text-transform:uppercase; text-decoration:none; line-height:22px; padding-left:15px;} a.ListLinks:visited{font-size:10px; font-family:Arial; color:#434260; text-transform:uppercase; text-decoration:none; line-height:22px; padding-left:15px;} a.ListLinks:hover{font-size:10px; font-family:Arial; color:#1e1d31; text-transform:uppercase; text-decoration:underline; line-height:22px; padding-left:15px;} a.ListLinks:active{font-size:10px; font-family:Arial; color:#1e1d31; text-transform:uppercase; text-decoration:underline; line-height:22px; padding-left:15px;} /* lien inactif (span) */ SPAN.ListLinks{font-size:10px; font-family:Arial; color:#1e1d31; text-transform:uppercase; text-decoration:underline; line-height:22px; padding-left:15px;} TD.PageCell{width:212px;} /* Boite des pages */ /* Bordures vont ici */ .blockSubPage{ border-style:none; border-color:#6c6868; border-width:0px 0px 1px 0px; width:250px;} /* fond des cellules, bon pour des rollover */ TR.RowListLinksUp{height:20px;font-size:10px;} TR.RowListLinks{height:20px;font-size:10px; } TR.RowListLinksOver{height:20px;font-size:10px;} /*************************** * cellules AxialBoutique * ****************************/ /* 3e niveau */ TD.SubBlockCatego{} TR.SubRowBlockCatego{} TD.SubRowBlockCatego{} TR.SubRowBlockCategoUp{} TD.SubRowBlockCategoUp{} TR.SubRowBlockCategoOver{} TD.SubRowBlockCategoOver{} TR.SubSubRowBlockCatego{} TD.SubSubRowBlockCatego{} /************************************** * liens des pages d'un menu harcodé * ***************************************/ a.BoxLink:link{} a.BoxLink:visited{} a.BoxLink:hover{} a.BoxLink:active{} /******************* * Menu Déroulant * *******************/ /* Placer ici les styles TABLE.Drop, TD.DropCatego, a.DropCatego, TD.DropPage, a.DropPage, .bg_deroule */ TABLE.Drop{background-color:#eee; width:250px; border-style:solid; border-width:0px 1px 0px 1px; border-color:#B2B6B9; } a.DropPage:link{line-height:20px; display:block; text-decoration:none; padding:2px 10px;} a.DropPage:visited{line-height:20px; display:block; text-decoration:none; padding:2px 10px;} a.DropPage:hover{ line-height:20px; display:block; background-color:#404C54; padding:2px 10px; text-decoration:none;} a.DropPage:active{ line-height:20px; display:block; text-decoration:none; padding:2px 10px;} TD.DropPage{ color:#FF00FF; line-height:20px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#B2B6B9; text-decoration:none; } TD.DropCatego{ color:#666; line-height:20px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#B2B6B9; text-decoration:none; padding:2px 10px; } SPAN.DropPage{ line-height:20px; display:block; text-decoration:none; padding:2px 10px;} /******************** * Menu Horizontal * ********************/ /* Placer ici les styles TABLE.MenuHor, TD.MenuHor, a.MenuHor, a.MenuHorSelected */ .bg_deroule{} TABLE.MenuHor{} a.MenuHorCatego:link{} a.MenuHorCatego:visited{} a.MenuHorCatego:hover{} a.MenuHorCatego:active{} a.MenuHorCategoSelected:link{} a.MenuHorCategoSelected:visited{} a.MenuHorCategoSelected:hover{} a.MenuHorCategoSelected:active{} a.MenuHor:link{} a.MenuHor:visited{} a.MenuHor:hover{} a.MenuHor:active{} a.MenuHorSelected:link{} a.MenuHorSelected:visited{} a.MenuHorSelected:hover{} a.MenuHorSelected:active{} /*-----------------------------------------------------*/ UL{padding:0px;margin:0px;} LI{padding:0px;margin:0px;} .menugauche2 a:link,.menugauche2 a:visited,.menugauche2 a:hover,.menugauche2 a:active{color:#999} /* positionnement des sous menu */ .menugauche2 li{ position: relative; list-style: none; margin: 0; padding: 0;} .menugauche2 ul li {border-bottom:1px #ccc solid;} .menugauche2 ul ul{ position: absolute; display: none; } .menugauche2 ul.level2{top:-5px;left:151px;}/* positionnement du menu 2e niveau */ *+html .menugauche2 ul.level2{ top:-5px;left:148px; }/* positionnement du menu 2e niveau IE-7*/ * html .menugauche2 ul.level2{ top:-5px;left:148px; }/* positionnement du menu 2e niveau IE-6*/ /*.menugauche2 ul.level2 li.submenu{}*/ * html .menugauche2 ul.level2 li{margin-left:-16px; } .menugauche2 ul.level3{ top: 0px; left: 150px;padding-left:5px; } * html .menugauche2 ul.level3{top: -1px;left: 150px; } /* mise en forme du menu */ .menugauche2 ul ul a{ text-align: left;} .menugauche2 ul.level1 li{} .menugauche2 ul.level2 li{width:150px; z-index:200;} .menugauche2 ul.level1 a{ text-align: center; } .menugauche2 ul.level2 a{ text-align: left; padding: 0px;} .menugauche2 ul{ background: #eee; border: 0px solid #c6c6c6; }/* background et bordure important pour les sous menu */ .menugauche2 li.submenu, .menugauche2 li{ background: #eee;} .menugauche2 li a{ text-transform: uppercase } .menugauche2 li a.last{ border-right: 0; } .menugauche2 ul ul li{ border-bottom: 1px solid #999;} /* mise en block des liens */ .menugauche2 li a{ padding:0px;margin:0px;text-align:left; text-decoration: none; text-transform: uppercase; color: #999; font-size: 11px;line-height:20px;} /* largeur ie7 et autre navigateur*/ * html #pureMenu>ul a{ width: auto; }/* hack pour les liens dans ie 6 prennent la largeur du li on ajoute le * html afin que ie7 ne prenne pas en compte cette commande */ /* survol du menu */ .menugauche2 li:hover{ background: #ccc;} /* Menu avec pas de sous-menu */ .menugauche2 li.submenu:hover{ background: #eee; } .menugauche2, UL.level1, UL.level2, UL.level3, li, li a, ul ul, ul ul li, ul ul li a{} .menugauche2 ul.level1 li.submenu ul.level2 li.submenu:hover{background-color:#ccc;} /* ouverture et fermeture des menus ******************************************************************************************************/ .menugauche2 ul.level1 li.submenu:hover ul.level2{ display: inline; border:1px #aaa solid;} .menugauche2 ul.level2 li.submenu:hover ul.level3{ display: inline; border:1px #aaa solid;}