/********** STRUCTURE GENERALE **********/ * { margin: 0; padding: 0; } HTML, BODY { height: 100%; } BODY { font-family: Arial, sans-serif; font-size: 12px; color: #383838; } BODY.popup { background: #FFF !important; } #global { position: relative; width: 1020px; height: 100%; margin: 0 auto; } *>#global { height: auto !important; min-height: 100%; } BODY.order #main { height: 1200px; } BODY.order *>#main { height: auto; } #header { position: relative; height: 118px; padding: 60px 10px 0 10px; } #main { overflow: hidden; position: relative; width: 980px; margin: 0 20px; padding-bottom: 350px; background: url(../pics/charte/bg-main.png) 0px 180px repeat-y; } #content { position: relative; float: right; width: 730px; padding-bottom: 30px; } DIV.popup { width: auto !important; } #col { float: left; width: 248px; padding-bottom: 40px; } #bottom { position: absolute; bottom: 0; width: 980px; margin: 0 20px; font-size: 11px; color: #A4A3A3; } #footer { overflow: hidden; width: 955px; padding: 15px 0 0 25px; background: url(../pics/charte/bg-footer.png) left top no-repeat; } /********** LIENS, BOUTONS, FORMULAIRES PAR DEFAUT **********/ A { text-decoration: none; } A:hover { text-decoration: underline; } SPAN.btn_small { float: left; display: table-cell; height: 20px; background: url(../pics/charte/bg-btn-small.png) left top no-repeat; } SPAN.btn_small * { overflow: visible; width: auto; height: 20px; margin-left: 7px; padding-right: 7px; line-height: 20px; font-family: Arial, sans-serif; font-size: 12px; color: #383838; white-space: nowrap; vertical-align: middle; background: transparent url(../pics/charte/bg-btn-small.png) right top no-repeat; border: none; cursor: pointer; outline: 0; } SPAN.btn_small A { display: block; float: left; margin-left: 4px; text-decoration: none; } *>SPAN.btn_small A { padding-left: 4px; } BUTTON::-moz-focus-inner { border: none; } SPAN.btn_small:hover { background-position: left -20px; } SPAN.btn_small:hover * { background-position: right -20px; } SPAN.btn { float: left; display: table-cell; height: 30px; background: url(../pics/charte/bg-btn.png) left top no-repeat; } SPAN.btn * { overflow: visible; width: auto; height: 30px; margin-left: 7px; padding-right: 7px; line-height: 30px; font-family: Arial, sans-serif; font-size: 14px; color: #383838; white-space: nowrap; vertical-align: middle; background: transparent url(../pics/charte/bg-btn.png) right top no-repeat; border: none; cursor: pointer; outline: 0; } SPAN.btn A { display: block; float: left; margin-left: 4px; text-decoration: none !important; } *>SPAN.btn A { padding-left: 4px; } SPAN.btn:hover { background-position: left -30px; } SPAN.btn:hover * { background-position: right -30px; } SPAN.btn.inline, SPAN.btn_small.inline { display: inline-block; float: none; } INPUT { height: 16px; padding: 2px 0 0 4px; font-family: Arial, sans-serif; font-size: 12px; border: 1px solid #888787; } SELECT, TEXTAREA { font-family: Arial, sans-serif; font-size: 12px; border: 1px solid #888787; } INPUT.chk { width: auto !important; height: auto !important; border: none !important; background: transparent !important; vertical-align: middle !important; } /********** HEADER **********/ H1 { position: absolute; left: 30px; top: 35px; } H1 A { display: block; width: 265px; height: 75px; text-indent: -9000px; font-size: 0; outline: 0; } #header A.panier, #header A.compte { float: right; height: 20px; margin-right: 20px; padding-right: 30px; line-height: 20px; color: #383838; text-decoration: none; background: url(../pics/charte/puce-panier.png) right top no-repeat; } #header A.compte { background-image: url(../pics/charte/puce-compte.png); } #header A.compte.active { background-position: right -20px; } #header A:hover { text-decoration: underline; } #login { position: absolute; z-index: 990; top: 80px; right: 32px; width: 196px; height: 130px; padding: 20px 7px 0; background: url(../pics/charte/bg-login.png) left top no-repeat; } #loggedin { position: absolute; z-index: 990; top: 80px; right: 32px; width: 196px; height: 60px; padding: 20px 7px 0; background: url(../pics/charte/bg-loggedin.png) left top no-repeat; } #login INPUT { width: 188px; border: 1px solid #ABADB3; } #login BUTTON { width: 55px; } #login #authPwd { margin-bottom: 5px; } #login .btn_small { float: right; margin-right: 2px; } #login .btn_small * { background-color: #F0F0F0 !important; } #login .cancel { clear: right; margin-top: 5px; } #login A { color: #383838; text-decoration: underline !important; } #gblike { position: absolute; right: 10px; top: 8px; } #header #search { float: right; height: 20px; margin-right: 20px; line-height: 20px; vertical-align: middle; } #header #search * { vertical-align: middle; } #header #q { width: 140px; } #header INPUT.search { width: 20px; height: 20px; border: none; text-indent: -9000px; font-size: 0; background: transparent url(../pics/charte/puce-recherche.png) center center no-repeat; cursor: pointer; } #header MENU { position: absolute; bottom: 10px; height: 48px; list-style: none; } #header LI { position: relative; float: left; width: auto; padding-left: 10px; background: url(../pics/charte/bg-menu-li.png) left top no-repeat; } #header LI > A { display: block; width: 145px; height: 48px; text-indent: -9000px; font-size: 0; background: url(../pics/charte/bg-menu-a.png) left top no-repeat; outline: none; } #header LI.home { background: none; } #header LI.home A { width: 50px; background-position: 0 -288px; } #header LI.telephonie A:hover, #header LI.telephonie A.active, #global.telephonie LI.telephonie A { background-position: -145px 0; } #header LI.mp3 A { background-position: 0 -48px } #header LI.mp3 A:hover, #header LI.mp3 A.active, #global.mp3 LI.mp3 A { background-position: -145px -48px; } #header LI.pc A { background-position: 0 -96px } #header LI.pc A:hover, #header LI.pc A.active, #global.pc LI.pc A { background-position: -145px -96px; } #header LI.photo A { background-position: 0 -144px } #header LI.photo A:hover, #header LI.photo A.active, #global.photo LI.photo A { background-position: -145px -144px; } #header LI.gps A { background-position: 0 -192px } #header LI.gps A:hover, #header LI.gps A.active, #global.gps LI.gps A { background-position: -145px -192px; } #header LI.design A { background-position: 0 -240px } #header LI.design A:hover, #header LI.design A.active, #global.design LI.design A { background-position: -145px -240px; } #header MENU DIV.slide { position: absolute; z-index: 900; left: 10px; top: 48px; width: 560px; padding: 2px 5px 5px; background: #FFF url(../pics/charte/bg-dropdown.png) left top repeat-x; border: 1px solid #CFCFCF; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow: 4px 4px 10px #333; -moz-box-shadow: 4px 4px 10px #333; box-shadow: 4px 4px 10px #333; } #header LI.photo DIV.slide, #header LI.gps DIV.slide, #header LI.design DIV.slide { left: auto !important; right: 0 !important; } #header MENU MENU { position: relative; overflow: hidden; bottom: 0; height: auto; padding-top: 4px; background: #F6F5F6; border: 1px solid #FFF; } #header MENU MENU LI { width: 275px; height: auto; margin-bottom: 5px; padding: 0; background: none; } #header MENU MENU LI > A { display: block; width: auto; height: 18px; padding-left: 15px; line-height: 18px; color: #383838; font-size: 12px; text-indent: 0; background-image: url(../pics/charte/puce-custom.png); background-position: 4px 2px !important; background-repeat: no-repeat; } #header MENU MENU A:hover { background-color: #ECD5D5; background-position: 4px 2px !important; } #header DIV.gondole { text-align: center; background: #FFF; } #header A.gondole { margin: 0 5px; border: 1px solid #FFF; } #header A.gondole IMG { border: 1px solid #FFF; } #header A.gondole:hover IMG { border-color: #CCC; } /********** COLONNE DE GAUCHE **********/ #col H3, #content H2, #content H3 { height: 31px; padding-left: 10px; line-height: 31px; font-size: 18px; font-weight: normal; background: url(../pics/charte/bg-title.png) left top no-repeat; } #col H3 SPAN, #content H2 SPAN, #content H3 SPAN { display: block; float: right; width: 5px; height: 31px; background: url(../pics/charte/bg-title.png) right bottom no-repeat; } #col H3 A { display: block; color: #383838; } #col H3 A:hover { text-decoration: none; } #col DIV.intro, #col P.emptyCart { overflow: hidden; width: 218px; margin: 10px; padding: 10px 5px; background: #F6F6F6; border: 1px solid #FFF; } #col P.more { margin-top: 5px !important; text-align: center; } #col DIR { margin: 10px; list-style: none; } #col LI { height: 18px; margin-bottom: 2px; } #col LI.active { background: #FFF; border: 1px solid #000; } #col LI A { display: block; height: 18px; padding-left: 15px; line-height: 18px; color: #383838; background: url(../pics/charte/puce-custom.png) 4px 1px no-repeat; } #col LI A:hover { background-color: #FFF; } #ecoute { display: block; width: 248px; height: 160px; text-indent: -9000px; font-size: 0; background: url(../pics/charte/bg-ecoute.png) left top no-repeat; } #col A.avantages { display: block; width: 248px; height: 130px; text-indent: -9000px; font-size: 0; background: url(../pics/charte/bg-avantages.png) left top no-repeat; } #col A.boutique { display: block; width: 248px; height: 80px; text-indent: -9000px; font-size: 0; background: url(../pics/charte/bg-boutique.png) left top no-repeat; } #paiement-securise{ display: block; width: 248px; height: 70px; text-indent: -9000px; font-size: 0; background: url(../pics/charte/bg-paiement.png) left top no-repeat; } #nl { overflow: hidden; padding: 5px 35px 10px 5px; background: url(../pics/charte/bg-newsletter.png) 195px 5px no-repeat; } #nl P { margin-bottom: 5px; } #nl INPUT { float: left; width: 165px; } #nl SPAN.btn_small { margin-left: 8px; } #nl SPAN.btn_small * { background-color: #F6F6F6 !important; } #col SPAN.btn * { background-color: #F6F6F6 !important; } #col TABLE { width: 100%; } #col TABLE A { color: #383838; } #col TR { height: 40px; background: url(../pics/charte/bg-gradient.png) left top repeat-x; } #col TD { padding: 1px 0; } #col TD.picto { width: 45px; } #col TR.total { height: 25px; background-position: left bottom; } #col TR.total TD { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } #col TD.prix { width: 50px; } #col TD.prix, #col TR.total TD { padding-right: 4px; font-weight: bold; text-align: right; } #col P.panier { height: 38px; padding: 7px 0 0 38px; background: #F6F6F6; } /********** CONTENU **********/ #cdf { margin-left: 10px; } #cdf A { color: #383838 !important; } DIV.intro A, #content A, #content .v { color: #6B0966; } #content H2 { margin-bottom: 5px; } #content H2.nomargin { margin: 0; } #content H3 { margin-bottom: 5px; } #content H4 { clear: both; margin: 15px 0 10px 0; font-size: 14px; font-weight: bold; border-bottom: 1px solid #CCC; } #content DIV.texte { padding: 0 5px; } #content P, #content LI { margin-bottom: 5px; line-height: 15px; } #content UL { list-style-type: none; } #content LI { padding-left: 10px; background: url(../pics/charte/puce.png) 0px 4px no-repeat; } #content SPAN.btn *, #content SPAN.btn_small * { color: #383838 !important; background-color: #FFF; } DIV.texte UL { margin: 10px 0 10px 30px; } P.accroche { line-height: 28px !important; text-align: right; font-size: 22px; } /* Bannières */ #col DIV.univers { overflow: hidden; width: 248px; height: 200px; } #col IMG.banniereL { margin-top: 1px; } #content IMG.banniereR { margin: 1px 0 0 0 !important; } #content #banniereT, #content IMG.banniereT { position: relative; margin-top: 1px; } #banniereT DIV.controls { position: absolute; right: 0; bottom: 6px; height: 20px; line-height: 20px; vertical-align: middle; } #banniereT DIV.controls A { display: inline-block; width: 12px; height: 12px; margin-right: 4px; text-indent: -9000px; background: url(../pics/charte/puce-banniere.png) no-repeat left top; } #banniereT DIV.controls A.active { background-position: left bottom; } #banniereT DIV.controls A:hover { text-decoration: none !important; } #banniereT DIV.scroller { overflow: hidden; width: 730px; } #banniereT DIV.scroll { width: 10000px; } #banniereT DIV.section { float: left; overflow: hidden; width: 730px; } #b200 { overflow: hidden; height: 201px; } #b400 { overflow: hidden; height: 403px; } #b600 { overflow: hidden; height: 605px; } *>/**/#b600 { height: 604px; } /* Colonne de droite */ DIV.panels { position: relative; float: right; width: 303px; padding: 0 0 0 1px; background: #FFF; } DIV.panels H2, DIV.panels H3 { width: 293px; } DIV.produits_small A, DIV.produits_medium A { position: relative; display: block; height: 80px; margin: 5px 0; padding: 5px; color: #383838 !important; border: 1px solid #FFF; outline: none; } DIV.produits_medium A { height: 120px; } DIV.produits_small IMG, DIV.produits_medium IMG { float: left; } DIV.produits_small SPAN, DIV.produits_medium SPAN { display: block; margin-left: 90px; font-size: 11px; } DIV.produits_medium SPAN { margin-left: 130px; } DIV.produits_small SPAN.prix, DIV.produits_medium SPAN.prix { height: 20px; margin: 5px 0 5px 90px; padding-left: 42px; font-size: 16px; font-weight: bold; line-height: 20px !important; background: url(../pics/charte/bg-pictos-voir.png) left top no-repeat; } DIV.produits_medium SPAN.prix { margin: 30px 0 5px 130px; } DIV.produits_small DEL, DIV.produits_medium DEL, DIV.produits_big DEL { font-size: 14px; color: #383838 !important; } H2.meilleures-ventes { height: 28px !important; margin-bottom: 0 !important; color: #FFF !important; background-image: url(../pics/charte/bg-title-purple.png) !important; } H3.nouveautes, H3.affaires { height: 28px !important; margin-bottom: 0 !important; color: #FFF !important; } DIV.meilleures-ventes { border: 1px solid #6E0E69; } DIV.meilleures-ventes A, DIV.nouveautes A, DIV.affaires A { margin: 0 !important; } #content DIV.meilleures-ventes A:hover { border-color: #CCC !important; } #content DIV.nouveautes A:hover { border-color: #CCC !important; } #content DIV.affaires A:hover { border-color: #CCC !important; } A.createurs IMG { margin-bottom: 3px; } /* Listings produits */ DIV.produits { padding-top: 1px; } DIV.fixed { width: 420px !important; } DIV.produits A { position: relative; overflow: hidden; float: left; width: 120px; height: 185px; padding: 4px 9px 10px; color: #383838 !important; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; outline: none; } DIV.produits A.r { padding-right: 9px; } DIV.produits A.big { width: 190px; height: 215px; margin-top: -5px; } DIV.produits A.big IMG { margin-left: 13px; } DIV.produits A.big.b2 { border-bottom: 1px solid #EEE; } DIV.produits A:hover, DIV.produits_medium A:hover, DIV.produits_small A:hover { text-decoration: none; border: 1px solid #999 !important; } DIV.produits IMG { margin-bottom: 6px; } DIV.produits A.banniere { float: none !important; width: auto !important; height: auto !important; padding: 0 !important; border: none !important; } DIV.produits SPAN { display: block; font-size: 11px; } DIV.produits SPAN.prix { height: 20px; margin-bottom: 3px; padding-left: 42px; font-size: 16px; font-weight: bold; line-height: 20px !important; background: url(../pics/charte/bg-pictos-voir.png) left top no-repeat; } DIV.produits DEL { font-weight: bold; color: #383838 !important; } #global SUP.promo, #global SUP.soldes { position: absolute; display: block; top: 0; left: 0; width: 60px; height: 32px; text-indent: -9000px; background: url(../pics/charte/bg-promo-medium.png) no-repeat left top; } DIV.produits A.big SUP.promo, DIV.produits A.big SUP.soldes { width: 90px !important; height: 49px !important; background-image: url(../pics/charte/bg-promo-big.png) !important; } #global SUP.soldes { background-position: right top !important; } .r { border-right: 1px solid #FFF !important; } .b { border-bottom: 1px solid #FFF !important; } P.noRecord { margin-top: 30px; font-size: 13px; text-align: center; line-height: 20px !important; } P.noRecord A { font-weight: bold; } P.pagingNav { clear: both; padding-right: 5px; height: 25px; line-height: 25px !important; text-align: right; vertical-align: middle; background: url(../pics/charte/bg-nav.png) left top repeat-x; } P.pagingNav A, P.pagingNav SPAN { margin-right: 3px; color: #383838 !important;} P.pagingNav .currentOffset { font-weight: bold; } P.pagingNav SELECT { float: left; margin: 3px 0 0 5px; } #content A.printAll { display: inline !important; float: none !important; width: auto !important; height: auto !important; padding: 0 !important; border: none !important; } #content A.printAll:hover { border: none !important; text-decoration: underline !important; } #recherche .btn * { background-color: #EEE !important; } /* Filtres */ DIV.filtre { position: relative; overflow: hidden; width: 100%; margin-bottom: 1px; line-height: 40px; vertical-align: middle; background: #EEE url(../pics/charte/bg-gradient.png) left top repeat-x; } DIV.filtre * { vertical-align: middle; } DIV.filtre A:hover IMG, DIV.filtre IMG.active { border-color: #333; } DIV.filtre IMG { margin: 0 3px 2px 0; border: 1px solid #CFCFCF; } DIV.filtre LABEL { float: left; width: 160px !important; margin-left: 10px; } DIV.filtre DIV { float: left; overflow: hidden; width: 530px; } DIV.filtre SELECT, DIV.filtre INPUT { float: left; width: 250px !important; margin: 10px 10px 0 0; } DIV.filtre SPAN.btn { float: right; margin: 5px 10px 0 0; } DIV.filtre SPAN.btn * { background-color: #EEE; } DIV.filtre DIV.fmalabel { float: left; width: 170px; } DIV.filtre #moreMarques { position: absolute; display: block; top: 4px; right: 4px; width: 22px; height: 22px; text-indent: -9000px; background: url(../pics/charte/more-marques.png) no-repeat left top; } DIV.filtre #moreMarques.active { background-position: left bottom; } DIV.filtre #fmaimg { float: left; width: 540px; height: 34px; } #nofilter { margin-right: 5px; } H2 LABEL { display: inline !important; } /* Fiche produit */ #produit { float: right; width: 415px; margin-bottom: 10px; } #produit DIV.infos { overflow: hidden; width: 395px; margin-bottom: 5px; padding: 10px; background: #F6F6F6; } #produit DIV.infos IMG { float: right; border: 1px solid #333; } #produit DIV.infos.head { padding: 5px; } #produit DIV.infos.head P { height: 30px; line-height: 30px; } #produit DIV.texte { margin-bottom: 15px; } #produit P.avis { float: right; width: 180px; margin-bottom: 0; line-height: 18px; text-align: right; vertical-align: middle; } SPAN.note { display: block; float: right; margin-left: 5px; width: 85px; height: 21px; text-align: left; text-indent: -9000px; background: url(../pics/charte/bg-notes.png) left top no-repeat; } #produit UL { overflow: hidden; width: 100%; margin-bottom: 10px; } #produit LI { float: left; width: 190px; padding-left: 15px; background: url(../pics/charte/puce-custom.png) 4px 1px no-repeat; } #produit DIV.prix { position: relative; display: table; float: right; width: 175px; height: 80px; margin-bottom: 5px; font-size: 14px; color: #696969; text-align: center; background: url(../pics/charte/bg-gradient.png) left top repeat-x; border: 1px solid #CFCFCF; } #produit DIV.prix P { display: table-cell; margin: 0; padding-top: 15px; font-size: 30px; line-height: .6em; vertical-align: middle; } #produit DIV.prix SPAN.ecopart { display: block; font-size: 11px !important; color: #383838 !important; } #produit DEL { line-height: 22px; font-size: 18px !important; color: #383838 !important; } #produit DIV.prix SMALL { font-size: 0.8em; } #produit SPAN.btn * { margin-left: 20px; padding-right: 25px; background-color: #F6F6F6 !important; } *>#produit SPAN.btn * { margin-left: 40px; } #produit SPAN.btn { float: right; clear: right; } #produit SPAN.dispo { font-size: 12px; font-weight: bold; text-transform: uppercase; } #produit P.fdp { padding-right: 180px; font-size: 11px; } UL.avantages LI { float: none !important; width: auto !important; height: 20px; line-height: 20px; } UL.avantages * { vertical-align: middle; } #photos { float: left; width: 305px; margin: 0 0 10px 5px; } *>#photos { margin-left: 5px; } #pictures { padding-top: 5px; } #pictures A IMG { border: 1px solid #FFF; } #pictures A:hover IMG { border: 1px solid #999; } #photos A.active IMG { border: 1px solid #A61919; } DIV.ban { margin: 20px 0; text-align: center; } #zoom { position: relative; left: 0; top: 25px; width: 25px; height: 25px; background: url(http://www.accessandgo.fr/pics/charte/bg-zoom.png) left top no-repeat; cursor: pointer; } #nozoom { position: relative; left: 0; top: 25px; width: 25px; height: 25px; } #complements { position: relative; clear: both; margin-bottom: 10px; padding-top: 31px; } #sn SPAN { float: left; margin-left: 5px; line-height: 20px; } #sn DIV { float: left; } DIV.onglet { padding: 10px; border: 1px solid #CDC9C2; } A.bar, A.bar2, A.bar3 { position: absolute; display: block; top: 1px; left: 0px; width: 140px; height: 31px; line-height: 31px; color: #383838 !important; text-align: center; background: url(../pics/charte/bg-onglet.png) left top no-repeat; } A.bar2 { left: 150px; width: 240px; background-image: url(../pics/charte/bg-onglet-long.png); } A SPAN.note { display: inline-block; float: none; margin-bottom: 3px; vertical-align: middle; } A.bar3 { left: 400px; } A.bar.active, A.bar2.active, A.bar3.active { background-position: 0 -31px; } DIV.onglet P.head { margin-bottom: 0px !important; line-height: 21px !important; } DIV.onglet LABEL { font-weight: bold; } DIV.onglet TEXTAREA { width: 100%; height: 60px; } DIV.onglet SPAN.btn_small * { background-color: #FFF; } DIV.onglet SPAN.btn_small { margin-right: 0; } DIV.onglet FORM SPAN { float: right; margin-left: 10px; } DIV.onglet SELECT { width: 40px !important; } DIV.onglet P.submit { height: 20px; } .moreRef { margin: 10px; line-height: 20px !important; color: #666; } /* Panier */ TABLE.panier { width: 100%; border-collapse: collapse; } TABLE.panier TH { text-align: left; } TABLE.panier TH, TABLE.panier TD { vertical-align: middle; border-bottom: 1px solid #EEE; } TABLE.panier IMG { margin-right: 5px; vertical-align: middle; } TABLE.panier TD { border: 1px solid #EEE; } TABLE.panier TD, TABLE.panier TH { padding: 5px; } TABLE.panier .action { text-align: center; border-right: 1px solid #FFF; } TABLE.panier .total, TABLE.panier .pu, TABLE.panier .qte, TABLE.panier .discount { text-align: right; } TABLE.panier .total { width: 50px; } TABLE.panier TR.subtotal TD, TABLE.panier TR.total TD { border: 1px solid #FFF; } TABLE.panier SELECT { width: 55px !important; } TABLE.panier A.delete { font-size: 10px; } DIV.reducSR { clear: both; padding: 5px; border: 1px solid #6B0966; } /* Connexion, compte et commande */ DIV.panel { width: 364px; } DIV.panel P { margin-bottom: 5px; padding: 0 5px; } DIV.modeCommande INPUT.chk { float: left; margin: 3px 10px 20px 0; } DIV.modeCommande LABEL.inline { margin-left: 0 !important; } #content FORM * { vertical-align: middle; } #content LABEL { display: inline-block; width: 90px; } #content P.nolabel { padding-left: 95px; } #content INPUT, #content SELECT { width: 200px; } #content LABEL.inline { display: inline; float: none; width: auto; margin-left: 5px; vertical-align: middle; } #content P.submit { overflow: hidden; } #user { margin-bottom: 20px; } P.msg { margin: 15px 0 !important; padding: 10px; font-size: 13px; color: #C00; font-weight: bold; text-align: center; background: #F1CDE3; border: 1px solid #C00; } P.ok { color: #016734 !important; background: #C3EED5; border-color: #016734 !important; } H2.tga, H2.tga SPAN { background-image: url(../pics/charte/bg-title-order.png) !important; } H2.tg A { display: block; color: #383838 !important; } H2.tga A { color: #FFF !important; } H2.tg A:hover { text-decoration: none !important; } DIV.tc { overflow: hidden; padding: 0 5px 20px; background: #FFF; } DIV.tc DIV.panel { width: 350px; } #adresses LABEL { width: 100px !important; } #amsg { color: #C00; } #paymentMeans TABLE { width: 100%; } #paymentMeans TD { width: 50%; vertical-align: middle; text-align: center; } #paymentMeans LABEL { cursor: pointer; } DIV.fdp { float: left; width: 43%; height: 80px; margin: 0 20px 20px 10px; } DIV.fdp IMG { float: left; margin: 0 10px 15px 0; } DIV.fdp LABEL { vertical-align: top; } #paiement INPUT { width: auto !important; height: auto !important; border: none !important; } /* Contact */ #contact { float: left; width: 55%; margin-bottom: 20px; } #contact LABEL { width: 98px; padding-left: 5px; } #contact P.nolabel { padding-left: 105px; } #contact INPUT{ width: 246px !important; } #contact SELECT, #contact TEXTAREA { width: 250px !important; } #contact TEXTAREA { height: 170px; } #coordonnees { float: right; width: 44%; } #captcha { margin-right: 2px; } /* Frais de port */ TABLE.tarifsLivraison { width: 600px; margin: 0 auto; } TABLE.tarifsLivraison TD, TABLE.tarifsLivraison TH { padding: 5px; text-align: center; border: 1px solid #999; } TABLE.tarifsLivraison TH.tarif { width: 70px; } TABLE.tarifsLivraison TD.off { background: #EFEFEF; } /* Engagements, CGV, Qui sommes-nous, presse, actualités... */ DIV.texte MENU { float: right; margin-left: 40px; padding-right: 10px; list-style: none; border-right: 2px solid #6B0966; } DIV.texte MENU LI { text-align: right; background: none !important; } UL.objectifs { clear: both; margin-left: 0 !important; } UL.objectifs SPAN { display: inline-block; width: 130px; } #qsn { min-height: 550px; padding-right: 180px !important; background: url(../pics/charte/bg-qsn.png) 565px 50px no-repeat; } DIV.ecoute { float: left; width: 248px; margin: 0 0 10px 72px; text-align: center; } DIV.presse, DIV.actu { clear: both; overflow: hidden; width: 100%; } DIV.presse P.nfo { font-style: italic; } DIV.presse DIV.img { float: left; width: 160px; height: 100%; } DIV.presse DIV.texte { float: left; width: 550px; } DIV.actu DIV.texte { float: left; width: 450px; } DIV.actu DIV.texteBig { float: left; width: 700px; } DIV.actu SPAN.nfo { font-size: 12px; font-weight: normal; color: #666; } DIV.actu IMG.r { margin: 0 0 5px 5px; } DIV.actu A.voir { display: block; float: right; width: 40px; height: 20px; margin-right: 10px; text-indent: -9000px; font-size: 0px; background: url(../pics/charte/bg-pictos-voir.png) left top no-repeat; } DIV.actu A.voir:hover { text-decoration: none; } /* Boutique */ DIV.boutique { float: left; margin: 80px 10px 0; } DIV.boutique-infos { float: left; overflow: hidden; width: 480px; height: 305px; } DIV.boutique-thumbs { float: right; width: 480px; height: 80px; margin: 5px 15px 0 0; } DIV.boutique-thumbs IMG { float: left; border: 1px solid #FFF; } DIV.boutique-thumbs A:hover IMG { border-color: #6B0966; } /* Variations des univers */ #global.mp3 SPAN.prix { color: #CF921A; background-position: 0 -20px; } #global.pc SPAN.prix { color: #6AA924; background-position: 0 -40px; } #global.photo SPAN.prix { color: #1FC077; background-position: 0 -60px; } #global.gps SPAN.prix { color: #3A79D7; background-position: 0 -80px; } #global.design SPAN.prix { color: #8F2EB1; background-position: 0 -100px; } #content .t, #global.telephonie .c { color: #A61919 !important; background-position: 0 0 !important; } #content .m, #global.mp3 .c { color: #CF921A !important; background-position: 0 -20px !important; } #content .p, #global.pc .c { color: #6AA924 !important; background-position: 0 -40px !important; } #content .f, #global.photo .c { color: #1FC077 !important; background-position: 0 -60px !important; } #content .g, #global.gps .c { color: #3A79D7 !important; background-position: 0 -80px !important; } #content .d, #global.design .c { color: #8F2EB1 !important; background-position: 0 -100px !important; } #global.telephonie #produit SPAN.btn, #global.telephonie #produit SPAN.btn * { background-image: url(../pics/charte/bg-btn-panier-t.png); } #global.mp3 #produit SPAN.btn, #global.mp3 #produit SPAN.btn * { background-image: url(../pics/charte/bg-btn-panier-m.png); } #global.pc #produit SPAN.btn, #global.pc #produit SPAN.btn * { background-image: url(../pics/charte/bg-btn-panier-o.png); } #global.photo #produit SPAN.btn, #global.photo #produit SPAN.btn * { background-image: url(../pics/charte/bg-btn-panier-p.png); } #global.gps #produit SPAN.btn, #global.gps #produit SPAN.btn * { background-image: url(../pics/charte/bg-btn-panier-g.png); } #global.design #produit SPAN.btn, #global.design #produit SPAN.btn * { background-image: url(../pics/charte/bg-btn-panier-d.png); } #global.mp3 #photos A.active IMG { border-color: #CF921A; } #global.pc #photos A.active IMG { border-color: #6AA924; } #global.photo #photos A.active IMG { border-color: #1FC077; } #global.gps #photos A.active IMG { border-color: #3A79D7; } #global.design #photos A.active IMG { border-color: #8F2EB1; } #global.telephonie #col LI.active { border-color: #A61919 !important; } #global.mp3 #col LI.active { border-color: #CF921A !important; } #global.pc #col LI.active { border-color: #6AA924 !important; } #global.photo #col LI.active { border-color: #1FC077 !important; } #global.gps #col LI.active { border-color: #3A79D7 !important; } #global.design #col LI.active { border-color: #8F2EB1 !important; } #global.telephonie SPAN.n1 { background-position: 0px -21px !important; } #global.telephonie SPAN.n2 { background-position: 0px -42px !important; } #global.telephonie SPAN.n3 { background-position: 0px -63px !important; } #global.telephonie SPAN.n4 { background-position: 0px -84px !important; } #global.telephonie SPAN.n5 { background-position: 0px -105px !important; } #global.mp3 SPAN.n1 { background-position: -85px -21px !important; } #global.mp3 SPAN.n2 { background-position: -85px -42px !important; } #global.mp3 SPAN.n3 { background-position: -85px -63px !important; } #global.mp3 SPAN.n4 { background-position: -85px -84px !important; } #global.mp3 SPAN.n5 { background-position: -85px -105px !important; } #global.pc SPAN.n1 { background-position: -170px -21px !important; } #global.pc SPAN.n2 { background-position: -170px -42px !important; } #global.pc SPAN.n3 { background-position: -170px -63px !important; } #global.pc SPAN.n4 { background-position: -170px -84px !important; } #global.pc SPAN.n5 { background-position: -170px -105px !important; } #global.photo SPAN.n1 { background-position: -255px -21px !important; } #global.photo SPAN.n2 { background-position: -255px -42px !important; } #global.photo SPAN.n3 { background-position: -255px -63px !important; } #global.photo SPAN.n4 { background-position: -255px -84px !important; } #global.photo SPAN.n5 { background-position: -255px -105px !important; } #global.gps SPAN.n1 { background-position: -340px -21px !important; } #global.gps SPAN.n2 { background-position: -340px -42px !important; } #global.gps SPAN.n3 { background-position: -340px -63px !important; } #global.gps SPAN.n4 { background-position: -340px -84px !important; } #global.gps SPAN.n5 { background-position: -340px -105px !important; } #global.design SPAN.n1 { background-position: -425px -21px !important; } #global.design SPAN.n2 { background-position: -425px -42px !important; } #global.design SPAN.n3 { background-position: -425px -63px !important; } #global.design SPAN.n4 { background-position: -425px -84px !important; } #global.design SPAN.n5 { background-position: -425px -105px !important; } #global.mp3 #col LI A { background-position: 4px -39px !important; } #global.pc #col LI A { background-position: 4px -79px !important; } #global.photo #col LI A { background-position: 4px -119px !important; } #global.gps #col LI A { background-position: 4px -159px !important; } #global.design #col LI A { background-position: 4px -199px !important; } #header MENU MENU.mp3 A { background-position: 4px -38px !important; } #header MENU MENU.pc A { background-position: 4px -78px !important; } #header MENU MENU.photo A { background-position: 4px -118px !important; } #header MENU MENU.gps A { background-position: 4px -158px !important; } #header MENU MENU.design A { background-position: 4px -198px !important; } #header MENU MENU.mp3 A:hover { background-color: #EFEBD6; background-position: 4px -38px !important; } #header MENU MENU.pc A:hover { background-color: #E6ECE6; background-position: 4px -78px !important; } #header MENU MENU.photo A:hover { background-color: #DBEFE6; background-position: 4px -118px !important; } #header MENU MENU.gps A:hover { background-color: #DDE6EF; background-position: 4px -158px !important; } #header MENU MENU.design A:hover { background-color: #E7DBE7; background-position: 4px -198px !important; } #global.mp3 #produit LI { background-position: 4px -39px; } #global.pc #produit LI { background-position: 4px -79px; } #global.photo #produit LI { background-position: 4px -119px; } #global.gps #produit LI { background-position: 4px -159px; } #global.design #produit LI { background-position: 4px -199px; } #content A.big SUP.promo.m { background-position: left -50px !important; } #content A.big SUP.promo.p { background-position: left -100px !important; } #content A.big SUP.promo.f { background-position: left -150px !important; } #content A.big SUP.promo.g { background-position: left -200px !important; } #content A.big SUP.promo.d { background-position: left -250px !important; } #content A.big SUP.soldes.m { background-position: right -50px !important; } #content A.big SUP.soldes.p { background-position: right-100px !important; } #content A.big SUP.soldes.f { background-position: right -150px !important; } #content A.big SUP.soldes.g { background-position: right -200px !important; } #content A.big SUP.soldes.d { background-position: right -250px !important; } #content SUP.promo.m { background-position: left -33px !important; } #content SUP.promo.p { background-position: left -66px !important; } #content SUP.promo.f { background-position: left -99px !important; } #content SUP.promo.g { background-position: left -132px !important; } #content SUP.promo.d { background-position: left -165px !important; } #content SUP.soldes.m { background-position: left -33px !important; } #content SUP.soldes.p { background-position: left -66px !important; } #content SUP.soldes.f { background-position: left -99px !important; } #content SUP.soldes.g { background-position: left -132px !important; } #content SUP.soldes.d { background-position: left -165px !important; } #global.telephonie H3.nouveautes, #global.telephonie H3.affaires { background-image: url(../pics/charte/bg-title-t.png) !important; } #global.mp3 H3.nouveautes, #global.mp3 H3.affaires { background-image: url(../pics/charte/bg-title-m.png) !important; } #global.pc H3.nouveautes, #global.pc H3.affaires { background-image: url(../pics/charte/bg-title-p.png) !important; } #global.photo H3.nouveautes, #global.photo H3.affaires { background-image: url(../pics/charte/bg-title-f.png) !important; } #global.gps H3.nouveautes, #global.gps H3.affaires { background-image: url(../pics/charte/bg-title-g.png) !important; } #global.design H3.nouveautes, #global.design H3.affaires { background-image: url(../pics/charte/bg-title-d.png) !important; } #global.telephonie DIV.nouveautes, #global.telephonie DIV.affaires { border: 1px solid #A61919 !important; } #global.mp3 DIV.nouveautes, #global.mp3 DIV.affaires { border: 1px solid #CF921A !important; } #global.pc DIV.nouveautes, #global.pc DIV.affaires { border: 1px solid #6AA924 !important; } #global.photo DIV.nouveautes, #global.photo DIV.affaires { border: 1px solid #1FC077 !important; } #global.gps DIV.nouveautes, #global.gps DIV.affaires { border: 1px solid #3A79D7 !important; } #global.design DIV.nouveautes, #global.design DIV.affaires { border: 1px solid #8F2EB1 !important; } /********** PIED DE PAGE **********/ #footer DIV { float: left; width: 190px; height: 100px; margin-right: 15px; background: url(../pics/charte/bg-footer-div.png) right top no-repeat; } #bottom H5 { margin-bottom: 5px; font-size: 18px; font-weight: normal; } #footer MENU { list-style: none; } #footer #copyright { float: right; width: 310px; height: 45px; margin: 20px 20px 0 0; padding-top: 40px; text-align: right; background: url(../pics/charte/bg-credits.png) right top no-repeat; } #bottom A { color: #A4A3A3; } #access { height: 180px; padding: 15px 10px 10px; background: url(../pics/charte/bg-access.png) left top no-repeat; } #access P { margin-bottom: 5px; } /********** SURDEFINITIONS ET STYLES GENERIQUES **********/ IMG { border: none; } IMG.r { margin: 10px 0 10px 10px; } .left { text-align: left !important; } .right { text-align: right !important; } .center { text-align: center !important; } .justify { text-align: justify !important; } .s { text-decoration: underline; } .l { float: left; } .r { float: right; } .spacer { clear: both; } .clear { clear: left; } .gauche { float: left !important; } .droite { float: right !important; } .overflow { overflow: hidden; width: 100%; } .violet { color: #761E72; } /********** BOITE DE DIALOGUE DHTML **********/ #MB_overlay { position: absolute; top: 0; left: 0; margin: auto; width: 100%; height: 100%; z-index: 9999; background-color: #FFF !important; } #MB_overlay[id] { position: fixed; } #MB_window { position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000; } #MB_window[id] { position: fixed!important; } #MB_frame { position: relative; height: 100%; background-color: #FFF; } #MB_header { margin: 0; padding: 0; } #MB_content { padding: 6px .75em; overflow: auto; } #MB_caption { margin: 0; padding: .5em 2em .5em .75em; font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; text-align: left; } #MB_close { position: absolute; top: 4px; right: 5px; display: block; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px; } #MB_close:hover { background: transparent; } #MB_loading { padding: 1.5em; text-indent: -10000px; background: transparent url(http://www.accessandgo.fr/spinner.gif) 50% 0 no-repeat; } #MB_frame { padding-bottom: 7px; } #MB_window { background-color: #EFEFEF; color: #000; } #MB_content { border-top: 1px solid #F9F9F9; } #MB_header { background-color: #DDD; border-bottom: 1px solid #CCC; } #MB_caption { color: #000; } #MB_close { color: #777; } #MB_close:hover { color: #000; } .MB_alert { margin: 10px 0; text-align: center; }