/*---------------------------- WebCMS @2011 by Olivier Toscano contact : info@webcms.lu url : webcms.lu society : WebCMS S.à r.l. ------------------------------*/ @import "lightbox/jquery.lightbox-0.5.css"; @import "jqzoom.css"; *{ margin:0; padding:0; } body { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #313131; background-color: #fff; /** background: #fff url(layout/bg.jpg) repeat 0 0;*/ } img{ border:0; } a { font-weight:normal; font-size: 1em; color:#000; text-decoration:none; } a:hover { text-decoration:underline; } input, textarea, select { border:1px solid #dadada; border-color:#dadada #dadada #e3e3e3 #e3e3e3; } /*input:hover, input:focus, textarea:hover, textarea:focus { border-color:#333; }*/ .hide { display:none; } .bold {font-weight:bold;} .cb { clear:both; } /* message systeme */ .msgok { color: green; border: 1px solid #d8d8d8; border-style:solid none; padding: 2px; font-size: 1.2em; background-color: #fefce8; } .msgnok { color: red; border: 1px solid #d8d8d8; border-style:solid none; padding: 2px; background-color: #fefce8; } /* positionnement */ div#header_wrapper, div#bloc, div#utils_wrapper, div#followUs_wrapper, div#footer_wrapper { width: 1000px; margin:0 auto; text-align: left; border: 1px solid #333; border-style: none; } /* position relative */ div#header_wrapper, div#bloc, div#footer { position: relative; } div#page { padding: 10px 0; } /*----------------------- * HEADER *-----------------------*/ div#header { width:100%; min-height: 148px; color: #fff; background: #313131 url(layout/bg_header.jpg) repeat-x 0 0; } div#header_wrapper { min-height: 148px; background: transparent url(layout/header.png) no-repeat 0 0; } /* logo */ div#logo { position:absolute; top:0; left:0; padding: 1px 5px; width:290px; height:85px; } div#logo h1 { font-size: 12pt; font-weight: normal; } div#logo h1 a { display:block; width:290px; height:85px; color: #e5e5e5; text-decoration: none; } /* slogant */ div#slogant { display: none; position:absolute; top:62px; left:28px; z-index:1; font-size:9pt; color:#fff; } /* account */ div#account { position:absolute; top:50px; right:368px; width:178px; padding:10px; } div#account p { padding: 5px 0; } div#account p a { color: #fff; } div#account a.accountlink { position:absolute; top:9px; left:5px; display:block; width:136px; height:14px; } div#account p.orderFollow {} div#account p.orderFollow a span { } /* form auth */ div#myAccountLoginForm { position: absolute; top:50px; left:5px; z-index: 99; display: none; width: 200px; border: 1px solid #333; background-color: #313131; } div#myAccountLoginForm form#logForm { padding: 10px; } div#myAccountLoginForm form#logForm p {} div#myAccountLoginForm form#logForm p label { display: block; } div#myAccountLoginForm form#logForm p input[type=text], div#myAccountLoginForm form#logForm p input[type=password] { width: 180px; } div#myAccountLoginForm form#logForm p input[type=submit] { width: 80px; } div#myAccountLoginForm form#logForm p.form-action, div#myAccountLoginForm form#logForm p.pass-oublie { text-align: center; } div#doLoginResult { text-align: center; } /* info panier */ div#mycartinfo { position:absolute; top: 60px; right:0px; z-index:99; display: block; width: 158px; height: 41px; text-align: center; } div#mycartinfo p.mycartinfo { position:relative; margin-top: 20px; } div#mycartinfo p.mycartinfo a { color:#000; text-align: left; font-size:8pt; } div#mycartinfo p.mycartinfo a:hover { text-decoration: underline; } div#mycartinfo p.mycartinfo span { font-weight: normal; } div#boxShowMyCart { position: absolute; top:40px; left:-1px; z-index: 99; display: none; width: 158px; border: 1px solid #D40060; border-style: none solid solid; } div#boxShowMyCart input { margin: 5px 0; padding: 2px 8px; color: #fff; background-color: #313131; border: 1px solid #D40060; } /* newsletter */ div#header div.newsletterHeader { display:none; position:absolute; bottom: 85px; right: 143px; z-index:1; } /* feed */ div#feed { display: none; } /* header links */ div#header-links { position: absolute; top: 26px; right: 10px; z-index: 1; } div#header-links a { color: #fff; font-size: 1.2em; margin-left: 20px; } /* annonces */ div#annonces { position: absolute; top:2px; right:0; z-index:2; display: block; width:703px; height:16px; color: #313131; overflow:hidden; } div#headerContact { display: none; } /* Navigation */ /* menu */ div#navigation { display: block; position:absolute; top: 115px; left:0; z-index: 20; width:100%; padding:0; margin:0; font-size:1em; } div#navigation ul#menu { position: relative; list-style-type:none; padding:0; margin:0; width: 100%; } div#navigation ul#menu li { position: relative; text-align:left; height: 23px; } div#navigation ul#menu li.menuitem, div#navigation ul#menu li.menuitem a { display: block; width: auto; height: 30px; } div#navigation ul#menu li.menuitem a:first-child { font-size: 12px; } div#navigation ul#menu li.menuitem:hover, div#navigation ul#menu li.menuitem a:hover, div#navigation ul#menu li.menuitem a.active { text-decoration: none; background: transparent url(layout/nav_selected.png) no-repeat center bottom; } div#navigation ul:first-child li.menuitem { float: left; margin-left: 20px; } div#navigation ul:first-child li:first-child { margin-left: 0; } /* sous menu */ div#navigation ul#menu li ul { display: none; position:absolute; top:30px; z-index: 150; width: 200px; padding:4px; list-style-type:none; color: #000; background-color: #fff; } div#navigation ul#menu li ul li { display: list-item; margin-left:0; height: auto; background-color: #dbdbdb; } div#navigation ul#menu li.menuitem ul li a { width: auto; height: 20px; line-height: 20px; background: none; padding: 4px 6px; } div#navigation ul#menu li.current ul li a, div#navigation ul#menu li ul li a { font-size:12px; color:#535353; background-color: #fff; } div#navigation ul#menu li.current ul li a:hover, div#navigation ul#menu li.menuitem ul li a:hover { text-decoration: none; background-color: #fff; background-image:none; } div#navigation ul#menu li ul li div.helper { position:absolute; top:3px; right:8px; z-index:155; display:none; width:15px; height:15px; background: transparent url(layout/help.png) no-repeat 0 0; } div#navigation ul#menu li ul li div.helperContent { position:absolute; top:15px; left:0; z-index:155; display:none; width:10px; line-height:10pt; margin:0 0 0 140px; padding:3px; color:#fff; background-color:#9f9f9f; } /*----------------------- * CONTENT *-----------------------*/ div#bloc { min-height: 500px; } p.follow { margin: 11px 0 4px; } /* pages */ div.getpage_wrapper_cell2 { background-color: #fff; border: 1px solid #949494; min-height: 500px; padding-left: 50px; margin-bottom: 20px; } div.pages h1, div.pages h2 { margin: 11px 0; } div.pages h3 { margin: 4px 0; } div.pages p { margin: 4px 0; } /* a supprimer */ div#blocRight { display: none; } div#shopLeft { display: none; } /* encart pub homepage */ div.indexBloc { position:relative; } div.indexBloc div.indexBlocContent, div.indexBloc div.indexBlocSlide { float: left; display: block; } div.indexBloc div.indexBlocContent { position: relative; width:480px; } div.indexBloc div.indexBlocContent h1, div.indexBloc div.indexBlocContent h2, div.indexBloc div.indexBlocContent h3 { margin: 0 0 11px 0; } div.indexBloc div.indexBlocContent p { margin:0; } div.indexBloc div.indexBlocSlide { width: 520px; height: 370px; overflow: hidden; } div.indexBloc div.indexBlocSlide img { display: block; width: 523px; height: 369px; } div#indexBlocSlidePager { position: absolute; top: 20px; right:-520px; display: block; z-index:10; font-size:.5em; } div#indexBlocSlidePager a { float: left; display: block; width: 30px; height: 30px; border: 1px solid #b8b8b8; background-color: #e6e6e6; color: #e6e6e6; margin-right: 10px; } div#indexBlocSlidePager a:hover, div#indexBlocSlidePager a.activeSlide { border: 1px solid #9085BA; background-color: #9085BA; color: #9085BA; } div.indexBloc div.description { display: block; padding: 10px 20px; margin: 10px 0; background-color: #fff; } /* products homepage */ div.homeProducts h1.categorieTitle { margin: 11px 0; } div.homeProducts p.categorieTeaser {} div.homeProducts h1.categorieTitle, div.homeProducts p.categorieTeaser { margin-left: 0; } div.products { margin: 10px 0; } div.productCell { position:relative; float:left; width: 331px; height: 331px; margin-bottom: 10px; border: 1px solid #949494; border-style: solid; background-color: #fff; } div.productCell p { padding:2px 6px; } div.productCell p.productImg { border:0; padding:10px 0 10px 10px; text-align:left; } div.productCell p.productImg { height: 240px; } div.productCell p.productImg a, div.productCell p.productImg img { width: 240px; height: 240px; } div.productCell p.productImgOriginale { position: absolute; top: 10px; left: 214px;} div.productCell p.productImgOriginale img { width: 100px; border: 3px solid #fff; } div.productCell p.productTitle { } div.productCell p.productTitle a { color: #333; font-size: 1.2em; } div.productCell div.productDesc { text-align: left; display:block; width: 319px; height:62px; padding:2px 6px; font-size: 11px; overflow:hidden; color: #fff; background-color: #313131;} div.productCell div.productDesc a { color: #fff; } div.productCell div.productDesc h3 { display: inline; font-weight: normal; font-size: 11px; } div.productCell p.productNew { position: absolute; bottom:0; left:0; z-index:3; padding:0; display:block; width:100%; height:20px; line-height: 20px; color: #fff; background-color:#313131; text-transform: uppercase; font-size: 1.2em; text-align: center; } div.productCell p.productPrice { position: absolute; bottom:0; left:0; z-index:1; font-size: 1.5em; padding:0; background-color: #eee; width: 100%; height: 40px; } div.productCell p.productPrice span { display:block; } div.productCell p.productPrice a.showThisProduct { position: absolute; top: 2px; left: 5px; z-index:1; color:#d3005f; margin:0; font-size: .9em; } div.productCell p.productPrice span.price { position: absolute; top: 2px; right: 5px; z-index: 1; } div.productCell p.productPrice span.discountAmount { position: absolute; top: 2px; right: 73px; font-size:1em; color:#d3005f; } div.productCell p.productPrice span.discountPrice { position: absolute; top: 2px; right: 130px; font-size:1em; font-weight: bold; } div.productCell p.productPrice span.strike { text-decoration: line-through; } div.homeProducts div.showAll { margin:10px 0 10px 10px; padding:8px 6px; text-align: right; border:1px solid #949494; border-style: solid none; } div.homeProducts div.showAll a { padding:4px 6px; color:#fff; background-color:#bfbfbf; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } /* shop Category */ div#shopCategory {} div#shopCategory h1 { color: #949494; font-size: 16pt; } /* div#shopCategory div.shopDescription { padding: 6px 12px; display: block; width: 976px; height: 40px; overflow: hidden; } */ div#shopCategory div.shopCategoryImage { display: block; width: 1000px; overflow: hidden; margin-top: 20px; } div.categories-list { margin-bottom: 20px; } div.categories-list ul { list-style-type:none; margin:0; padding:0; } div.categories-list ul:first-child { margin-top:10px; } div.categories-list ul li { position:relative; z-index:1; float:left; display:block; width:331px; height:331px; margin:0; border:1px solid #c9c9c9; overflow:hidden; background-color: #fff; } div.categories-list ul li h3 { width: 100%; height: 30px; font-size: 1.4em; padding: 3px 6px; color: #fff; background-color: #313131; } div.categories-list ul li h3 a { color:#fff; text-decoration: none; } div.categories-list ul li:hover h3 { background-color: #949494; } div.categories-list ul li span.showAllProducts { position: absolute; top:22px; left:6px; font-size: 10px; } div.categories-list ul li span.showAllProducts a { color: #fff; } div.categories-list ul li ul.products-slide, div.categories-list ul li div.description { margin-left: 10px; margin-top: 10px; } div.categories-list ul li div.description { height: 28px; overflow: hidden; } div.categories-list ul li ul.products-slide li, div.categories-list ul li ul.products-slide li a, div.categories-list ul li ul.products-slide li img { display: block; width: 240px; height: 240px; } div.categories-list ul li a.btn-prev, div.categories-list ul li a.btn-next { position: absolute; top: 180px; right: 0; z-index: 2; display: block; width: 22px; height: 43px; background: transparent url(layout/next.gif) no-repeat 0 0; } div.categories-list ul li a.btn-prev { right: 50px; background-image: url(layout/prev.gif); } div.categories-list ul li a.btn-next { right: 20px; top: 200px; background-image: url(layout/next.gif); } div.categories-list ul li a.btn-prev:hover , div.categories-list ul li a.btn-next:hover { text-decoration: none; } /* shop sub-category */ div.products-list, div.products-discover { float: left; display: block; width: 680px; } div.products-discover { width: 316px; height: 820px; margin: 10px 0; overflow: hidden; border: 1px solid #313131; } div.products-discover h4 { margin: 4px 6px 20px; font-size: 1.2em; } div.products-discover ul { list-style-type: none; margin:0 auto; padding:0; width: 260px; height: 790px; overflow: hidden; } div.products-discover ul li, div.products-discover ul li a, div.products-discover ul li img { display: block; width: 170px; height: 170px; margin: 0 auto; } div.products-discover ul li { margin-bottom: 20px; } /* shop page's navigation */ .navpages_wrapper { margin-right: 14px; padding:3px 0;height: 18px; text-align: center; border: 1px solid #949494; border-style: solid none; background-color: #fff; } .navpages { margin: 0 auto; width: 150px; font-size: 1.2em; line-height: 18px; } .navpages a, .navpages span { float: left; margin: 0 3px; } .navpages a.lt, .navpages a.gt { width: 9px; height: 18px; background: transparent url(layout/page_preview.png) no-repeat 0 0; } .navpages a.lt { background-image: url(layout/page_preview.png); } .navpages a.gt { background-image: url(layout/page_next.png); } .navpages a.active { text-decoration: underline; } /* votre avis */ .votre-avis {} .votre-avis p { margin: 11px 0 11px 100px; width: 400px; } .votre-avis p.myAccountBtn { margin-top: 10px; } .votre-avis form textarea { width: 400px; height: 100px; font-size: 1em; } /* contact */ div#pageContact { margin-top:20px; } div#pageContact form { margin-bottom: 20px; } div#pageContact form fieldset { border:0; margin:0 0 20px 0; } div#pageContact form fieldset div { margin:5px 0; } div#pageContact form fieldset div label { display:block; width:100px; text-align:right; float:left; padding:2px 5px 2px 0; } div#pageContact form fieldset div input[type=text] { width:200px; } div#pageContact form fieldset div textarea { width:400px; height:100px; } div#pageContact div.contact { margin:0 0 30px 0; } div#pageContact div.contact span { color:#434343; } p.floatImg { height:20px; line-height:20px; } p.floatImg img { float:left; margin:0 10px 0 0; } /*----------------------- * PRODUCTS PAGE *-----------------------*/ div#productHeader { margin-bottom: 20px; } div#productHeader div.header2, div#productHeader div.accroche { color: #949494; } div#productHeader div.header2 { font-size: 16pt; } div#productHeader div.accroche { font-size: 14pt; } div#product, div#options { float: left; width: 355px; min-height: 200px; margin-bottom: 20px; border: 1px solid #313131; } /* product */ div#product { position: relative; width: 640px; background-color: #fff; } div#product div.productPicture { width: 420px; margin: 10px 0 0 120px; } div#product div.productPicture div.image img { width: 420px; height: 420px; } div#product div.productPicture p.howtoShowImg { padding: 2px 0 2px 30px; margin: 4px 0 2px; font-size: 1em; background: transparent url(layout/loupe.png) no-repeat 0 0; } div#product div.imageDescription { margin-left: 150px; } div#product .otherImages { position: absolute; top: 0; left: 10px; z-index: 1; } div#product .otherImages { display: block; width: 100px; height: auto; overfow: hidden; } div#product .otherImages a { display: block; width: 100px; height: 100px; overflow: hidden; margin: 10px 0; } div#product .otherImages a img { width: 200px; } /* product social */ div#product div.product-social { position: relative; height: 50px; border: 1px solid #313131; border-style: solid none solid none; overflow: hidden; } div#product div.product-social iframe.facebook-iframe { margin-top: 13px; margin-left: 10px; border:none; width:540px; height:37px; } div#product div.product-social div.product-followus { position: absolute; top:0; right:0; z-index: 1; } /* product description */ div#product div.product-description { min-height: 100px; padding: 10px; width: 620px; overflow: hidden; } div#product div.product-description p:first-child { font-size: 1.4em; margin-bottom: .5em; } /* div#product div.product-description div.wrapper-outer { background-color: #fde8cc; padding: 10px; display: block; width: 600px; height: 100px; } div#product div.product-description div.wrapper-outer h4 { font-weight: normal; font-size: 1.4em; margin:0 0 .5em 0; } div#product div.product-description div.wrapper-outer div.border-outer { display: block; width: 100%; height: 100px; border: 1px solid #ee714a; overflow: auto; } div#product div.product-description div.wrapper-outer div.outer { min-height: 200px; } */ div#product div.product-description h4 { font-weight: normal; font-size: 1.4em; margin:0 0 .5em 0; } /* product foot links */ .hidden { display: none; } .product-foot-links {} .product-foot-links ul.pflinks { list-style-type: none; margin: 0; padding-left: 20px; background-color: #d2d2d2; height: 25px; } .product-foot-links ul.pflinks li { position: relative; float: left; display: block; width: 155px; height: 25px; } .product-foot-links ul.pflinks li a { text-decoration: none; display: block; width: 125px; height: 25px; line-height: 25px; padding-left: 30px; background: transparent url(layout/tick.png) no-repeat 0 0; } .product-foot-links ul.pflinks li a:hover { color: #949494; } .product-foot-links ul.pflinks li div.infoBlock { position: absolute; top:25px; left:0; z-index: 100; display: none; width: 200px; height: 200px; overflow: hidden; border: 1px solid #313131; background-color: #fff; } /* options */ div#options { padding-bottom: 20px; border-style: solid solid solid none; background: transparent url(layout/product_options_bg.png) repeat 0 0; } div.shopProductPrices { position: relative; display: block; width: 347px; height: 98px; margin: 5px auto; background: transparent url(layout/product_price_bg.png) no-repeat 0 0; } div#options div.cell { padding-left: 40px; margin-bottom: 20px; } div#options div.cell textarea { width: 300px; height: 80px; border:1px solid #fff; border-color: #313131 #949494 #949494 #313131; } div#options div.cell textarea { font-size: 1em; } div#options div.cell p.optTitle { font-weight: bold; } div#options div.cell div.learnMore { display: none; } div.approx span.price, div.approx span.remise, div.approx span.initPrice { position: absolute; top: 30px; right: 14px; } div.approx span.remise { right: 100px; color: #d40060; } div.approx span.initPrice { top: 8px; } div.approx span.remise, div.approx span.price { font-size: 1.6em; } div.approx span.initPrice { font-size: 1.4em; text-decoration: line-through; } div.approx { padding: 4px 14px; } div.approx span.fees {} div.shopProductPrices div.checkout { position: absolute; bottom: 10px; right: 10px; z-index: 1; } div.shopProductPrices div.checkout a { display: block; width: 135px; height: 37px; background: transparent url(layout/btn_commander.png) no-repeat 0 0; } div.shopProductPrices div.checkout a span { display: none; } div.shopProductPrices div.epuise { text-transform: uppercase; color: red; font-size: 1.2em; } div.uploadPictures {} form.upPicForm p label { margin-right: 5px; } div.cell p.photoFormat { margin: 6px 0; } div.approx span.prod, div.infoProd, div.productDescription, p.optTitle span.cpt, div.approx span.modele, div#pegArea, div#productServices { display: none; } /* produits enfant */ div#shopProductChilds { clear: both; position: relative; width: 1000px; margin-bottom: 20px; background-color: #fff; border: 1px solid #313131; } div#shopProductChilds div.actions { position: absolute; top:0; right:0; } div#shopProductChilds div.actions a.prevChild, div#shopProductChilds div.actions a.nextChild { float:left; display: block; width: 40px; height: 40px; text-decoration: none; margin-left: 1px; background: transparent url(layout/btn-slider.gif) no-repeat 0 0; } div#shopProductChilds div.actions a.prevChild { } div#shopProductChilds div.actions a.nextChild { background-position: -41px 0; } div#shopProductChilds p.childTitle { padding: 10px; height: 17px; font-size: 1.4em; border-bottom: 1px solid #313131; } div#shopProductChilds div.sliderChilds { margin-left: 20px; } div#shopProductChilds ul { list-style-type: none; margin:0; padding:0; display: block; width: 1000px; height: 220px; overflow: hidden; } div#shopProductChilds ul li { float: left; display: block; width: 200px; height: 200px; margin: 10px 20px; } div#shopProductChilds ul li .productImg, div#shopProductChilds ul li .productImg a, div#shopProductChilds ul li .productImg img { display: block; width: 200px; height: 200px; } div#shopProductChilds ul li .productTitle, div#shopProductChilds ul li .productDesc, div#shopProductChilds ul li .productPrice { display: none; } /* produits associes */ div#shopProductAssoc { clear: both; position: relative; width: 1000px; margin-bottom: 20px; background-color: #fff; border: 1px solid #313131; } div#shopProductAssoc div.actions { position: absolute; top:0; right:0; } div#shopProductAssoc div.actions a.prev, div#shopProductAssoc div.actions a.next { float:left; display: block; width: 40px; height: 40px; text-decoration: none; margin-left: 1px; background: transparent url(layout/btn-slider.gif) no-repeat 0 0; } div#shopProductAssoc div.actions a.prev { } div#shopProductAssoc div.actions a.next { background-position: -41px 0; } div#shopProductAssoc p.assocTitle { padding: 10px; height: 17px; font-size: 1.4em; border-bottom: 1px solid #313131; } div#shopProductAssoc div.slider { margin-left: 20px; } div#shopProductAssoc ul { list-style-type: none; margin:0; padding:0; display: block; width: 1000px; height: 220px; overflow: hidden; } div#shopProductAssoc ul li { float: left; display: block; width: 200px; height: 200px; margin: 10px 20px; } div#shopProductAssoc ul li .productImg, div#shopProductAssoc ul li .productImg a, div#shopProductAssoc ul li .productImg img { display: block; width: 200px; height: 200px; } div#shopProductAssoc ul li .productTitle, div#shopProductAssoc ul li .productDesc, div#shopProductAssoc ul li .productPrice { display: none; } /* ajouter un produit au panier */ div#askCustomer { position: absolute; top:0; left:0; z-index: 999; display: block; width: 300px; height: 100px; border: 1px solid #313131; background-color: #fff; } div#askCustomer a { display: block; float: left; width: 120px; text-align: center; text-decoration: none; margin:20px 10px; padding: 4px 0;} div#askCustomer a.showCart { background-color: #d40060; color: #fff; -moz-border-radius: 8px; border-radius: 8px; } div#askCustomer p { clear: both; color: #d40060; margin:20px 0; text-align: center; } /*----------------------- * PANIER *-----------------------*/ div.shoppingCart, div.shoppingCartLeft { float: left; display: block; width: 210px; min-height: 200px; margin-bottom: 20px; background-color: #fff; } div.shoppingCartLeft { border: 1px solid #313131; } div#shoppingCart { width: 788px; } /* panier vide */ div.cartIsEmpty { text-align: center; margin: 20px; } div.cartIsEmpty p { margin: 11px 0; font-size: 1.4em; } div.cartIsEmpty p input[type=button] { font-size: 1em; } /* panier header */ div.panier-header {} div.panier-header p { margin: 20px 0 10px 190px; font-size: 2em; color: #d40060; } form#theCart {} form#theCart table.myTable { border-collapse: collapse; border: 1px solid #313131; border-style: solid solid solid none; } form#theCart table.myTable thead tr, form#theCart table.myTable tbody tr { border-bottom: 1px solid #313131; } form#theCart table.myTable tbody tr:last-child { border: none; } form#theCart table.myTable thead tr th { padding: 4px 0; } form#theCart table.myTable tbody td:first-child { text-align: center; } form#theCart table.myTable tbody td.designation { vertical-align:top; } form#theCart table.myTable tbody td.designation p.productName { margin-top: 20px; } form#theCart table.myTable tbody td.designation p.productName a { font-weight: bold; } table.myTable td.obl input, table.myTable td.obl select { background-color: #fefce8; } form#theCart table td.vide { background-color: #fff; height:6px; font-size:6px; } form#theCart table td.price { text-align:right; padding-right:1em; } form#theCart table span.strike { color:#000; text-decoration:line-through; } form#theCart table span.discount { color:red; } form#theCart table .noBorder { border:none; } form#theCart table .txtcenter, form#theCart table .txtcenter input[type=text] { text-align:center; } form#theCart table .productImage, form#theCart table .productImage a, form#theCart table .productImage img { display: block; width: 150px; height: 150px; margin: 0 auto; } form#theCart table .productImage { padding: 5px 0; } form#theCart span.cartOptions, form#theCart span.cartPictures, form#theCart span.infoComplementaire { display:block; margin-top:5px; color:#000; } form#theCart a.panier-delete { display: block; width: 23px; height: 23px; margin: 0 auto; } div.panier-actions { width: 600px; } div.panier-actions a, div.panier-price { float: left; display: block; width: 180px; margin-left: 10px; } div.panier-price { width: 200px; margin-left: 10px; } div.panier-price p:first-child { font-size: 1.2em; margin-top: 10px; } div.panier-price p:first-child span { margin-left: 50px; } div.panier-price p {} p.validate { color: #d40060; font-size: 1.4em; height: 38px; line-height: 38px; text-align: center; background: transparent url(layout/panier-validate-bg.jpg) repeat-x 0 0; } /* cde promo */ div#promoCode { float: right; width: 528px; padding-bottom: 10px; margin: 10px 0 0; border-bottom: 1px solid #949494; } div#promoCode input[type=text] { width: 120px; } /* maj panier: recalculer */ div#shoppingCartUpdate {} /* indication: frais de livraison */ div#transporteur {} /* recap prix */ div#shoppingCartPrices {} /* CGV */ form#cgvForm { clear: right; float: right; width: 300px; margin: 10px 228px 10px 10px; } form#cgvForm input[type=submit] { margin: 10px 0; } /* check out */ div#shoppingCartCheckout {} div#shoppingCartPrices, div#shoppingCartUpdate, div#transporteur { display: none; } /* stepOrder */ div.stepOrder { float: right; width: 300px; margin: 10px; } p.formResult { margin-top: 20px; } .tright { text-align: right; } div.stepOrder h3 { margin: 11px 0; } div#stepAuthentification { margin-right: 228px; } a.createAccount, form#stepAuthForm legend { font-size: 1.2em; } form#stepAuthForm { margin: 10px 0; padding: 10px 10px 20px; border: 1px solid #949494; } form#stepAuthForm fieldset { border: none; padding-top: 10px; } form#stepAuthForm fieldset p { clear: both; height: 20px; line-height: 20px; } form#stepAuthForm fieldset p label, form#stepAuthForm fieldset p input[type=text] { float: left; } form#stepAuthForm fieldset p label { display: block; width: 100px; } form#stepAuthForm fieldset p input[type=submit] { } form#stepAuthForm fieldset p:last-child { margin: 10px 0 0 100px; } div#stepAccount { width: 451px; margin-right: 77px; } div#stepAccount div.sep { border:1px solid #9f9f9f; border-style:solid none solid none; padding:10px 0; margin:10px 0 20px 0; } form#stepAccountForm table.myTable { } form#stepAccountForm table td.label { width: 70px; text-align: right; padding-right: 10px; } form#stepAccountForm table td.field { width: 140px; } form#stepAccountForm input[type=text], form#stepAccountForm input[type=password] { width: 140px; } form#stepAccountForm input#address1, form#stepAccountForm input#address2 { width: 366px; } div#stepAddress { width: 520px; } form#addressForm {} form#addressForm table.addressTable {} form#addressForm table.addressTable tr td { padding: 2px 0; } form#addressForm table.addressTable tr.row:hover { background-color: #dadada; } form#addressForm p.differentAddress { margin-bottom: 10px; } form#addressForm p.setNewAddress { margin-top: 15px; } form#addressForm p.setNewAddress label { padding-left: 15px; } form#addressForm table.myTable tr td.label { width: 70px; text-align: right; padding-right: 10px; } form#addressForm table.myTable tr td.field {} form#addressForm table.myTable tr td input#address1, form#addressForm table.myTable tr td input#address2 { width: 384px; } div#stepPayby { width: 400px; } /* div#stepPayby { position: absolute; top:0; right: 0; z-index: 2; display: block; width: 300px; background-color: #fff; color: #333; border: 1px solid #949494; } */ div#stepPayby h4 { clear: right; height: 25px; line-height: 25px; margin: 10px 0; font-size: 1.2em; border-bottom: 1px solid #bfbfbf; } div#stepPayby h4.paiementTitle { padding-left: 25px; background: transparent url(layout/cadena.gif) no-repeat 0 0; } div#recapOrder { min-height: 60px; background: transparent url(layout/panier-calculette.jpg) no-repeat 80px 0; } div#recapOrder table.pricesTable { float: right; margin-right: 20px; } div#recapOrder table.pricesTable tr td:first-child { width: 160px; } div#recapOrder table.pricesTable tr td:last-child { text-align: right; } div#stepPayby form#paybyForm { text-align: center; } div#stepPayby form#paybyForm ul { list-style-type: none; margin:0; padding: 10px 40px; } div#stepPayby form#paybyForm ul li { margin: 10px 0; } div#stepPayby form#paybyForm ul li label { margin-left: 10px; margin-bottom: 10px; border-bottom: 1px solid #949494; } div#stepPayby form#paybyForm ul li:last-child label { border-bottom: none; } div#stepPayby form#paybyForm ul li.cic, div#stepPayby form#paybyForm ul li.cic input, div#stepPayby form#paybyForm ul li.cic label { height: 26px; line-height: 26px; } div#stepPayby form#paybyForm ul li.paypal, div#stepPayby form#paybyForm ul li.paypal input, div#stepPayby form#paybyForm ul li.paypal label { height: 28px; line-height: 28px; } div#stepPayby form#paybyForm ul li.cheque, div#stepPayby form#paybyForm ul li.cheque input, div#stepPayby form#paybyForm ul li.cheque label { height: 55px; line-height: 55px; } div#stepPayby form#paybyForm input[type=image] { border: none; } div#stepPayby form#paybyForm p.secure { margin:0; font-size: 6pt; } /*----------------------- * RETOUR PAIEMENT *-----------------------*/ div.retourPaiement {} div.retourPaiement h2, div.retourPaiement h3 { color: #d40060; } div.retourPaiement h2 { margin: 11px 0; } div.retourPaiement div.panier-header p img { margin-left: 10px; } div.retourPaiement h3 { margin: 4px 0; } div.retourPaiement p { margin: 11px 0; } div.retourPaiement p a { text-decoration: underline; } div.retourPaiement div.orderTools {} div.retourPaiement div.orderTools a { display: block; margin: 10px 0; } div.retourPaiement div.orderTools a.favoris { padding-left: 40px; padding-top: 5px; height: 40px; background: transparent url(layout/favoris.png) no-repeat 0 0; } div.retourPaiement div.orderTools a.back { padding-left: 40px; height: 20px; line-height: 20px; background: transparent url(layout/retour.png) no-repeat 0 0; } div.retourPaiement div.signature { margin: 20px 0 0 250px; } div.retourPaiement div.tellus { margin-top: 30px; } /*----------------------- * MON COMPTE *-----------------------*/ #myAccount { min-height: 350px; } #myAccount h2, #orderDetails h2 { color: #9085ba; font-size: 1.6em; margin: 10px 0 10px 0; } #myAccount h3, #orderDetails h3 { height: 39px; line-height: 39px; margin: 10px 0 30px 0; padding-left: 20px; font-size: 1.4em; color: #000; background: transparent url(layout/account-title-bg2.jpg) repeat-x 0 0; } #myAccount h4, #orderDetails h4 { margin-top: 30px; font-size: 1.6em; font-weight: normal; color: #bfb8d7; border-bottom: 1px solid #bfb8d7; } #myAccount h5, #orderDetails h5 { padding: 4px 20px; margin: 10px 0; font-size: 1em; font-weight: normal; border: 1px solid #313131; } .hiddeDiv { display: none; } .accountNavigation, .ordersListing { float: left; display: block; margin-bottom: 20px; } .accountNavigation { position: relative; width: 180px; margin-top: 42px; padding: 20px 0 10px 0; background: transparent url(layout/mes-infos-bg.png) repeat-y 0 0; } .accountNavigationTop { position: absolute; top:0; left:0; z-index:2; display: block; width: 157px; height: 15px; background: transparent url(layout/mes-infos-top.png) no-repeat 0 0; } .accountNavigationBottom { position: absolute; bottom:-17px; left:0; z-index:2; display: block; width: 157px; height: 17px; background: transparent url(layout/mes-infos-bottom.png) no-repeat 0 0; } .ordersListing { width: 800px; margin-left: 20px; } .accountNavigation ul { list-style-type: none; padding-left: 8px; } .accountNavigation ul li { padding: 4px 0; } .accountNavigation ul li a { color: #000; } .accountNavigation ul li a:hover, .accountNavigation ul li a.active { color: #9085ba; } table.orders { width: 100%; } table.orders tr { cursor: pointer; } table.orders tr.underline { } table.orders tr td { padding: 6px 0; border-bottom: 1px solid #bfb8d7; } table.orders tr td span.status { color: #9085ba; } table.orders tr td span.label { margin-right: 10px; } table.orders tr td a { text-decoration: underline; } input.btnSave, input.btnCancel { width: 115px; height: 21px; font-size: 8pt; border: none; } input.btnSave { color: #000; background: transparent url(layout/btnEdit.jpg) no-repeat 0 0; } input.btnCancel { color: #fff; background: transparent url(layout/btnCancel.jpg) no-repeat 0 0; } p.infos { text-align:right; margin: 10px 0; color: red; } p.infos span { color: red; } p.obligation { background-color: #fefce8; padding: 2px 3px; } /* account form */ #ordersList, #editUser, #password, #addressBook, #formAddressWrapper, #orderDetails { background-color: #fff; } div.accountCell { padding: 6px 10px; } div.accountCell form table td { padding: 2px 0; } div.accountCell form table td.label { width: 130px; } div.accountCell form table td input[type=text] { width: 230px; } div.accountCell form table td.obl input, div.accountCell form table td.obl select { background-color: #fefce8; } div.accountCell p.myAccountBtn { margin-left: 135px; margin-top: 10px; } p.infos span, div.accountCell form table td.label span { display: none; } /* Order details */ .red { color: red; } table.orderInfo { width: 500px; margin-bottom: 20px; } table.orderInfo tr td { padding: 5px 0; } table.orderInfo tr td:first-child { width: 200px; } table.orderInfo tr td:last-child {} div.orderStatus {} div.orderStatus div.step span.description { color: #949494; } div.orderStatus div.active span.description { color: green; } div.downloadInvoice a { padding-left: 45px; text-decoration: underline; display: block; height: 32px; line-height: 32px; background: transparent url(layout/imprimante.png) no-repeat 0 0; } div.downloadInvoice a:hover { text-decoration: none; } div.productsDetails { margin-top: 85px; } div.productsDetails table { border-collapse: collapse; width: 100%; margin: 20px 0; } div.productsDetails table thead tr, div.productsDetails table tr.title { border: 1px solid #313131; } div.productsDetails table thead tr th, div.productsDetails table tr.title th { padding: 2px 4px; } div.productsDetails table thead tr th:first-child, div.productsDetails table tbody tr td:first-child { padding-left: 60px; width: 140px; } div.productsDetails table tbody tr td { padding: 4px 0; } div.productsDetails table tbody tr td.designation { vertical-align: middle; width: 300px; } div.productsDetails table tr .qty, div.productsDetails table tr .price { text-align: center; } div.productsDetails table tr .strike { text-decoration: line-through; } div#chronopost {} div#chronopost p { padding-left: 60px; } div#chronopost a { text-decoration: underline; } div#chronopost a:hover { text-decoration: none; } div#chronopost p a.numColissimo { color: green; text-decoration: none; } div#orderDetails ul.userPictures { list-style-type:none; padding:0 0 0 60px; margin:20px 0; } div#orderDetails ul.userPictures li { clear: both; min-height: 100px; margin: 10px 0; } div#orderDetails ul.userPictures li div { float: left; } div#orderDetails ul.userPictures li div:last-child { margin-left: 20px; } div#orderDetails ul.userPictures li a { display:block; width:100px; height:100px; border:1px solid #e1e0e0; overflow:hidden; } div#orderDetails ul.userPictures li a img { width: 100px; } div#orderDetails ul.userPictures li div p { color: #949494; } div#orderDetails ul.userPictures li div p.active { color: green; } div#productFiles table td:first-child { padding-left: 60px; } div#productFiles table form { margin: 5px 0; } div#orderDetails div.confirmProducts { width:500px; padding:0 10px 0 0; margin-top:10px; margin-left:100px; } div#orderDetails div.confirmProducts table.productTable { width:400px; } table.productTable td.price { text-align:right; } table.productTable td.price p { border:1px solid #aaa; border-style:dashed none solid none; } table.productTable span.strike { color:#000; text-decoration:line-through; } table.productTable span.discount { color:red; } div#orderDetails div.confirmProducts table.pricesTable { text-align:right; width:400px; font-weight:bold; margin-top:30px; } div#orderDetails div.confirmAddress { display:block; } div#orderDetails div.confirmAddress div { margin-bottom: 10px; padding-left: 60px; } div#orderDetails div.confirmAddress div p { margin: 0; } /* paiement */ div#orderDetails { position: relative; } div#orderDetails div#paymentMethod { position: absolute; top:0; right: 0; z-index: 2; display: block; width: 300px; background-color: #fff; color: #333; border: 1px solid #949494; } div#orderDetails div#paymentMethod p.paiementTitle { height: 25px; line-height: 25px; margin: 10px 0 0 20px; padding-left: 25px; background: transparent url(layout/cadena.gif) no-repeat 0 0; } div#orderDetails div#paymentMethod form#paybyForm { text-align: center; } div#orderDetails div#paymentMethod form#paybyForm ul { list-style-type: none; margin:0; padding: 10px 40px; } div#orderDetails div#paymentMethod form#paybyForm ul li { margin: 10px 0; } div#orderDetails div#paymentMethod form#paybyForm ul li label { margin-left: 10px; margin-bottom: 10px; border-bottom: 1px solid #949494; } div#orderDetails div#paymentMethod form#paybyForm ul li:last-child label { border-bottom: none; } div#orderDetails div#paymentMethod form#paybyForm ul li.cic, div#orderDetails div#paymentMethod form#paybyForm ul li.cic input, div#orderDetails div#paymentMethod form#paybyForm ul li.cic label { height: 26px; line-height: 26px; } div#orderDetails div#paymentMethod form#paybyForm ul li.paypal, div#orderDetails div#paymentMethod form#paybyForm ul li.paypal input, div#orderDetails div#paymentMethod form#paybyForm ul li.paypal label { height: 28px; line-height: 28px; } div#orderDetails div#paymentMethod form#paybyForm ul li.cheque, div#orderDetails div#paymentMethod form#paybyForm ul li.cheque input, div#orderDetails div#paymentMethod form#paybyForm ul li.cheque label { height: 55px; line-height: 55px; } div#orderDetails div#paymentMethod form#paybyForm input[type=image] { border: none; } div#orderDetails div#paymentMethod form#paybyForm p.secure { margin:0; font-size: 6pt; } div.paybyCheque p { margin: 11px 0; } div.paybyCheque pre { font-weight: bold; } /*----------------------- * UTILS *-----------------------*/ div#utils { color: #333; background: #eee url(layout/bg_utils.jpg) repeat-x 0 0; } div#utils_wrapper { } div#utils_wrapper div { float: left; display: block; width: 200px; min-height: 158px; } div#utils_wrapper div h4 { height: 33px; color: #fff; font-size: 1.3em; font-weight: normal; padding-top: 1px; } div#utils_wrapper div h4 span { display: block; } div#utils_wrapper div ul { list-style-type: none; margin:0; padding-top:10px; } div#utils_wrapper div ul li { } div#utils_wrapper div ul li a { color: #333; line-height: 1.6em; } div#utils_wrapper div h4, div#utils_wrapper div ul { padding-left: 0; } div#utils_wrapper div img.paypal-utils { margin-top: 10px; } /*----------------------- * FOLLOWUS *-----------------------*/ div#followUs { color: #333; background: #fff url(layout/bg_followUs.jpg) repeat-x 0 0; } div#followUs_wrapper { } div#followUs_wrapper div { float: left; display: block; width: 200px; min-height: 50px;} div#followUs_wrapper div p { padding: 7px 0 2px; font-weight: bold; } div#followUs_wrapper div a { height: 54px; } div#followUs_wrapper div a img { border: none; } div#followUs_wrapper div.follow { width: 120px; } div#followUs_wrapper div.rss { width: 170px; } div#followUs_wrapper div.blog { width: 90px; } div#followUs_wrapper div.whois { width: 120px; } /* encart */ div.encart { display:block; margin-bottom:20px; border: 1px solid #e5e5e5; overflow: hidden; } div.encart p { padding: 4px 6px; } /*----------------------- * FOOTER *-----------------------*/ div#footer { color: #fff; background-color: #313131; } div#footer_wrapper {} div#footer div { } div#footer a { color: #dadada; } div#footer a:hover { color: #fff; text-decoration: underline; } div#footer div.encart_footer { padding: 10px 0; } div#footer div.links { margin-bottom: 10px; display: none; } div#footer div.links p { text-align: center; font-size: 11pt; padding: 5px 10px; } div#footer div.copyright { width: 100%; text-align: center; } /*----------------------- * UI *-----------------------*/ /* overlay */ div.overlay { position:absolute; top:0; left:0; z-index:200; background-color:#000; width:100%; height:2000px; opacity:0.4; } /* popme */ div#popme { position:absolute; top:50px; left:50px; z-index:1000; display:none; width:600px; padding:8px; margin:0; text-align:left; -moz-border-radius:4px; opacity:0.95; color:#333; border:1px solid #808080; background-color:#fff; } div#popme input, div#popme textarea { color:#333; background-color:#fefefe; border:1px solid #dadada; border-color:#dadada #dadada #e3e3e3 #e3e3e3; } div#popme h4 { padding:4px 6px; margin:0 0 5px 0; font-size:1.2em; background-color: transparent; border-bottom:1px solid #808080; } div#popme h5 { padding:4px 6px; margin:0 0 5px 0; font-size:1.5em; background-color: transparent; border: none; } div#popme p { margin: 10px 0; } div#popme p label { margin-right: 10px; } div#popme p#close { position:absolute; top:0; right:15px; z-index:2; } div#popme p#close a { color:black; } div#popme div.formTools { } div#popme div.formTools input { color:#fff; padding: 2px 8px; background-color: #313131; border:none; }