/* Gabarit 2 colonnes du Front Kamino */ * { margin:0; padding:0; border: none; text-decoration: none } body { padding: 0 0 20px 0; font-family: Verdana, arial, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background: #000 url(../images/fond/f-body.gif) center top no-repeat; } h1 a { display:block; height:119px; left:265pt; overflow:hidden; position:absolute; text-indent:-999em; top:0pt; width:272px; } h2 { margin: 2px 0 20px 20px; padding: 0 0 0 15px; font: normal 18px "Trebuchet MS"; color: #fff; text-transform:uppercase;} h2 img.carre { } h2 img.carre1 { position:relative; top: -8px; left: -4px; } h2 img.carre2 { position:relative; top: -8px; left: 0px; } h3 { margin: 15px 0 10px 0px; font: bold 17px "Trebuchet MS"; color: #8d8c8c } h3 a { margin: 15px 0 10px 0px; font: bold 17px "Trebuchet MS"; color: #8d8c8c } h4 { margin: 15px 0 10px 15px; font: bold 15px "Trebuchet MS"; color: #8d8c8c } h5 { margin: 15px 0 10px 10px; font: bold 13px "Trebuchet MS"; color: #8d8c8c } p { font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left } input { padding: 0 0 0 3px; font: normal 11px verdana } textarea { padding: 4px; font: normal 11px verdana } ul li { list-style: none; font: normal 11px/18px verdana; 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/carre.gif) left 8px no-repeat; color: #ffffff; } 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: #dadada; text-decoration: underline; font: normal 11px verdana } a:hover { color: #dadada; text-decoration: underline } abbr { cursor: help; } .format { padding: 15px 25px 10px 25px } .formatCollection { padding: 15px 25px 10px 25px; } .formatCollection p{ color:#fff; font-size:12px} /* //////////////////////////////////////// Pagination */ .links { color: #d2d2d2; text-align: center; margin: 10px 0 } .links a { color: #d2d2d2; padding: 1px 7px; border: 1px solid #262628; text-decoration: none; } .links a:hover { border: 1px solid #363638; color: #747474 ; padding: 1px 7px; text-decoration: underline; } .links span { border: 1px solid #363638; color: #747474 ; padding: 1px 7px } .links a.imglink { border: none ; padding: 0 3px; position:relative; top: 4px; left: 0px; } p.centerRsesults { color: #ffffff; } p.centerRsesults strong { color: #ffffff; } p.centerRsesults span { color: #96b02b; font-weight: bold; } /* Collection */ .formatCollection table.cousCat { } /*.formatCollection table.cousCat td { width: 147px; border: 1px solid #6e6f71; background-color: #414143 } */ .formatCollection table.cousCat td td { border: none } .formatCollection table.cousCat td p.immg { text-align: center; padding: 2px 0pt 12px 0pt } table.title { height: 46px; margin: 0; padding: 0; } table.title td { height: 46px; margin: 0; padding: 0; border: none } table.title td h3 { margin: 0 0 4px 0px; padding: 3px 5px; vertical-align: middle } table.title td h3 a { font: bold 13px arial; color: #c0c1c2 ; text-decoration: none; } p.detail { text-align: right; padding: 0 7px 0 0; } div#colonne_gauche_I-Top .navigcata { position: absolute; top: 162px; left: 20px; color: #a4a4a6; font: normal 10px arial; width:434px} div#colonne_gauche_I-Top .navigcata a { color: #a4a4a6 ; font: normal 10px arial; text-decoration: none; } div#colonne_gauche_I-Top .navigcata p { color: #a4a4a6 ; font: normal 10px arial; } div#colonne_gauche_I-Top .navigcata b { color: #a4a4a6 ; font: normal 10px arial; } table.collectionIntro { width: 635px; margin: 0 auto 16px auto } table.collectionIntro { color: #ffffff; } table.collectionIntro td { vertical-align: top } table.collectionIntro td.visu { width: 160px; color: #ffffff; text-align: center; vertical-align: middle } table.collectionIntro td.visu img { } table.collectionIntro td.desc { color: #ffffff; padding: 0 0 0 15px; } /* -------------------------------------------- Produit fiche ----------------------------------------------- */ div.prod-Bot { margin: 0 0 0 14px; background: url(../images/fond/prod-Bot2.gif) left bottom no-repeat; } div.prod-Top { padding: 5px 0px 10px 0px; background: url(../images/fond/prod-Top.gif) left top no-repeat; color: #ffffff; } h3.titleProd { margin: 0 0 22px 0px; padding: 0 0 0 247px; font: bold 17px verdana; color: #c0c1c2; text-transform: uppercase } table.productTable { } table.productTable select { border: 1px solid #7cc8db; background-color: #7c7c7c; color: #000 } table.productTable input.ok { border: 1px solid #7cc8db; background-color: #7c7c7c; color: #000 } table.productTable td.one { width: 257px; } /*table.productTable td.one img { width: 250px; } */ table.productTable p.bigVisu { text-align: center; margin: 0 0 7px 0px; } table.productTable p.bigVisu img { border: 1px solid #666769} table.productTable p.bigVisu span { display: block; text-align :right; padding: 0 25px 0 0 } table.productTable td.two { padding: 0px 14px 0 0; font: normal 10px verdana; vertical-align: top } table.productTable td.two p { font: normal 12px verdana; margin: 10px 0 5px 0px; } table.productTable td.two p.first { padding: 13px 0 0 0; margin: 13px 0 5px 0px; } table.productTable td.two p.first label { margin: 0 0 6px 0; display: block; } table.productTable label { font: bold 11px verdana; color: #96b02b } div#colonne_gauche_I-Top div.prod-Top table.productTable td.two p.first { border-top:1px solid #777; border-bottom:1px solid #777; margin:20px auto; padding:10px 5px} label.prixLab { padding: 0 0 0 0 } .prize { font: bold 14px verdana; } p.retour { text-align :right; padding: 7px 15px 0 0; } p.coloris { padding: 0 5px } p.coloris img { border: 1px solid #5a5a5c } p.coloris label { margin: 0 0 6px 0; display: block; } .colorisLink { padding: 7px 7px 0 0 } .conteneurProduit { padding: 10px 10px 10px 10px; border: 1px solid #6e6f71; background-color: #414143 } /* -------------------------------------------- HOMEPAGE -------------------------------*/ .firstPartHome { width: 445px; padding: 0 0 0 250px; clear: both; overflow: hidden; } .bl-collection { float: left; width: 199px; height: 215px; padding: 1px 0 0 1px; margin: 0 21px 0 0px; background: url(../images/fond/f-collection.gif) left top no-repeat; position:relative; top: 0px; left: 0px; } .bl-collection table { width: 197px; height: 145px; } .bl-collection table td { width: 197px; height: 145px; vertical-align: middle; text-align: center; border-bottom: 1px solid #6c6c6c; } /* */ table.randomPictures { width: 238px; height: 489px; margin: 0 0 0 0px; padding: 0 0 0 0; position: absolute; top:29px; width:238px; } table.randomPictures td { text-align: left; vertical-align: middle; margin: 0 0 0 0px; padding: 0 0 0 1px; } .bl-collection h3 { margin: 0 0 0 0px; padding: 4px 0 0 15px; height: 64px; width: 197px; font: bold 14px "Trebuchet MS"; color: #ffffff; background: url(../images/fond/f-transp.png) left top no-repeat; position: absolute; top: 146px; left: 1px; } .bl-collection h3 a { font: bold 14px "Trebuchet MS"; color: #ffffff; } .bl-collection h3 a { text-decoration: none; } .bl-collection h3 a strong { font: bold 17px "Trebuchet MS"; color: #96b02b } .bl-collection h3 a span { font: bold 14px "Trebuchet MS"; color: #ffffff; position:relative; top: 0px; left: 102px } #secondCollection { float: left; margin: 0 0 0 32px; } /* */ div#secondPartHome { width: 445px; padding: 38px 0 0 250px } div.box { float: left; margin: 0 19px 0 0px; } div.box h3 { margin: 0 0 0 0px; padding: 0 0 0 0; } div.box table { width: 129px; height: 102px; } div.box table td { width: 129px; height: 102px; background: url(../images/fond/f-box.gif) left top no-repeat; vertical-align: middle ; text-align: center; padding: 1px 0 0 0; } /* */ #nletter { width: 423px; clear: both; margin: 0 0 0 0px; padding: 30px 0 0 250px; } #nletter label { color: #ffffff; font: normal 12px verdana; padding: 0 12px 0 0; } #nletter input#emailnewsletter { width: 141px; height: 17px; background-color: #7c7c7c; color: #000 } #nletter input.valid { position:relative; top: 3px; left: 5px; } /* panier/compte */ #linkplus{ position: absolute; top:162px; right:0 } #linkplus .linkplus{ display:block; float:right; border:1px solid #000; background:url(../images/fond/linkplus.gif) left top repeat-x; padding:3px 10px; margin-right:17px; color:#666; font-weight:bold} #linkplus .linkplus a{ color: #CCC; font-weight:bold; text-decoration:none} #linkplus .linkplus a:hover{ color: #fff;} /* colonne gauche Home */ div.a-bot { background: url(../images/fond/a-bot.gif) left bottom no-repeat; } div.a-top { width: 243px; min-height: 350px; padding: 5px 0px 10px 0px; background: url(../images/fond/a-top.gif) left top no-repeat; } div.a-top p { padding: 0 10px; margin: 0 0 0 0px; } div.a-top p.title a { color: #fff; font-weight: bold; text-decoration:none } div.a-top p.date { color: #898989; font-weight: bold; } div.a-top p.desc { color: #ffffff; } div.a-top p.visu { border-top: 1px solid #272727; border-bottom: 1px solid #272727 ; text-align: center; padding: 2px 0 } .f-show { width: 242px; height: 168px; margin: 13px 0pt 0pt; padding: 3px 0pt 0pt; background: url(../images/fond/f-show.gif) left top no-repeat; } .f-show p { text-align: center; position:relative; top: -5px; left: 0px; } .f-show p span { position:relative; top: 3px; left: 0px; color: #ffffff; font: italic bold 14px arial; } .newsletter { width: 242px; height: 80px; margin: 13px 0pt 0pt; padding: 3px 0pt 0pt; background: url(../images/fond/f-show.gif) left top no-repeat; } .newsletter h2 { margin: 2px 0 20px 10px; padding: 0 0 0 15px; font: normal 18px "Trebuchet MS"; color: #fff; text-transform:uppercase;} .newsletter p { text-align: center; position:relative; top: -5px; left: 0px; color: #fff; } /* Page Boutique */ p.imgBoutique { text-align: center; margin-bottom: 15px } p.imgBoutique img.one { padding: 0 15px 15px 0; } p.imgBoutique img.two { padding: 0 0 15px 0; } p.imgBoutique img.three { padding: 0 15px 0 0; } p.imgBoutique img.four { } p.imgBoutique img.five { padding: 15px 0 0 0; } .videoBoutique { width: 607px; margin: 0 auto 14px auto } /* Conteneurs generaux */ #main { position: relative; width: 981px; margin: 0 auto; text-align:left; background: url(../images/fond/spread.gif) left top repeat-y } #intro { width:981px; height:158px; background: url(../images/fond/header.gif) left top no-repeat } #menu-top { position:relative; top: 100px; left: 0px; } #content { margin: 0; padding: 0; background: #2e2d2d url(../images/fond/f-content.gif) left bottom no-repeat; } div#colonne_droite_H { float:right; margin: 0px 15px 0pt 0pt; padding: 6px 0px 0pt; width:243px;} div#colonne_gauche_H { float:left; width: 695px; height: 519px; margin: 5px 0 0 10px; padding: 5px 0px 20px 0px; background: url(../images/fond/colGaucheHome.jpg) left top no-repeat; position:relative; } div#colonne_droite_I { float:right; margin: 0px 15px 0pt 0pt; padding: 30px 0px 0pt; width:243px } div#colonne_gauche_I-Bot { float:left ; width: 695px; margin: 30px 0 14px 10px; background: url(../images/fond/colGaucheBot.gif) left bottom no-repeat; } div#colonne_gauche_I-Top { width: 695px; min-height: 497px; padding: 5px 0px 20px 0px; background: url(../images/fond/colGaucheTop.gif) left top no-repeat; border-right:1px solid #565656 } div#colonne_gauche_I-Top .format p { color: #ffffff; font-size:12px } div#colonne_gauche_I-Top .format h3 { padding: 0 15px } p.txtTop { padding: 0 20px; margin: 0 auto 0 auto; color: #a09f9f } /* Footer */ #outro { width:981px; height: 57px; padding: 2px 0 0 0; margin: 0 0 3px 0px; background: url(../images/fond/footer.gif) no-repeat; clear: both } #outro p { text-align: right; padding: 6px 0 0 140px; font: normal 10px arial; } #outro p a:hover { text-decoration: underline } #outro p.txt { color: #a7a7a7; font: normal 12px arial; } #outro p a { color:#a7a7a7; font: normal 12px arial; text-decoration: none } #outro p.liensFoot { color: #5c5c5c; font: normal 10px arial; white-space: nowrap; padding: 0; } #outro p.liensFoot a { color: #5c5c5c; font: normal 10px arial; } /* Formulaires */ 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: #7d7d7d; } form.formatform input { border: 1px solid #7cc8db; } form.formatform select { border: none; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } /* Contact form */ form#contactForm { width: 437px; margin: 0px auto 15px auto; padding: 15px; border: none; } form#contactForm p.bita { margin: 0 0 30px 0px; padding: 0 font: normal 11px arial; } form#contactForm h3 { margin: 0 0 16px 0px; color: #8d8c8c } form#contactForm label.lbleft { float: left; width: 174px; font: bold 11px arial; color: #fff } form#contactForm input { width: 220px; height: 17px; background-color: #7c7c7c; color: #000; border: none } form#contactForm textarea { width: 411px; margin: 4px 0 0 0px; background-color: #7c7c7c; color: #000; border: none } form#contactForm select { border: none; background-color: #7c7c7c; color: #000; width: 223px } form#contactForm p.centerbut { margin: 10px 0 10px 0px; clear: both; text-align: right; padding: 0 15px 0 0; } form#contactForm p.centerbut input { width: auto; height: auto; border: none; background-color: none; padding: 0 0 0 0; } .flash li { color: #97b12b; font-weight:bold} /* Newsletter form */ form#newsletterForm { width: 469px; margin: 20px auto 15px auto; padding: 15px; border: none } form#newsletterForm p.bita { margin: 0 0 30px 0px; padding: 0 0 0 0; color: #777676; font: normal 11px arial; } form#newsletterForm h3 { margin: 0 0 16px 0px; color: #8d8c8c } form#newsletterForm label.lbleft { float: left; width: 85px; font: bold 11px arial; color: #fff } form#newsletterForm input { width: 150px; height: 17px; background-color: #7c7c7c; color: #000; border: none } form#newsletterForm textarea { width: 411px; margin: 4px 0 0 0px; background-color: #7c7c7c; color: #000; border: none } form#newsletterForm select { border: none; } form#newsletterForm p.centerbut { text-align:center} form#newsletterForm p.centerbut input { width: auto; height: auto; border: none; background-color: none; padding: 0 0 0 0; } .bl1 { float: left; } .bl2 { float: left; width: 165px; padding: 0 0 0 20px; } .bl2 label { font: bold 11px arial; color: #fff } form#newsletterForm .bl2 ul li { margin-bottom: 0; margin-top: 8px } form#newsletterForm .bl2 input { width: auto; height: auto; border: none; background-color: none; padding: 0 0 0 0; } /* basket */ .baskettable { width:97%; margin:15px auto } .baskettable td{ border:1px solid #555; background-color:#222; color:#fff; padding:3px} .baskettable th{ background:url(../images/fond/th.gif) left top repeat-x; color:#fff; padding:3px; height:27px} /* aucunesNouveautes */ .aucunesNouveautes { font: bold 12px arial; color: #ffffff; text-align: center; position:relative; top: 4px; left: 0px; } /* General styles */ .input { border: 1px solid black } .bordered { border: 1px solid black } .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; } .sep { visibility: hidden; clear: both; height: 0 } /* ------------------- Messages d erreurs */ .denied { margin: 10px 20px 20px 30px; color: red; font: normal 12px arial; } .denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat; } /* ------------------------------- */ 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; color: #ffffff; } /* ------------------- Actualites */ #actu { padding: 0px 25px 10px 25px } div#colonne_gauche_I-Top h3#h3Actu { padding: 0 0 0 0; } div#colonne_gauche_I-Top p { padding: 0 15px } #actuDetail { } #actuDetail table { width: 640px; margin: 0 auto; } #actuDetail td.visu { width: 160px; text-align: center; vertical-align: middle } #actuDetail td.visu img { padding: 17px; border: 1px solid #242425 } div#colonne_gauche_I-Top .format p.date { float: right; color: #717171; position:relative; top: 26px; left: -6px; font: normal 10px arial; } .retourL { text-align :right; padding: 8px 0px 0 0; } .lire2 { text-align :right; } /* Page Mentions */ div.mention-top h3 { margin: 0 0 10px 0; padding: 0; color: #717171; text-align: left; font: bold 14px arial } .conformement { font: normal 10px arial; color: #dadada; margin: 0 auto; padding: 0 30px } .conformement a { font: normal 10px arial; } div.mention-bot { float: left; margin: 11pt 13px 12pt 53px; width: 260px; background-color: #323133 } div.mention-top { width: 260px; height: 167px; padding: 10px ; } div.mention-top p{ color: #ffffff; } /* 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 { } /* Scroll */ #scroll{height:340px; width:567px; margin:1em 0; overflow:hidden; float:left; position:relative; border:1px solid #333; } div#petitscroll div#scroll{width:375px;} #scroll-inner{height:200px;position:relative;} .scroll-content{position:absolute;padding:0; margin-top:10px; width:200px } .scroll-content img{} .scroll-content p{ text-align:center} .scroll-content p a{ color:#fff; text-decoration:none; font-size:12px; font-weight:bold } .titledefil a{color:#000; text-decoration:none; font-size:12px; font-weight:bold } .titledefil a:hover, .scroll-content p a:hover{ color:#95af29} /* Presentation */ .presentation .object { margin: 15px auto; width: 400px; } p.paraLaura { } p.paraLaura img { border: 5px solid #363638; float: left; margin: 0 20px 0 0px; } /* surmesure */ table.surmesure { width: 622px; margin: 12px auto 0 auto; } table.surmesure td { padding: 0 0 15px 0; } table.surmesure img { border: 5px solid #363638; } /* Parution / Presse */ .parution { margin: 0 0 14px 0px; padding: 0 0 10px 0; border-bottom: 1px solid #363638 ; overflow: auto; } .parution .img { float: left; } .parution .img img { border: 5px solid #363638; margin: 0 15px 0 0px; } .parution .texte { }