html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } html{ background:#323232 ; } body{ font-family: Verdana, Arial, Helvetica, sans-serif; background:#000 url(../gfx/bg-footer.jpg) repeat-x bottom;  } .clear{ clear:both; } #absWrap{ width:100%; position:relative; overflow:hidden; }  #wrap{ position:relative; width:990px; margin-left:auto; margin-right:auto; padding-top:145px; z-index:9; } #content{ position:relative; margin-left:430px; margin-bottom:50px; min-height:450px; z-index:10; } #content .listing{ margin-bottom:45px; } #content .actu h2{ position:relative; text-indent:-9999px; width:100%; height:23px; background:url(../gfx/titre-actuellement.gif) no-repeat; } #content .soon h2{ position:relative; text-indent:-9999px; height:23px; width:100%; background: url(../gfx/titre-prochainement.gif) no-repeat; } #content .listing h2 span{ position:absolute; top:0; display:block; height:21px; width:100%; background:#FF8D00; } #content .actu h2 span{ left:250px; } #content .soon h2 span{ left:270px; } .annonce{ clear:both; position:relative; width:548px; height:115px; margin-top:10px; background:#fff url(../gfx/top-annonce.gif) repeat-x; border-left:12px solid #FF8D00; } .annonce p{ padding:3px 5px 6px; font-size:11px; color:#434343; border-bottom:1px dashed #9E9E9E;  } .annonce a{ position:absolute; display:block; width:560px; height:115px; top:0; background:url(../gfx/bg-transparent.gif); left:-10px; text-indent:-9999px; overflow:hidden; z-index:100; cursor:pointer; } #header{ position:absolute; top:0; left:0; width:100%; } #header #nav{ list-style:none; float:right; } #header #nav li{ float:left; width:85px; height:49px; background:url(../gfx/fd-item-nav.gif) no-repeat; margin-left:6px; display:inline; } #header #nav li a{ padding-top:32px; display:block; width:85px; height:17px; color:#974E00; text-transform:uppercase; font-weight:bold; font-size:10px; text-align:center; text-decoration:none; } #header #nav li a:hover, #header #nav li a.select{ color:#fff; } #header #panier{ position:absolute; top:75px; right:0px; font-size:11px; background:url(../gfx/picto-panier.gif) no-repeat; padding-left:25px; text-align:right; height:50px; text-decoration:none; } #header #panier .titre{ font-size:11px; float:left; color:#8A8A8A; padding-right:5px; } #header #panier span { float:left; color:#fff; border-bottom:1px solid #595959; padding-bottom:3px; text-align:right; } #header #panier span strong{ color:#FF8D00; } #header #panier span.totalPanier{ position:absolute; top:22px; right:0px; border:none } #header #panier{ } #header h2{ position:absolute; top:30px; left:0px; text-indent:-9999px; width:643px; height:369px; z-index:-1; background:url(../gfx/titre-la-boite-a-chaussures.png) no-repeat; } #header h3{ display:none; } #footer{ position:relative; width:990px; margin-left:auto; margin-right:auto; height:60px; } #footer p{ position:relative; z-index:11; font-size:10px; color:#BFBFBF; float:right; margin-top:15px; } #footer a{ color:#BFBFBF; text-decoration:none; } #footer a:hover{ text-decoration:underline; } #footer #box{ position:absolute; bottom:-46px; left:-115px; width:750px; height:640px; background:url(../gfx/boite-inter-bg.jpg); } .baseline { position:relative; width:100%; height:40px;  padding-top:5px; border-top:1px dashed #686868; border-bottom:1px dashed #686868; color:#484848; font-size:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; overflow:hidden; } .baseline p { position:relative; width:1000px; margin:0 auto; } .liseraiTop{ position:absolute; top:12px; left:0; width:100%; height:1px; border-top:1px dashed #686868; overflow:hidden; } .liseraiBottom{ display:none; position:absolute; left:0; bottom:50px; width:100%; height:1px; border-top:1px dashed #686868; overflow:hidden; z-index:100; } .liseraiInt{ position:absolute; left:0; top:260px; width:100%; height:1px; border-top:1px dashed #686868; overflow:hidden; z-index:100; } #avantage{ width:370px; height:405px; position:absolute; bottom:-10px; left:2px; }#content h1{ position:relative; text-indent:-9999px; width:100%; margin-bottom:15px; } #content h1 span{ position:absolute; top:0; display:block; height:21px; width:1000%; background:#FF8D00; } #content h1.aide{ height:23px; background: url(../gfx/titre-aide.gif) no-repeat; } #content h1.aide span{ left:80px; } #content h1.contact{ height:23px; background: url(../gfx/titre-contact.gif) no-repeat; } #content h1.contact span{ left:150px; } #content h1.parrainage{ height:23px; background: url(../gfx/titre-parrainage.gif) no-repeat; } #content h1.parrainage span{ left:200px; } #content h1.inscription{ height:23px; background: url(../gfx/titre-inscription.gif) no-repeat; } #content h1.inscription span{ left:200px; } #content h1.connexion{ height:23px; background: url(../gfx/titre-connexion.gif) no-repeat; } #content h1.connexion span{ left:180px; } #content h1.motdepasse{ height:23px; background: url(../gfx/titre-motdepasse.gif) no-repeat; } #content h1.motdepasse span{ left:210px; } #content h1.panier{ height:23px; background: url(../gfx/titre-panier.gif) no-repeat; } #content h1.panier span{ left:120px; } #content h1.compte{ height:23px; background: url(../gfx/titre-mon-compte.gif) no-repeat; } #content h1.compte span{ left:220px; } .block{ width:540px; background:#fff url(../gfx/top-content.gif) no-repeat; padding-top:15px; padding-left:10px; padding-right:10px; padding-bottom:15px; min-height:400px; } .block h2{ font-size:18px; color:#FF8D00; padding-bottom:3px; padding-top:3px; } .block h3{ font-size:14px; color:#FF8D00; margin-bottom:3px; } .block h4{ font-size:14px; color:#B0B0B0; padding-bottom:3px; padding-top:3px; } .block p{ font-size:11px; padding-bottom:20px; line-height:16px; border-bottom:1px dashed #B0B0B0; margin-bottom:10px; } .block div.faq{ border-bottom:1px dashed #B0B0B0; } .block p.question{ margin-bottom:0px; padding:0; font-weight:bold; padding-left:8px; font-size:11px; background:url(../gfx/puce-triangle.gif) no-repeat 0 6px; color:#FF8D00; border:0; } .block p.reponse{ padding-left:8px; font-size:11px; margin-bottom:10px; line-height:16px; color:#333333; border:0; } .block p a{ color:#FF8D00; text-decoration:none; } .block p a:hover{ background:#FF8D00; color:#fff; } #step{ list-style:none; width:555px; margin-left:-10px; padding-bottom:10px; border-bottom:1px solid #D6D6D6; padding-left:5px; overflow:hidden; margin-bottom:10px; } #step li{ display:inline; color:#9b9b9b; font-size:11px; padding:2px 2px; font-weight:bold; text-transform:uppercase; } #step li.select{ display:inline; color:#fff; font-size:11px; background:#FF8D00; } #step li a{ color:#9b9b9b; font-size:11px; padding:2px 4px 2px 4px; font-weight:bold; text-transform:uppercase; text-decoration:none; } #step li.select a,#step li a:hover{ color:#fff; background:#FF8D00; } #navInt{ position:absolute; left:0; bottom:-24px; width:560px; height:33px; overflow:hidden; } #navInt a{ display:block; float:left; margin-right:1px; color:#D3D3D3; font-size:10px; text-align:center; text-decoration:none; padding-top:16px; display:inline; } #navInt a.tiers{ width:139px; height:17px; background:url(../gfx/bt-step-tiers.gif) no-repeat; } #navInt a.half{ width:279px; height:17px; background:url(../gfx/bt-step-half.gif) no-repeat; } #navInt input.half{ float:right; vertical-align:bottom; padding-top:7px; color:#fff; text-align:center; border:0; width:280px; height:33px; background:url(../gfx/bt-step-valid.gif) no-repeat; font-weight:bold; cursor:pointer; } .navInt input.full, #navInt input.full{ vertical-align:bottom; padding-top:7px; color:#fff; text-align:center; border:0; width:560px; height:33px; background:url(../gfx/bt-step-valid-compte.gif) no-repeat top right; font-weight:bold; cursor:pointer; font-size:14px; } .navInt input.full { width:540px; }.msgPanier { color:#FFF; font-size:13px; font-weight:bold; } .msgPanier strong { color:#FF8D00; } #logZone form .ns { display:none; } #logZone form{ position:absolute; top:100px; left:50px; width:420px; } #logZone form.mdp { margin-top:330px; } #logZone form.preinscr { margin-top:350px; } #logZone form label{ clear:left; display:block; text-indent:-9999px; width:100px; height:18px; float:left; margin-right:5px; margin-bottom:5px; cursor:text; } #logZone form #Lmail{ background:url(../gfx/label-mail.gif) no-repeat 0px 3px; } #logZone form #Lmdp{ background:url(../gfx/label-mdp.gif) no-repeat 0px 3px; } #logZone form input{ background:none; margin-bottom:5px; border:0; border-bottom:1px solid #555555; color:#fff; font-size:11px; width:265px; height:auto; height:14px; !height:13px; overflow:hidden;  } #logZone form input.btSubmit{ position:absolute; top:0; right:0; width:39px; height:77px; background:url(../gfx/bt-ok.gif) no-repeat; text-indent:-9999px; cursor:pointer; border:0; } #logZone form.mdp input.btSubmit { top:140px; } #logZone form.preinscr input.btSubmit { top:50px; } #logZonep form div.sep { display:block; float:left; width:100%; height:15px; } #logZone form div.error { color:#FFF; background:#FF8D00; font-weight:bold; font-size:11px; padding:3px } #logZone form div.error a { color:#FFF; } #inscription { display:block; width:320px; height:76px; overflow:hidden; text-indent:-1500px; float:right; margin-top:20px; background:url(../gfx/bt-inscription.gif) no-repeat; } #logZone form p{ position:relative; z-index:2; float:left; margin-top:20px; background:url(../gfx/puce-triangle.gif) no-repeat 0 5px; padding-left:8px; color:#989393; font-size:11px; width:400px; clear:both; } #logZone form p.lnk { float:right; width:auto; margin-top:5px; } #logZone form p#creaCompte{ color:#dcd5d5; font-weight:bold; margin-top:15px; } #logZone form p a{ color:#FF8D00; text-decoration:none; } #logZone form p a:hover{ text-decoration:underline; } form.mdp .ns { display:none; } form.mdp{ position:relative; width:420px; height:210px; } form.mdp label{  display:block; text-indent:-9999px; width:100px; height:15px; float:left; margin-right:5px; margin-bottom:5px; } form.mdp #Lmail{ background:url(../gfx/label-mail.gif) no-repeat; } form.mdp #Lmdp{ background:url(../gfx/label-mdp.gif) no-repeat; } form.mdp input{ background:none; margin-bottom:5px; border:0; border-bottom:1px solid #555555; color:#fff; font-size:11px; width:265px; height:auto; height:14px; !height:13px; overflow:hidden;  } form.mdp input.btSubmit{ position:absolute; top:0; right:0; width:39px; height:77px; background:url(../gfx/bt-ok.gif) no-repeat; text-indent:-9999px; cursor:pointer; border:0; } form.mdp input.btSubmit { top:170px; } form.mdp div.sep { display:block; float:left; width:100%; height:15px; } form.mdp div.error { color:#FFF; background:#FF8D00; font-weight:bold; font-size:11px; padding:3px } form.mdp div.error a { color:#FFF; } form.mdp p{ position:relative; z-index:2; float:left; margin-top:20px; background:url(../gfx/puce-triangle.gif) no-repeat 0 5px; padding-left:8px; color:#989393; font-size:13px; width:400px; clear:both; } form.mdp p.lnk { float:right; width:auto; font-size:13px; font-weight:bold; } form.mdp p a{ color:#FF8D00; text-decoration:none; } form.mdp p a:hover{ text-decoration:underline; }