/* Gabarit du Front CPBF */ * { 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-color: #266009 ; } h1 a { position: absolute; top: -1000px; right: -1000px; top: 0; width:0; height: 0; display:block; text-indent: -999em } h2 { margin: 15px 0 20px 20px; padding: 0 0 0 15px; font: normal 18px "Trebuchet MS"; color: #630001; background: url(../images/fond/f-h2.jpg) left 3px no-repeat; } h3 { margin: 15px 0 10px 0px; font: normal 18px "Trebuchet MS"; color: #7ba537 } h4 { margin: 15px 0 10px 20px; font: normal 17px "Trebuchet MS"; color: #7ba537 } h5 { margin: 15px 0 10px 20px; font: normal 16px "Trebuchet MS"; color: #7ba537 } p { font: normal 11px/15px arial; margin: 0 0 8px 0; text-align:left ; color: #173b04 } p.color { color: #ffffff; } select.selop {font: normal 11px/15px "Trebuchet MS"; text-align:left ; color: #000000 } p.infofc {margin: 15px 15px 20px 20px; font: normal 11px arial; text-align:justify ; color: #fff} .formatColor p { color: #ffffff; } .formatColor input { background-color: #417526 } .formatTable input { background-color: #417526 } input { padding: 0 0 0 3px; font: normal 11px arial; color: #ffffff; } textarea { padding: 4px; font: normal 11px arial } select { font: normal 11px arial; color: #ffffff; } ul li { list-style: none; font: normal 11px/15px 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 } ul.disced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/carre2.gif) left 5px no-repeat; color: #ffffff; } ul.radioNL { position:relative; top: 0px; left: 103px; } a img { border: none; text-decoration: none } a { color: #99ce1a; text-decoration: underline; font: normal 11px arial } a:hover { color: #99ce1a; text-decoration: underline } p.path { color: #99ce1a; margin: 15px 0 10px 0px; } p.chemin { color: #ffffff; } ul.otherCat li { color: #99ce1a; } .format { padding: 0 35px } p.noproduct { margin: 15px 0 0 0px; color: #99ce1a; font-weight: bold; } fieldset { border: 1px solid #789c53; padding: 5px 15px; } fieldset legend { margin: 10px 0 10px 20px; font: normal 18px "Trebuchet MS"; color: #7ba537} fieldset p.bita { margin: 0 0 10px 0px; } fieldset.alignMe { width: 500px; margin: 0 auto } .paraBorder p { padding: 0 0 6px 0; background: url(../images/fond/border_para.gif) left bottom no-repeat; } input.validCodePromo { position:relative; top: 2px; left: 0px; } .adrFinal { text-align: center; } .links { margin: 10px 0px; color: #ffffff; } a.color { color: #266009 } a.color:hover { color: #266009 } /* Conteneurs generaux */ #main { position: relative; width: 979px; margin: 0 auto; text-align:left; background: url(../images/fond/spread.gif) left top repeat-y ; overflow: hidden } #intro { width: 979px; height: 157px; background: url(../images/fond/header.gif) left top no-repeat; position:relative; } #content { margin: 0; padding:0; } #intro p.insertionVisuel { position: absolute; top: 10px; left: 5px; } /* Tableau principal */ table#mainTable { width: 979px; } table#mainTable td { } table#mainTable td.colLeft { width: 202px; vertical-align: top } table#mainTable td.colRight { width: 202px; vertical-align: top } table#mainTable td.colCenter { width: 575px; vertical-align: top } table#mainTable td#outro { height: 40px; background: url(../images/illustr/spread2.gif) left top repeat-y; } table#mainTable td#outro p { color: #8db761; text-align: left; padding: 10px 0 0 220px } table#mainTable td#outro a { color: #8db761; text-decoration: none } table#mainTable td#outro a:hover { text-decoration: underline } #outro2 {display: none; } /* Pagination */ .pagination { color: #99ce1a; text-align: center; } .pagination a { color: #99ce1a; padding: 1px 7px; background-color: #276309; border: 1px solid #668B0D; text-decoration: none; } .pagination a:hover { color: #99ce1a; padding: 1px 7px; background-color: #276309 ; border: 1px solid #668B0D; text-decoration: underline; } .pagination span { border: 1px solid #668B0D; padding: 1px 7px; background-color: #99ce1a ; color: #276309 } /* Articless */ p.date { text-align :right; color: #63c630; margin: 0 20px 0 0px; float: right; background-color: #327211; padding: 1px 2px } p.date2 { text-align :right;margin: 0 20px 5px 0px; } p.date2 span { color: #1b4704; background-color: #398512; padding: 1px 2px } .f-actu { background: url(../images/fond/f-actu.gif) right bottom no-repeat; padding: 0 10px 6px 0; } /* Formulaires */ .formatform { width: 460px; margin: 15px auto 10px auto; } form.formatform { width: 460px; margin: 15px auto 10px auto; } form.formatform input {/* border: 1px solid #143703; */background-color: #417526 } form.formatform select {/* border: 1px solid #143703; */background-color: #417526 } form.formatform label { color: #fff } form.formatform label.lbleft { float: left; display: block; width: 165px } /* */ #forgotForm p { padding: 0 0 0 50px; } #forgotForm p label { margin: 0 10px 0 0px; } input.validForgot { position:relative; top: 2px; left: 0px; } /* Formulaire de contact */ #contactForm { width: 414px; border: 1px solid #789c53; padding: 5px 27px; } #contactForm label.lbleft { float: left; display: block; width: 220px } #contactForm input.ch { width: 189px } form.formatform textarea { width: 404px; margin: 4px 0 0 0px; /*border: 1px solid #143703 */ background-color: #417526; color: #ffffff; } /* Page recherche formulaire */ #searchForm { width: 100%; padding: 10px; border: 1px solid #668b0d; } #searchForm h3 { margin: 0px 0 10px 5px; } #searchForm p { margin: 0 0 5px 15px } #searchForm select { margin: 7px 0 0 0px; } #searchForm select#idcat { width: 468px; margin: 7px 0 0 0px; } #searchForm input#q { width: 132px; } #searchForm p.centerbutF { text-align: left; margin: 7px 0 5px 15px } /* Page manageOrder */ #searchForm2 { width: 508px; padding: 10px; margin: 15px auto 0 auto; border: 1px solid #668b0d; } #searchForm2 h3 { margin: 0px 0 10px 5px; } #searchForm2 p { margin: 0 0 5px 15px } #searchForm2 label.lbleft { margin: 0 10px 5px 10px; } #searchForm2 label.lbleft3 { margin: 0 36px 5px 10px; } /* type */ #searchForm2 select { margin: 7px 0 0 0px; background-color: #417526 } #searchForm2 input { background-color: #417526 } #searchForm2 p.centerbut { position:relative; top: -18px; left: 35px; margin: 0 } p.titleMagName { text-align: center; font-weight: bold; color: #ffffff; margin-bottom: 16px } /* LofinForm */ #loginForm { width: 350px; } /* profileForm */ #profileForm { } #profileForm h3 { clear: both; } #profileForm p { clear: both; margin: 5px 0px 7px 0; } /* Category */ .catalogcategories { } .catalogcategories table.categories{ width: 530px; margin: 15px 0 10px 29px } #tableRecherche { width: 530px; margin: 15px 0 10px 32px } .catalogcategories table td.top { vertical-align: top; border: 1px solid #d7e31e } .catalogcategories table td.top table.title { vertical-align: middle; background-color: #d7e31e; width: 100%; height: 38px } .catalogcategories table td h3 { margin: 0px 0 5px 0px; padding: 3px 0 3px 0 ;text-align: center; font: bold 11px arial; padding: 0 5px; color: #266009 } .catalogcategories table td h3 a { text-decoration: none; font: bold 11px arial; padding: 0 5px; color: #266009 } .catalogcategories table td h3 a:hover { text-decoration: underline; color: #266009 } .catalogcategories table td.desc { padding: 0 4px; } .catalogcategories table td table.visu { } .catalogcategories table td table.visu td{ width: 170px; height: 120px; text-align: center; vertical-align: middle } .catalogcategories table td table.visu td{ width: 170px; height: 120px; text-align: center; vertical-align: middle } .catalogcategories div.hautAffichage { min-height: 264px; } .catalogcategories table td p.desc { height: 47px; padding: 0 10px; color: #ffffff; } .catalogcategories table td p.prix { padding: 0 10px; color: #ffffff; } .buttons { padding: 0 0px 0 0; text-align: center; } .buttons a { padding: 0 0 7px 0px; } .catalogproducts .catalogproducts { } .catalogproducts table.products { width: 530px; margin: 15px auto 10px auto; } .catalogproducts table td.top { vertical-align: top; border: 1px solid #d7e31e } .catalogproducts table td.top table.title { vertical-align: middle; background-color: #d7e31e; width: 100%; height: 38px } .catalogproducts table td h3 { margin: 0px 0 5px 0px; padding: 3px 0 3px 0 ; text-align: center; } .catalogproducts table td h3 a { text-decoration: none; font: bold 11px arial; padding: 0 5px; color: #266009 } .catalogproducts table td table.visu td { width: 170px; height: 120px; text-align: center; vertical-align: middle } .catalogproducts table td p { color: #ffffff; } .catalogproducts table td p.desc { padding: 4px 10px; height: 37px; color: #ffffff; } .catalogproducts table td p.prix { padding: 0 10px; } .catalogproducts table td p.prix span { } p span.prixWidthSize { float: left; width: 77px; } /* Product */ div#prod-s { margin: 10px auto; width: 521px; background: url(../images/fond/prod-s.gif) left top repeat-y; position:relative; top: 0px; left: 2px; } div#prod-bot { background: url(../images/fond/prod-bot.gif) left bottom no-repeat; } div#prod-top { background: url(../images/fond/prod-top.gif) left top no-repeat; padding: 10px 0; } div#prod-top p { color: #000; font-size: 12px } div#prod-top a { font-size: 12px } div#prod-top-abn { background: url(../images/fond/prod-top.gif) left top no-repeat; padding: 15px; min-height: 54px; } div#prod-top-mag { background: url(../images/fond/prod-top.gif) left top no-repeat; padding: 15px 15px 25px 15px; min-height: 54px; } table.affichageProduct { width: 100%; } table.affichageProduct td.visu { padding: 0 15px 0 24px; } table.affichageProduct td.visu-mag { padding: 0 15px 0 0px; } table.affichageProduct td.visu-mag img { border: 1px solid #3f9614 } table.affichageProduct td.visu img { border: 1px solid #3f9614 } table.affichageProduct td.txt { padding: 0 20px 0 10px; } table.affichageProduct2 { width: 540px; margin: 0 auto } table.affichageProduct2 td.visu { padding: 0 15px 0 24px; } table.affichageProduct2 td.visu-mag { padding: 0 15px 0 0px; } table.affichageProduct2 td.visu-mag img { border: 1px solid #3f9614 } table.affichageProduct2 td.visu img { border: 1px solid #3f9614 } table.affichageProduct2 td.txt { padding: 0 20px 0 10px; } .color { color: #266009 } p.pseudoLabel span { float: left; width: 89px; } p.pseudoLabel span.lblong { float: left; width: 139px; } p.pseudoLabel a { color: #266009 } p.pseudoLabel a:hover { color: #266009 } /* COLONNE DROITE */ /* Menu Login/Logged */ div#menu-login { width: 191px; height: 146px; margin: 13px 0 0 6px; background: url(../images/fond/f-log.gif) left top no-repeat; } div#menu-login h3 { display: none; } div#menu-login form { padding: 41px 0 0 21px; } div#menu-login p { margin: 0 0 3px 0px; line-height: 12px } div#menu-login label { display: none; color: #000 } div#menu-login input.ch { width: 140px; height: 16px; color: #000; } div#menu-login p.linkX { margin: 4px 0 5px 0; padding: 0 } div#menu-login p.linkX a { font: normal 10px arial; color: #266009 } div#menu-login p.linkX a.firstConnex { font: bold 11px arial; } div#menu-login p.validForm { text-align :right; margin: 4px 13px 0 0 ; padding: 0 } div#menu-logged { width: 191px; height: 104px; margin: 13px 0 0 6px; padding: 45px 0 0 0; background: url(../images/fond/f-log2.gif) left top no-repeat; } div#menu-logged p.lien2 { } div#menu-logged p#bonjour { padding: 0 0 0 20px } div#menu-logged p#bonjour span { font-weight: bold; } div#menu-logged ul { margin: 10px 0 0 0px; } div#menu-logged ul li { margin: 0 0 5px 20px; padding: 0 0 0 10px; background: url(../images/puce/carre.gif) left 6px no-repeat; } div#menu-logged ul li a { color: #266009; text-decoration: none; } /* Panier */ #f-panier { margin: 8px 0 0 6px; width: 191px; height: 71px; background: url(../images/fond/f-panier.gif) left top no-repeat; } #f-panier p { padding: 41px 0 0 0px; text-align: center; } #f-panier p a { color: #266009 } /* Order confirm Blocs adresses */ table.adrConfirm { margin: 10px auto; width: 488px; border: 1px solid #215606 } table.adrConfirm td { width: 33%; padding: 0 4px; vertical-align: top } table.adrConfirm td p { font: normal 10px arial; } table.adrConfirm td p strong { font: bold 11px arial; } div.insideADR { float: left; width: 255px ; margin: 0 0 0px 0px; height: 130px; } /* Table OrderBasket */ p.suividAchat { margin: 10px 0 10px 25px; } .formatTable { border-collapse: collapse; margin: 0 auto; width: 530px; } .formatTable thead { border: 1px solid #668b0d; background-color: #276309; color: #ffffff } .formatTable thead th { padding: 4px 5px; text-align: center; } .formatTable td { border: 1px solid #668b0d; padding: 4px 5px; color: #ffffff; } .formatTable td input { border: 1px solid #143703 } /* Recherche */ #f-search { width: 191px; height: 91px; margin: 8px 0 0 6px; background: url(../images/fond/f-search.gif) left top no-repeat; } #f-search form { padding: 37px 0pt 0pt 35px } #f-search form label { display: none; } #f-search input.ch { width: 127px; height: 19px ; color: #000 } #f-search p.validForm { text-align :right; padding: 2px 14px 0 0; } /* Bloc Societaire */ p.societaire { margin: 20px 0 0 1px; } /* COLONNE GAUCHE */ /* Selection maison ------- Bloc 1 ------ */ #bloc1 { width: 180px; height: 240px; margin: 10px 0 0 0px; padding: 0 0 0 0; } #bloc1 h3 { height: 18px; margin: 0; padding: 0; color: #295f0a; } #bloc1 h3 a { font: bold 11px arial; color: #295f0a; text-transform: uppercase; padding: 0 0 0 29px; text-decoration: none; } #bloc1 table { position:relative; top: 31px; left: 15px; } #bloc1 table td.visu { width: 159px; height: 196px; text-align: center; vertical-align: middle } /* Offre fournisseur ------- Bloc 2 ------ */ #bloc2 { width: 181px; height: 235px; margin: 32px 0 0 0px; } #bloc2 h3 { height: 18px; margin: 0; padding: 0; color: #295f0a; } #bloc2 h3 a { font: bold 11px arial; color: #295f0a; text-transform: uppercase; padding: 0 0 0 29px; text-decoration: none; } #bloc2 table { position:relative; top: 31px; left: 15px; } #bloc2 table td.visu { width: 159px; height: 196px; text-align: center; vertical-align: middle } .encartbg1 { background: url(../images/fond/_bloc2.gif) left top no-repeat; } .encartbg2 { background: url(../images/fond/_blocUn.gif) left top no-repeat; } .encartbg3 { background: url(../images/fond/_f-flash.gif) left top no-repeat; } /* Offre fournisseur ------- Bloc 3 ------ */ #bloc3 { width: 181px; height: 235px; margin: 32px 0 0 0px; } #bloc3 h3 { height: 18px; margin: 0; padding: 0; color: #295f0a; } #bloc3 h3 a { font: bold 11px arial; color: #295f0a; text-transform: uppercase; padding: 0 0 0 29px; text-decoration: none; } #bloc3 table { position:relative; top: 31px; left: 15px; } #bloc3 table td.visu { width: 159px; height: 196px; text-align: center; vertical-align: middle } p.actu { margin: 25px 0 0 0px; position:relative; top: 0px; left: 10px; } /* COLONNE CENTRALE */ /* Camenbert */ img#rollOver { margin: 30px 0 0 20px } /* -------------Bloc 4 --------- */ #bloc4 { margin: 15px 0 0 0px; text-align: center; } #bloc4 table { margin: 0 auto; } /* -------------Bloc 5 --------- */ #bloc5 { margin: 20px 0 0 0px; text-align: center } #bloc5 table { margin: 0 auto 15px auto; } /* -------------Bloc 6 --------- */ #bloc6 { width: 191px; height: 234px; margin: 15px 0 0 6px; text-align: center; } #bloc6 h3 { height: 18px; margin: 0; padding: 0; color: #295f0a; } #bloc6 h3 a { font: bold 11px arial; color: #295f0a; text-transform: uppercase; padding: 0 0 0 14px; text-decoration: none; } #bloc6 table { position:relative; top: 28px;left: 17px } #bloc6 table td.visu { width: 157px; height: 173px; text-align: center; } #bloc6 table td.visu img { vertical-align: middle } p.actu { margin: 25px 0 0 0px; position:relative; top: 0px; left: 10px; } /* Page Mentions */ .adr { margin: 20px 0 15px 33px } .adr h3 { font: normal 11px arial; padding: 0; margin: 0 0 10px 0px; } .adr2 h3 { font: normal 11px arial; padding: 0 ; margin: 0 0 10px 0px; } .adr h3 span, .adr2 h3 span { border-bottom: 1px solid #2c6d0c } .adr2 { margin: 20px 0 15px 15px } .adr, .adr2 { float: left; min-height: 155px; padding: 0; width: 227px; background: url(../images/fond/adr-Bot.gif) left bottom no-repeat } .adr-Bot, .adr2-Bot { padding: 10px 0 0 0; background: url(../images/fond/adr.gif) left top no-repeat; } .conformemement { font: normal 10px arial } /* General styles */ .bold { font-weight: bold; } .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .clear { clear:both; display: none } .kill { display: none } .fleft { float: left } .fright { float: right } .right { text-align :right; } .center { text-align: center } .clear { clear:both; visibility: hidden } .noborder { border: none } .bita { margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #f0b917 ; } .formatColor p.bita { margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #f0b917 ; } .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; } p.centerbut input { background: none; } .small { font: normal 10px arial; } .conformement { font: normal 10px arial; padding: 0 10px; color: #ffffff; } /* Messages d erreurs */ .denied { margin: 10px 20px 20px 30px; color: red; background-color: #daed60; padding: 3px 0 3px 4px; font: normal 12px arial; } .denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 0 no-repeat; } table.adrConfirm p { color: #ffffff; }