/*-----------------------------------------------------------------------------------------------*/ /* AUTEUR : Chanh T.Do [ www.thoransoft.com ] */ /* DATE : 2006.11.19 */ /* DESCRIPTION : Feuille de style. */ /* Contient les spécification du style pour les menus. */ /*-----------------------------------------------------------------------------------------------*/ /* NOTE TECHNIQUES : a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!! a:active MUST come after a:hover in the CSS definition in order to be effective!! Pseudo-class names are not case-sensitive. ------------------------------------------------------------------------------------------------ */ /* ----------------------------------------------- */ /* Style du Top Menu de www.keijzercomputersxm.com */ /* ----------------------------------------------- */ div#topMnu {position: relative; margin: auto; width: 780px; height: 222px; text-align: left; font-family: Verdana, "Century Gothic", Helvetica, serif; font-size: 1em; color: White; border-left: solid; border-top: solid; border-right: solid; border-width: 1px; border-color: gray; } div#topMnu ul {margin: 147px 0px 0px 63px; padding: 0px; font-family: Verdana, Arial, Helvetica, serif; font-size: 0.9em; font-weight: bold; color: #444444;} div#topMnu li {padding: 0px 30px 0px 0px; list-style-type: none; display: inline; background-image: url(../images/GrayArrow.png); background-repeat: no-repeat;} div#topMnu li a {text-decoration: none; color: #444444; font-weight: bold;} div#topMnu li a:link {color: #444444; font-weight: bold;} div#topMnu li a:visited {color: #444444; font-weight: bold;} div#topMnu li a:hover {font-weight: bold; color: #006BD7;background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} .MnuDontLoad {color: #006BD7; background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} /* Div pour placer le copyright et le privacy policy */ .copyright {margin: 6px 0px 0px 5px; padding: 0px; font-family: Arial, Helvetica, serif; font-size: 0.9em; color: #444444;} .copyright a:link {color: #444444; text-decoration: none;} .copyright a:visited {color: #444444; text-decoration: none;} .copyright a:hover {color: #006BD7; text-decoration: none;} .copyright a:active {color: #444444; text-decoration: none;} /* Div pour le Titre des pages */ .Title1 {margin: 16px 60px 0px 0px; padding: 0px; text-align: right;} /* ------------------------------------------------ */ /* Style du Left Menu de www.keijzercomputersxm.com */ /* ------------------------------------------------ */ div#leftmnu {position: relative; top: -23px; left: -3px; margin: 0px; padding: 0px; width: 167px; height: auto; text-align: left; } /* -------------------------------------------------- */ /* Style du Bottom menu de www.keijzercomputersxm.com */ /* -------------------------------------------------- */ div#BottomMnu {position: relative; margin: auto; padding: 0px; width: 780px; height: 28px; text-align: left; font-family: "Century Gothic", Helvetica, serif; font-size: 0.9em; color: black; border-left: solid; border-bottom: solid; border-right: solid; border-width: 1px; border-color: gray; background-repeat: no-repeat;} /*-----------------*/ /* B O U T O N 1 */ /*-----------------*/ #BottomMnu1 {position: absolute; top: 8px; left: 190px; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, serif; font-size: 1em; font-weight: bold; /* background-image: url(../images/GrayArrow.png); background-repeat: no-repeat; */ color: #444444; } /* #BottomMnu1 a:link {color: #444444; text-decoration: none;} #BottomMnu1 a:visited {color: #444444; text-decoration: none;} #BottomMnu1 a:hover {font-weight: bold; color: #006BD7; background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} #BottomMnu1 a:active {color: #444444; text-decoration: none;} */ /* Problème avec l'affichage dans IE 6 pour Win XP : Si on utilise les ID sans utiliser un balise LI, IE n'est pas capable d'afficher l'image en background lors d'un HOVER. */ #BottomMnu1 ul {margin: 0px; padding: 0px;} #BottomMnu1 li {margin: 0px; padding: 0px; list-style-type: none; display: inline; background-image: url(../images/GrayArrow.png); background-repeat: no-repeat;} #BottomMnu1 li a {text-decoration: none; color: #444444; font-weight: bold;} #BottomMnu1 li a:link {color: #444444; font-weight: bold;} #BottomMnu1 li a:visited {color: #444444; font-weight: bold;} #BottomMnu1 li a:hover {font-weight: bold; color: #006BD7;background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} /*-----------------*/ /* B O U T O N 2 */ /*-----------------*/ #BottomMnu2 {position: absolute; top: 8px; left: 474px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, serif; font-size: 0.9em; font-weight: normal; color: #444444; } #BottomMnu2 a:link {color: #444444; text-decoration: none;} #BottomMnu2 a:visited {color: #444444; text-decoration: none;} #BottomMnu2 a:hover {font-weight: normal; color: #006BD7;} #BottomMnu2 a:active {color: #444444; text-decoration: none;} /*-----------------*/ /* B O U T O N 3 */ /*-----------------*/ #BottomMnu3 {position: absolute; top: 8px; left:552px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, serif; font-size: 0.9em; font-weight: normal; color: #444444; } #BottomMnu3 a:link {color: #444444; text-decoration: none;} #BottomMnu3 a:visited {color: #444444; text-decoration: none;} #BottomMnu3 a:hover {font-weight: normal; color: #006BD7;} #BottomMnu3 a:active {color: #444444; text-decoration: none;} /*-----------------*/ /* B O U T O N 4 */ /*-----------------*/ #BottomMnu4 {position: absolute; top: 8px; left: 642px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, serif; font-size: 0.9em; font-weight: normal; color: #444444; } #BottomMnu4 a:link {color: #444444; text-decoration: none;} #BottomMnu4 a:visited {color: #444444; text-decoration: none;} #BottomMnu4 a:hover {font-weight: normal; color: #006BD7;} #BottomMnu4 a:active {color: #444444; text-decoration: none;} /*-----------------*/ /* B O U T O N 5 */ /*-----------------*/ #BottomMnu5 {position: absolute; top: 8px; left: 290px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, serif; font-size: 0.9em; font-weight: normal; color: #444444; } #BottomMnu5 a:link {color: #444444; text-decoration: none;} #BottomMnu5 a:visited {color: #444444; text-decoration: none;} #BottomMnu5 a:hover {font-weight: normal; color: #006BD7;} #BottomMnu5 a:active {color: #444444; text-decoration: none;} /* -------------------------------------------------- */ /* Style pour le menu de la page shipping */ /* -------------------------------------------------- */ /* B O U T O N 1 */ /*-----------------*/ #shippingMnu1 {position: absolute; top: 550px; left: 32px; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, serif; font-size: 1em; font-weight: bold; color: #444444; /* background-image: url(../images/GrayArrow.png); background-repeat: no-repeat; */} /* #shippingMnu1 a:link {color: #444444; text-decoration: none;} #shippingMnu1 a:visited {color: #444444; text-decoration: none;} #shippingMnu1 a:hover {font-weight: bold; color: #006BD7; background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} #shippingMnu1 a:active {color: #444444; text-decoration: none;} */ /* Problème avec l'affichage dans IE 6 pour Win XP : Si on utilise les ID sans utiliser un balise LI, IE n'est pas capable d'afficher l'image en background lors d'un HOVER. */ #shippingMnu1 ul {margin: 0px; padding: 0px;} #shippingMnu1 li {margin: 0px; padding: 0px; list-style-type: none; display: inline; background-image: url(../images/GrayArrow.png); background-repeat: no-repeat;} #shippingMnu1 li a {text-decoration: none; color: #444444; font-weight: bold;} #shippingMnu1 li a:link {color: #444444; font-weight: bold;} #shippingMnu1 li a:visited {color: #444444; font-weight: bold;} #shippingMnu1 li a:hover {font-weight: bold; color: #006BD7;background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} /*-----------------*/ /* B O U T O N 2 */ /*-----------------*/ #shippingMnu2 {position: absolute; top: 552px; left: 465px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, serif; font-size: 0.8em; font-weight: normal; color: #444444; } #shippingMnu2 a:link {color: #444444; text-decoration: none;} #shippingMnu2 a:visited {color: #444444; text-decoration: none;} #shippingMnu2 a:hover {font-weight: normal; color: #006BD7;} #shippingMnu2 a:active {color: #444444; text-decoration: none;} /*-----------------*/ /* B O U T O N 3 */ /*-----------------*/ #shippingMnu3 {position: absolute; top: 552px; left:552px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, serif; font-size: 0.8em; font-weight: normal; color: #444444; } #shippingMnu3 a:link {color: #444444; text-decoration: none;} #shippingMnu3 a:visited {color: #444444; text-decoration: none;} #shippingMnu3 a:hover {font-weight: normal; color: #006BD7;} #shippingMnu3 a:active {color: #444444; text-decoration: none;} /*-----------------*/ /* B O U T O N 4 */ /*-----------------*/ #shippingMnu4 {position: absolute; top: 552px; left: 642px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, serif; font-size: 0.8em; font-weight: normal; color: #444444; } #shippingMnu4 a:link {color: #444444; text-decoration: none;} #shippingMnu4 a:visited {color: #444444; text-decoration: none;} #shippingMnu4 a:hover {font-weight: normal; color: #006BD7;} #shippingMnu4 a:active {color: #444444; text-decoration: none;} /*-----------------*/ /* B O U T O N 5 */ /*-----------------*/ #shippingMnu5 {position: absolute; top: 552px; left: 150px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, serif; font-size: 0.8em; font-weight: normal; color: #444444; } #shippingMnu5 a:link {color: #444444; text-decoration: none;} #shippingMnu5 a:visited {color: #444444; text-decoration: none;} #shippingMnu5 a:hover {font-weight: normal; color: #006BD7;} #shippingMnu5 a:active {color: #444444; text-decoration: none;} /* ----------------------------------------------- */ /* Style du Top Menu de www.keijzercomputersxm.com */ /* ----------------------------------------------- */ div#topMnuAdm {position: relative; margin: auto; width: 780px; height: 222px; text-align: left; font-family: Verdana, "Century Gothic", Helvetica, serif; font-size: 1em; color: White; border-left: solid; border-top: solid; border-right: solid; border-width: 1px; border-color: gray; } /* ------------------------------------------------------ */ /* Style pour le Top menu de la page administration */ /* ------------------------------------------------------ */ /* B O U T O N 1 */ /*-----------------*/ #TopAdmMnu1 {position: absolute; top: 167px; left: 65px; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, serif; font-size: 1em; font-weight: bold; color: #444444; /* background-image: url(../images/GrayArrow.png); background-repeat: no-repeat; */} /* Problème avec l'affichage dans IE 6 pour Win XP : Si on utilise les ID sans utiliser un balise LI, IE n'est pas capable d'afficher l'image en background lors d'un HOVER. */ #TopAdmMnu1 ul {margin: 0px; padding: 0px;} #TopAdmMnu1 li {margin: 0px; padding: 0px; list-style-type: none; display: inline; background-image: url(../images/GrayArrow.png); background-repeat: no-repeat;} #TopAdmMnu1 li a {text-decoration: none; color: #444444; font-weight: bold;} #TopAdmMnu1 li a:link {color: #444444; font-weight: bold;} #TopAdmMnu1 li a:visited {color: #444444; font-weight: bold;} #TopAdmMnu1 li a:hover {font-weight: bold; color: #006BD7;background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} /*-----------------*/ /* B O U T O N 2 */ /*-----------------*/ #TopAdmMnu2 {position: absolute; top: 167px; left: 395px; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, serif; font-size: 1em; font-weight: bold; color: #444444; /* background-image: url(../images/GrayArrow.png); background-repeat: no-repeat; */} /* #TopAdmMnu2 a:link {color: #444444; text-decoration: none;} #TopAdmMnu2 a:visited {color: #444444; text-decoration: none;} #TopAdmMnu2 a:hover {font-weight: bold; color: #006BD7; background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} #TopAdmMnu2 a:active {color: #444444; text-decoration: none;} */ /* Problème avec l'affichage dans IE 6 pour Win XP : Si on utilise les ID sans utiliser un balise LI, IE n'est pas capable d'afficher l'image en background lors d'un HOVER. */ #TopAdmMnu2 ul {margin: 0px; padding: 0px;} #TopAdmMnu2 li {margin: 0px; padding: 0px; list-style-type: none; display: inline; background-image: url(../images/GrayArrow.png); background-repeat: no-repeat;} #TopAdmMnu2 li a {text-decoration: none; color: #444444; font-weight: bold;} #TopAdmMnu2 li a:link {color: #444444; font-weight: bold;} #TopAdmMnu2 li a:visited {color: #444444; font-weight: bold;} #TopAdmMnu2 li a:hover {font-weight: bold; color: #006BD7;background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} /*-----------------*/ /* B O U T O N 3 */ /*-----------------*/ #TopAdmMnu3 {position: absolute; top: 167px; left: 545px; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, serif; font-size: 1em; font-weight: bold; color: #444444; /* background-image: url(../images/GrayArrow.png); background-repeat: no-repeat; */ } /* #TopAdmMnu3 a:link {color: #444444; text-decoration: none;} #TopAdmMnu3 a:visited {color: #444444; text-decoration: none;} #TopAdmMnu3 a:hover {font-weight: bold; color: #006BD7; background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} #TopAdmMnu3 a:active {color: #444444; text-decoration: none;} */ /* Problème avec l'affichage dans IE 6 pour Win XP : Si on utilise les ID sans utiliser un balise LI, IE n'est pas capable d'afficher l'image en background lors d'un HOVER. */ #TopAdmMnu3 ul {margin: 0px; padding: 0px;} #TopAdmMnu3 li {margin: 0px; padding: 0px; list-style-type: none; display: inline; background-image: url(../images/GrayArrow.png); background-repeat: no-repeat;} #TopAdmMnu3 li a {text-decoration: none; color: #444444; font-weight: bold;} #TopAdmMnu3 li a:link {color: #444444; font-weight: bold;} #TopAdmMnu3 li a:visited {color: #444444; font-weight: bold;} #TopAdmMnu3 li a:hover {font-weight: bold; color: #006BD7;background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} /*-----------------*/ /* B O U T O N 4 */ /*-----------------*/ #TopAdmMnu4 {position: absolute; top: 167px; left: 230px; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, serif; font-size: 1em; font-weight: bold; color: #444444; /* background-image: url(../images/GrayArrow.png); background-repeat: no-repeat; */} /* #TopAdmMnu4 a:link {color: #444444; text-decoration: none;} #TopAdmMnu4 a:visited {color: #444444; text-decoration: none;} #TopAdmMnu4 a:hover {font-weight: bold; color: #006BD7; background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} #TopAdmMnu4 a:active {color: #444444; text-decoration: none;} */ #TopAdmMnu4 ul {margin: 0px; padding: 0px;} #TopAdmMnu4 li {margin: 0px; padding: 0px; list-style-type: none; display: inline; background-image: url(../images/GrayArrow.png); background-repeat: no-repeat;} #TopAdmMnu4 li a {text-decoration: none; color: #444444; font-weight: bold;} #TopAdmMnu4 li a:link {color: #444444; font-weight: bold;} #TopAdmMnu4 li a:visited {color: #444444; font-weight: bold;} #TopAdmMnu4 li a:hover {font-weight: bold; color: #006BD7;background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} /* -------------------------------------------------- */ /* Style du Bottom menu de www.keijzercomputersxm.com */ /* -------------------------------------------------- */ div#BottomMnuAdm {position: relative; margin: auto; padding: 0px; width: 780px; height: 28px; text-align: left; font-family: "Century Gothic", Helvetica, serif; font-size: 0.9em; color: black; border-left: solid; border-bottom: solid; border-right: solid; border-width: 1px; border-color: gray; background-image: url(../images/background/BottomAdm.png); background-repeat: no-repeat;} /* --------------------------------------------------------- */ /* Style pour le Bottom menu de la page administration */ /* --------------------------------------------------------- */ /* B O U T O N 1 */ /*-----------------*/ #AdmMnu1 {position: absolute; top: 10px; left: 32px; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, serif; font-size: 1em; font-weight: bold; color: #444444; background-image: url(../images/GrayArrow.png); background-repeat: no-repeat;} #AdmMnu1 a:link {color: #444444; text-decoration: none;} #AdmMnu1 a:visited {color: #444444; text-decoration: none;} #AdmMnu1 a:hover {font-weight: bold; color: #006BD7; background-image: url(../images/BlueArrow.png); background-repeat: no-repeat;} #AdmMnu1 a:active {color: #444444; text-decoration: none;} /*-----------------*/ /* B O U T O N 2 */ /*-----------------*/ #AdmMnu2 {position: absolute; top: 10px;; left: 330px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, serif; font-size: 0.8em; font-weight: normal; color: #444444; } #AdmMnu2 a:link {color: #444444; text-decoration: none;} #AdmMnu2 a:visited {color: #444444; text-decoration: none;} #AdmMnu2 a:hover {font-weight: normal; color: #006BD7;} #AdmMnu2 a:active {color: #444444; text-decoration: none;} /*-----------------*/ /* B O U T O N 3 */ /*-----------------*/ #AdmMnu3 {position: absolute; top: 10px; left:552px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, serif; font-size: 0.8em; font-weight: normal; color: #444444; } #AdmMnu3 a:link {color: #444444; text-decoration: none;} #AdmMnu3 a:visited {color: #444444; text-decoration: none;} #AdmMnu3 a:hover {font-weight: normal; color: #006BD7;} #AdmMnu3 a:active {color: #444444; text-decoration: none;} /*-----------------*/ /* B O U T O N 4 */ /*-----------------*/ #AdmMnu4 {position: absolute; top: 10px; left: 642px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, serif; font-size: 0.8em; font-weight: normal; color: #444444; } #AdmMnu4 a:link {color: #444444; text-decoration: none;} #AdmMnu4 a:visited {color: #444444; text-decoration: none;} #AdmMnu4 a:hover {font-weight: normal; color: #006BD7;} #AdmMnu4 a:active {color: #444444; text-decoration: none;} /* Div pour le Titre des pages administrations */ .TitleAdm {position: absolute; top: 195px; left: 300px; margin: 0px; padding: 0px;} .LeftBtnMnu {width: 169px; height: 59px;}