/* CSS Pharma Direct */ * {margin:0; padding:0; border: none; text-decoration: none; } body {font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; padding: 15px 0 0 0; font-size: 11px; text-align: center; color: white; background-color: black} h1 a { position: absolute; top: 100px; left: 0px; top: 0px; width: 524px; height: 150px; display:block; text-indent: -999em ; overflow: hidden; } h2 { margin: 30px 0 20px 20px; font-size: 18px; font-family: "Trebuchet MS"; color: #9bdbf6; font-variant:small-caps; background: url(../images/fond/f-h2.jpg) left -2px no-repeat; padding: 0 0 0 25px; } h3 { margin: 18px 0 10px 37px; font: normal 18px "Trebuchet MS"; color: #56563c; } h4 { margin: 15px 0 10px 50px; font: normal 16px "Trebuchet MS"; color: #56563c; } h5 { margin: 15px 0 10px 60px; font: normal 14px "Trebuchet MS"; color: #56563c; } p { font: normal 12px/17px arial; margin: 10px 0 0px 0px; text-align:left; color: white } p.citation { } ul li { list-style: none; font: normal 12px/16px arial; margin: 10px 15px 10px 30px; } ul.puced li { list-style: none; margin: 10px 15px 10px 30px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat; } a img { border: none; text-decoration: none; } a { color: #56563c; text-decoration: none; font: normal 12px arial} a:hover { color: white; text-decoration: underline;} .dot { border-style: dotted; border: 1px } /* Home page nouveatés / Promo */ #new-promo h3 { margin: 15px 0 7px 12px; font: bold 18px "Trebuchet MS"; background: none; font-variant: small-caps; color: #9BDBF6 } #new-promo { margin: 0 auto; } #new-promo div.promoTable { width: 340px; margin: 0 0 0 32px; } #new-promo div.newsTable { width: 340px; margin: 0 0 0 32px; } #new-promo table { width: 100%; margin: 0 auto } #new-promo table td { vertical-align: top; } #new-promo table td div.f-bl-intro-bot { width: 109px; background: url(../images/fond/f-bl-intro-bot.gif) left bottom no-repeat; position:relative; top: 0px; left: 0px } #new-promo table td div.f-bl-intro-top { width: 109px; background: url(../images/fond/f-bl-intro-top.gif) left top no-repeat; padding: 3px 0 8px 0; } #new-promo table p { padding: 0 5px; margin: 0; font: normal 11px arial ; text-align: center; color: #2e2e2e } #new-promo table td p.product-image { text-align: center; height: 90px; } #new-promo table td p.product-image img { border: 1px solid #2e2e2e } #new-promo table td h4, #catalogproducts table td h4 { height: 58px; margin: 3px 0 5px 0px; padding: 0; text-align: center; } #new-promo table td h4 a { font: bold 12px arial; color: #2e2e2e; text-align: center; padding-left:3px; } h3#h3topDesVentes { color: #9BDBF6; font-variant: small-caps; font-size: 18px; font-weight: bold; } .topDesVentes { padding-top:7px;padding-bottom:10px;vertical-align:top; border-bottom: 1px solid #676666; border-top: 1px solid #676666; width: 704px; margin: 0 auto; } .topDesVentes td { padding: 0 1px } /* CONTENEURS GENERAUX */ #main { position: relative; margin: 0 auto; width: 983px; text-align:left; background-color: #8b8b8b} #intro { width:983px; height:211px; background: url(../images/fond/header.jpg) left top no-repeat; position:relative } p.versions { position:absolute; right:27px; top:181px; } p.versions a { text-decoration: none; padding: 0 2px; } #content { margin: 0; padding:0; } div#colonne_gauche { float: left; padding: 5px 5px 0 0; } div#colonne_gauche * { } div#colonne_gauche ul li { width: 140px; } div#colonne_gauche ul li.center {text-align:center; display:block;width: 170px;} div#colonne_gauche form.search { width: 140px; } div#colonne_droite { float: right; margin: 0 ; padding:0; } div#colonne_droite p { } /* MENU GAUCHE */ #menu-top { width: 196px; margin: 15px 0 0 0; position:relative; top: 0; left: 20px; } #menu-top h3 { margin: 0 0 10px 0; padding: 0 } #menu-top p input { margin: 0 0 0px 0px; } .search { } .search p { margin: 0; padding: 0 } .search input { height: 16px } .search select { width:164px; margin: 5px 0px 0px 0px } .search select, .search input { color: #8c8a8a; font-size:11px } .liens { } .liens img { margin: 0 0 4px 0px } .liens p { margin: 0 0 4px 0px; padding: 0 0 0 18px; background: url(../images/fond/f-liens.gif) left top no-repeat } ul.logos { margin: 0; padding: 0 } ul.logos li { display: inline; margin: 0 ; padding: 0 } div.separator { margin: 10px 0px 10px 0; height: 1px; background: url(../images/fond/sepMenu2.gif) left top no-repeat; } p.accesCata { margin: 0; padding: 0 } p.accesCata a { display: block; width: 164px; height: 62px; background: url(../images/illustr/acces_catalogue.jpg) left top no-repeat; } p.accesCata a:hover { background: url(../images/illustr/acces_catalogue_hover.jpg) left top no-repeat } p.accesCata a.catalogue_actif { background: url(../images/illustr/acces_catalogue_actif.jpg) left top no-repeat } p.contactEncart { margin: 0; padding: 0 } p.contactEncart a { display: block; width: 164px; height: 71px; background: url(../images/illustr/contact.jpg) left top no-repeat; } p.contactEncart a:hover { background: url(../images/illustr/contact_hover.jpg) left top no-repeat; } p.contactEncart a.contact_actif { background: url(../images/illustr/contact_actif.jpg) left top no-repeat; } p#clientSpace { margin: 0 ; padding: 0 } p#clientSpace a { display: block; width: 164px; height: 71px; background: url(../images/illustr/espaceClient.jpg) left top no-repeat; } p#clientSpace a:hover { background: url(../images/illustr/espaceClient_hover.jpg) left top no-repeat; } p#clientSpace a.espace_client_actif { background: url(../images/illustr/espaceClient_actif.jpg) left top no-repeat; } p.panierAction { margin: 10px 0 ; padding: 0 0 0 0; overflow: auto; } a.voirPanierButton { display: block; float: left; width: 73px; height: 28px; margin: 0 12px 0 0; background: url(../images/bt/voirPanier.gif) left top no-repeat; } a.voirPanierButton:hover { background: url(../images/bt/voirPanier_hover.gif) left top no-repeat; } a.voirpanier_actif { background: url(../images/bt/voirPanier_actif.gif) left top no-repeat; } a.viderPanierButton { display: block; float: left; width: 73px; height: 28px; background: url(../images/bt/viderPanier.gif) left top no-repeat; } a.viderPanierButton:hover { } a.viderPanierButton_actif { } div.mesInfos { margin: 10px 0 0 0px; } p.nLetter { background: none; padding: 0 0 0 0; margin: 10px 0 0 0px; } p.nLetter a { display: block; width: 160px; height: 18px; background: url(../images/bt/newsletter_off.gif) left top no-repeat; text-indent: -5000px; } p.nLetter a:hover { display: block; width: 160px; height: 18px; background: url(../images/bt/newsletter_on.gif) left top no-repeat; text-indent: -5000px; } /* Page contact */ .floatPara { clear: both; overflow: auto; } #format .floatPara p { float: left; width: 189px; margin: 4pt 0pt 13pt 59px; padding: 0 0 0 0; } .encadre { border: 1px solid #686868; background-color: #737373; padding: 2px 5px } /* EDITO HOME */ #editoBot { background: url(../images/fond/f-h2Home.Bot.gif) right bottom no-repeat; width: 709px; position:relative; top: 0px; left: 25px } #edito { background: url(../images/fond/f-h2Home.gif) left top no-repeat } #edito h2 { margin: 0px 0 7px 12px; padding-top: 10px; font: bold 18px "Trebuchet MS"; background: none; font-variant:small-caps; } #edito p { color: white; padding: 0px 10px 0 30px; margin: 0 } div.slideshow { margin: 18px 0 0 0px; } div.slideshow p { padding-top: 9px } div.slideshow ul { background: #FFF; position: absolute; bottom: -35px; left: 0px; overflow: hidden; padding: 5px 0; z-index: 10001;} div.slideshow ul a { background-position: 50% 50%; cursor: pointer; display: block;height: 25px; margin-right: 5px; opacity: 0.5; width: 30px;} div.slideshow ul a.active, div.slideshow ul a:hover { opacity: 1 } div.slideshow ul li { float: left;list-style: none;} div.texte { position:absolute; font-size:24px; color:#33ade0; font-family:arial; margin-top: 93px; margin-left:30px; z-index:10002; font-variant:small-caps; text-align: left } div.cadre { position:relative; width: 700px; margin: 0 auto; text-align: center } div.cadre1 { position:relative; width: 700px; margin: 0 auto; text-align: left } div.cadre { } p.camera { text-align: right; } p.camera a img { text-decoration: none; position: relative; top: 5px; left: 0px; } /* Catalogue */ .links { margin: 5px 35px 5px 22px; font: normal 12px arial; text-align :right; } .links a { padding: 0 3px; color: #ffffff; } .links a:hover { text-decoration: underline; } .links .actif { text-decoration: underline; padding: 0 3px; } .path a { color: #fff; text-decoration: underline } .path a:hover { color: #fff; text-decoration: none } #catalogue { } #catalogue table { width: 650px; margin: 15px auto 10px auto } #catalogue table td { width: 175px; padding: 5px 0 0 0; } #catalogue table td p.title { width: 105px; font: normal 11px arial; color: #ffffff; margin: 0; padding: 0; text-align: left; vertical-align:bottom; } #catalogue table td p.title a { font: bold 10pt arial; font-variant: small-caps; } #catalogue table td p a { color: #ffffff; font: bold 11px arial; } #catalogue table td div .case { } /*#catalogue table td div img { border: 1px solid #33ade0 }*/ #catalogue table td { vertical-align: bottom} #content p.secure { height: 63px; margin: 0 ; padding: 0 } span.lineT { text-decoration: line-through } #catalogproducts h3 { position: absolute; top: 0px; left: 0px; text-indent: -5000px; } #catalogproducts table { width: 705px; margin: 0 auto } #catalogproducts table td { vertical-align: top} #catalogproducts table td div { height: 302px; position:relative; top: 0px; left: 0px } #catalogproducts table p { padding: 0 5px; margin: 0; font: normal 11px arial } #catalogproducts table p.marque { margin: 4px 0 4px 0px } #catalogproducts table p.marque span { font-weight: bold } #catalogproducts table p.zooom { text-align :right } #catalogproducts table p.desc { padding: 0 5px } #catalogproducts table p.prixProduct { padding: 3px 5px 2px 5px } #catalogproducts table p.buttons { margin: 4px 5px 0 5px; position: absolute; bottom: 5px; left: 0px } #catalogproducts table a.cart { float: right } #catalogproducts table a.loupe { float: left } #catalogproducts table td h4 a { font: bold 12px arial; color: #33ade0; text-align: center;padding-left:3px; } #catalogproducts table td .case { background-color: #000 ; height:324px} #catalogproducts table td p.product-image { text-align: center; height: 112px; } p.product-image img { border: 1px solid #33ade0 } .product table { width: 673px; margin: 0 auto; } .product table td.titleProduit { height: 33px; background-color: #000; padding: 5px 0 0 10px; } .product table td.titleProduit h3 { width:384px; color:#33ADE0; display:inline; float:left; font:bold 13px arial; left:0; margin:0 15px 0 0; position:relative; top:0;} .product table td.titleProduit a { color: #33ade0; font: bold 13px arial; position:relative; top: -11px; left: 0px; margin: 0 15px 0 0px; } .product table .button a { font: bold 12px arial; color: #000 } .product table td { } .product table .photo { padding: 7px 10px 0 0; width: 112px; } .product table .photo img { border: 1px solid #33ade0 } .product table td.libelle { font-weight: bold; width: 115px; } .product .cip { float: right; color: #afb0b0; font: bold 12px arial; margin: 0 10px 0 0px; padding: 2px 0 0 0; } .product .dispo { } .product .conseil { color: #4a4949 } .product .prix { font: bold 18px arial ; color: #991414 ; float: left; padding: 0 20px 0 0; } .product .prixpromo { font: bold 18px arial; color: #2e2e2e; margin: 0 15px 0 0; } .product .tva { float: right; color: #2e2e2e ; font-weight: bold; } /* Login */ .loginfieldset { margin: 15px 45px 10px 45px; padding: 10px; border: 1px solid #56563c; } /* Resultats de recherche */ form.searchResult { } form.searchResult select { color: #8c8a8a; font-size:11px ; margin: 0 5px 0 0px; } form.searchResult input.validSearch { position:relative; top: 5px; left: 0px; } /* Identite */ .ch { color:#78bceb; font-size:11px; width:100px; height:16px } #menu-login { margin-top: -6px; margin-left: 477px; position: absolute; top: 185px ; } /*#menu-login { margin-top: 177px; margin-left: 520px; position: absolute }*/ p.link_log {float:left;} .link_log a { color:#8b8b8b; line-height:100%; font-size:10px } .link_log a:hover { color:#fff; text-decoration:none } #bonjour { height: 25px; float: left; padding: 12px 0 0 0; margin: 0 15px 0 0px; } /* SPECIALITES */ #format .floattingUL { margin: 20px 0 0 30px; } #format .floattingUL li { float: left; width: 335px; padding: 0; margin: 0 25px 0 0 } #format .floattingUL li.one { height: 150px; } #format .floattingUL li.two { height: 190px; } #format .floattingUL li img { float: left; margin: 0 10px 0 0 } .femme { float: right; margin: 0px 0px 5px 10px; } /* Caddie / manageorder */ caddie table { width: 605px; border-collapse: collapse; font-size: 11px; margin: 15px 0 10px 65px } .caddie table p { margin: 0; padding: 0; } #format p.suiviPanier { margin: 0 auto; text-align :left; padding: 0 0 0 0; text-align: center; } .caddie tbody td { text-align: left; padding: 3px; border: 1px solid #86d1f1;} .caddie tfoot td { } .caddie thead { border: 1px solid #86d1f1; height: 20px; font-size: 11px; background-color: #303030; color: #fff; font-weight: bold; text-align: center; } .caddie .th { background-color: #303030; color: #fff; text-align :right; } .caddie td { padding: 2px; font-size: 11px; color: #fff} .caddie tbody td .cgv { text-align: left; padding: 1px; border: 0;} caddie table.full porttable { width: 100%; } .manageorder table { width: 605px; border-collapse: collapse; font-size: 11px; margin: 15px auto 10px auto } .manageorder tbody td { text-align: left;padding: 3px; border: 1px solid #86d1f1;} .manageorder thead { border: 1px solid #86d1f1; height: 20px; font-size: 11px; background-color: #303030; color: #fff; font-weight: bold; text-align: center; } .manageorder .th { background-color: #303030; color: #fff; text-align :right; } .manageorder td { padding: 2px;font-size: 11px;color: #930067;} fieldset.delivery { margin: 15px 45px 0 45px; } fieldset.orderpaiement { margin: 15px 45px 0 45px; } fieldset.confirm { margin: 15px 45px 0 45px; } /* Order confirm */ #content div#adresses { clear: both; width: 65%; margin: 0 auto; position:relative; top: 0px; left: -15px; } #content dl.dot { float: left; margin: 15px 0 10px 65px; border: none } #content dl.dot dt { margin: 0 0 4px 0px; padding: 0 ; border-bottom: 1px solid #b1b0b0 } #content dl.dot dd { margin: 0 ; padding: 0 } #content dl.dot dd p { margin: 0 ; padding: 0 } #content dl.dot dd strong { padding: 0 0 4px 0px; } #content table.manageOrderTable {margin: 0 auto;width:700px;} #content table.manageOrderTable p { margin: 0; padding: 0 } /* Forget password */ .forgot { } .forgot fieldset { margin: 0 45px; } .forgot fieldset p { text-align: center } .forgot fieldset .valid { border: none; position:relative; top: 4px; left: 0px; } /* Register */ .register { } .register fieldset { margin: 0 45px; border: 1px solid #56563c; padding: 10px } .register fieldset select {font: normal 11px arial; } /* Order confirm */ #commentaires { position:relative; top: 0px; left: 0px; margin: 0 auto; width: 520px; } #commentaires textarea { width: 520px; height: 65px; } /* */ #format { background: url(../images/fond/spreadFormat.jpg) right top repeat-y; width: 768px; min-height: 500px; } #format p { padding: 0 35px 0 25px;} #format ul { } #format ul li { padding: 0 20px 0 18px; background: url(../images/puce/puce.gif) left 2px no-repeat; } /* FOOTER */ #outro { width: 983px; height: 171px; background: url(../images/fond/footer.jpg) repeat-x ; clear: both; } #outro p { color: white; text-align: center; padding: 28px 0 0 0 ; font: normal 10px arial; } #outro p a{ color: white; text-decoration: none; font: normal 10px arial; } #outro p a:hover {text-decoration: underline; } /* PAGE MENTIONS */ .adr{ float: left; padding: 10px 0px 5px 0; height: 166px; margin: 20px 0 15px 35px; width: 250px; background: url(../images/illustr/adr.jpg) right bottom no-repeat;} .adr2 {float: right; height: 166px; padding: 10px 0px 5px 0; width: 250px; margin: 20px 85px 15px 5px ; background: url(../images/illustr/adr.jpg) right bottom no-repeat; } .conforme { font: normal 10px arial; width: 545px; margin: 10px auto 10px auto; } /* Elements de formulaire */ form.form { width: 565px; margin: 0 auto; } .form fieldset { margin: 15px 0 ; padding: 0 0 15px 0 } legend { margin: 0px 0 0px 10px; padding: 0 6px; font: normal 18px "Trebuchet MS"; color: #56563c; } input { border: 1px solid #86d1f1; padding: 0 0 0 2px } textarea { border: 1px solid #86d1f1; padding: 4px; } ul.radio {margin: 3px 0 0 0px; } ul.radio li {float: left; background-image: none } ul.radio li label { position:relative; top: -2px; left: 0 } /* General styles */ .lbleft { float: left; width: 170px; } .bordered { border: 1px solid #86d1f1; } .noborder, .noborder td { border:none } .clear {clear:both; display: none; } .kill {display: none;} .fleft {float: left} .fright {float: right; } .center {text-align: center; } .clear {clear:both; visibility: hidden; height: 0px; } .centerbut { text-align: center; margin: 15px 0 10px 0px; } .noborder { border: none} .bita{text-align: center; font-weight: bold; font-style:italic; margin: 17px auto 12px auto; color: #595145 } .desccateg {width: 70%; padding: 10px; margin:9px auto 0px auto; border: 1px solid #86d1f1; background-color: #DDDDDD; font: italic bold 12px arial ;text-align: center; color:#000000;} .italic { font-style: italic} .bold { font-weight: bold; } .underligned { border-bottom: 1px solid #86cdeb; padding: 0 0 2px 0; } .center {text-align: center} .left {text-align: left; } .right {text-align: right; } .full {width: 100%} .ver12 { font: bold 10px "Trebuchet MS"; color: #56563c; display:none; } .small {font-size:11px; margin: 3px 0 0 0} /* Messages d erreurs */ .denied { color: red; font: normal 12px arial; margin: 10px 60px 20px 60px; } .red { color: red; } .i { font-style: italic; } #format .denied ul li { padding: 0 25px 0 17px; background: url(../images/puce/pucer.gif) left 4px no-repeat; margin: 0 0 3px 0px; } /* CGV */ table.CgvTableRib { width: 605px; border-collapse: collapse; font-size: 11px; margin: 15px 0 10px 65px } table.CgvTableRib p { margin: 0; padding: 0; } table.CgvTableRib td { padding: 3px 10px 3px 10px; font-size: 11px; color: #fff; border:1px solid #86D1F1;} table.CgvTableRib td.pseudoThead { border: 1px solid #86d1f1; height: 20px; font-size: 11px; background-color: #303030; color: #fff; font-weight: bold; text-align: center; } table.CgvTableRib { } table.CgvTableRib caption { } table.CgvTableRib td.one { } #content .caddie table.porttable { width: 60%; } #format ul.livraison li {background:none;padding:0 20px 0 5px;} #format ul.livraison li ul li{background:url(../images/puce/puce.gif) no-repeat left 2px transparent;padding:0 20px 0 18px;}