/* ------------------------------------------------------------ 0. RESET CSS ------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, p, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; font-family:"Trebuchet MS", Arial, sans-serif; font-size:11px; } body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} /* */ .productClsasement { color: #8D6666 } /* ------------------------------------------------------------ 1. BALISES HTML PAR DEFAUT ------------------------------------------------------------- */ body { } h1 { color:#9A0708; font-size:20px;} h2 { color:#8d6666; font-size:18px;} h3 { font-size:14px;} h4 { } h5 { } h6 { } p { } img { } sup { } abbr, acronym { } blockquote, q { } blockquote { } cite { } ul { } ol { } dl { } form { } fieldset { } input { } label { } a{ text-decoration:underline; } a:link { } a:visited { } a:hover { } a:focus { } a[hreflang]:after { } a img { } code, pre { } pre { } hr { } /* ------------------------------------------------------------ 2. STRUCTURE ------------------------------------------------------------- */ body{background:url(../images/fond/bg.gif) repeat-x 0 0;} div#centring{width:984px;background:url(../images/fond/bg_top.jpg) no-repeat top right;margin:0 auto;} div#header{width:984px;height:210px;position:relative;} div#menu-left{width:150px;float:left;position:relative;z-index:2;left:3px;top:9px;} div#main{width:834px;background:url(../images/fond/bg_main.gif) repeat-y 0 0;float:left;position:relative;z-index:1;} div#main-top{width:831px;background:url(../images/fond/bg_main_top.jpg) no-repeat 0 0;padding:0 0 0 3px;} div#main-bottom{width:831px;height:45px;background:#fff url(../images/fond/bg_main_bottom.gif) no-repeat 0 0;padding:0 0 0 3px;position:relative;} div#footer{width:984px;height:20px;background:#fff;clear:both;} /* ------------------------------------------------------------ 3. HEADER ------------------------------------------------------------- */ div#header a#logo{display:block;width:298px;height:96px;position:absolute;top:0;left:10px;text-align:left;overflow:hidden;} div#header a#cart{display: block; width:226px;height:35px;background:url(../images/fond/cart.jpg) no-repeat 0 0;position:absolute;top:61px;left:714px;} div#header a#cart span.nbcart{ color:#fff; text-decoration:none;position:absolute; top:12px;left:145px;} div#header div#menu{width:984px;height:80px;position:absolute;top:96px;left:0;} div#header div#menu ul#main_menu{width:984px;height:50px;position:absolute;top:0;left:0;z-index:4;} div#header div#menu ul#main_menu li{float:left;} div#header div#menu ul#main_menu li a.bordeaux { display:block; width:113px; height:50px; background:url(../images/menu/bordeaux_link.gif) no-repeat 0 0; } /*div#header div#menu ul#main_menu li a.bordeauxon { background:url(../images/menu/bordeaux.gif) no-repeat 0 0; }*/ div#header div#menu ul#main_menu li a.bordeauxon { display:block; width:113px; height:50px; background:url(../images/menu/bordeaux.gif) no-repeat 0 0; } div#header div#menu ul#main_menu li a.cave { display:block; width:123px; height:50px; background:url(../images/menu/cave_link.gif) no-repeat 0 0; } /*div#header div#menu ul#main_menu li a.cave:hover { background:url(../images/menu/cave.gif) no-repeat 0 0;}*/ div#header div#menu ul#main_menu li a.caveon { display:block; width:123px; height:50px; background:url(../images/menu/cave.gif) no-repeat 0 0; } div#header div#menu ul#main_menu li a.primeur { display:block; width:108px; height:50px; background:url(../images/menu/primeur_link.gif) no-repeat 0 0; } /*div#header div#menu ul#main_menu li a.primeur:hover { background:url(../images/menu/primeur.gif) no-repeat 0 0; }*/ div#header div#menu ul#main_menu li a.primeuron { display:block; width:108px; height:50px; background:url(../images/menu/primeur.gif) no-repeat 0 0; } div#header div#menu ul#main_menu li a.promo { display:block; width:98px; height:50px; background:url(../images/menu/promo_link.gif) no-repeat 0 0; } /*div#header div#menu ul#main_menu li a.promo:hover { background:url(../images/menu/promo.gif) no-repeat 0 0; }*/ div#header div#menu ul#main_menu li a.promoon { display:block; width:98px; height:50px; background:url(../images/menu/promo.gif) no-repeat 0 0; } div#header div#menu ul#main_menu li a.coeur { display:block; width:147px; height:50px; background:url(../images/menu/coeur_link.gif) no-repeat 0 0; } /*div#header div#menu ul#main_menu li a.coeur:hover { background:url(../images/menu/coeur.gif) no-repeat 0 0;}*/ div#header div#menu ul#main_menu li a.coeuron { display:block; width:147px; height:50px; background:url(../images/menu/coeur.gif) no-repeat 0 0; } div#header div#menu ul#main_menu li a.vente { display:block; width:158px; height:50px; background:url(../images/menu/vente_link.gif) no-repeat 0 0; } /*div#header div#menu ul#main_menu li a.vente:hover { background:url(../images/menu/vente.gif) no-repeat 0 0;}*/ div#header div#menu ul#main_menu li a.venteon { display:block; width:158px; height:50px; background:url(../images/menu/vente.gif) no-repeat 0 0; } div#header div#menu ul#main_menu li a.cadeau { display:block; width:119px; height:50px; background:url(../images/menu/cadeau_link.gif) no-repeat 0 0; } /*div#header div#menu ul#main_menu li a.cadeau:hover { background:url(../images/menu/cadeau.gif) no-repeat 0 0; }*/ div#header div#menu ul#main_menu li a.cadeauon { display:block; width:119px; height:50px; background:url(../images/menu/cadeau.gif) no-repeat 0 0; } div#header div#menu ul#sub_menu{width:984px;height:33px;position:absolute;top:47px;left:0;z-index:3;overflow:hidden;} div#header div#menu ul#sub_menu li{ float:left; } div#header div#menu ul#sub_menu li a{display:block;background:url(../images/puce/tr_1.gif) no-repeat 0 0;color:#fff;font-size:13px;text-decoration:none;padding:0 15px;line-height:33px;} div#header div#menu ul#sub_menu_bordeaux{width:984px;height:33px;position:absolute;top:47px;left:0;z-index:3;overflow:hidden;} div#header div#menu ul#sub_menu_bordeaux li{ float:left; } div#header div#menu ul#sub_menu_bordeaux li a{display:block;background:url(../images/puce/tr_1.gif) no-repeat 0 0;color:#fff;font-size:13px;text-decoration:none;padding:0 15px;line-height:33px;} div#header div#menu ul#sub_menu_grandecave{width:984px;height:33px;position:absolute;top:47px;left:0;z-index:3;overflow:hidden;} div#header div#menu ul#sub_menu_grandecave li{ float:left; } div#header div#menu ul#sub_menu_grandecave li a{display:block;background:url(../images/puce/tr_1.gif) no-repeat 0 0;color:#fff;font-size:13px;text-decoration:none;padding:0 15px;line-height:33px;} div#header div#menu ul#sub_menu_primeurs{width:984px;height:33px;position:absolute;top:47px;left:0;z-index:3;overflow:hidden;} div#header div#menu ul#sub_menu_primeurs li{ float:left; } div#header div#menu ul#sub_menu_primeurs li a{display:block;background:url(../images/puce/tr_1.gif) no-repeat 0 0;color:#fff;font-size:13px;text-decoration:none;padding:0 15px;line-height:33px;} div#header div#menu ul#sub_menu_ideescadeaux{width:984px;height:33px;position:absolute;top:47px;left:0;z-index:3;overflow:hidden;} div#header div#menu ul#sub_menu_ideescadeaux li{ float:left; } div#header div#menu ul#sub_menu_ideescadeaux li a{display:block;background:url(../images/puce/tr_1.gif) no-repeat 0 0;color:#fff;font-size:13px;text-decoration:none;padding:0 15px;line-height:33px;} div#header div#menu ul#sub_menu_promos{width:984px;height:33px;position:absolute;top:47px;left:0;z-index:3;overflow:hidden;} div#header div#menu ul#sub_menu_promos li{ float:left; } div#header div#menu ul#sub_menu_promos li a{display:block;background:url(../images/puce/tr_1.gif) no-repeat 0 0;color:#fff;font-size:13px;text-decoration:none;padding:0 15px;line-height:33px;} div#header div#menu ul#sub_menu_bestsells{width:984px;height:33px;position:absolute;top:47px;left:0;z-index:3;overflow:hidden;} div#header div#menu ul#sub_menu_bestsells li{ float:left; } div#header div#menu ul#sub_menu_bestsells li a{display:block;background:url(../images/puce/tr_1.gif) no-repeat 0 0;color:#fff;font-size:13px;text-decoration:none;padding:0 15px;line-height:33px;} div#header div#menu ul#sub_menu_coupsdecoeur{width:984px;height:33px;position:absolute;top:47px;left:0;z-index:3;overflow:hidden;} div#header div#menu ul#sub_menu_coupsdecoeur li{ float:left; } div#header div#menu ul#sub_menu_coupsdecoeur li a{display:block;background:url(../images/puce/tr_1.gif) no-repeat 0 0;color:#fff;font-size:13px;text-decoration:none;padding:0 15px;line-height:33px;} div#header div#search_home{width:400px;height:20px;position:absolute;top:186px;left:12px;} div#header div#search_home form#form_search_home label{display:block;width:65px;height:10px;position:absolute;top:4px;left:0;} div#header div#search_home form#form_search_home input.text{border:0;margin:0;padding:0;width:147px;height:16px;background:url(../images/fond/input_search.gif) no-repeat 0 0;position:absolute;top:0;left:76px;font-size:11px;padding:2px 3px 0 3px;} div#header div#search_home form#form_search_home input.submit{border:0;margin:0;padding:0;width:20px;height:18px;position:absolute;top:0;left:229px;} div#header div#search_home a{display:block;width:114px;height:12px;position:absolute;top:3px;left:261px;background:url(../images/puce/fl_1.gif) no-repeat 102px 4px;color:#290000; text-decoration:none; zoom:1; border-bottom:1px solid #000} div#header div#search_home a#test{display:block;width:125px;height:18px;position:absolute;top:3px;left:261px;background:url(../images/puce/fl_1.gif) no-repeat 102px 4px;color:#290000; border:1px solid #ff0000; text-decoration:none; } /* ------------------------------------------------------------ 4. MENU-LEFT ------------------------------------------------------------- */ div#menu-left h3.categorie{width:150px;height:28px;} div#menu-left div#categorie{width:150px;background: url(../images/fond/bg_cat.gif) repeat-y 0 0;} div#menu-left div#categorie div#categorie-top{width:150px;background:url(../images/fond/bg_cat_top.gif) no-repeat 0 0;} div#menu-left div#categorie div#categorie-top div#categorie-bottom{width:150px;padding:0 0 12px 0;background:url(../images/fond/bg_cat_bottom.gif) no-repeat left bottom;} div#menu-left div#categorie div#categorie-top div#categorie-bottom img{padding:25px 0 2px 10px;} div#menu-left div#categorie div#categorie-top div#categorie-bottom ul{border-bottom:1px solid #000;} div#menu-left div#categorie div#categorie-top div#categorie-bottom ul li{line-height:15px;} div#menu-left div#categorie div#categorie-top div#categorie-bottom ul li a{display:block;width:150px;height:24px;background:url(../images/menu/bg_1.gif) no-repeat 0 0;line-height:20px;font-size:9px;text-decoration:none;color:#fff;text-indent:10px;} div#menu-left div#categorie div#categorie-top div#categorie-bottom ul li a:hover{background:url(../images/menu/bg_1.gif) no-repeat 0 -24px;} /* ------------------------------------------------------------ 5. MAIN ------------------------------------------------------------- */ /************* MAIN-TOP *****************/ div#main div#main-top div#menu-right{width:181px;float:left;padding:5px 0 0 0;} div#main div#main-top div#menu-right div#menu-login{width:177px;height:135px;position:relative;background:url(../images/fond/bg_login.gif) no-repeat 0 27px;padding:0 0 0 3px;} div#main div#main-top div#menu-right div#menu-login label.login{position:absolute;top:31px;left:14px;color:#fff;} div#main div#main-top div#menu-right div#menu-login input.text{position:absolute;top:44px;left:14px;width:147px;height:16px;background:none;border:0;font-size:11px;padding:2px 3px 0 3px;} div#main div#main-top div#menu-right div#menu-login label.pw{position:absolute;top:64px;left:14px;color:#fff;} div#main div#main-top div#menu-right div#menu-login input.pw{position:absolute;top:78px;left:14px; width:147px;height:16px;background:none;border:0;font-size:11px;padding:2px 3px 0 3px;} div#main div#main-top div#menu-right div#menu-login input.submit{position:absolute;top:96px;left:88px;} div#main div#main-top div#menu-right div#menu-login a.create_account{display:block;width:50px;height:28px;position:absolute;top:101px;left:3px;padding:5px 0 0 26px;color:#fff;text-decoration:none;font-size:10px;} div#main div#main-top div#menu-right div#menu-login a.forgot_pw{position:absolute;top:120px;left:89px;color:#686868;text-decoration:none;font-size:10px;} div#main div#main-top div#menu-right a.prem_achat{display:block;width:177px;height:58px;margin:15px 0 0 0;} div#main div#main-top div#menu-right a.parrainage{display:block;width:177px;height:58px;margin:2px 0 0 0;} div#main div#main-top div#menu-right div#news_home{padding:0 0 0 2px;margin:15px 0 0 0;} div#main div#main-top div#menu-right div#news_home h3{padding:0 0 0 1px;} div#main div#main-top div#menu-right div#news_home div.news{width:179px;height:72px;background:url(../images/fond/bg_news.gif) no-repeat 0 0;position:relative;} div#main div#main-top div#menu-right div#news_home div.news p.text{position:absolute;top:0;left:0;width:154px;height:62px;padding: 5px 7px;line-height:15px;color:#767676;} div#main div#main-top div#menu-right div#news_home div.news p.text span{color:#000;font-weight:bold;} div#main div#main-top div#menu-right div#news_home div.news a.more{position:absolute;top:0;left:168px;width:10px;height:72px;text-align:left;overflow:hidden;text-indent:-5000px;} div#main div#main-top div#menu-right div.newsletter{width:180px;height:77px;background:url(../images/fond/bg_newsletter.gif) no-repeat 3px 0;position:relative;} div#main div#main-top div#menu-right div.newsletter input.text{position:absolute;top:29px;left:14px;width:147px;height:16px;background:none;border:0;font-size:11px;padding:2px 3px 0 3px;} div#main div#main-top div#menu-right div.newsletter input.submit{position:absolute;top:55px;left:104px;} div#main div#main-top div#menu-right div.engagement{padding:0 0 0 3px;margin:0;} div#main div#main-top div#menu-right div.engagement img{display:block; } /*div#main div#main-top div#menu-right div.meilleurevente{padding:0 0 0 3px; margin:15px 0 0 0;}*/ div#main div#main-top div#menu-right div.meilleurevente{padding: 11px 0 0 3px; margin: 0px 0 0 0; } div#main div#main-top div#menu-right div.meilleurevente a.nom{font-weight:bold;color:#aa0003;text-indent:5px;text-decoration:none;} div#main div#main-top div#menu-right div.meilleurevente p.annee{color:#b1a7a7;font-size:10px;} div#main div#main-top div#menu-right div.meilleurevente div.prix{color:#890104;line-height:35px;text-align:right;} div#main div#main-top div#menu-right div.meilleurevente div.prix span.price-stricked{color:#d20005; text-decoration:line-through} div#main div#main-top div#menu-right div.meilleurevente div.prix span.price-brown{font-size:18px; font-weight:bold;} div#main div#main-top div#menu-right div.meilleurevente a.addbasket{ color: #000000; font-size:11px; text-decoration:none;} div#main div#main-top div#menu-right div#menu-logged{width:177px;height:135px;position:relative;background:url(../images/fond/bg_logged.gif) no-repeat 0 27px;padding:0 0 0 3px;} div#main div#main-top div#menu-right div#menu-logged a.adeco{position:absolute;top:118px;left:103px;color:#686868;text-decoration:none;font-size:10px;} div#main div#main-top div#menu-right div#menu-logged a.acommandes{position:absolute;top:91px;left:62px;color:#c7c6be;text-decoration:none;font-size:11px; font-weight:bold} div#main div#main-top div#menu-right div#menu-logged a.ainfos{position:absolute;top:51px;left:62px;color:#c7c6be;text-decoration:none;font-size:11px; font-weight:bold} div#main div#main-top div#menu-right div#menu-logged a.acommandes:hover, div#main div#main-top div#menu-right div#menu-logged a.ainfos:hover{ color:#fff} #bonjour{ color:#fff; position:absolute; top:7px; left:8px; font-size:10px} #bonjour strong{ font-size:10px} div#main div#main-top div#content{width:646px;padding:10px 0 0 0;float:left;} /************* MAIN-BOTTOM *****************/ div#main-bottom p{color:#9e8687;position:absolute;zoom:1} div#main-bottom p a{text-decoration:none;color:#9e8687; zoom:1} div#main-bottom p span{zoom:1} div#main-bottom p.mention1{top:10px;left:10px;zoom:1; text-align:center;} div#main-bottom p.mention2{top:33px;left:10px;} div#main-bottom p.tel{width:242px;height:31px;top:6px;left:430px;} div#main-bottom p.alteo{top:10px;left:687px;} /* ------------------------------------------------------------ 6. HOME ------------------------------------------------------------- */ div#main div#main-top div#content div#home{width:646px;} div#main div#main-top div#content div#home div.pub{width:633px;height:216px;margin:0 auto} /***************** MEILLEURE VENTE *****************/ div#main div#main-top div#content div#home div.meilleure_vente{padding:10px 0 0 0;width:633px;margin:0 auto} div#main div#main-top div#content div#home div.meilleure_vente div.mv{width:308px;height:39px;background:url(../images/fond/bg_mv.gif) no-repeat 0 0;position:relative;margin:0 0 5px 5px;float:left;} div#main div#main-top div#content div#home div.meilleure_vente div.mv a.nom{position:absolute;top:3px;left:5px;width:170px;height:23px;font-weight:bold;color:#aa0003;text-indent:5px;overflow:hidden;text-decoration:none;} div#main div#main-top div#content div#home div.meilleure_vente div.mv p.annee{position:absolute;top:26px;left:5px;width:100px;height:11px;color:#b1a7a7;font-size:10px;text-indent:18px;} div#main div#main-top div#content div#home div.meilleure_vente div.mv div.prix{position:absolute;top:2px;left:183px;width:107px;height:35px;color:#890104;line-height:35px;text-align:right;} div#main div#main-top div#content div#home div.meilleure_vente div.mv div.prix span.price-stricked{color:#d20005; text-decoration:line-through} div#main div#main-top div#content div#home div.meilleure_vente div.mv div.prix span.price-brown{font-size:18px; font-weight:bold;} div#main div#main-top div#content div#home div.meilleure_vente div.mv a.img{display:block;position:absolute;top:1px;right:5px;width:37px;height:37px;} /***************** NOUVEAUTE *****************/ div#main div#main-top div#content div#home div.nouveautebottom{padding:0;width:635px; margin:10px 0px 10px 8px; background:url(../images/fond/bottomnews.gif) left bottom no-repeat;} div#main div#main-top div#content div#home div.nouveautetop{width:625px; background:url(../images/fond/topnews.gif) left top no-repeat; padding:5px} .tdtop{ width:297; background:url(../images/fond/tdnewstop.gif) left top no-repeat; padding:5px} /***************** Meilleures ventes - coups de coeur 31/10/2008 *****************/ .h4Top5Height h4 { height: 23px; } .tdtop5 { width:297px; height: 135px; background:url(../images/fond/tdnewstop.gif) left top no-repeat; padding:5px; position:relative; top: 0px; left: 0px; } .bottomPrizePanier { position: absolute; bottom: 8px; left: 0px; } .bottomPrizePanier form { float: left; width: 177px; margin-top:1px } .bottomPrizePanier p { width: 101px; float: left; padding: 0 0 0 10px; } .productnoteenolia { margin: 12px 0 0 0px; } .tdbottom{ width:308px; background:url(../images/fond/tdnewsbottom2.gif) left bottom no-repeat} div.nouveautetop img.fright{ border:1px solid #ccc} .addbasket input{ border:1px solid #737373; width:23px; height:12px; padding:0; font-size:11px;margin-top:1px } .addbasket{ float:right} .addbasket td{ padding:0 5px; vertical-align:middle;} .addbasket .number{ margin:1px 0 0 0; display:block; cursor:pointer; } .nom{font-weight:bold;color:#aa0003;text-indent:5px;text-decoration:none;} .annee{color:#b1a7a7;font-size:10px;} .price{color:#890104;} .price-stricked{color:#d20005; text-decoration:line-through} .pricebrown{font-size:18px; font-weight:bold; letter-spacing:-2px} /* ------------------------------------------------------------ 6. INTERNE ------------------------------------------------------------- */ .conteneur{ width:96%; margin:0 auto;} .path{ width:90%; border-bottom:1px dotted #ccc; color:#000; padding:15px} .path a{ color:#aea3a8;} /***************** RECHERCHE *****************/ .topresult{ background:url(../images/fond/topresult.jpg) left top no-repeat; position:relative; width:616px; height:31px} .bottomresult{ background:url(../images/fond/bottomresult.jpg) left top no-repeat; position:relative; width:616px; height:31px} .topresult .pagination, .bottomresult .pagination{ padding:0 0 0 10px; color:#fff; height:30px;} .pagination ul {overflow:hidden; float:left;} .pagination li {float:left; list-style:none; margin:0; padding:0; background:url(../images/fond/navigation.gif) left top no-repeat; margin:2px; padding-top:6px; color:#fff; font-weight:bold;display:block; float:left; width:23px; height:23px;text-align:center;} .pagination li.nolink { color:#828081;} .topresult .pagination a, .bottomresult .pagination a{ color:#828081; text-decoration:none; text-align:center; } /* */ .topresult .pagination span, .bottomresult .pagination span{ background:url(../images/fond/navigation.gif) left top no-repeat; margin:2px; padding-top:6px; color:#fff; font-weight:bold;display:block; float:left; width:23px; height:23px;text-align:center} /* */ .topresult .pagination span.spanpagination, .bottomresult .pagination span.spanpagination {font-weight:normal; background:none; display:inline; float:left; width:33px;} .topresult #classement, .bottomresult #classement{ position:absolute; right:5px; top:5px; color:#fff} .topresult #classement select, .bottomresult #classement select{ font-size:9px; padding:0px} .ligneprod{ background:url(../images/fond/listprod.gif) left bottom repeat-x} .ligneprod table{ width:100%} .ligneprod td a{ text-decoration:none; color:#000} .ligneprod #case1 { text-align:center; border:1px solid #ccc; width:42px; height:100px} .ligneprod #case2 { width:295px; padding-left:10px} .ligneprod #promo { width:47px; color:#fff; font-weight:bold; font-size:18px; background:url(../images/fond/promo.gif) right center no-repeat; text-align:center} .addbasket input.simpleinput{ background:none; border:none; color: #990000; font-size:11px; width:85px; padding:0; margin-top:0px; cursor:pointer; height:20px; border:1px solid #fff; zoom:1} .ligneprod .addbasket{ width:179px} .donneesprod{ background:url(../images/fond/donneesprod.gif) left top no-repeat; width:209px; height:76px; position:relative; top:8px} .productvolume{ font-weight:bold; text-align:center; color:#707070; position:absolute; width:209px} .productconditionnement{ position:absolute; top:20px; left:5px} .prixliste{ position:absolute; top:35px; left:5px} .price-striked{ color:#d20005; text-decoration:line-through} .prixliste .price-brown{ color:#890104;} .prixliste .price-brown span{ font-size:18px; font-weight:bold;} .stock{ position:absolute; right:5px; top:22px; font-size:12px; font-style:italic;} .stockok{ color:#9cbc16} .stockok span{ font-size:10px; font-style:italic; color:#777} .stockko{color:#900808} .formaddpanier{ position:absolute; top:62px; right:-7px} .listeword{ background-color:#f6f5f5; border:1px solid #ccc;padding: 5px} .listeword a{ color:#000; text-decoration:none; font-size:10px} .listeword td{color:#000; padding:0 5px} /***************** FICHE PRODUIT *****************/ #productDetail2{ width:100%} #productDetail2 td{} #productDetail2 #case1{ width:45%} #productDetail2 #case2{ width:55%} .notes{ width:80%; float:right} .notes td{ border-bottom:1px solid #e2dfdf; padding:4px; font-size:13px} .notewine a{ font-size:10px; text-decoration:underline; color:#706161} .notewine{ text-align:right} .refvolume{ background:url(../images/fond/topvolumeprod.gif) left top no-repeat; width:296px; height:13px; text-align:center; font-weight:bold; color:#e5cfd0; padding:2px; margin:3px} .productreferences{ width:300px; float:right;} .choiceprod{ background:url(../images/fond/choiceprod.gif) left top no-repeat; width:300px; height:56px; position:relative} .choiceprod .formaddpanier{ position:absolute; top:39px; right:-1px} .choiceprod .stock{top:6px; text-align:right} .choiceprod .productconditionnement{top:8px;} .choiceprod .prixliste{ top:20px; } .descriprod { background-color:#e9e7e7; padding:15px; color:#000 } .descriprod p{ font-size:13px; line-height:18px } .descriprod a { font-size:13px; color:#000;} .blocprod { width:177px; padding-left:3px } .blocprod div{ border-bottom:1px solid #EEEEEE; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; padding: 0px 3px 3px 3px; } /* */ .blocprod2 { width:177px; padding-left:3px } .blocprod2 div{ border-bottom:1px solid #050505; border-left:1px solid #050505; border-right:1px solid #050505; padding: 0px 3px 3px 3px; background-color: #050505; position:relative; top: -10px; left: 0px; } .blocprod2 div p{ margin: 0 0 0 0px; padding: 0 0 0 0; } #glass{ border:1px solid #ccc} #lbImage{ width:90px} .descritop{ padding:5px; background-color:#E9E7E7; border:1px solid #ccc; line-height:18px;} .descritop p{ font-size:100%; font-family:sans-serif; } .descritop a { font-size:100%; color:#000; font-family:sans-serif; } .descritop img{padding:3px; float:left; margin:0 10px 5px 0} .mentionzoom{ position:absolute; font-size:10px; color:#666; font-style:italic; left:102px; top:185px} .productconditionnement #promo{ font-weight:bold; color:#990000; font-size:12px} .mini img{ margin:0 15px 0 0 } /***************** PANIER *****************/ .manageorderTable{ width:99%} .manageorderTable select{ font-size:11px} .manageorderTable th{ background:url(../images/fond/thpanier.gif) left bottom repeat-x; height:17px; color:#999} .manageorderTable .ligneprod td{ background:url(../images/fond/ligneprod.gif) left bottom repeat-x;} .manageorderTable tfoot tr td{ background:url(../images/fond/petiteligne.gif) left bottom repeat-x;} .manageorderTable tfoot td{ padding:8px} .manageorderTable .titleProduit { font-weight:bold; color:#9a0708} .manageorderTable .totalpanier td{ font-weight:bold; color:#fff; background:url(../images/fond/totalpanier.gif) left top repeat-x; padding:3px} .dot{ text-align:center; border:1px solid #ccc; padding:15px; zoom:1} /* //////////////////// Formulaires */ form.formatform { width: 500px; margin: 30px auto 15px auto; padding: 15px; border: 1px solid #d4bebe; } form.formcontact { background:url(../images/illustr/formcontact.jpg) right bottom no-repeat } form.formnewsletter { background:url(../images/illustr/formnewsletter.jpg) right bottom no-repeat } form.formregister { background:url(../images/illustr/formregister.jpg) right bottom no-repeat } form.formforget { background:url(../images/illustr/formforget.jpg) right bottom no-repeat } /*form.formprofile { background:url(../images/illustr/formprofile.jpg) right bottom no-repeat } */ form.formsearch { background:url(../images/illustr/formsearch.jpg) right bottom no-repeat } form.formnote { background:url(../images/illustr/formnote.jpg) right bottom no-repeat } form.formpromo { background:url(../images/illustr/formpromo.jpg) right bottom no-repeat } form.formlogin { background:url(../images/illustr/formlogin.jpg) right bottom no-repeat } form.formadresse { background:url(../images/illustr/formadresse.jpg) right bottom no-repeat } form.formatform p{ margin:5px 0} form.formatform h3 { margin: 0 0 16px 0px; } form.formatform label.lbleft { float: left; width: 205px; font: bold 11px arial; color: #7d7d7d; } form.formatform input { border: 1px solid #ccc; height:13px; background:url(../images/fond/input.gif) right bottom no-repeat; font-size:11px } form.formatform textarea { border: 1px solid #eee; background:url(../images/fond/input.gif) right bottom no-repeat } form.formatform select { border: 1px solid #eee; font-size:11px } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } .conformement{ text-align:center; font-size:10px; color:#777;} .bita{ text-align:center; color:#8d6666; font-style:italic; margin:15px auto} form.formatform legend{ font-weight:bold; font-size:13px; color:#9a0708} form.formatform fieldset{ border-top:1px solid #9a0708; padding:10px 0} .denied, .flash, .message{ background-color:#fcfbe6; color:#990000; padding:5px; border:1px solid #990000; font-weight:bold} .denied li, .flash li, .message li{ margin:3px} .deniedspecial{ background-color:#530212; color:#fff; padding:5px; border:1px solid #990000; font-weight:bold; position:absolute; top:0; left:3px; width:165px} /* //////////////////// ARTICLE */ .article{ border:1px solid #eee; padding:10px; background:url(../images/fond/input.gif) right bottom no-repeat;} /* //////////////////// MENTIONS */ .adr p, .adr2 p { text-align:center; font-size:12px} .adr{ margin: 20px 0 15px 10px ; float: left; height: 217px; padding: 0; width: 284px; background: url(../images/fond/mentions01.jpg) left top no-repeat; padding-top:47px; color:#fff } .adr2 { margin: 20px 0 15px 10px ;float: left; height: 217px; padding: 0; width: 284px; background: url(../images/fond/mentions02.jpg) left top no-repeat; padding-top:47px; color:#fff } .conformement { font: normal 10px arial; text-align:center } .livraison td{ border:1px solid #ccc; padding:2px;; border-collapse:separate} .livraison th{text-align:center; color:#fff; font-weight:bold; background:url(../images/fond/totalpanier.gif) left top repeat-x; height:25px} /* ------------------------------------------------------------ X. CLASSES ------------------------------------------------------------- */ .clear{clear:both;} .hidden{ visibility:hidden; height:1px; padding:0; border:0;} .center{ text-align:center} .red, .ligneprod td a.red{ color:#9a0708} .redpale{ color:#8d6666} .fright{ float:right; margin:0 0 2px 5px} .fleft{ float:left; margin:0 5px 2px 0} .price{ font-size:18px; font-weight:bold; color:#890104} .centerbloc{ margin:0 auto; width:98%} .bold { font-weight:bold} .statique p{ margin:0px 5px 15px 10px ; font-size:13px; line-height:19px} a{ color:#af9494} a:hover{ color:#8d6666} .statique ul{ zoom:1; border:1px solid #fff} .statique ul li{ margin: 5px 0 5px 15px; padding:2px 2px 5px 20px; background:url(../images/puce/li.jpg) left top no-repeat; color:#666; font-size:13px;zoom:1; border:1px solid #fff} .right{ text-align:right} .statique p strong, .statique p a{ font-size:13px} ul.sp3 li {padding: 2px;} ul.sp2 li {padding: 1px;}