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; }#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.cgv{ height:28px; background: url(../gfx/titre-condition.gif) no-repeat; } #content h1.cgv span{ left:558px; top:5px; } #content h1.credits{ height:28px; background: url(../gfx/titre-credit.gif) no-repeat; } #content h1.credits span { left:132px; top:5px; } #content h1.mentionslegales{ height:28px; background: url(../gfx/titre-mention.gif) no-repeat; } #content h1.mentionslegales span { left:316px; top:5px; } .block{ width:540px; background:#fff url(../gfx/top-content.gif) no-repeat; padding-top:35px; 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 h4{ font-size:14px; color:#B0B0B0; padding-bottom:3px; border-top:1px dashed #B0B0B0; padding-top:3px; } .block p{ font-size:11px; margin-bottom:30px; line-height:16px; } .block p.question{ font-weight:bold; padding-left:8px; font-size:11px; margin-bottom:0px; background:url(../gfx/puce-triangle.gif) no-repeat 0 6px; color:#FF8D00; } .block p.reponse{ padding-left:8px; font-size:11px; margin-bottom:10px; line-height:16px; color:#333333; } .block p a{ color:#FF8D00; text-decoration:none; } .block p a:hover{ background:#FF8D00; color:#fff; }