/********** Page **********/
* { margin: 0; padding: 0; }
HTML { width: 100%; }
BODY { padding: 30px; font-family: Arial, sans-serif; font-size: 12px; color: #383838; background: #FFF; }

/********** En-tête **********/
#header { margin-bottom: 20px; }
#header A.panier, #header A.compte, #login, #search, #header MENU { display: none; }
#header H1 A { font-size: 24px; text-decoration: none; color: #6B0966; }

/********** Colonne, bannières **********/
#col * { display: none; }
#bgCol, #banniereT { display: none; }
#ecoute, .banniere { display: none; }
#col .intro, #col .intro * { display: inherit !important; }

/********** Contenus de base **********/
H2, H3 { clear: both; margin: 20px 0; padding-left: 10px; border-left: 5px solid #383838; }
H4 { clear: both; margin: 15px 0; font-size: 14px; font-weight: bold; border-bottom: 1px solid #CCC; }
H2 *, H3 *, H4 * { color: #383838 !important; }
A { color: #6B0966; text-decoration: none; }
P, LI { margin-bottom: 5px; line-height: 17px; }
UL { margin: 15px 0 15px 30px; list-style-type: square; }
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; }

/********** Listings produits **********/
DIV.produits_small { overflow: hidden; }
DIV.produits_small A { display: block; float: left; width: 80px; height: 80px; margin: 0 5px 5px 0; padding: 10px 9px; border: 1px solid #EEE; }
DIV.produits_small SPAN { display: none; }
DIV.produits_small SUP.promo { width: 100px; }
DIV.produits_medium A { display: block; float: left; width: 290px; height: 120px; margin: 5px 0; padding: 5px; color: #383838 !important; border: 1px solid #FFF; outline: none; }
DIV.produits_medium IMG { float: left; }
DIV.produits_medium SPAN { display: block; margin-left: 130px; font-size: 11px; }
DIV.produits_medium SPAN.prix { height: 20px; margin: 30px 0 5px 130px; 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 DEL, DIV.produits_big DEL { font-size: 14px; color: #383838 !important; }
DIV.produits_medium SUP.promo { width: 303px; }
DIV.produits { overflow: hidden; padding-top: 20px; }
DIV.produits A { float: left; width: 120px; height: 185px; margin: 0 5px 5px 0; padding: 4px 9px 5px; color: #383838 !important; border: 1px solid #EEE; }
*>DIV.produits A { padding: 5px 9px 10px; }
DIV.produits A.big { width: 190px; height: 260px; }
DIV.produits IMG { margin-bottom: 4px; }
DIV.produits SPAN { display: block; font-size: 11px; }
DIV.produits SPAN.prix { height: 20px; margin-bottom: 5px; 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 { position: absolute; display: block; top: 0; left: 0; height: 20px; line-height: 20px; text-align: center; font-weight: bold; color: #FFF !important; text-transform: uppercase; background-image: url(http://www.accessandgo.fr/pics/charte/bg-promo.png); background-repeat: repeat-x; }
DIV.produits A SUP.promo { width: 140px; }
DIV.produits A.big SUP.promo { width: 210px; }
P.noRecords { margin-top: 30px; font-size: 13px; text-align: center; line-height: 20px !important; }
P.pagingNav { display: none; }
DIV.filtre * { vertical-align: middle; }

/********** Fiche produit **********/
#produit DIV.infos { overflow: hidden; width: 100%; margin-bottom: 5px; padding: 10px; background: #F6F6F6; border: 1px solid #666; }
#produit DIV.promo { width: 415px; text-align: center; color: #FFF; text-transform: uppercase; background-image: url(http://www.accessandgo.fr/pics/charte/bg-promo.png); background-repeat: repeat-x; }
#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 { font-weight: bold; margin-right: 5px; }
#produit DIV.prix { float: right; width: 175px; height: 70px; margin-bottom: 5px; padding-top: 10px; font-size: 14px; color: #696969; text-align: center; }
#produit DIV.prix P { font-size: 25px; margin: 10px 0 5px; }
#produit DIV.prix SPAN.ecopart { display: block; margin-top: 5px !important; font-size: 11px !important; color: #383838 !important; }
#produit DEL { font-size: 18px !important; color: #383838 !important; }
#produit DIV.prix SMALL { font-size: 0.8em; }
#produit SPAN.dispo { font-weight: bold; text-transform: uppercase; }
#produit P.fdp { padding-right: 180px; }
#produit P.avantages { margin-top: 15px; padding-top: 10px; border-top: 1px solid #CFCFCF; text-align: center; }
#produit SPAN.btn { display: none; }
#photos { overflow: hidden;width: 100%; }
#bigPicture { float: left; margin-right: 5px; border: 1px solid #999; }
#pictures { float: left; }
#pictures A IMG { border: 1px solid #999; }
#photos A.active IMG { border: 1px solid #A61919; }
#sn { display: none; }
A.bar, A.bar2, A.bar3 { display: none; }
#complements A.active { display: inherit; clear: both; margin: 15px 0; font-size: 14px; color: #383838 !important; font-weight: bold; border-bottom: 1px solid #CCC; }
.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-right: 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 TR.subtotal TD { border: 1px solid #FFF; }
TABLE.panier SELECT { width: 40px !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: 49%; }
DIV.panel P { margin-bottom: 5px; padding: 0 5px; }
#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 { float: none; width: auto; margin-left: 5px; vertical-align: middle; }
#user SPAN.btn { float: right; margin-right: 55px; }
#content P.submit { overflow: hidden; }
#user { margin-bottom: 20px; }
P.msg { margin: 15px 0 !important; padding: 4px; font-size: 13px; color: #C00; font-weight: bold; text-align: center; border: 1px solid #C00; }
P.ok { color: #52612A !important; border-color: #52612A !important; }
DIV.tc { overflow: hidden; padding: 0 5px 20px; background: #FFF; }
DIV.tc DIV.panel { width: 49%; }
#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: 45%; height: 80px; margin-left: 30px; }
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... */
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; }
DIV.ecoute { float: left; width: 248px; margin: 0 0 10px 72px; text-align: center; }
DIV.presse, DIV.actu { 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.img { float: left; width: 260px; height: 100%; }
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; }

/* Variations des univers */
#global.mp3 SPAN.prix, #global.mp3 DIV.produits_small SPAN { color: #CF921A; background-position: 0 -20px; }
#global.pc SPAN.prix, #global.pc DIV.produits_small SPAN { color: #6AA924; background-position: 0 -40px; }
#global.photo SPAN.prix, #global.photo DIV.produits_small SPAN { color: #1FC077; background-position: 0 -60px; }
#global.gps SPAN.prix, #global.gps DIV.produits_small SPAN { color: #3A79D7; background-position: 0 -80px; }
#global.design SPAN.prix, #global.design DIV.produits_small SPAN { 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 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 -37px !important; }
#global.pc #col LI A { background-position: 4px -77px !important; }
#global.photo #col LI A { background-position: 4px -117px !important; }
#global.gps #col LI A { background-position: 4px -157px !important; }
#global.design #col LI A { background-position: 4px -197px !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; }

/********** Pied-de-page **********/
#bottom * { display: none; }
#copyright { display: inherit; margin: 30px 10px 0 0; text-align: right; font-size: 11px; color: #666; }

/********** Surdéfinitions et styles génériques **********/
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; }