/* CSS Front Badaboom */ /* Categorie.php clignotant */ span.clignote { position:relative; top: 3px; left: 0px; } img#magasin2 { position:relative; top: -2px; left: 0px; } p.pathX { margin: 10px 0 0 0px; } p.pathX span { position:relative; top: -9px; left: 0px; } p.pathX img { margin: 0 0 0 5px; } p.visuFloat { float: right; margin: 0 0 0 10px; } /* Pae Recherche / resultat */ #searchingModule { width: 444px; height: 37px; margin: 0 auto; background: url(../images/fond/search.gif) left top no-repeat; } #searchingModule form { margin: 0 0 0 32px; position:relative; top: 8px; left: 0px; } #searchingModule input#q { margin: 0 7px } #searchingModule label { font-weight: bold; color: #484746 } table#mainTable table#resultsRecherche { width: 100%; margin: 15px auto; } table#mainTable table#resultsRecherche td { padding: 5px; border: 1px solid #f6dbd1; vertical-align: middle ; background-color: #fcf7e6 } h3.results { font: bold 17px arial; } h3.results span { color: #f34101 } h3 span.blueD { color: #21bbe8; font-size: 18px } /* Categories */ #categorie { margin: 0 auto 0 auto } #categorie .formatform-S { margin-bottom: 15px } #categorie td.visuTD { vertical-align: middle; width: 160px; } #categorie p { margin: 0 0 4px 0px; } #categorie p strong { color: #484746 } #categorie .formatform-top { padding: 5px } #categorie .formatform-top table{ width: 100% } #categorie table.visu { } #categorie table.visu td { height: 126px; vertical-align: middle; text-align: center; } #categorie .visu img { border: 1px solid #f65113 } #categorie .txt { border: 1px solid #f68409; margin: 0 0 0 10px; } #categorie h3 { margin: 0 0 4px 11px; font: bold 13px arial; } #categorie .prixProduct { margin: 0 0 4px 11px; } #categorie .prixProduct .prixPromo { display: block; position:absolute; left: 157px; top: 7px; margin: 0px; padding: 16px 0px 0px 0px; width: 70px; height: 54px; background: url('../images/fond/disque-rouge2.png') left top no-repeat; font-size: 11px; color: #fff; text-align: center; line-height: 12px; } #categorie .prixProduct .prixPromo span.new { font-size: 18px; color: #ffe35b; font-weight: bold; line-height: 18px; } #categorie .prixProduct .prixPromo span.old { color: #fff; text-decoration: line-through; font-weight: normal; font-size: 14px; line-height: 14px; } #categorie .prixProduct span.strike { color: #CF4713; text-decoration: line-through; font: bold 13px arial; } #categorie .prixProduct span.prix { color: #CF4713; font: bold 13px arial; } #categorie .centerbut { margin: 10px 0 3px 0px; text-align: center; position:relative; top: 0px; left: 0px; } .aucunProd { text-align: center; font: bold 11px arial; color: #917e77; } #categorie p.desc { min-height: 36px; } #cadreBot { margin: 4px auto 10px auto; background: url(../images/fond/cadreBot.gif) left bottom no-repeat; position:relative; top: 0px; left: 7px; zoom:1; } #cadreTop { width: 466px; overflow: auto; padding: 0px 10px 7px 10px; background: url(../images/fond/cadreTop.gif) left top no-repeat; } #cadreTop h3 { font: bold 14px arial; margin: 10px 0pt 13px 8px; zoom:1; } #cadreTop table { width: 461px; } #cadreTop table img { border: 1px solid #d5d1cf; margin: 0 6px 0 0px; } table#mainTable #cadreTop table td { border-bottom: 1px solid #e9e8e7; padding: 0 0 6px 0; } table#mainTable #cadreTop table td a { text-decoration: none; font-weight: bold; } p.retourCat { float: right; position:relative; top: 0px; left: -20px } #preview_div { position: absolute;top: 0px; left: 0px; z-index: 5000; margin: 0 0 0 -204px } #preview_div div { background-color: transparent; } #preview_div img { border: 1px solid gray } /* Page categorie */ #product { margin: 0 auto 15px auto } #product td.visuTD { vertical-align: middle } #product p { margin: 0 0 6px 0px; } #product p strong { color: #484746 } #product .formatform-top { width: 457px; padding: 15px } #product .visu { margin: 0 20px 0 0px; } #product .visu img { border: 1px solid #f65113 } #product .txt { border: 1px solid #f68409; margin: 0 0 0 10px; } #product h3 { margin: 0 0 10px 0px; font: bold 13px arial; } #product .prixProduct { } #product .prixProduct span.strike { color: #CF4713; text-decoration: line-through; font: bold 13px arial; } #product .prixProduct span.prix { color: #CF4713; font: bold 13px arial; } #product .centerbut { margin: 10px 0 3px 0px; text-align: center; } /* Page product */ #product .libelle { width: 36% ; font-weight: bold; padding: 2px 0px 4px 13px ; color: #484746 } #product td span { line-height: 18px } #product .title { font: bold 13px arial; color: #917E77; padding: 0 0 4px 12px } #product td.imgTD { width: 165px; padding: 10px 0 0 0; } #product td.imgTD img { border: 1px solid #f65113 } #product td.prixPro { padding: 0px 22px 0px 0px; vertical-align: middle; } #product span.prixPromo { display: block; margin: 5px auto 5px auto; padding: 16px 0px 0px 0px; width: 70px; height: 54px; background: url('../images/fond/disque-rouge.gif') left top no-repeat; font-size: 11px; color: #fff; text-align: center; line-height: 12px; } #product span.prixPromo span.new { font-size: 18px; color: #ffe35b; font-weight: bold; line-height: 18px; } #product span.prixPromo span.old { color: #fff; text-decoration: line-through; font-weight: normal; font-size: 14px; line-height: 14px; } #product .prix { font: bold 13px arial; color: #CF4713; } p.product-image { text-align: center; } p.zoom { text-align: center } p.paravalid { text-align: center; } .alert-reapro { width: 360px; padding: 15px; margin: 10px 0 0 30px; background: #F54205; border:1px solid #E96F3A;} .alert-reapro p {color:white; font-size:17px;} .prixProduct-promo {text-align:left !important;} .prixProduct-promo span.prixPromo2 { display: block; margin: 5px 0 5px 0; padding: 16px 0px 25px 0px; width: 70px; height: 35px; background: url('../images/fond/disque-rouge.gif') left top no-repeat; font-size: 11px; color: #fff; text-align: center; line-height: 12px; float:left; } span.prixPromo2 span.new { font-size: 18px; color: #ffe35b; font-weight: bold; line-height: 18px; } span.prixPromo2 span.old { color: #fff; text-decoration: line-through; font-weight: normal; font-size: 14px; line-height: 14px; } .prixProduct-promo span.addPanier { margin: 0 0 0 19px; padding:25px 0 0 0; display:inline-block; } /* OrderBasket */ table#mainTable table.formatTable { } table#mainTable table.formatTable caption { text-align: left; color: #917e77; font: bold 12px arial; margin: 0 0 0 50px; } table#mainTable table.formatTable { width: 100%; margin: 15px auto; border-collapse: collapse; } table#mainTable table.formatTable thead { height: 28px; text-align: center; background-color: #3684AC; border: 1px solid #3684AC } table#mainTable table.formatTable thead th { text-align: center; color: #ffffff; } table#mainTable table.formatTable td { padding: 5px; border: 1px solid #f6dbd1; vertical-align: middle ; background-color: #fcf7e6 } table#mainTable table.formatTable td p.buttons a { padding: 4px 0; } /* Boutons */ .btCont4 { background: url(../images/bt/btCont4.gif) left top no-repeat ; padding: 0px 0 2px 0; margin: 0 1px; } .bt4 { background: url(../images/bt/bt4.gif) right top no-repeat ; padding: 0px 0 2px 0; } .btCont3 { background: url(../images/bt/btCont3.gif) left top no-repeat ; padding: 0px 0 0px 0; margin: 0 1px; display:inline-block;} .bt3 { background: url(../images/bt/bt3.gif) right top no-repeat ; padding: 0px 0 2px 0; display:inline-block;} .btCont { background: url(../images/bt/btCont.gif) left top no-repeat ; padding: 0px 0 2px 0; margin: 0 1px; } .bt { background: url(../images/bt/bt.gif) right top no-repeat ; padding: 0px 0 2px 0; } .bt input, .bt3 input, .bt4 input { border: none; background: none; color: #fff0ea; font: normal 11px verdana ; margin: 0 ; padding: 0 8px; cursor: pointer } .bt a, .bt3 a, .bt4 a { border: none; background: none; color: #fff0ea; font: normal 11px verdana ; margin: 0 ; padding: 0 12px; text-decoration: none; cursor: pointer } .bt a:hover, .bt3 a:hover, .bt4 a:hover { color: #faa635; text-decoration: none; } .btCont2 { background: url(../images/bt/btCont2.gif) left top no-repeat ; padding: 0px 0 2px 0; margin: 0 1px; } .bt2 { background: url(../images/bt/bt2.gif) right top no-repeat ; padding: 0px 0 2px 0; } .bt2 input { border: none; background: none; color: #fff0ea; font: normal 11px verdana ; margin: 0 2px; padding: 0 8px; cursor: pointer } .bt2 a { border: none; background: none; color: #fff0ea; font: normal 11px verdana ; margin: 0 4px ; padding: 0 12px; text-decoration: none; cursor: pointer } .bt2 a:hover { color: #faa635; text-decoration: none; } input.recalculer { width: 90px; } input.vider { width: 110px; } input.continuer { width: 160px; } input.validerAchat { width: 110px; overflow:hidden; } input.registerValid { width: 100px; } input.btorderdelivery { width: 115px; } input.soumettre { width: 142px; } input.soumettre2 { width: 110px; } input.orderconfirmBt { width: 110px; } input.rechercheBt { width: 100px; } p.suiviPanier { text-align: center; } /* Actualités */ .f-actuA { width: 474px; margin: 0 auto; padding: 20px 20px 0 20px; background: url(../images/fond/f-actuA.gif) left top no-repeat; } .f-actuA p.date { float: right; } .f-actuA h3 { margin-top: 0 } .f-actuA p.retourL { margin-top: 10px } .actuAlone2 { width: 474px; margin: 0 auto 20px auto; padding: 20px 20px 0 20px; background: url(../images/fond/f-actuA.gif) left top no-repeat; } .actuAlone2 h3 { margin-top: 0 } .actuAlone2 p.lire { text-align :right; } p.aucunes { text-align: center; font-weight: bold; margin: 15px 0 20px 0 } /* Page Mentions */ .cont-mentions { text-align: center; margin: 12px 0 10px 0px; } .cont-mentions div { margin: 0 7px 12px 7px; padding: 8px 8px 0px 8px; height: 190px; border: 1px dashed #f6dbd1; float: left; } .adr { } .adr2 { } .adr, .adr2 { min-height: 155px; padding: 0; width: 213px; } .conformemement { font: normal 10px arial ; padding: 12px 0 0 0px; } /* Formulaires */ /* Page product */ div.formatform-S { width: 487px; margin: 0 auto; background: url(../images/fond/formatform-S.gif) left top repeat-y; } #product div.formatform-bot, #registerForm div.formatform-bot, #nLetter3 div.formatform-bot, #nLetter2 div.formatform-bot { width: 487px; background: url(../images/fond/formatform-bot.gif) left bottom no-repeat; } #product div.formatform-top, #nLetter2 div.formatform-top, #nLetter3 div.formatform-top, #registerForm div.formatform-top { width: 487px; background: url(../images/fond/formatform-top.gif) left top no-repeat; } #categorie div.formatform-bot { width: 237px; min-height: 271px; background: url(../images/fond/prod-bot.gif) left bottom no-repeat; } #categorie div.formatform-top { background: url(../images/fond/prod-top.gif) left top no-repeat; position:relative; top: 0px; left: 0px; padding: 0 0 10px 0; } form.formatform2 { padding: 15px ; } form.formatform2 h3 { margin: 0 0 20px 8px; } form.formatform2 label.lbleft { float: left; width: 140px; margin: 0 0 0 25px; font: bold 11px arial; color: #cf4713 } form.formatform2 select { } form.formatform2 p.centerbut { margin: 20px 0 10px 0px; clear: both; text-align:center; } form.formatform { width: 450px; margin: 30px auto 15px auto; padding: 15px; border: 1px solid #e6ebf3; } form.formatform h3 { margin: 0 0 16px 0px; } form.formatform label.lbleft { float: left; width: 140px; font: bold 11px arial; color: #cf4713 } form.formatform select { } form.formatform p.centerbut { margin: 20px 0 10px 0px; clear: both; text-align:center; } /* */ #registerForm label.lbleft { width: 200px; } #contactForm label.lbleft { width: 200px; } /* */ input#forgotValid { position:relative; top: 8px; left: 5px; } /* Orderdelivery */ #orderdelivery { } /* General styles */ .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .clear { clear:both; visibility: hidden; height: 0 } .kill { display: none } .fleft { float: left } .fright { float: right } .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: #b8a9a4 } .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { width: 100% } .button { text-align: center; margin: 15px 0 10px 0; clear: both } .centerbut { text-align: center; margin: 15px 0 10px 0; clear: both } .underligned { border-bottom: 1px solid #f68409; } .promoblue {color:#003366; font-weight:bold;} a.promoblue:hover {color:#003366; font-weight:bold;} .posrLeft { position:relative; top: 0px; left: 35px } /* Messages d erreurs */ .denied { width: 457px; margin: 10px auto 20px auto; padding: 3px 12px; color: #cf4610; font: bold 12px arial; border: 1px solid #d5d1cf } .formatform-top .denied { width: 427px; margin: 10px 0 20px 0; padding: 3px 12px; color: #cf4610; font: bold 12px arial; border: 1px solid #d5d1cf } .denied ul li, .denied li { margin: 0 0 3px 0; padding: 0 25px 0 30px; background: url(../images/puce/alert.gif) left 0 no-repeat; font-weight: bold; } /* CGV */ #sommaire { margin: 0 auto 15px auto; padding: 10px ; border: 1px solid #E6EBF3 } #sommaire h3 { margin: 0 0 15px 0px; } #sommaire ul { margin: 0; padding: 0 ; overflow: auto; } #sommaire ul li { margin: 0 0 4px 0px; margin: 0 0 6px 10px; font: normal 10px arial; } #sommaire ul li a{ font: normal 10px arial; } p.hautdepage { text-align :right; margin: 0 20px 0 0px; } /* Newsletter */ #nLetter2 .formatform-top { padding: 0 0 46px 0; } #nLetter2 .formatform-top form { position:relative; top: 21px; left: 0px; } #nLetter2 .formatform-top form p{ position:relative; top: 0px; left: 30px; } /* */ table#adressesTable { margin: 15px auto 25px auto; width: 450px } table#adressesTable td { padding: 10px 10px 10px 30px } table#adressesTable td dl { } table#adressesTable td dl p { margin: 4px 0 0 16px; } /* */ #paiementBox { width: 80%; margin: 15px auto; } #paiementBox input { border: none} span.ajoutDecale { position:relative; top: 3px; left: 0px; } p.down {padding-top:25px; } p.down, p.down a, p.down a:hover {font: italic 9px arial; line-height:11px; } h3 a {font-family:arial;font-size:13px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;line-height:normal;margin:0 0 4px 11px;color:#917E77;text-decoration:none;} .promotionsTxt { padding: 0 24px; display: block; clear: both; color: #337ea5; font: bold 16px Trebuchet MS } #registerForm label.colored { color: #337ea5; font: bold 16px Trebuchet MS } .codereduction { } .codereduction p { background-color: #fcf7e6; border: 1px solid #F6DBD1; padding: 10px } .codereduction p strong { padding: 0 10px 0 20px; } .codereduction p a { text-decoration: none; color: #ffffff; position:relative; top: 3px; left: 4px; } .codereduction p a .bt3 { padding: 0 10px 2px 10px } /* */ .affichagePanier { font-weight: bold; } /* btns partage */ #wrap-share { margin: 0 auto; width: 181px; } #openpopupalerteemail {display:block; padding: 0 0 0 40px; font-size:14px; background: url(../images/ico_exter.gif) 400px 0 no-repeat; line-height:22px; text-decoration:none; color: #7BB41E; } #openpopupalerteemail:hover { color:#435313; } #popupalerteemail {display:none; position:absolute; top:auto; z-index:50; left: 50%; background: #F54205; width: 265px; height:82px; margin: -40px 0 0 -125px; padding:8px;} #popupalerteemail p {color:white; font-size:15px; padding: 8px 0 5px 0;} #closepopupalerteemail {position:absolute; top: 5px; right: 5px;} .note-share {color: #CF4713; font-weight: bold; font-size:11px; padding: 0 58px;} /****************************/ /* moyens de paiement */ .payment-CB { background: url(../images/ico_cb.png) 0 0 no-repeat; padding: 42px 0 20px 110px;} .payment-P { background: url(../images/ico_paypal.png) 0 0 no-repeat; padding: 42px 0 20px 110px;} .payment-C { background: url(../images/ico_check.png) 0 0 no-repeat; padding: 42px 0 20px 110px;} .payment-MC { background: url(../images/ico_mandat.png) 0 0 no-repeat; padding: 42px 0 20px 110px;} .payment-V { background: url(../images/ico_vir.png) 0 0 no-repeat; padding: 42px 0 20px 110px;}