/* "Flame" stylesheet for osC created by Rhea Anthony 08/08/2005 - these stylesheet settings apply to all media - for printing styles edit templates/print.css - modified 2004/03/18 PaulM PandA.nl - To optimize the stylesheet for small filesize (=>maximum speed) you can remove most comments, and group the styles. */ div, table, a, td, tr{ margin:0px; padding:0px; } .infoBox_{ border: 1px #396A0E solid; } .formAreaTitle_{ font-size: 14px; font-weight: bold; } .formArea_{ border: 1px #396A0E solid; padding: 5px ; } body { margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; text-align: center; /* needed for IE center bug */ color: #646464; background: #417f0a url("./images/bg_html.jpg") repeat-x top; width:100%; font-size: 12px; } #columnLeftLT{ float: left; } .pays{ width:145px; } .filtres{ width:720px; } .filtres select{ width: 150px; } .connexion{ background: #ffffff url("./images/bg_gris2.jpg") repeat-x top; border: 1px solid #b4b4b4; width:280px; _width:320px; height:160px; _height:200px; padding:20px; } .right{ float:right; } .cat_list{ float: left; width: 160px; } .mod_categorie a{ font-weight: normal; } a.categ_bloc{ color: #499ddf; font-size:18px; font-weight: bold; } .t14{ font-size: 14px; } .t18{ font-size: 18px; } #listeproduits, #nested, #login, #create, #commentaires, #special, #cart, #newslettersub, #check, #texte, #compte, #produit, #cms, .affi_core{ background: #ffffff url("./images/bg_productlist_m.gif") repeat-y top; width: 700px; _width: 720px; padding: 10px; } #cookie_, #ssl_{ border: 1px #83bc50 solid } #cookie_ .infoBoxHeading, #ssl_ .infoBoxHeading, .affi_core .infoBoxHeading{ background: #aff075; text-align: center; } #nested a, #nested{ color: #666666; } .list_top{ background: #ffffff url("./images/list_top.gif") no-repeat; height: 11px; overflow: hidden; width: 720px; } .list_bottom{ background: #ffffff url("./images/list_bottom.gif") no-repeat; height: 11px; overflow: hidden; width: 720px; } .productListing{ padding: 5px ; } .productListing a{ font-weight: normal; } #pagination{ background: #ffffff url("./images/bg_page.gif"); padding: 12px; text-align: center; width: 696px; _width: 720px; color: #fff; margin-top: 20px; } #pagination .smallText{ color: #fff; } tr.productListing-odd, tr.productListing-even{ height: 102px; background: #FFFFFF url(./images/bg_productlist_m.gif) repeat-y scroll center bottom; width: 700px; } .productListing-data{ background: #FFFFFF url(./images/bg_gris.jpg) repeat-x scroll center bottom; } /* begin imported some styles from original osC stylesheet */ .smallText { font-family: Arial, sans-serif; font-size: 12px; color: #b8b300; font-weight: bold; margin-bottom: 20px; } .messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; } .productSpecialPrice{ color: #b8b300; font-weight: bold; } .cadrepanier .productSpecialPrice{ } TD.main, P.main { font-family: Verdana, Arial, sans-serif; color: FLAME_BOXTEXT; line-height: 1.5; } textarea { width: 100%; font-family: Verdana, Arial, sans-serif; color: FLAME_AREATEXT; } /* end import from original stylesheet */ #global { background: url("./images/bg_body.jpg") no-repeat center top; } /* pageWrapper div for centering and fixing width settings! 2005/08/08 */ div#pageWrapper { position: relative; margin: 0px auto; /* sets margin from top of browser page to start of web page */ width:980px; /* set total pagewidth or set at 100% */ text-align: left; } .fluo{ color:#91c659; } #kookle{ margin-left:14px; /*width:692px;*/ } .clr{ clear: both; } img{ border: none; } #menu{ background: url("./images/bg_menus.jpg") no-repeat; padding: 16px 0 18px 6px; color:#fff; font-weight: bold; clear:both; } #menu a{ color:#fff; text-decoration: none; background: url("./images/puce_menu.jpg") no-repeat; padding: 6px; font-size: 13px; } #menu a.nodeco{ background: none; } #header{ margin-bottom:23px; } /* no need to edit this - standard setting */ form { display: inline; } /* no need to edit this - standard setting */ td { vertical-align: top; font-size: 12px; } /* no need to edit this - standard setting */ td.productListing-data { vertical-align: middle; color: #b8b300; font-weight: bold; } /* total width of the sub-table containing the info boxes */ td.columnLT { padding: 0; } /* total width of the info boxes */ table.infoBoxLT{ width: 200px; } .blocs_bottom{ background: url(./images/blocs_bottom.gif) #fff no-repeat bottom; height: 10px; overflow: hidden; } /* relative width of the info box table and sub tables */ table.infoBoxLT td table { width: 100%; } /* class called infoboxContents in standard osCommerce */ td#contentLT { width: 700px; /* modif FB */ } /* just sets the margins for info boxes */ /* sets the padding for class called infoboxContents in standard osCommerce */ td#contentLT { padding: 10px 12px; } /* padding for the infoBox headings */ .infoBoxHeading { padding: 2px 4px; font-family: Arial, sans-serif; font-weight: bold; color: FLAME_HEADINGBOX; } td.boxTextLT { padding: 6px 5px; } div#imageNavLT{ margin: 12px 7px 0 0; float: right; } #hleft{ float: left; } .navRightLT { float:right; font-weight:bold; padding-top:3px; _margin-right: -3px; } .navRightLT a{ color:#fff; } .navRightLT img{ border:none; margin-left:0px } .boxTextLT select { width: 90%; } td#navBarTopLT div, td#navBarBottomLT div { margin: 1px 5px; height: 17px; } .navLeftLT { color:#fff; margin-left:22px; margin-top:15px; } .fonce{ color:#305e07; } .gras{ font-weight: bold; } .tabgris{ border: 1px #b4b4b4 solid; background: url("./images/deg_tabgris.jpg") repeat-x; } .bordgris{ border: 1px #b4b4b4 solid; } .vertbis{ background-color: #91c659; border: 1px solid #396a0e; padding: 4px; } .navLeftLT a{ color: #fff; font-weight: bold; text-decoration: underline; } .footerLT { text-align: center; } .footerLT div { margin: 5px auto; } #footer{ background: #fff url(./images/bg_content.jpg) no-repeat top; width: 740px; _width: 760px; padding: 10px; text-align: justify; } #logos{ background-color: #30580e; text-align: center; width: 760px; padding: 10px 0 10px 0; } #banniere{ float:right; margin-top:11px; } #logoLT{ float:left; } #liens{ background: #2d530d url(./images/bg_liens.gif) bottom no-repeat; width: 760px; text-align: center; padding: 5px 0 5px 0; font-size: 10px; color: #6c9249; font-weight: normal; } #reviewsBoxLT .boxTextLT a{ font-weight: normal; } #liens a{ font-size: 10px; color: #6c9249; font-weight: normal; } #footer a{ font-weight: normal; } .bleu{ color: #499ddf; } #languagesBoxLT, #specialsBoxLT, #currenciesBoxLT, #whats_newBoxLT, #manufacturersBoxLT, #searchBoxLT, #tell_a_friendBoxLT { text-align: center; } /* begin colors and borders (for link colors: see the link styles section below) */ /* controls colours of module borders and borders around button areas*/ table.productListing { } #selection{ background: #fff url(./images/bg_selection.gif) no-repeat; height:230px; _height:327px; width:667px; _width: 719px; padding:97px 26px 0 26px; } #cross{ background: #fff url(./images/bg_cross.gif) no-repeat; height:460px; _height:557px; width:667px; _width: 719px; padding:97px 26px 0 26px; margin-top: 20px; } #also{ background: #fff url(./images/bg_also.gif) no-repeat; height:247px; _height:337px; width:667px; _width: 719px; padding:97px 26px 0 26px; margin-top: 10px; } #nouveaute{ background: #fff url(./images/bg_nouveaute.gif) no-repeat; height:466px; _height:539px; width:667px; _width: 719px; padding:73px 26px 0 26px; } #extrait{ background: #fff url(./images/bg_extrait.gif) no-repeat; height:200px; _height:270px; width:667px; _width: 719px; padding:70px 26px 0 26px; margin-top: 20px; } #associes{ background: #fff url(./images/bg_associes.gif) no-repeat; height:472px; _height:539px; width:667px; _width: 719px; padding:73px 26px 0 26px; margin-top: 20px; } #last_articles{ background: #fff url(./images/bg_last_articles.gif) no-repeat; height:466px; _height:539px; width:667px; _width: 719px; padding:73px 26px 0 26px; margin-top: 20px; } #nouveaute a{ font-weight: normal; } #meilleurs{ background: #fff url(./images/bg_meilleurs.gif) no-repeat; height:442px; _height:539px; width:627px; _width: 719px; padding:77px 26px 0 66px; margin-top:20px; } #meilleurs #bestone{ float: left; margin-right: 15px; width: 250px; } #meilleurs a{ font-weight: normal; } #selection .infoBoxContents{ } .productListing-heading { background: FLAME_BACKHEADBOX; font-family: Arial, sans-serif; font-weight: bold; color: #ffffff; } .errorText { color: red; } /* .cBoxE higlighting for categories box enhancement contrib */ .cBoxE { color: red; } /* leave at zero or else it will conflict with images used in infoBox headers and new products module */ td.infoBoxHeading { border: 0px black solid; } /* controls colour of top and bottom navbar borders */ td#navBarTopLT, td#navBarBottomLT { border-width: 1px 0; } h1{ text-transform: uppercase; font-weight: bold; font-size: 18px; } #image{ background: #fff url("./images/bord_image.gif") no-repeat; width: 190px; height: 200px; text-align: center; overflow: hidden; float: left; margin-right: 10px; } #image a{ font-weight: normal; } #subimage{ height: 170px; overflow: hidden; margin-bottom: 5px; } #options{ width: 500px; height: 200px; float: left; position: relative; } .cadrepanier{ background: url("./images/cadrepanier.gif"); /*padding:20px;*/ width: 240px; height: 90px; bottom:0px; left:0px; position: absolute; color:#b8b300; font-size: 24px; text-align:center; z-index:-9999px; } .cat_prix{ color:#b8b300; font-size: 14px; } .coms{ background: url("./images/coms.gif"); bottom:50px; left:250px; position:absolute; padding:13px 0px 12px 0px; width:230px; text-indent:40px; z-index:-9999px; } .coms a{ font-weight: normal; } #subimage img{ margin-top: 10%; } /* controls colour of page heading text */ #contentLT table td.pageHeading, h1 { } /* this is a table border, so leave at zero */ .infoBoxLT td table td { border-width: 0px; } /* controls colour of text used to greet user */ .inputRequirement, .greetUser { } /* example how to assign styles to one individual small infobox (delete if you don't like) */ table#shopping_cartBoxLT { font-weight: bold; color: #e00; } /* end colors and borders */ .infoBoxHeading img { display: none; } /* begin fonts */ #copyRightLT { } td.infoBoxHeading { font-weight: bold; } .infoBoxLT{ background: #fff; width: 200px; margin-bottom: 10px; } #DECOUVRIRBoxLT{ text-align: center; } #DECOUVRIRBoxLT .infoBoxHeadingLT{ background: #fff url("./images/top_decouvrir.gif") no-repeat; } #DECOUVRIRBoxLT a{ color: #847a50; text-transform: uppercase; background: #fff url("./images/discover_item.jpg") no-repeat; font-weight: bold; padding: 7px; width: 176px; _width: 189px; display: block; margin-bottom: 10px; } #shopping_cartBoxLT .infoBoxHeadingLT{ background: #fff url("./images/top_panier.gif") no-repeat; } #DECOUVRIRBoxLT a.mzero{ margin: 0px; } #subscribersBoxLT .smallText{ color: #6e6e6e; font-weight: normal; } #subscribersBoxLT input{ border: 1px #6e6e6e solid; width: 83%; height: 25px; } #subscribersBoxLT input#okNL{ background: #3589cc; color: #fff; width: 25px; height: 25px; } #colonne_droite{ float: left; } .left{ float: left; } .mod_categorie{ width: 322px; height: 170px; _width: 342px; _height: 200px; margin-bottom: 13px; _margin: 0px; padding:30px 0 0 20px; overflow: hidden; } .cat_lastproduct{ float: left; width: 150px; overflow:hidden; text-align: center; font-weight: bold; } .cat_lastproduct a{ font-weight: bold; } .mod_categorie .nbr{ font-weight: normal; color:#969696; } .m38{ margin-right: 38px; } .bloccat0{background: url(./images/bloccat0.gif);} .bloccat1{background: url(./images/bloccat1.gif);} .bloccat2{background: url(./images/bloccat2.gif);} .bloccat3{background: url(./images/bloccat3.gif);} .bloccat4{background: url(./images/bloccat4.gif);} .bloccat5{background: url(./images/bloccat5.gif);} .bloccat6{background: url(./images/bloccat6.gif);} .bloccat7{background: url(./images/bloccat7.gif);} .bloccat8{background: url(./images/bloccat8.gif);} .bloccat9{background: url(./images/bloccat9.gif);} .infoBoxHeadingLT{ padding:13px 0 26px 0; text-align: center; text-transform: uppercase;; font-size: 14px; font-weight: bold; background: url(./images/top_autre.gif) no-repeat; color: #fff; } #infoBox2 .infoBox{ background:#FFFFFF url(./images/bg_gris2.jpg) repeat-x; border:1px solid #B4B4B4; } .infoBox td{ vertical-align: middle; } #submenuBoxLT a{ font-weight: normal; } #submenuBoxLT a.gras{ font-weight: bold; } #navBarTopLT, #navBarBottomLT { font-size: 12px; font-weight: bold; color: FLAME_NAVTEXT; } /* font size for content in and outside tables */ #contentLT table td, #contentLT { font-family: arial, sans-serif; } #contentLT{ width: 740px; _width: 760px; padding-left: 20px; background: #fff url("./images/bg_content.jpg") no-repeat; margin-right: 17px; padding-top: 20px; margin-bottom: 20px; } #best_sellersBoxLT a{ font-weight: normal; } #best_sellersBoxLT .boxTextLT{ padding:1px 6px 0; } .number{ color: #3e91d0; } #bestone{ background: #e0eff3; border: 1px #90d0e5 solid; text-align: center; padding: 10px; } #bestone .number, #bestone a{ font-weight: bold; } #contentB{ background: #fff url("./images/bg_bcontent.gif") no-repeat; overflow: hidden; height: 18px; margin-left:-20px; } /* controls font and size used in page headings */ #contentLT table td.pageHeading, h1 { text-align: center; } /* end fonts */ /* begin link styles */ .infoBoxHeadingLT a { color: #fff; font-size: 14px; } a { text-decoration: none; color: #646464; font-size: 12px; font-weight: bold; } /* end link styles */ .moduleRow { } .moduleRowOver { background-color: FLAME_ROWOVER; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: FLAME_ROWSELECT; } /* ------- Zoom image ADD : START -------- */ #showimage{ position:absolute; visibility:hidden; border: 0px; z-index:9999; } #dragbar{ cursor: hand; cursor: pointer; background-color: #bbc3d3; min-width: 100px; /*NS6 style to overcome bug*/ } #dragbar #closetext{ font-weight: bold; margin-right: 1px; } /* ------- Zoom image ADD : END -------- */ .middle{ vertical-align: middle; }