* { margin: 0; padding: 0; } BODY { font-family: tahoma, sans-serif; font-size: 12px; background: #222; } .clear-both { clear: both; } A { color: #777; } A:hover { color: #ccc; } A:visited { color: #999; } A:active { outline: none; } :focus { -moz-outline-style: none; } A IMG { border: 0; } SELECT, INPUT[type=text], INPUT[type=password] { border: 1px solid #65446A; border-color: #335; } INPUT[type=submit] { background: #65446A; background: #335; color: white; text-transform: uppercase; border: none; cursor: pointer; } INPUT[type=submit]:hover { background: #556; } #container { width: 1000px; margin: 0 auto; background: white; background-color: black; position: relative; border-left: 2px solid gray; border-right: 2px solid gray; } #header { height: 160px; position: relative; width: 1000px; /* background: url(/media/img/logo-gradient-2.png) repeat-x; */} #header #logo { background: url(/media/img/home-logo.png) no-repeat; display: block; width: 1000px; height: 160px; margin: 0 auto; } /* #toolbar { height: 40px; font-size: 10px; position: absolute; right: 0px; top: 208px; } #toolbar .tool { height: 40px; padding: 10px 20px; background-repeat: no-repeat; background-position: right 15px; } #toolbar .tool.last { background-image: none; } #toolbar .tool INPUT { border: 1px solid #65446A; } #toolbar .tool INPUT.submit { background: #65446A; color: white; text-transform: uppercase; } #toolbar A { color: #937598; font-weight: bolder; } #toolbar A:hover { color: #BC66CB; } */ #mainmenu { width: 100%; clear: both; font-size: 15px; font-weight: bold; text-transform: lowercase; height: 30px; } #mainmenu UL { list-style: none; margin-left: 10px; } #mainmenu UL LI { display: block; float: left; padding: 0;} #mainmenu UL LI { background-image: url(/media/img/menu_separator.gif); background-repeat: no-repeat; padding: 0 0px; background-position: right; } #mainmenu UL LI.last { background-image: none; } #mainmenu A { color: #826686; color: #888; text-decoration: underline; } #mainmenu A.active { color: #BC66CB; color: #335; text-decoration: underline; } #mainmenu A:hover { color: #BC66CB; color: #335;} #grid-layout { padding-top: 2px; border-top: 2px solid black; } #grid-layout TABLE.layout { border-collapse: collapse; width: 100%; clear: both; } #grid-layout TABLE.layout TD { vertical-align: top; } #left-column, #right-column { width: 200px; padding-bottom: 40px; } #right-column A:hover { color: #bc66cb; text-decoration: none; } #left-column UL.categories { padding-top: 0px; padding-bottom: 20px; } #left-column UL, #right-column UL { font-family: tahoma,sans-serif; font-size: 14px; } #left-column UL { font-family: tahoma,sans-serif; font-size: 18px; list-style: none; } #left-column UL A, #right-column UL A { text-decoration: none; color: #888;} #left-column UL A { color: #99a; text-decoration: underline; } #left-column UL LI UL LI A { text-decoration: none; } #left-column UL A:hover, #right-column UL A:hover, #left-column UL A.current, #right-column UL A.current { color: #ddf;} #left-column UL { list-style: none; /* padding-left: 5px; */ font-family: tahoma,sans-serif; } #left-column UL LI { /* padding: 20px 0; margin-right: 20px; padding-left: 15px; */ /* border-bottom: 1px solid #f5e6f8; */ } #left-column UL { margin: 0; padding: 0; } #left-column UL LI { list-style: none; margin: 30px 0; padding: 0; margin-left: 20px; } #left-column UL LI UL { margin: 10px 0px; } #left-column UL LI UL LI { margin: 10px 0; margin-left: 0px; } /* #left-column UL LI UL LI.style1 { margin-left: 10px; } #left-column UL LI UL LI.style2 { margin-left: 40px; } */ #left-column UL LI.category A { display: block; text-indent: -10000px; width: 121px; height: 62px; background-repeat: no-repeat; border: 4px solid black;} #left-column UL LI.category UL LI A { width: 121px; height: 32px; background-repeat: no-repeat; border: 2px solid black; } #left-column UL LI.category A.category-divers { background: url(../img/categories/divers.png); } #left-column UL LI.category A.category-divers:hover { background: url(../img/categories/divers_clic.png); } #left-column UL LI.category A.category-chapeaux { background: url(../img/categories/chapeaux-de-cocktail.png); } #left-column UL LI.category A.category-chapeaux:hover { background: url(../img/categories/chapeaux-de-cocktail_clic.png); } #left-column UL LI.category A.category-bijoux { background: url(../img/categories/bijoux.png); } #left-column UL LI.category A.category-bijoux:hover { background: url(../img/categories/bijoux_clic.png); } #left-column UL LI.category A.category-housses-pour-mobiles { background: url(../img/categories/housses-pour-mobiles.png); } #left-column UL LI.category A.category-housses-pour-mobiles:hover { background: url(../img/categories/housses-pour-mobiles_clic.png); } #left-column UL LI.category A.category-barettes { background: url(../img/categories/barrettes.png); } #left-column UL LI.category A.category-barettes:hover { background: url(../img/categories/barrettes-clic.png); } #left-column UL LI.category A.category-dread-falls { background: url(../img/categories/dread-falls.png); } #left-column UL LI.category A.category-dread-falls:hover { background: url(../img/categories/dread-falls_clic.png); } #left-column UL LI.category A.category-boucles-d-oreilles { background: url(../img/categories/boucles-d-oreilles.png); } #left-column UL LI.category A.category-boucles-d-oreilles:hover { background: url(../img/categories/boucles-d-oreilles_clic.png); } #left-column UL LI.category A.category-bracelets { background: url(../img/categories/bracelets.png); } #left-column UL LI.category A.category-bracelets:hover { background: url(../img/categories/bracelets_clic.png); } #left-column UL LI.category A.category-colliers { background: url(../img/categories/colliers.png); } #left-column UL LI.category A.category-colliers:hover { background: url(../img/categories/colliers_clic.png); } #right-column UL LI { padding: 5px 0; } #right-column UL { padding-top: 15px; } #right-column UL { line-height: 14px; list-style: none; margin-left: 20px; padding-bottom: 20px; } #right-column UL LI { line-height: 20px; } #right-column UL LI.cart { font-size: smaller; } #right-column .checkout { font-style: italic; font-size: smaller; color: #bc66cb; color: #4a764e; color: #DDFDF5; color: #937598; color: #FEE0FD } #right-column .checkout:hover { color: #937598; color: #DDFDF5; } #right-column LI.cart { margin-left: 10px; margin-bottom: 20px; } #right-column .tool { padding: 10px 20px; text-align: left; } #right-column .tool .submit { margin-top: 5px; font-size: smaller; } #right-column .tool INPUT { border: 1px solid silver; background: black; color: white; padding: 1px; } #right-column .tool INPUT:hover { background: white; color: black; } #right-column { background: #222; } #left-column { background: #222; } #main-column H2, #left-column H3, #right-column H3 { height: 18px; padding: 10px 20px; line-height: 18px; margin-bottom: 10px; font-size: 18px; font-style: italic; /* background: #BC66CB; color: white; */ background: black; color: white; text-transform: uppercase; clear: both; } #left-column H3, #right-column H3 { font-family: impact; font-style: normal; font-size: 25px; font-weight: normal; /* background: #380b82 url(/media/img/bg-h.png) bottom no-repeat; */} #left-column H4, #right-column H4 { margin-left: 20px; border-bottom: 1px solid black; margin-bottom: 10px; } #main-column H3 { font-size: 20px; color: #7a2789; color: #111; margin-top: 20px; margin-bottom: 10px; clear: both; } #main-column H4 { font-size: 14px; margin-top: 20px; clear: both; } #main-column FORM { margin: 20px; } #right-column P { margin-left: 20px; margin-right: 10px; } #right-column P { color: #7a2789; width: 160px; } #right-column .product P { margin-left: 0px; } #main-column H2 { font-size: 30px; font-style: normal; padding-left: 0; background: transparent; color: #770FBA; color: black; xx-font-variant: small-caps; margin-top: 5px; font-family: Cochin, Minion, sans; font-size: 35px; margin-top: 10px; text-transform: none; } #main-column { font-size: 12px; background-color: #FDFAFF; background-color: #FEFCFF; } #content { margin-left: 20px; margin-right: 0px; padding-bottom: 40px; width: 540px !important;} #content hr { margin: 20px 0; border: none; border-top: 1px solid gray; } #main-column P { margin-bottom: 10px; } #main-column P STRONG { color: #7a2789; font-size: 120%; } #main-column P.more { text-align: right; } #main-column UL { margin: 20px; } #main-column TABLE { margin: 20px; width: 450px; } #main-column UL.product-list { list-style: none; margin-left: 0; } #main-column UL.product-list LI { display: inline-block; width:255px; } #main-column UL.product-list LI A { display: block; } #main-column UL.product-list-related LI { margin-top: 0; } #main-column FORM { clear: both; padding: 0; margin: 0; } #main-column FORM.checkout_login { padding: 0 20px; margin: 0 40px; border: 2px solid #888; font-size: smaller; color: #333; } #main-column #payement { color: #7a2789; color: #222; font-size: 14px; } #main-column #payement label, #main-column #payement strong { color: black; } #main-column #payement .button-checkout-purchase { margin-top: 20px; margin-bottom: 20px; } #main-column #payement .footprints { font-size: 12px; } /* .checkout-button { text-align: right; } .checkout-button A { font-size: 20px; font-weight: bolder; color: green; color: #4a764e; text-decoration: none; } .checkout-button A:hover { text-decoration: none; color: green; } */ .checkout-button { position: relative; height: 30px; } .checkout-button A { display: block; width: 103px; height: 38px; text-indent: -10000px; position: absolute; right: 10px; background: url(../img/buttons/1commander.png); } .checkout-button A:hover { background: url(../img/buttons/1commander_clic.png); } #id_update_submit { font-size: 10px; } .product { clear: both; color: #C49ACC; color: #111; font-size: 12px; margin: 30px 0;} .product .picture { border: 1px solid #EEE2F0; display: block; float: left; margin: 0 20px 10px 20px; } .product IMG { border: 0; } .product .title A { color: #7A2789; color: #111; font-size: 13px; text-transform: uppercase; text-decoration: none; } .product .title A:hover { text-decoration: underline; } .product .price { font-size: 14px; font-weight: bolder; color: #222; } .product .price A { color: #222; text-decoration: none; } .product .price A:hover { text-decoration: underline; } .product .stock { font-style: italic; font-size: 13px; color: #7A2789; color: #335; } .product.brief .title A { font-size: 10px; } .product.brief .picture { margin-right: 5px; } .product .small-picture { display: inline; margin: 5px; } #checkoutprogress UL { font-size: 16px; list-style: none; } #checkoutprogress UL LI { background-image: url(/media/img/arrow-grey.png); background-repeat: no-repeat; background-position: 0 5px; line-height: 20px; padding-left: 20px; } #checkoutprogress UL LI.first { background-image: url(/media/img/arrow.png); } #checkoutprogress UL LI.active { background-image: url(/media/img/arrow-select.png); color: #7a2789; font-size: 20px; margin: 10px 0; } #right-column .recentview ._dtr { margin: 20px 0; clear: right; } #right-column .recentview .recentitem { padding: 5px 0; background: #333; padding-left: 20px; margin-top: 20px; display: block; } #right-column .recentview .recentitem SPAN { } #right-column .inquiry strong { color: #FEE0FD } #footer { background: #000; /* background-image: url(/media/img/bottom_inv_bg.png); */ background-repeat: no-repeat; background-position: bottom center; height: 25px; color: white; font-size: 10px; padding: 10px 10px; } #footer P { margin-left: 20px; text-align: right; } #footer P.left { position:absolute; text-align: left; } #footer P.left A { text-decoration: underline; } #footer P.left A STRONG { font-size: larger; } #footer A { color: #eee; text-decoration: none;} #footer A:hover { color: #ddd; } #new_products { margin-top: 1em; } #new_products .product { float: left; clear:none; display:block; float:left; margin:10px; overflow:hidden; width:150px;} #new_products .product .picture { display: block; height: 140px; border: 0; margin: 0;} #content ._dtr { display: block; } .payment-order-items { color: #7a2789; color: #333; } #checkout-form .footprints { font-size: smaller; margin-top: 1em; text-align: right; margin-right: 40px; } #main-column .checkout_login TABLE { width: 400px; } /** openables **/ .openable_container .openable { display: none; } .openable_container.open .openable { display: block; } .openable_container.open .closable { display: none; } .login_or_signup { font-size: 15px; font-weight: bold; color: #7a2789 !important; } .checkout_login .notice { font-size: 15px; } #buy-button { text-indent: -10000px; display: inline; width: 103px; height: 38px; background: url(../img/buttons/bouton_jeveux_permanent.png); } #buy-button:hover { background: url(../img/buttons/bouton_jeveux_clic.png); } #content FORM#options { text-align: right; float: right; padding-right:80px; } /* .checkout-process-button { background: #4A764E !important; color: white !important; font-weight: bolder; margin: 20px 0; } .checkout-process-button:hover { background: #a0dda8 !important; color: green !important; } */ .checkout-process-button { display: block; width: 103px; height: 38px; text-indent: -1000px; } INPUT.button-checkout-continue { background: url(../img/buttons/2continuer.png); } INPUT.button-checkout-continue:hover { background: url(../img/buttons/2continuer_clic.png); } INPUT.button-checkout-confirm { background: url(../img/buttons/3confirmer.png); } INPUT.button-checkout-confirm:hover { background: url(../img/buttons/3confirmer_clic.png); } INPUT.button-checkout-purchase { background: url(../img/buttons/4payer.png); } INPUT.button-checkout-purchase:hover { background: url(../img/buttons/4payer_clic.png); } #right-column li.cart-link A { font-weight: bold; color: #937598; } #remove-from-cart-button { text-transform: none; color: black; background: white; font-size: smaller; text-decoration: underline; } #remove-from-cart-button:hover { color: red; } #cado { position: relative; margin-top: 1em; } #cado .animation { position: absolute; top: 7px; left: 7px; z-index: 10; } .cado-content { margin-bottom: 1em; } .cado-content .cado-big { font-size: 16px; } #main-column .cado-content .cado-small { font-style: italic; } #main-column .cado-content .cado-small strong { color: black; text-decoration: underline; font-weight: normal; } #main-column .cado-content UL { list-style: dash; } #main-column .cado-content UL LI A { display: block; padding-left: 30px; } #main-column TABLE.cart { width: 500px; } TABLE.cart TH { background: black; color: white; } TABLE.cart TD { border-top: 1px silver dotted; padding: 4px; } TABLE.cart #id_quantity { width: 2em; } TABLE.cart #id_update_submit { font-size: smaller; } TABLE.cart .total TD { padding: 20px 4px; } #product_category .description { font-style: italic; font-size: larger; } #cado { margin-right: -4px; margin-left: -4px; } /* new buttons */ .new-button A { display: block; background-repeat: no-repeat; text-indent: -10000px; width: 103px; height: 38px; } .button-signup A { background-image: url(../img/buttons/creercompte.png); } .button-signup A:hover { background-image: url(../img/buttons/creercompte_clic.png); } .button-login A { background-image: url(../img/buttons/seconnecter.png); } .button-login A:hover { background-image: url(../img/buttons/seconnecter_clic.png); } .button-logout A { background-image: url(../img/buttons/sedeconnecter.png); } .button-logout A:hover { background-image: url(../img/buttons/sedeconnecter_clic.png); } .button-account-details A { background-image: url(../img/buttons/details_compte.png); } .button-account-details A:hover { background-image: url(../img/buttons/details_compte_clic.png); } .button-cart A { background-image: url(../img/buttons/bouton_panier_permanent.png); height: 38px; } .button-cart A:hover { background-image: url(../img/buttons/bouton_panier_clic.png); } /* more payment methods */ .payment-methods { list-style: none; } .payment-methods .payment-message { display: none; margin: 10px; margin-left: 0px; font-size: 10px; } .payment-methods .shown { display: block; } .payment-methods strong { font-size: inherit; color: black; } .new-payment-methods { color: white !important; margin-top: 20px; } .new-payment-methods strong { color: #f80; } #pub-vente-amis { margin: 20px; border: 2px solid black; } .payment-methods .payment-message { font-size: 11px; } .cheque-payment-message em { font-size: 14px; font-weight: bold; font-style: normal; text-decoration: underline; } .msn { background: white; padding: 5px; position: relative; } .msn .logo { position: absolute; top: 5px; right: 15px; } .msn STRONG { font-size: 15px; } .msn A { text-decoration: none; margin: 2px; line-height: 20px; } .msn A IMG { vertical-align: top; } TD.form-error { color: red; } #news { border-bottom : 1px dotted silver; padding-bottom: 10px;} #right-column .recentview { margin-top: 40px; } #right-column, #left-column { color: silver; }