/* CSS Front Eyes Lips Face */ * { margin:0; padding:0; border: none; text-decoration: none } body { padding: 0; margin:0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background: #d0cfcf url(../images/fond/f-body.gif) center top repeat-y } h1 a { position:relative; top: 0px; left: 1px; } h2 { width: 863px; height: 32px; margin: 0px 0px 20px 0px; padding: 20px 0 0 35px; font: normal 18px "Trebuchet MS"; color: #433e3e; background: url(../images/fond/f-h2.gif) left 0px repeat-x } h3 { margin: 15px 0 10px 0px; font: normal 18px "Trebuchet MS"; color: #433e3e } h4 { margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #433e3e } h5 { margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #433e3e } p { font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left } input { padding: 0 0 0 3px; font: normal 11px arial } textarea { padding: 4px; font: normal 11px arial } select { border: 1px solid #cccccc; font: normal 11px arial } ul li { list-style: none; font: normal 11px/18px arial; margin: 10px 15px 10px 24px } ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat } ul.radio li { float: left } ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 } a img { border: none; text-decoration: none } a { color: #000; text-decoration: underline; font: normal 11px arial } a:hover { color: #000; text-decoration: underline } abbr { cursor: help } .format { padding: 20px 40px 10px 40px } .indispo { text-align: center; font: italic bold 13px arial } a.flag {background:url(../images/icones/ico_flag_nl.gif) no-repeat left top; padding:0 0 0 20px;} a.toMyspace { display:block; height:52px; position:absolute; right:48px; text-indent:-5000px; top:1199px; width:170px; } a.toFaceBook { display:block; height:67px; position:absolute; right:78px; text-indent:-5000px; top:1383px; width:142px; } p.reponsePara { } .question-top ul li * { } .question-top ul li { width: 406px; } .banniereGet { width: 728px; margin: 0 auto; padding: 6px 0 17px 0; } .banniereGet h3 { margin: 0 0 0 0px; padding: 5px 0 0 0; font: normal 15px "Trebuchet MS"; } .banniereGet h3.first span { font: italic normal 11px "Trebuchet MS"; } .banniereGet p { margin: 0 0 0 0px; padding: 3px 0 0 0; } .banniereGet div#pseudoPop { display: none; width: 725px; min-height: 116px; margin: 0 auto; background: #fff url(../images/fond/f-pop.gif) left bottom repeat-x; border: 3px solid #f7dcdc ; position: absolute; top: 282px; left: 75px; z-index: 5000; padding: 10px 15px } .banniereGet div#pseudoPop h3 { font: bold 12px arial; color: #3d3d3d} .banniereGet div#pseudoPop h3 strong { font: bold 14px arial; color: #9f2e74 } .banniereGet div#pseudoPop p.one { margin: 5px 0 7px 0px; } .banniereGet div#pseudoPop p.two { margin: 5px 0 7px 0px; } .banniereGet .fermerIt { float: right; background-color: #f0eded; border: 1px solid #919090; color: #5a5959; padding: 1px 2px; cursor: pointer } /* Gifts Page form */ form#giftForm { margin: 0 auto; width: 373px; height: 552px; padding: 65px 0 0 470px; background: url(../images/fond/f-gift.gif) left top no-repeat; position:relative; } form#giftForm h3 { font: bold 19px arial; margin: 0 0 14px 0px; padding: 0 0 0 0; position:relative; top: 18px; left: 0px; } form#giftForm label.lbleft { width: 120px; text-align: left; } form#giftForm input.ch { width: 170px; } form#giftForm textarea.comment { width: 170px; height: 167px; } form#giftForm p.centerbut { position: absolute; right:50px; top:530px; } /* /////////////////////////// Page Transports */ .visuFloatRight2 { float: right; margin: 36px 0px 80px 15px } /* /////////////////////////// Customisez vos elements */ #flashCusto object { margin: 0 auto; } td.title2 , td.title1 { padding: 0 0 12px 0; } td.title2 img { padding: 0 0 0 20px; } table.customElement { width: 865px; margin: 15px 0 0 15px } table.customElement td { vertical-align: top } table.customElement td.one { width: 277px; text-align: center; } table.customElement td.two { padding: 0 0 0 20px; } table.custo2 { width: 865px; margin: 35px 0 0 15px } /* /////////////////////////// Page TabbAccount */ table.tableAccount2 { border-collapse: collapse; width: 873px; margin: 0 0 15px 25px; } table.tableAccount2 td { vertical-align: top } p.logout { float: right; font-weight: bold; position:relative; top: -30px; left: -25px; } p.logout span {position:relative; top: -7px; left: -3px; } .formatbox { width: 394px; margin: 0 0 18px 0px; background-color: #efecec } .formatbox h3 { height: 25px; margin: 0; background: url(../images/fond/f-h3Tabbaccount.gif) left top repeat-x; font: bold 14px arial; color: #ffffff; padding: 15px 0pt 0pt 11px } .formatbox p.edit { float: right; } .formatbox form { margin: 0 20px; padding: 0 0 10px 0; } .formatbox form input { background-color: /*#efecec*/#fff ; border: 1px solid #ccc } .formatbox form label { width:100px;display: block; float: left; } .history-bot { width: 434px; background: url(../images/fond/history-bot.gif) left bottom no-repeat; } .history-top { width: 434px; padding: 51px 0 20px 0; background: url(../images/fond/history-top.gif) left top no-repeat; } .history-top h3 { margin: 0 0 25px 15px; } .history-bot2 { width: 434px; margin: 0 0 12px 0px; background: url(../images/fond/history-bot.gif) left bottom no-repeat; } .history-top2 { width: 434px; min-height: 120px; padding: 51px 0 20px 0; background: url(../images/fond/history-top.gif) left top no-repeat; } .history-top2 h3 { margin: 0 0 25px 15px; } .history-top table { width: 400px; margin: 15px auto 30px auto } .history-top table td { padding: 5px 6px; text-align: center; } .history-top thead { width: 100%; margin: 0 20px } .history-top thead th { text-align: center; color: #d9678c } /* /////////////////////////// Pages buzz */ #pageBuzz h2 { position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; } div.pseudoTab2 { height: 52px; margin: 0 0 35px 0px; background: url(../images/fond/f-h2.gif) left 0px repeat-x } div.pseudoTab2 ul { margin: 0px 0 0 5px; padding: 13px 0 0 0; /*position:relative; top: 14px; left: 5px; z-index: 0; */ } div.pseudoTab2 ul li { float: left; margin: 0 4px 0 0; padding: 0; /*position:relative; top: 0px; left: 0px; */ } div.pseudoTab2 ul li a { display: block; height: 38px; padding: 11px 20px 0 20px; color: #333333; font: normal 18px "Trebuchet MS"; text-decoration: none; text-align: center; } li.buzzz_white { background: url(../images/fond/buzz_right_on.gif) right top no-repeat; } li.buzzz_white a { background: url(../images/fond/buzz_left_on.gif) left top no-repeat; } li.buzzz_rose { background: url(../images/fond/buzz_right_rose.gif) right top no-repeat; } li.buzzz_rose a { background: url(../images/fond/buzz_left_rose.gif) left top no-repeat; } li.buzzz_vert { background: url(../images/fond/buzz_right_green.gif) right top no-repeat; } li.buzzz_vert a { background: url(../images/fond/buzz_left_green.gif) left top no-repeat; } #pageBuzz h4 { font: normal 18px "Trebuchet MS"; margin: 15px 0 10px 20px; padding: 0 0 5px 0; color: #000; text-transform:uppercase; border-bottom: 1px solid #efecec } table.tableVideos { width: 90%; margin: 0 auto; } table.tableVideos td { padding: 15px 0; text-align: center; } table.tableMagazines { margin: 0 auto 20px auto; } table.tableMagazines td { padding: 15px 30px; } table.tableMagazines td img { border: 1px solid #000; padding: 5px } /* Events */ #pageEvents h2 { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; } p.pagination { text-align :right; margin: 0 35px 0 0px; } p.pagination a { color: #d9678c; text-decoration: none; } p.pagination a span { font-weight: bold; } table.tableEvents { width: 840px; margin: 0 auto; } table.tableEvents td { padding: 0 0 20px 0 } table.tableEvents td.visu { width: 190px; height: 200px; background: url(../images/fond/f-td.gif) left top no-repeat; vertical-align: middle ; text-align: center; } table.tableEvents td.descTD { padding: 3px 0 3px 25px ; vertical-align: top } table.tableEvents td.descTD p.date { background-color: #000; color: #ffffff; margin: 0 0 17px 0px; padding: 3px 0 3px 25px } table.tableEvents td.descTD p.desc a { } /* temoignages */ #pageTemoignages { width: 898px; background: url(../images/fond/f-temoignages.jpg) right 52px no-repeat; } #pageTemoignages h2 { position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; } #pageTemoignages h3 { margin: 0 0 0 20px; font: normal 23px "Trebuchet MS"; } #pageTemoignages h3 img { /*position:relative; top: 1px; left: 0px;*/ padding: 1px 0 0 0; } #pageTemoignages h3 span { font: normal 28px "Trebuchet MS"; } #pageTemoignages table { width: 614px; margin: 0 0 15px 14px; } #pageTemoignages table td { padding: 0 0 10px 0; } #pageTemoignages table td.pagination { padding: 0 0 0 0; text-align :right; } #pageTemoignages table td.pagination a { color: #d9678c; text-decoration: none; } #pageTemoignages table td.pagination a span { font-weight: bold; } #pageTemoignages table td div.cont { background-color: #efecec; padding: 9px 0 0 0; } #pageTemoignages table td h4 { margin: 0px 0 15px 0px; padding: 4px 0 4px 10px; font: normal 11px arial; background-color: #000; color: #ffffff; } #pageTemoignages table td p { padding: 0 10px; } /* /////////////////////////// Page recherche */ p.afficheResult { margin: 0 0 17px 37px; } p.afficheResult strong { font: bold 12px arial; } input#s { border:1px solid #969696;font-family:Arial;font-size:11px;height:20px;padding-left:3px;width:180px;} .rechercheBt { position:relative; top: 11px; left: 4px; } #blocSearch { border-bottom: 1px solid #efecec; padding: 0 0 15px 0; } /* /////////////////////////// Page catégories */ .colonne-gauche-cat2 { float: left; width: 185px; } .colonne-gauche-cat2 ul { margin: 0; padding: 0; } .colonne-gauche-cat2 li { margin: 0 0 4px 0; padding: 0 0 0 10px; } .colonne-gauche-cat2 li a { text-decoration: none; color: #333333; font-weight: bold; } .colonne-droite-cat2 { float: left; } .colonne-gauche-cat2-mineral { float: left; width: 185px; } .colonne-gauche-cat2-mineral ul { margin: 0; padding: 0; } .colonne-gauche-cat2-mineral li { margin: 0 0 4px 0; padding: 0 0 0 10px; } .colonne-gauche-cat2-mineral li a { text-decoration: none; color: #FFFFFF; font-weight: bold; } .colonne-droite-cat2-mineral { float: left; } /* /////////////////////////// Choisir son look */ p.links-top { float: right; margin: 0 70px 10px 0px; } a.envoyer-ami { background: url(../images/puce/letter.gif) left top no-repeat; padding: 0 0 0 18px; } a.print { background: url(../images/puce/print.gif) left top no-repeat; padding: 0 0 0 18px; margin: 0 0 0 14px; } .col-left-look { float: left; width: 600px; padding: 0 0 0 13px; } .col-left-look table.desc { width: 538px; } .col-left-look table.desc td { padding: 5px 0; } .col-left-look p.visuLook { margin: 20px 0px; } .col-left-look p.purchase { text-align :right; margin: 0 60px 0 0px; } .col-left-look table.detail { width: 538px; margin: 15px 0 15px 0px; border: 1px solid #efecec } .col-left-look table.detail td { padding: 2px 3px } .col-left-look table.detail tr.entete th{ height: 30px; padding: 11px 0 0 26px; background: url(../images/fond/f-thead.gif) left top no-repeat; color: #ffffff } .entete_cat{ height: 18px; padding: 0 0 0 26px; color: #ffffff; background: url(../images/fond/f-thead2.gif) } .entete_droite_cat{ height: 17px; padding: 0 0 0 26px; color: #ffffff; background: url(../images/fond/f-thead3.gif) } .col-right-look { float: left; width: 280px; } .col-right-look h3 { float: left; margin: 0 10px 15px 26px; padding: 0; text-transform: uppercase; font: bold 12px arial; position:relative; top: 3px; left: 0px; } .col-right-look select { float: left; border: 1px solid #cccccc } .col-right-look table { clear: both; margin: 0 auto 15px auto; } #conteneur-philo { height :834px; width: 858px; background:transparent url(../images/fond/img_philosophy.jpg) no-repeat scroll 22px 242px; } #conteneur-philo h3 { margin: 28px 0 15px 10px; font: normal 23px "Trebuchet MS"; } #conteneur-philo h3 span { font: normal 28px "Trebuchet MS"; } #conteneur-philo p.txtPhilo { padding: 0 0 0 270px; } p.buzz { text-align :right; font: normal 31px "Trebuchet MS"; color: #433e3e } .pickerCarre img , .pickerCarre a img, .pickerCarre img , .pickerCarre * { cursor: pointer; } /* /////////////////////////// Page Parrainez un ami */ .messageEtat { width: 392px; margin: 0 0 12px 0px; padding: 14px 0 20px 0; font: normal 12px arial; border: 1px solid #c7c6c6; text-align: center; background-color: #fae9e9 ; color: #433e3e } #referer-conteneur { width: 886px; height: 984px; background: url(../images/fond/bg-refer3.jpg) 11px bottom no-repeat; } div.box-s { float: left; margin: 0 10px 0 14px; background: url(../images/fond/box-s.gif) left top repeat-y; } div.box-bot { background: url(../images/fond/box-bot.gif) left bottom no-repeat; } div.box-top { width: 308px; padding: 20px 0px 17px 0px; background: url(../images/fond/box-top.gif) left top no-repeat; } div.box-top p { padding: 0 15px } div.box-top ul { margin: 0; padding: 0 15px } div.box-top ul li { margin: 0 0 4px 0; padding: 0; font-weight: bold; } h3.refer { margin: 10px 0 15px 35px; font: normal 23px "Trebuchet MS"; color: #000 } h3.refer span { font: normal 28px "Trebuchet MS"; color: #433e3e } div.box2-s { float: left; background: url(../images/fond/box2-s.gif) left top repeat-y; } div.box2-bot { background: url(../images/fond/box2-bot.gif) left bottom no-repeat; } div.box2-top { width: 254px; padding: 20px 0px 17px 0px; background: url(../images/fond/box2-top.gif) left top no-repeat; } div.box2-top p { padding: 0 15px } div.box2-top ,div.box2-top2 { min-height: 200px; } div.box2-s { position:relative; top: 30px; left: 0px; } div.box2-top2 { width: 254px; padding: 6px 0px 17px 15px; background: url(../images/fond/box2-top2.gif) left top no-repeat; } div.box2-top2 h3 { width: 166px; margin: 15px 0 18px 0px; } div.box2-top2 .validForm2 { padding: 7px 0 0 116px; } div.box2-top2 .validForm2 input { width: auto; height: auto; } #creationCompte { margin: 0 0 0 10px; } #creationCompte h3 { margin: 24px 0 31px 0px; } input.shiftVert { position:relative; top: 7px; left: 0px; } #creationCompte .validForm2 { padding: 17px 0 0 116px; } div.box2-top2 form label { display: block; float: left; width: 109px; margin: 0 0 0 10px; color: #000; text-transform:uppercase } div.box2-top2 form input.ch { width: 108px; height: 18px; border: 1px solid #ccc } /* */ div.parain-bot { width: 847px; margin: 0 auto; background: url(../images/fond/parain-bot.gif) left bottom no-repeat; } div.parain-top { padding: 64px 0px 15px 0px; background: url(../images/fond/parain-top.gif) left top no-repeat; } div.parain-top table { width: 847px; } div.parain-top table td { vertical-align: top; width: 50%; } div.parain-top table td.one { border-right: 1px solid #fcdce7 } div.parain-top table td h3{ position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; } div.parain-top table td form {width: auto; } div.parain-top table td.two form input{ margin: 0 5px 0 0; } div.parain-top table td.two form input{width: auto; border: 1px solid #f68409; } table.parrainageLoggedTable { width: 800px; margin: 15px auto 0 auto; padding: 0 0 0 15px; } table.parrainageLoggedTable p.bita { width: 381px; } form.loggedParrainage { } form.loggedParrainage p.hiddenLabs label { display: none; } form.loggedParrainage label { display: block; float: left; width: 170px; margin: 0 0 0 10px; color: #000; text-transform:uppercase } form.loggedParrainage input.ch { width: 130px; height: 18px; border: 1px solid #ccc } form.loggedParrainage input#friend { width: 150px; background-color: #f7dcdc } form.loggedParrainage #friendName, form.loggedParrainage #middleName { width: 110px; } form.loggedParrainage textarea { width: 381px; height: 90px; border: 1px solid #ccc } form.loggedParrainage .validForm { width: 381px; text-align: center; margin: 10px 0} form.loggedParrainage p.ajouter { font-weight: bold; color: #D9678C } /* Pop up Rules */ div.pop-s { width: 325px; margin: 15px auto; background: url(../images/fond/pop-s.gif) left top repeat-y; } div.pop-bot { background: url(../images/fond/pop-bot.gif) left bottom no-repeat; } div.pop-top { padding: 20px 15px 20px 15px; background: url(../images/fond/pop-top.gif) left top no-repeat; } /* /////////////////////////// Page secrets de beauté */ table.secreTable { width: 860px; margin: 0 auto; } div.el1Bot { margin: 0 7px 0 7px; width: 410px; background: url(../images/fond/el1Bot.gif) left bottom no-repeat; } div.el1Top { background: url(../images/fond/el1Top.gif) left top no-repeat } div.el1Top p { padding: 5px 20px } div.el2Bot { margin: 0 7px 0 0; background: url(../images/fond/el2Bot.gif) left bottom no-repeat; } div.el2Top { width: 200px; background: url(../images/fond/el2Top.gif) left top no-repeat } div.el2Top table { width: 100%; } div.el2Top table td { width: 100%; padding: 10px 0; text-align: center; vertical-align: middle } .menuSecrets { background-color: #f0f0f0; height: 23px; margin: 15px 0 15px 0px; clear: both; } .menuSecrets p { float: left; margin: 0; padding: 0 0 0 30px; font: normal 12px arial; position:relative; top: 4px; left: 0px } .menuSecrets p a { color: #1e1e1e; text-decoration: none; padding: 0 12px } .menuSecrets p span { font-weight: bold; color: #000; padding: 0 12px } .menuSecrets form { float: left } .menuSecrets form p { position: static } .menuSecrets form { float: left; margin: 0; padding: 0; } .menuSecrets form label { color: #323232; font: bold 13px arial; margin: 0 5px 0 0px; position:relative; top: 2px; left: 0px; } .menuSecrets form input.ch { width: 118px; height: 18px; border: 1px solid #cccccc ; position:relative; top: -1px; left: 0px; } .menuSecrets form input.valid { height: 18px; background-color: #231f20; color: #ffffff; position:relative; top: 2px; left: 0px; } table.secretsTable { margin: 15px 15px 25px 15px; } table.secretsTable td { } font-style: italic;.question-s { background: url(../images/fond/question-s.gif) left top repeat-y; } .question-bot { background: url(../images/fond/question-bot.gif) left bottom no-repeat; } .question-top { width: 459px; padding: 50px 0 17px 0; background: url(../images/fond/question-top.gif) left top no-repeat } .question-top h3 { margin: 0 0 35px 25px; } .question-top ul li a { color: #D9678C; font: bold 11px arial; text-decoration: none; } .question-top ul li a:hover { color: #000 } .question-top ul li span { color: #000; font: bold 18px arial; margin: 0 10px 0 0px; } .reponse { /*width: 381px; */} .reponse h3 { width: 381px; background-color: #000; margin: 0 0 5px 0px; padding:0 } .reponse p { padding: 0 15px; } /* FAQ */ #faq_conteneur { min-height: 850px; } #secrets_conteneur { min-height: 850px; } /* /////////////////////////// Page Product */ p.path { } p.retourCat { } table.tableProduct { width: 100%; border-collapse: collapse; } table.tableProduct td { padding: 4px 6px; border: 1px solid #efecec } table.tableProduct p.product-image { text-align: center; } table.tableProduct td.imgTD { text-align: center; vertical-align: middle } table.tableProduct p.zoom { text-align: center; } table.tableProduct td.title { font: bold 13px arial; height: 30px; padding: 11px 0 0 26px; background: url(../images/fond/f-thead.gif) left top no-repeat; color: #ffffff; } table.tableProduct td.libelle { width: 90px; font-weight: bold; padding: 2px 0 2px 10px; } table.tableProduct td.desc { padding: 6px 11px } table.tableProduct .prix { font-weight: bold; } table.tableProduct .strike { text-decoration: line-through } strong.descS { padding: 0px 0 0px 0px; } /* /////////////////////////// Page Panier */ /*p.suiviPanier { position: absolute; top: 180px; right: 32px; z-index: 0; } p.suiviPanier img { margin: 0 10px; } */ p.suiviPanier { float: right; padding: 16px 0 0 0 ; margin: 0 0 0 -4px; background: url(../images/fond/f-h2.gif) left 0px repeat-x; height: 32px } p.suiviPanier img { margin: 0 10px } h3.remplaceNoir { width: 825px; height: 42px; margin: 0 auto ; padding: 17px 0 0 25px; background-color: #000 } table.tablePanier { width: 850px; margin: 0 auto; border-collapse: collapse; } table.tablePanier td { padding: 6px 6px 6px 6px; border: 1px solid #efecec; background: url(../images/fond/f-td5.gif) right top repeat-y; } table.tablePanier td.ftd6 { padding: 6px 6px 6px 6px; border: 1px solid #efecec; background: none } table.tablePanier td.right { padding: 6px 11px 6px 6px; } table.tablePanier thead { height: 17px; color: #ffffff; background-color: #7f7f7f } table.tablePanier thead th.entete-cat { height: 17px; background: url(../images/fond/f-thead2.gif) left top no-repeat; color: #ffffff; } table.tablePanier thead th { text-align: center; text-transform: uppercase } table.tablePanier select, table.tablePanier input { text-align: center; } table.subtablePanier { width: 500px; margin: 0 auto; border-collapse: collapse; } table.subtablePanier td { padding: 6px 6px 6px 6px; border: 1px solid #efecec; background: url(../images/fond/f-td5.gif) right top repeat-y; } table.subtablePanier td.ftd6 { padding: 6px 6px 6px 6px; border: 1px solid #efecec; background: none } table.subtablePanier td.right { padding: 6px 11px 6px 6px; } table.subtablePanier thead { height: 17px; color: #ffffff; background-color: #7f7f7f } table.subtablePanier thead th.entete-cat { height: 17px; background: url(../images/fond/f-thead2.gif) left top no-repeat; color: #ffffff; } table.subtablePanier thead th { text-align: center; text-transform: uppercase } table.subtablePanier select, table.subtablePanier input { border: 1px solid #efecec; text-align: center; } table.tableCategory { width: 95%; margin: 0 20px; } table.tableCategory thead { height: 17px; background: url(../images/fond/f-thead2.gif) left top no-repeat; color: #ffffff; } table.tableCategory td.visu { padding: 0 25px } table.tableCategory td.desc { padding: 0 0 0 25px } table.tableCategory h3#titleH3FR { margin: 0 0 5px 25px; padding: 0 0 0 0; font: normal 26px arial; color: #000 } table.tableCategory td.lastTD { padding: 0 5px 0 25px; } p.aucunProd { height: 30px; text-align: center; font: bold 11px arial; } table.tableCategory2 { margin: 0 10px; } table.tableCategory2 { } table.tableProds { width: 100%; margin: 0 0px; } table.tableProds td { padding: 2px 7px; text-align: center; border-bottom: 1px solid #efecec } table.tableProds h3 { font: normal 11px arial; } table.tableProds thead { height: 17px; background: url(../images/fond/f-thead2.gif) left top no-repeat; color: #ffffff; } table.tableProds thead th { text-align: center; text-transform: uppercase } table.tableProds .prix { font-weight: bold; } table.tableProds .strike { text-decoration: line-through } .minHeight { height: 300px; } .minHeight p.indispo { margin-top: 40px } .cadeau_gratuit{ padding-bottom:10px} #messages{background-color:#EFECEC; color:#FF0000} /* Code promotionnel */ #cont_promo { /*width: 875px; */ /*padding: 0 0 0 46px; */ margin: 0 auto 15px auto; overflow: auto; } #cont_promo h3 { text-align: left; margin: 15px 0 4px 20px } #cont_promo form { background-color: #efecec; padding: 15px 0 15px 8px; margin: 0 auto; } #cont_promo p { float: left; } #cont_promo label { margin-left: 0px; font: bold 11px arial; color: #323232; text-transform: uppercase } .validCodePromo { position:relative; top: 8px; left: 0px; } .offresPromo { position:relative; top: 0px; left: -12px; } #codePromoForm { /*width: 816px;*/ width: auto; height: 52px; } p.cumul { padding: 0 0 0 15px; } /* Confirmation de paiement */ table#adressesTable { width: 75%; margin: 17px auto; } table#adressesTable td { } table#adressesTable dl.dot dt { font: bold 15px arial; margin: 3px 0 10px 0px; } .adrZone { margin: 10px 0 17px 35px; } .adrZone span { font-weight: bold; display: block; float: left; width: 160px; } h3.confirmComH3 { margin: 0 0 0 56px } #cont_promo2 { width: 836px; margin: 0 auto; padding: 15px 0 15px 11px; margin: 0 0 15px 0; background-color: #efecec; } form.confirmCom { padding: 15px 0 15px 27px; } #cont_promo2 label { font: normal 11px arial; color: #323232; } /* /////////////////////////// Conteneurs generaux */ #f-body-top { background: url(../images/fond/f-body-top.gif) left top repeat-x; } #main { position: relative; width: 912px; margin: 0 auto; text-align:left; } #main-popup { position: relative; margin: 0 auto; text-align:left; } #intro { width: 912px; height: 159px; background: url(../images/fond/intro2.gif) left top no-repeat; position:relative; top: 0px; left: 5px; } #content { width: 898px; margin: 0 auto; background-color: #fff; min-height: 320px; } #popup_content { width: 500px; margin: 0 0; background-color: #fff; } #content-popup { margin: 0 auto; background-color: #fff; min-height: 320px; } #content-mineral { width: 898px; margin: 0 auto; background-color: #8D6750; min-height: 320px; } #menu-top1 { position: absolute; top: 30px; right: 25px; padding: 0 0 3px 0; border-bottom: 1px solid #fff; } #menu-top1 li { float: left; margin: 0; padding: 0; } #menu-top1 li span { padding: 0 7px; color: #323232; } #menu-top1 li a { color: #323232; text-decoration: none; font: bold 13px arial; } #menu-top2 { position: absolute; top: 57px; right: 25px; } #menu-top2 li { float: left; margin: 0; padding: 0; } #menu-top2 li span { padding: 0 7px; color: #323232; } #menu-top2 li a { color: #323232; text-decoration: none; font: bold 13px arial; } div#Baskettip { width: 205px; height: auto; border: 5px solid #ececec ; background-color: #ececec ; position: absolute; top: 80px; left: 671px; z-index: 55000; } div#Baskettip a.close { position: absolute; top: 0px; right: 0px; } div#Baskettip div.desc { background-color: #fff; margin: 3px 0px; padding: 2px 3px; border-bottom: 1px solid #efecec } div#Baskettip div.desc div a { font: normal 11px arial; text-decoration: underline; } div#Baskettip div.desc div img { float: left; margin: 0 15px 0 0px; } div#Baskettip p.desc { background-color: #fff; margin: 3px 0px; padding: 2px 3px; border-bottom: 1px solid #efecec } div#Baskettip p.desc a { font: normal 11px arial; text-decoration: underline; } div#Baskettip p.desc img { float: left; margin: 0 15px 0 0px; } div#Baskettip span.total { float: right; } div#Baskettip p.voir { background-color: #fff; text-align :right; padding: 5px; } table.panierTable { margin: 0; padding: 0; } table.panierTable td { margin: 0; padding: 5px; } #line3 { padding: 0px 0pt 0pt 341px; height: 14px; position:relative; top: -48px; left: 0px; } .supLine { display: none; } #line3 form { float: left; margin: 0; padding: 0; width:235px; } #line3 form label { color: #323232; font: bold 13px arial; margin: 0 5px 0 0px; } #line3 form input.ch { width: 115px; height: 18px; border: 1px solid #cccccc } #line3 form input.valid { height: 18px; background-color: #231f20; color: #ffffff; } p.livraison { float: left; font: bold 11px arial; color: #9f2e74; margin: 3px 15px 0 0px; } /* /////////////////////////// Homepage + Newsletter */ #content1 { height: 313px; position:relative; top: 0px; left: -1px; z-index: 50; } #nl { width: 898px; height: 79px; background: url(../images/fond/f-nl.gif) left top no-repeat; } #nl h4,#nl h3 { position: absolute; top: 0px; left: 0px; text-indent: -5000px; } #nl form { float: right; margin: 25px 15px 0 0px; } #nl input.ch { width: 171px; height: 20px; padding: 4px 0 0 17px; background: url(../images/fond/f-inputNL.gif) left top no-repeat; margin: 10px 0 0 0 ; display: block; float: left; } #nl input.validNl { float: left; } /* /////////////////////////// Footer */ #outro { width: 898px; height: 41px; margin: 0 auto; background: url(../images/fond/f-outro.gif) repeat-x; clear: both; } #outro p { color: #6b6a6a; padding: 6px 0 0 10px; } #outro p span, #outro p span a { text-transform: none; } #outro p a { color: #6b6a6a; text-decoration: none ; text-transform: uppercase } #outro p a:hover { text-decoration: underline } /* /////////////////////////// General styles */ .input { border: 1px solid black } .bordered { border: 1px solid #efecec} .noborder { border:none } .kill { display: none } .center { text-align: center } .clear { clear:both; visibility: hidden; height: 0 } .noborder { border: none } .bita { margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #8cafca } .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { width: 100% } .button, .centerbut { text-align: center; margin: 15px 0 10px 0; clear: both } .small { font: normal 10px arial; } .indent { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; } .color-red {color:red;} /* /////////////////////////// Messages d erreurs */ .denied { width: 797px; min-height: 44px; margin: 10px auto; padding: 5px 10px 5px 49px; background: #efecec url(../images/fond/denied.gif) left top no-repeat; } .denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 0px; font: bold 12px arial; color: red;} /* ////////////////////////////////////////// Contact */ .formatContact { padding: 0 40px } div.form-contact-bot { width: 734px; height: 814px; margin: 0px 0 7px 0px; background: url(../images/fond/bkgd_bag.jpg) left top no-repeat; } div.form-contact-bot p.bita { color: #414143; margin: 0 0 36px 0px; } p.adrContact { color: #ffffff; font: bold 12px arial; margin: 12px 0 65px 160px } p.adrContact strong { font: bold 19px arial; } .formatform2 { width: 409px; padding: 164px 10px 10px 48px; } div.contactform-top .block1 p { text-align :right; } .formatform2 input.ch { width: 210px; border: 1px solid #969696; background-color: #fff; padding: 2px 3px } .formatform2 label { color: #323232; float: left; float: left; display: block; width: 150px; text-align :right; margin: 0 10px 0 0px; } .comment { width: 210px; height: 91px; position:relative; top: 3px; left: 0px; border: 1px solid #969696; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8; } .conformement { font: normal 10px arial; padding: 10px 60px; } /* /////////////////////////// Formulaires */ form.formatform { width: 609px; padding: 15px; } form.formatform h3 { margin: 0 0 16px 0px; } form.formatform label.lbleft { float: left; width: 115px; font: bold 11px arial; color: #323232; text-transform: uppercase } form.formatform input { border: 1px solid #ccc } form.formatform select { border: 1px solid #ccc } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } form.formatform3 { width: 44%; margin: 0 auto 0 auto; padding: 10px 15px; border: 1px solid #efecec } form.formatform3 h3 { margin: 0 0 16px 0px; } form.formatform3 label.lbleft { float: left; width: 140px; font: bold 11px arial; color: #323232; text-transform: uppercase } form.formatform3 input { border: 1px solid #ccc } form.formatform3 select { border: 1px solid #ccc } p.centerbut { margin: 15px 0 6px 0px; clear: both; text-align: center; } form.formatform3 select.specwidth { width:130px ; height:18px } form.formatform3 select.grayselect {background-color:#dfdfdf } /* Newsletter */ .nl_form_bot { width: 646px; margin: 15px auto; background: url(../images/fond/nl_form_bot.gif) left bottom no-repeat; } .nl_form_top { width: 646px; background: url(../images/fond/nl_form_top.gif) left top no-repeat; } .nl_form_top .conformement { padding: 10px 10px; } .nl_form_top form.formatform h3 { margin: 11px 0pt 25px 0px } p.bita { text-align: center; font: bold italic 12px arial; color: #414143; margin: 0 0 15px 0px; } .insideNL { padding: 0 0 0 165px; } form.formatform .insideNL label.lbleft { width: 127px; } .insideNL { padding: 14px 0 0 122px; } .insideNL .block1 { float: left; } .insideNL .block2 { float: left; margin: 0 0 0 15px; position:relative; top: 10px; left: 0px; } .insideNL .block2 ul { margin: 0; padding: 0; } .insideNL .block2 ul li { margin: 0 0 7px 0; padding: 0; } .nl_form_top p.centerbut { clear: both; padding: 15px 0 0 0; } /* /////////////////////////// Register */ table.registerTable { width: 869px; margin: 5px auto 25px auto; } table.registerTable form { width: auto; padding: 0 15px } table.registerTable form input.ch { height: 18px } table.registerTable td { border-top: 14px solid #7f7f7f; border-bottom: 14px solid #f7dcdc; vertical-align: top } table.registerTable td.firstTD { width: 335px; background: url(../images/fond/f-td2.gif) right top repeat-y; } table.registerTable .secondTD label.lbleft { width: 220px; } table.registerTable .secondTD .validForm { padding: 0 0 0 218px; } table.registerTable td h3 { font: bold 11px arial; margin: 15px 0 25px 10px; padding: 0; } table.registerTable td h4 { font: bold 11px arial; margin: 15px 0 25px 10px; padding: 0; } table.registerTable .validForm { clear: both; margin: 15px 0 10px 0px; padding: 0 0 0 137px; } #secondCase { } #secondCase input.ch { width: 210px; border: 1px solid #969696; background-color: #fff; padding: 2px 3px } #secondCase label.lbleft { color: #323232; float: left; float: left; display: block; width: 150px; text-align :left; margin: 0 10px 0 13px; font-weight: bold; text-transform: uppercase } #secondCase p.mentionTxt { margin: 0 15px 13px 15px; } p.mentionTxt { /*padding: 0 0 0 137px; */ } input.creditChiffres { position:relative; top: 12px; left: 0px; } /* /////////////////////////// Menu Login/Logged */ div#menu-login { } div#menu-login p.lien1 { } div#menu-login input.connexion { } input.ch { } div#menu-logged { } div#menu-logged p.lien2 { } div#menu-logged p#bonjour { } div#menu-logged a.deconnect { } /* ------------------------------- */ div.element-s { width: 172px; background: url(../images/fond/element-s.gif) left top repeat-y; } div.element-bot { background: url(../images/fond/element-bot.gif) left bottom no-repeat; } div.element-top { padding: 37px 0px 10px 0px; background: url(../images/fond/element-top.gif) left top no-repeat; } /* /////////////////////////// Page Mentions */ .conteneurAdresseMention { text-align: center; margin: 15px 0 10px 0px; } /* Conteneur des 2 blocs d'adresse */ .inlineblock { display: -moz-inline-stack; display: inline-block; margin: 10px 25px 20px 25px; border: solid 1px red; padding: 10px; width: 230px; height: 235px; border: 1px solid #f7dddd; } .inlineblock h3 { margin: 0 0 10px 0; padding: 0; color: #583815; text-align: left; font: bold 14px arial; } div.mention-bot { width: 260px; background: url(../images/fond/mention-bot.gif) left bottom no-repeat; } div.mention-top { width: 260px; height: 167px; padding: 10px; background: url(../images/fond/mention-top.gif) left top no-repeat; } /* Affiliation */ .box { width: 868px; margin: 0 auto; padding: 0 0 15px 0; background: url(../images/fond/aff_img1.jpg) right bottom no-repeat; border: 1px solid #efecec; border-bottom: none } .box_folow { width: 868px; margin: 0 auto; background: url(../images/fond/aff_img2.jpg) right top no-repeat; border: 1px solid #efecec; border-top: none ; position:relative; top: -15px; left: 0px; } .box h3 { margin: 0; padding: 0; height: 30px; padding: 14px 0 0 26px; background: url(../images/fond/f-thead.gif) left top no-repeat; color: #ffffff; font: bold 13px arial; } .box_folow h4 { padding: 20px 0 0 20px; } .box ul, .box_folow ul { margin: 10px 0 10px 25px; padding: 0; } .box ul, .box_folow ul li { margin: 0 0 4px 0; padding: 0; } .box2 { width: 868px; margin: 0 auto; padding: 0 0 15px 0; border: 1px solid #efecec; } .box2 h3 { margin: 0; padding: 0; height: 30px; padding: 14px 0 0 26px; background: url(../images/fond/f-thead.gif) left top no-repeat; color: #ffffff; font: bold 13px arial; } .box2 table { width: 80%; margin: 0 auto; } .box2 table td { } .box2 table td img { padding: 4px; border: 1px solid #000 } .lastBox { width: 868px; margin: 15px auto; } .box3 { float: right; width: 493px; margin: 0 auto; padding: 0 0 15px 0; border: 1px solid #efecec; border-bottom: none } .box3 h3 { margin: 0; padding: 0; height: 30px; padding: 14px 0 0 26px; background: url(../images/fond/f-thead.gif) left top no-repeat; color: #ffffff; font: bold 13px arial; } .box3 p { padding: 0 15px } /* CU / CGV */ #cu h3 a { font: bold 14px arial; text-decoration: none; } #cu strong { text-transform : uppercase } /* Transports */ #transports table { width: 480px; border-collapse: collapse; margin: 14px 0 10px 25px } #transports table td { padding: 4px 5px ; border: 1px solid #cccccc; text-align: center; } #transports table thead { height: 30px; padding: 11px 0 0 0; background-color: #7f7f7f; color: #ffffff ; border: 1px solid #cccccc } #transports table thead th { padding: 2px 15px 0 15px; text-align: center; } /* Rating */ #rating_0 { width: 100px; padding-left: 90px; height: 16px; background-image: url(../images/rating.gif); background-repeat: no-repeat; } #rating_1 { width: 100px; padding-left: 90px; height: 16px; background-image: url(../images/rating.gif); background-position: 0px -36px; background-repeat: no-repeat; } #rating_2 { width: 100px; padding-left: 90px; height: 16px; background-image: url(../images/rating.gif); background-position: 0px -72px; background-repeat: no-repeat; } #rating_3 { width: 100px; padding-left: 90px; height: 16px; background-image: url(../images/rating.gif); background-position: 0px -108px; background-repeat: no-repeat; } #rating_4 { width: 100px; padding-left: 90px; height: 16px; background-image: url(../images/rating.gif); background-position: 0px -144px; background-repeat: no-repeat; } #rating_5 { width: 100px; padding-left: 90px; height: 16px; background-image: url(../images/rating.gif); background-position: 0px -180px; background-repeat: no-repeat; } /* */ table#plansite { margin: 0px 25px 5px 25px; width: 820px; } #plansite ul li { margin: 2px 2px 2px 35px; font-weight:normal; padding: 0 0 0 18px; } #plansite ul li a.top { font: bold 13px arial; background: none; } #plansite ul li.top { margin: 12px 2px 2px 32px;} table#plansite li a { padding: 0 0 0 21px; background: url(../images/puce/p.gif) left top no-repeat; } table#plansite a { text-decoration: none; } /* ORDER DELIVERY */ .tableHeader {background:#c8000f; border-bottom:2px solid #e20011; color:#FFFFFF; font-weight:bold; padding:8px; font-size:14px;} .tableBody {border:1px solid #e20011; padding:5px 0 0 0; height:210px; vertical-align:top;} form.formatform3 .tableBody input {border:none; padding:0; margin:0;} .tableHeader.orange {background:#f7991f; border-bottom:2px solid #f7991f;} .tableBody.orangebody {border:1px solid #f7991f;} /* free gift */ #td_free_gift {padding-right:0} #td_free_gift iframe {margin:0;position:relative;top:-10px;width:460px;height:200px;left:-10px;no-scroll} /* Page Dear Jhon */ .dn { display: none; position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; } #dearJhon { margin: 0 0 0 0px; padding: 1015px 0 0; width: 898px; height: 298px; background: url(../images/fond/headerDear1.jpg) left 1px no-repeat; position:relative; } #dearJhon form.formatform { position: absolute; top: 63px; right: -10px; width: 310px; } #dearJhon form.formatform h3 { margin: 0 0 15px 0px; padding: 0 15px 0 0; font: bold 18px arial; color: #889147 ; text-align :right; } #dearJhon form.formatform label { text-align :right; padding: 0 5px 0 0; font: bold 11px arial; color: #61626b } #dearJhon form.formatform input.text { width: 146px; height: 19px; border: 1px solid #a0a0a0 } #dearJhon form.formatform select { height: 19px; border: 1px solid #a0a0a0 ; color: #61626b } #dearJhon form.formatform { color: #61626b } #dearJhon form.formatform input.valid { } p.radioBox input { position:relative; top: 2px; left: 0px; border: none } p.lastPara { padding: 0 10px 0 25px; font: normal 10px arial; color: #000 } p.lastPara input { position:relative; top: 2px; left: 0px; border: none } table.posterEtc { width: 861px; margin: 0 auto; } table.posterEtc td { text-align: center; } table.posterEtc td a{ text-decoration: none; font: normal 16px verdana; color: #61626b } p.pseudoFooter { font: normal 10px arial; color: #ffffff; margin: 43px 16px 0 21px } #nl2 { width: 898px; height: 79px; background: url(../images/fond/f-nl.gif) left -3px no-repeat; } #nl2 h4,#nl2 h3 { position: absolute; top: 0px; left: 0px; text-indent: -5000px; } #nl2 form { float: right; margin: 25px 15px 0 0px; } #nl2 input.ch { width: 171px; height: 20px; padding: 4px 0 0 17px; background: url(../images/fond/f-inputNL.gif) left top no-repeat; margin: 10px 0 0 0; display: block; float: left; } #nl2 input.validNl { float: left } .lecteur { position: absolute; top: 645px; left: 45px; } #dj { background: url(../images/fond/h2Jhon.gif) left 1px no-repeat; text-indent: -5000px; } /* Page kissKill */ .dn { display: none; position: absolute; top: -5000px; left: -5000px; text-indent: -5000px; } #kissKill { margin: 0 0 0 0px; padding: 876px 0 0; width: 898px; height: 68px; background: url(../images/fond/kissKill_1.jpg) left 1px no-repeat; position:relative; } #kissKill form.formatform { position: absolute; top:11px; left: 9px; width: 337px; padding: 10px 0;} #kissKill form.formatform h3 { margin: 10px 12px; padding: 0 0 5px 0; font: bold 16px arial; color: #d41067 ; text-align :center; border-bottom:1px solid #070707; } #kissKill form.formatform label { text-align :right; padding: 0 5px 0 0; font: bold 11px arial; color: #61626b } #kissKill form.formatform input.text { width: 146px; height: 19px; border: 1px solid #a0a0a0 } #kissKill form.formatform select { height: 19px; border: 1px solid #a0a0a0 ; color: #61626b } #kissKill form.formatform { color: #61626b } #kissKill form.formatform input.valid { } #kissKill form.formatform .fond-gris {background:#ececec; margin:10px 0 0 0; padding:10px 0;} #kissKill form.formatform .bouton {margin:10px 30px 0 0; text-align:right;} p.radioBox input { position:relative; top: 2px; left: 0px; border: none } p.lastPara { padding: 0 10px 0 25px; font: normal 10px arial; color: #000 } p.lastPara input { position:relative; top: 2px; left: 0px; border: none } table.posterEtc { width: 861px; margin: 0 auto; } table.posterEtc td { text-align: center; } table.posterEtc td a{ text-decoration: none; font: normal 16px verdana; color: #61626b } p.pseudoFooter { font: normal 11px arial; color: #060606; margin: 25px 16px 0 21px } #nl2 { width: 898px; height: 79px; background: url(../images/fond/f-nl.gif) left -3px no-repeat; } #nl2 h4,#nl2 h3 { position: absolute; top: 0px; left: 0px; text-indent: -5000px; } #nl2 form { float: right; margin: 25px 15px 0 0px; } #nl2 input.ch { width: 171px; height: 20px; padding: 4px 0 0 17px; background: url(../images/fond/f-inputNL.gif) left top no-repeat; margin: 10px 0 0 0; display: block; float: left; } #nl2 input.validNl { float: left } .lecteur { position: absolute; top: 645px; left: 45px; } #dj_kissKill { width:898px; height:92px; margin:0; padding:0; background: url(../images/fond/kissKill_reglement.png) left top no-repeat; text-indent: -5000px; }