/*================================================================================================================== //===( Copyright 2005 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ /* ==================================================================== E-biz -------------------------------------------------------------------- */ /* ==================================================================== Mon panier -------------------------------------------------------------------- */ #pan { width:630px;padding:0 0 30px 0;margin:0 auto;display:block;position:relative;text-align:center;} #pan h2 { text-align:left;font-size:1em;color:#000;margin:0;padding:20px 0 10px 0;border:0;background:transparent;} #pan p { padding:6px;margin:0;width:auto;} #pan p.txt-l { text-align:left;} /* boutons : continuer, valider, imprimer ---------------- */ #pan #conti1 { width:auto;height:4px;display:block;clear:both;font-size:0;position:relative;top:20px;border-bottom:1px solid #6B6B6B;} #pan #conti,#pan #valcmd { height:41px;display:block;position:absolute;left:50%;top:-14px;z-index:900;border:0;padding:0;cursor:pointer;} #pan #conti { background:url(img/css1/z_conti.png) no-repeat 0 0;width:106px;margin:0 0 0 -53px;} #pan #conti:hover { background:url(img/css1/z_conti.png) no-repeat 0 -41px;} #pan #valcmd { background:url(img/css1/z_vcom.png) no-repeat 0 0;width:169px;margin:0 0 0 -84px;} #pan #valcmd:hover { background:url(img/css1/z_vcom.png) no-repeat 0 -41px;} /* Ligne 1 2 3 4 ---------------- */ #ligne { height:80px;width:547px;background:url(img/css1/z_ligne.png) no-repeat;margin:0 auto 20px auto;position:relative;} #ligne1a, #ligne1b, #ligne1a-, #ligne1b- { height:80px;width:100px;display:block;position:absolute;left:5px;top:0;} #ligne1a { background:url(img/css1/z_ligne.png) no-repeat -5px 0 ;} #ligne1a:hover, #ligne1a- { background:url(img/css1/z_ligne.png) no-repeat -5px -80px;} #ligne1b { background:url(img/css1/z_ligne.png) no-repeat -5px -160px;} #ligne1b:hover, #ligne1b- { background:url(img/css1/z_ligne.png) no-repeat -5px -240px;} #ligne2a, #ligne2b, #ligne2a-, #ligne2b- { height:80px;width:100px;display:block;position:absolute;left:150px;top:0;} #ligne2a { background:url(img/css1/z_ligne.png) no-repeat -150px 0 ;} #ligne2a:hover, #ligne2a- { background:url(img/css1/z_ligne.png) no-repeat -150px -80px;} #ligne2b { background:url(img/css1/z_ligne.png) no-repeat -150px -160px;} #ligne2b:hover, #ligne2b- { background:url(img/css1/z_ligne.png) no-repeat -150px -240px;} #ligne3a, #ligne3b, #ligne3a-, #ligne3b- { height:80px;width:100px;display:block;position:absolute;left:296px;top:0;} #ligne3a { background:url(img/css1/z_ligne.png) no-repeat -296px 0 ;} #ligne3a:hover, #ligne3a- { background:url(img/css1/z_ligne.png) no-repeat -296px -80px;} #ligne3b { background:url(img/css1/z_ligne.png) no-repeat -296px -160px;} #ligne3b:hover, #ligne3b- { background:url(img/css1/z_ligne.png) no-repeat -296px -240px;} #ligne4a, #ligne4b, #ligne4a-, #ligne4b- { height:80px;width:100px;display:block;position:absolute;left:440px;top:0;} #ligne4a { background:url(img/css1/z_ligne.png) no-repeat -440px 0 ;} #ligne4a:hover, #ligne4a- { background:url(img/css1/z_ligne.png) no-repeat -440px -80px;} #ligne4b { background:url(img/css1/z_ligne.png) no-repeat -440px -160px;} #ligne4b:hover, #ligne4b- { background:url(img/css1/z_ligne.png) no-repeat -440px -240px;} /* 1 - panier ---------------- */ #pan table { width:630px;border-collapse:collapse;text-align:center;} #pan th { border:1px solid #000;padding:4px;background:#E6CDE4;color:#000;} #pan td { border:1px solid #000;padding:4px;background:#F7EEF6;} #pan td img { border:1px solid #777;} #pan .des1 { border-right:#F3F5F9;width:70px;} #pan .des2 { border-left:#F3F5F9;} #pan .qt { border-left:#F3F5F9;border-right:#F3F5F9;padding:3px 0px} #pan .qt input { margin:0;text-align:left;} #pan .qt2 { border-right:#F7EEF6;padding:0 0 0 4px;} #pan .xdel { border-left:#F7EEF6;padding:0 1px} #pan .qt input { width:2.4em;margin-left:4px;} #pan .bdn { border:0;background:#fff;text-align:left;border-left:0px;} #pan .bdn a:hover { color:#A80D0D;} #pan .f-des { text-align:left;} #pan .f-tot { background:#fff;text-align:right;padding-right:7px;} #pan .f-tot- { background:#fff;text-align:right;padding-right:7px;color:red;} #pan .prx { background:#fff;font-weight:bold;text-align:right;} #pan .prx2 { background:#DFBFDD;font-weight:bold;text-align:right;padding-right:7px;} #pan .prx2- { background:#DFBFDD;font-weight:bold;text-align:center;} #pan .prx0 { text-align:right;padding-right:7px;} #pan .prx1 { text-align:right;padding-right:7px;font-weight:bold;} #pan .plus { background:url(img/css1/z_fleche.gif) no-repeat 0 0;width:14px;height:10px;display:block;margin-bottom:4px;} #pan .plus:hover { background:url(img/css1/z_fleche.gif) no-repeat 0 -10px;} #pan .moins { background:url(img/css1/z_fleche.gif) no-repeat -14px 0;width:14px;height:10px;display:block;} #pan .moins:hover { background:url(img/css1/z_fleche.gif) no-repeat -14px -10px;} #pan .bt1 { background:url(img/css1/z_recal.png) no-repeat;width:106px;height:41px;display:block;border:0;cursor:pointer;float:right;margin:8px 0;padding:0;} #pan .bt1:hover { background:url(img/css1/z_recal.png) no-repeat 0 -41px;} #pan .btx { position:absolute;top:118px;right:0;width:93px;height:12px;background:url(img/css1/z_vider.gif) no-repeat; display:block;border:0;cursor:pointer;float:right;margin:8px 0;padding:0;} #pan .btx:hover { background:url(img/css1/z_vider.gif) no-repeat 0 -12px;} #pan .xdel a { background:url(img/css1/z_trash.png) no-repeat 0 0;width:16px;height:18px;display:block;} #pan .xdel a:hover { background-position:0 -18px;} /* 2 - coordonné ---------------- */ #pan .blk1, #pan .cmptfact, #pan .cmptlog, #pan .cmptnew { background:#F7EEF6;border:1px solid #000;margin:0;display:block;} #pan .erreur { background-color:#FFE5E5;} #pan .blk1 { padding:8px;width:AUTO;} #pan .blk1 p { text-align:left;width:auto;padding:8px;} #pan .blk1 h2 { text-align:center;} #pan .blk1 div { margin:6px 0;text-align:left;} #pan .blk1 span { width:200px;float:left;padding:2px 8px 0 0;text-align:right;} #pan .blk1 div input { padding:2px;width:160px;} #pan .blk1 textarea { padding:2px;width:280px;} #togg-livr { display:none;padding:8px 0 0 0;} #pan .blk1 .trt { font-size:0px;line-height:0px;height:0px;border-bottom:1px solid #B3ACAC;display:block;width:auto;margin:20px auto 10px auto;} /* boutons ---------------- */ #pan .usb-enr { background:url(img/css1/z_enr.png) no-repeat;width:106px;height:41px;border:0;cursor:pointer;margin:6px 0 0 0;padding:0; } #pan .usb-enr:hover { background:url(img/css1/z_enr.png) no-repeat 0 -41px;} #pan .usb-ins { background:url(img/css1/z_ins.png) no-repeat;width:106px;height:41px;border:0;cursor:pointer;margin:6px 0 0 0;padding:0; } #pan .usb-ins:hover { background:url(img/css1/z_ins.png) no-repeat 0 -41px;} #pan .usb-sco { background:url(img/css1/z_sco.png) no-repeat;width:116px;height:41px;border:0;cursor:pointer;margin:6px 0 0 0;padding:0; } #pan .usb-sco:hover { background:url(img/css1/z_sco.png) no-repeat 0 -41px;} /* 3 - options ---------------- */ #pan #cmptopt a { color:#75767A;margin:8px 0 0 0;display:block;} #pan #cmptopt a:hover { color:#A80D0D;} #pan #cmptopt label { margin: 0 8px 0 0;} /* 4 - paiement ---------------- */ #tblfact { border:1px solid #000;} #pan #fact { border:1px solid #000;} #pan #fct { background:#F7EEF6;padding:10px 0;text-align:left;} #pan #fct span { font-size:0.8em;font-weight:normal;} #pan #fct p { margin:0;padding:0 15px;width:auto;text-align:left;} #pan #fct-1 { float:left;width:50%; } #pan #fct-2 { float:right;width:40%;} #pan .fct-inf { padding:10px;background:#F7EEF6;font-size:0.9em;} #pan .qt3 { text-align:center;} #pan .prx3,#pan .prx4 { background:#000;color:#fff;font-weight:bold;text-align:right;} #pan .prx3 { border-right:1px solid #fff;} #pan .bdn2,#pan .bdn3 { border:0;border-left:1px solid #000;background:#fff;} #pan .bdn3 { border-bottom:1px solid #000;} #pan #fct-cgv { border:auto;background:#EAEDF4;border:1px solid #000;margin:0;display:block;} #pan #fct-cgv p { text-align:left;padding:8px;margin:0;width:auto;} #pan #fct-mode { float:left;background:#F7EEF6;border:1px solid #000;margin:0 0 10px 0;padding:0 0 10px 0;display:block;} #pan #mode { padding:10px;clear:left;} #pan #mode h3 { font-size:1.2em;padding:4px 0 10px 0;margin:0;background:transparent;} #pan #mode p { width:auto;text-align:justify;padding:10px;} #pan #mode p span { font-size:1.1em;font-weight:bold;} #pan #md1 { width:33%;float:left;} #pan #md2 { width:34%;float:left;} #pan #md3 { width:33%;float:left;} /* tableau MES COMMANDES*/ #mcmd { width:100%;border-collapse:collapse;text-align:center;} #mcmd th { padding:0 ;color:#000;background:#FBEAD1;border:1px solid #8F8577;border-top:1px solid #000;} #mcmd td { padding:8px 0;color:#000;background:#fff;border:1px solid #B3ACAC;} #mcmd td div { padding:4px;} #mcmd th span { padding:4px;text-align:center;} td.adrs { text-align:left} .loop { background:url(img/css1/z_details.gif) no-repeat 50% 0;width:100%;height:16px;display:block;} .loop:hover { background:url(img/css1/z_details.gif) no-repeat 50% -16px;}