/*================================================================================================================== //===( Copyright 2005 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ /* ==================================================================== E-biz -------------------------------------------------------------------- */ /* ==================================================================== Mon panier -------------------------------------------------------------------- */ #pan { width:auto;padding:0 0 30px 0;margin:0 auto;display:block;position:relative;text-align:center;float:left;} #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 { background:url(img/css1/z_lgconti.gif) repeat-x ;width:auto;height:7px;display:block;clear:both; font-size:0;position:relative;top:20px;} #pan #conti,#pan #valcmd { width:185px;height:23px;display:block;position:absolute;left:50%;top:-9px; margin:0 0 0 -94px;border:0;padding:0;cursor:pointer;} #pan #conti { background:url(img/css1/z_conti.gif) no-repeat 0 0 ;} #pan #conti:hover { background:url(img/css1/z_conti.gif) no-repeat 0 -23px;} #pan #valcmd { background:url(img/css1/z_vcom.gif) no-repeat 0 0;} #pan #valcmd:hover { background:url(img/css1/z_vcom.gif) no-repeat 0 -23px;} /* Ligne 1 2 3 4 ---------------- */ #ligne { height:81px;width:460px;background:url(img/css1/z_ligne.png) no-repeat;margin:20px auto 20px auto;position:relative;} #ligne1a, #ligne1b, #ligne1a-, #ligne1b-, #ligne1b-- { height:81px;width:80px;display:block;position:absolute;left:6px;top:0;} #ligne1a { background:url(img/css1/z_ligne.png) no-repeat -6px 0 ;} #ligne1a:hover, #ligne1a- { background:url(img/css1/z_ligne.png) no-repeat -6px -81px;} #ligne1b, #ligne1b-- { background:url(img/css1/z_ligne.png) no-repeat -6px -162px;} #ligne1b:hover, #ligne1b- { background:url(img/css1/z_ligne.png) no-repeat -6px -243px;} #ligne2a, #ligne2b, #ligne2a-, #ligne2b-, #ligne2b-- { height:81px;width:80px;display:block;position:absolute;left:128px;top:0;} #ligne2a { background:url(img/css1/z_ligne.png) no-repeat -128px 0 ;} #ligne2a:hover, #ligne2a- { background:url(img/css1/z_ligne.png) no-repeat -128px -81px;} #ligne2b, #ligne2b-- { background:url(img/css1/z_ligne.png) no-repeat -128px -162px;} #ligne2b:hover, #ligne2b- { background:url(img/css1/z_ligne.png) no-repeat -128px -243px;} #ligne3a, #ligne3b, #ligne3a-, #ligne3b-, #ligne3b-- { height:81px;width:80px;display:block;position:absolute;left:247px;top:0;} #ligne3a { background:url(img/css1/z_ligne.png) no-repeat -247px 0 ;} #ligne3a:hover, #ligne3a- { background:url(img/css1/z_ligne.png) no-repeat -247px -81px;} #ligne3b, #ligne3b-- { background:url(img/css1/z_ligne.png) no-repeat -247px -162px;} #ligne3b:hover, #ligne3b- { background:url(img/css1/z_ligne.png) no-repeat -247px -243px;} #ligne4a, #ligne4b, #ligne4a-, #ligne4b-, #ligne4b-- { height:81px;width:80px;display:block;position:absolute;left:366px;top:0;} #ligne4a { background:url(img/css1/z_ligne.png) no-repeat -366px 0 ;} #ligne4a:hover, #ligne4a- { background:url(img/css1/z_ligne.png) no-repeat -366px -81px;} #ligne4b, #ligne4b-- { background:url(img/css1/z_ligne.png) no-repeat -366px -162px;} #ligne4b:hover, #ligne4b- { background:url(img/css1/z_ligne.png) no-repeat -366px -243px;} /* 1 - panier ---------------- */ #pan form { position:relative;} #pan table { width:560px;border-collapse:collapse;text-align:center;border:1px solid #000;} #pan th { border:1px solid #000;padding:4px;background:#FBEAD1;color:#000;} #pan td { border:1px solid #000;padding:4px;background:#FDFAF5;} #pan td img { border:1px solid #777;} #pan .des1 { border-right:0px;width:70px;} #pan .des2 { border-left:0px;} #pan .qt { text-align:center;border-left:0px;border-right:0px;} #pan .qt2 { border-right:0px;} #pan .xdel { border-left:0px;} #pan .qt input { width:2.4em;margin-left:4px;} #pan .bdn { border:0;background:#FEF7ED;text-align:left;} #pan .bdn a:hover { color:#A80D0D;} #pan .f-tot { background:#fff;text-align:right;padding-right:7px;} #pan .f-tot- { background:#fff;text-align:right;padding-right:7px;color:#999999;} #pan .f-totp1 { background:#9FDE4F;text-align:right;padding-right:7px;font-weight:bold;} #pan .f-totp2 { background:#E9F6D9;text-align:right;padding-right:7px;font-weight:bold;} #pan .f-rmz { background:#fff;text-align:right;padding-right:7px;color:red;} #pan .prx { background:#fff;font-weight:bold;text-align:right;} #pan .prx0 { text-align:right;padding-right:7px;} #pan .prx2 { background:#F1DAD7;font-weight:bold;text-align:right;padding-right:7px;} #pan .prxp1 { background:#9FDE4F;font-weight:bold;text-align:right;} #pan .prxp2 { background:#E9F6D9;font-weight:bold;text-align:right;} #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.gif) no-repeat;width:83px;height:23px;display:block;border:0;cursor:pointer;float:right;margin:8px 0;padding:0;} #pan .bt1:hover { background:url(img/css1/z_recal.gif) no-repeat 0 -23px;} #pan .btx { position:absolute;top:-25px;right:0px;z-index:900;width:93px;height:12px;background:url(img/css1/z_vider.gif) no-repeat; display:block;border:0;cursor:pointer;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;} #pan .livdef { color:red;font-weight:bold;} /* 2 - coordonné ---------------- */ #pan #ct-mod2 form { width:100%;float:left;} #pan .blk1, #pan .cmptfact, #pan .cmptlog, #pan .cmptnew { background:#FBEAD1;border:1px solid #000;margin:0;display:block;} #pan .erreur { background-color:#FFE5E5;} #pan .blk1 { padding:8px;margin-bottom:8px;} #pan .blk1 p { text-align:left;width:auto;padding:8px;} #pan .blk1 h2 { text-align:center;width:auto;} #pan .blk1 div { margin:6px 0;text-align:left;display:block;width:100%;} #pan .blk1 span { padding:2px 8px 0 0;text-align:right;width:200px;float:left;} #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:100%;margin:20px auto 10px auto;} #pan .blk1 .checkbox input { width:auto;cursor:pointer;} #pan #ct-mod-pro { background:#F7D7AB;} #pan #ct-mod-pro div { margin:0; padding:2px 0 2px 0;} /* 3 - options ---------------- */ #pan #cmptopt { display:block;float:left;} #pan #cmptopt2 { width:540px;} #pan .cmpth2 { } #pan #cmptopt p { display:block;} #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;} #pan #cmptopt ul { text-align:left;} #pan #cmptopt th { background:#D3BB97;} #cmptopt div.optinf { float:right;background:#fff;border:1px solid #000;padding:4px;width:120px;} #cmptopt .optinf ul { margin:0px;padding:6px;list-style-type:none;} #cmptopt .optinfo { font-weight:bold;padding:0 0 0 8px;width:120px;} /* 4 - paiement ---------------- */ #pan #fct { background:#FDFAF5;padding:10px 0;text-align:left;width:auto;} #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:#FDFAF5;font-size:0.9em;} #pan .qt3 { text-align:center;border-left:#000;} #pan .prx3,#pan .prx4 { background:#000;color:#fff;font-weight:bold;text-align:right;} #pan .rmz { color:red;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 { 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:#FBEAD1;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;color:#000;} #pan #mode p { width:auto;text-align:justify;padding:6px;} #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;}