/********** STRUCTURE GENERALE **********/
.shop * { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 11px; color: #374755; }
#shop { position: relative; overflow: hidden; width: 100%; margin: 0; padding: 0; background: url(../pics/charte/bg-col.png) left top repeat-y; }
#shop #col { float: left; width: 200px; padding-bottom: 40px; }
#shop #content { position: relative; float: right; width: 710px; }

/********** STYLES GLOBAUX **********/
#shop A { font-weight: inherit; text-decoration: none; }
#shop A:hover { text-decoration: underline; }
#shop INPUT, #shop SELECT, #shop TEXTAREA { font-family: Arial, sans-serif; font-size: 11px; }
#shop BUTTON::-moz-focus-inner { border: none; }
#shop SPAN.btn { float: left; display: table-cell; height: 30px; background: url(../pics/charte/btn.png) left top no-repeat; }
#shop SPAN.btn * { overflow: visible; width: auto; height: 30px; margin-left: 30px; padding-right: 20px; line-height: 24px; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color: #FFF !important; white-space: nowrap; vertical-align: middle; background: transparent url(../pics/charte/btn.png) right top no-repeat; border: none; cursor: pointer; outline: 0; }
#shop SPAN.btn A { display: block; float: left; margin-left: 15px; text-decoration: none !important; }
*>#shop SPAN.btn A { margin-left: 30px; }
#shop SPAN.btn BUTTON { height: 28px !important; padding-bottom: 2px!important; }
#shop SPAN.btn:hover { background-position: left -30px; }
#shop SPAN.btn:hover * { background-position: right -30px; }
#shop SPAN.btn.inline, SPAN.btn_small.inline { display: inline-block; float: none; width: auto; font-weight: normal; }
#shop H1, #shop H2, #shop H3 { font-weight: bold; }
#shop TD, TH { vertical-align: middle !important; }

/********** COLONNE DE GAUCHE **********/
#shop #col H3 { height: 40px; margin-bottom: 15px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 16px; font-weight: bold; background: url(../pics/charte/bg-cat.jpg) left top no-repeat; border-bottom: 1px solid #FFF; }
#shop #col H3.nouveautes { background-position: 0px 0px; }
#shop #col H3.vetements { background-position: 0px -40px; }
#shop #col H3.chaussant { background-position: 0px -80px; }
#shop #col H3.chasse { background-position: 0px -120px; }
#shop #col H3.peche { background-position: 0px -160px; }
#shop #col H3.chien { background-position: 0px -200px; }
#shop #col H3.cadeaux { background-position: 0px -240px; }
#shop #col H3.videos { background-position: 0px -280px; }
#shop #col H3.mv { background-position: 0px -320px; }
#shop #col H3.ss { background-position: 0px -360px; }
#shop #col H3.ba { background-position: 0px -400px; }
#shop #col H3.cf { background-position: 0px -440px; }
#shop #col H3 A { display: block; height: 40px; text-indent: -9000px; }
#shop #col H3 A:hover { text-decoration: none; }
#shop #col DIR * { color: #5B514B; }
#shop #cats { padding: 0 0 20px 15px; list-style: none; background: url(../pics/charte/bg-dir.png) left bottom repeat-x; }
#shop #col DIR LI { margin-bottom: 5px; }
#shop #col DIR DIR { margin: 3px 0 5px 10px; list-style: none; }
#shop #col LI LI { margin-bottom: 2px; }
#shop #col DIR A { font-size: 1.3em; }
#shop #col LI LI A { font-size: 1em; }
#shop #col LI.active A { font-weight: bold; }
#shop #col LI.active LI A { font-weight: normal; }
#shop #col LI.active LI.active A { font-weight: bold; }
#shop #meta { margin-bottom: 15px; list-style: none; }
#shop #meta LI A { display: block; width: 100%; height: 45px; line-height: 45px; font-size: 0; text-indent: -9000px; background: url(../pics/charte/bg-meta.png) left top no-repeat; }
#shop #meta LI A:hover { background-position: -200px 0px; }
#shop #meta LI.selection A { height: 49px; line-height: 49px; background-position: 0px -45px; }
#shop #meta LI.selection A:hover { background-position: -200px -45px; }
#shop #meta LI.bonnesAffaires A { height: 50px; line-height: 50px; background-position: 0px -94px; }
#shop #meta LI.bonnesAffaires A:hover { background-position: -200px -94px; }
#shop #meta LI.crazyFriday A { height: 50px; line-height: 50px; background-position: 0px -144px; }
#shop #meta LI.crazyFriday A:hover { background-position: -200px -144px; }
#shop #meta LI.contact A { height: 64px; font-size: 0px; text-indent: -9000px; background: url(../pics/charte/bg-meta.png) 0px -194px no-repeat; }
#shop #meta LI.contact A:hover { background-position: -200px -194px; }
#shop #col FORM { margin-bottom: 15px; }
#shop #col FORM , #shop .noRecord { text-align: center; vertical-align: middle; }
#shop #col FORM *, #shop .noRecord * { vertical-align: middle; }
#shop #col INPUT, #shop .noRecord INPUT { width: 135px; height: 17px; padding-left: 4px; color: #000; border: 1px solid #877D6F; border-right: none; }
#shop #col BUTTON, #shop .noRecord BUTTON { display: inline; width: 20px; height: 19px; font-size: 0px; text-indent: -9000px; background: url(../pics/charte/btn-recherche.png) left top no-repeat; border: none; cursor: pointer; }
#shop #nlbtn { background-image: url(../pics/charte/btn-nl.png) !important; }
#shop #col SELECT { width: 160px; margin-top: 10px; color: #000; }
#shop #vip, #pub { margin-bottom: 15px; padding: 0 !important; text-align: center; }
#shop #vip A { display: block; width: 100%; height: 116px; font-size: 0px; text-indent: -9000px; outline: none; background: url(../pics/charte/bg-vip.png) center top no-repeat; }
#shop #col UL { height: 90px; background: url(../pics/charte/bg-avantages.png) center bottom no-repeat; border-top: 1px solid #FFF; }
#shop #col UL * { display: none; }
#shop #col H4 { margin: 15px 0 5px; padding: 10px 0 0 15px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-weight: bold; color: #27394B; text-transform: uppercase; border-top: 1px solid #FFF; }
#shop #col P { padding: 0 15px; }
#shop #col P A { color: #27394B; }
#shop #cadeau { margin-top: 30px !important; }
#shop #reclame { margin-top: 30px; }
#shop #reclame P { margin-bottom: 5px; font-size: 12px; line-height: 18px; }

/********** CONTENUS **********/
#shop DIV.content { position: relative; overflow: hidden; width: 708px; margin-bottom: 20px; background: #FFF; border: 1px solid #D8D6CA; }
#shop .sep { margin: 15px 0; border-top: 1px solid #F5F5EA; }
#shop H2 { clear: both; height: 35px; line-height: 35px; margin-bottom: 10px; padding-left: 25px; vertical-align: middle; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 16px; background: url(../pics/charte/bg-gradient.png) left top repeat-x; }
#shop .texte H2 { margin: 10px -25px; }
#shop H2.light { background: none !important;  }
#shop #content H3 { margin-bottom: 10px; font-family: "Trebuchet MS", Arial; font-size: 13px; text-transform: uppercase; }
#shop #content H3.sep { margin: 15px -25px 15px -25px; padding: 10px 0 0 25px; }
#shop #content H3 SMALL { font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; text-transform: none; color: #949494; }
#shop H4 { margin: 20px 0; font-size: 12px; font-weight: bold; color: #E77606; text-transform: uppercase; }
#shop H4 * { color: #E77606; }
#shop #content P { margin-bottom: 5px; }
#shop #content A { font-weight: bold; }
#shop DIV.content A { color: #374755; }
#shop .texte { padding: 0 25px; }
#shop .texte UL { margin: 15px 0 15px 30px; list-style: square; }
#shop .texte LI { margin-bottom: 5px; }
#shop #content FORM P * { vertical-align: middle; }
#shop #content INPUT, #shop #content SELECT { width: 190px; border: 1px solid #979797; }
#shop #content INPUT.chk { width: auto !important; margin-right: 5px; vertical-align: middle; background: none !important; border: none !important; }
#shop #content LABEL { display: inline-block; width: 180px; margin-right: 5px; text-align: right; font-weight: bold; }
#shop #content LABEL.inline { display: inline !important; width: auto !important; text-align: left !important; font-weight: normal !important; }
#shop FORM P.nolabel { padding-left: 185px !important; }
#shop FORM SPAN.details { font-size: 10px; }
#shop DIV.texte.instit H3 { margin: 20px 0 !important }

/********** HOME **********/
#shop #banner { width: 702px; height: 267px; padding: 4px 0 0 4px; background: #BEBCB3 url(../pics/charte/bg-intro.png) center bottom no-repeat; }
#shop #flash { width: 698px; height: 254px; }
#shop DIV.produits.ba { width: 465px !important; margin-bottom: 20px; }
#shop #home H2 { height: 40px; line-height: 40px; padding-left: 55px; background: url(../pics/charte/bg-affaires.png) left top no-repeat !important; }
#shop #home DIV.crazy H2 { background: url(../pics/charte/bg-crazy.png) left top no-repeat !important; }
#shop #home DIV.produit { width: 190px !important; height: 180px !important; margin: 0 0 0 5px !important; }
*>#shop #home DIV.produit { margin: 0 0 0 10px !important; }
#shop #home DIV.ba DIV.produit { width: 210px !important; }
#shop #home DIV.produit DIV { padding-left: 15px !important; }
#shop #home DIV.ba DIV.produit DIV { padding-left: 25px !important; }
#shop #home DIV.ba A.cart { right: 20px !important; }
P.follow { margin-bottom: 10px !important; }
P.follow A{ margin-left: 10px; padding-left: 14px; background: url(../pics/charte/puce.png) 0px 2px no-repeat; }
#shop #mea { float: right; width: 130px; height: 170px; margin-right: 4px; padding: 95px 0 0 95px; }
#shop #mea A.n { font-size: 13px; color: #116698; }
#shop #mea DIV { overflow: hidden; height: 65px; margin-bottom: 3px; }
#shop #mea P.p { height: 25px; line-height: 25px; }
#shop #mea P.p SPAN { padding: 0 10px; font-size: 15px; font-weight: bold; color: #FFF; background: #374B57; }
#shop #mea P.p A { display: block; float: right; width: 50px; height: 26px; margin-right: 4px; font-size: 0; text-indent: -9000px; background: url(../pics/charte/btn-mea.gif) left top no-repeat; outline: 0; }
#shop #mea P.p A:hover { background-position: 0 -25px; }
#shop #mea P.follow { margin-top: 5px; }
#shop #mea P.follow A { margin-left: 0 !important; padding-left: 10px; }
#shop DIV.chasse, #shop DIV.peche, #shop DIV.ventes { float: left; width: 220px !important; margin: 0 22px 10px 0; }
#shop DIV.peche { margin-right: 18px !important; }
#shop DIV.ventes { margin-right: 0 !important; }
#shop #home H3 { height: 48px; line-height: 48px; padding-left: 55px;  font-size: 15px; font-weight: bold; color: #5B524C; text-transform: none; text-shadow: 1px 1px #FFF; background: url(../pics/charte/bg-encarts.png) left top no-repeat !important; }
#shop #home DIV.peche H3 { background-position: 0 -48px !important; }
#shop #home DIV.ventes H3 { background-position: 0 -96px !important; }
#shop #home DIV.marques { padding: 8px 0; text-align: center; }
#shop #home DIV.marques IMG { margin: 0 15px; }

/********** INTROS RUBRIQUES **********/
#shop DIV.intro { overflow: hidden; width: 670px; height: 125px; margin-bottom: 10px; padding: 20px; background: #E2E3DB url(../pics/charte/bg-intro.png) left bottom no-repeat; }
#shop DIV.intro IMG { float: left; margin-right: 20px; }
#shop DIV.intro H1 { margin-bottom: 10px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 18px; }
#shop DIV.intro P.recap { float: right; width: auto; padding: 4px 10px; font-size: 13px; font-weight: bolder; background: #ECECEC; }
#shop DIV.intro DIV * { font-size: 13px !important; }
#shop DIV.intro UL { margin: 10px 0 0 30px; list-style: square; }

/********** LISTINGS **********/
#shop DIV.tdv H2 { height: 48px; line-height: 48px; padding-left: 45px; color: #5B514B; background: url(../pics/charte/bg-tdv.png) left top no-repeat !important; }
#shop DIV.vignettes { position: relative; overflow: hidden; width: 708px; margin-bottom: 20px; background: #FFF; border: 1px solid #D8D6CA; }
#shop DIV.vignettes DIV.produit { position: relative; float: left; width: 105px; height: 100px; padding: 0 6px; border-right: 1px solid #DBD9CF; }
#shop DIV.produit.last, #shop DIV.cat.last { border-right: none !important; }
#shop DIV.vignettes A, DIV.produits A, DIV.cats A { font-weight: bold; color: #374755; }
#shop DIV.vignettes P.n { overflow: hidden; height: 28px; margin-bottom: 5px; }
#shop DIV.vignettes IMG { float: left; margin-top: 2px; }
#shop DIV.vignettes DEL { display: block; float: right; width: 45px; text-align: center; color: #000; background: #DBD9CF; }
#shop DIV.vignettes SPAN.p { display: block; float: right; width: 45px; font-weight: bold; text-align: center; color: #FFF; background: #374B57; }
#shop DIV.vignettes A.cart { position: absolute; display: block; right: 5px; bottom: 10px; width: 42px; height: 26px; font-size: 0; text-indent: -9000px; background: url(../pics/charte/btn-produit.png) left top no-repeat; outline: 0; }
#shop DIV.vignettes A.cart:hover { background-position: 0 -26px; }
#shop DIV.produits, #shop DIV.cats { position: relative; overflow: hidden; width: 708px; background: #FFF; border: 1px solid #D8D6CA; }
#shop P.filtres { height: 48px; line-height: 48px; margin-bottom: 10px; padding-left: 20px; vertical-align: middle; font-weight: bold; background: url(../pics/charte/bg-gradient.png) left top repeat-x; }
#shop .filtres SELECT { margin-right: 10px; }
#shop P.pagingNav { height: 48px; line-height: 48px; margin-bottom: 0 !important; padding: 0 10px; text-align: right; vertical-align: middle; font-weight: bold; background: url(../pics/charte/bg-gradient.png) left top repeat-x; }
#shop P.pagingNav.navTop { margin-bottom: 10px !important; }
#shop P.pagingNav .currentOffset { font-weight: normal; color: #666; }
#shop P.pagingNav .filtres { float: left; }
#shop DIV.produits DIV.produit, #shop DIV.cats DIV.cat { position: relative; float: left; width: 165px; height: 255px; margin-bottom: 10px; padding: 0 5px; border-right: 1px solid #DBD9CF; }
#shop DIV.hr { clear: both; height: 1px; margin-bottom: 10px; border-top: 1px solid #DBD9CF; }
#shop DIV.produits P.n { overflow: hidden; height: 30px; }
#shop DIV.produits A { font-size: 12px; }
#shop DIV.produits IMG { float: left; margin: 0px 9px 3px 0; }
#shop DIV.produits DEL { display: block; float: right; width: 55px; text-align: center; font-size: 12px; color: #000; background: #DBD9CF; }
#shop DIV.produits SPAN.p { display: block; float: right; width: 55px; text-align: center; font-size: 12px; font-weight: bold; color: #FFF; background: #374B57; }
#shop DIV.produits SPAN.d { display: inline-block; width: 32px; height: 36px; line-height: 35px; margin-top: 5px; padding-left: 3px; text-align: center; vertical-align: middle; font-weight: bold; font-style: italic; color: #FFF; background: url(../pics/charte/bg-discount.png) left top no-repeat; }
#shop DIV.produits SPAN.d EM { display: none; }
#shop DIV.crazy SPAN.d { background: url(../pics/charte/bg-discount-crazy.png) left top no-repeat !important; }
#shop DIV.produits IMG.m { float: none; margin: 4px 0 0 0 !important; padding: 0 !important; }
#shop DIV.produits DIV.produit DIV { float: left; width: 55px; text-align: center !important; }
#shop DIV.produits P { clear: both; margin: 2px 0 5px 0; }
#shop DIV.produits A.fiche { position: absolute; display: block; left: 5px; bottom: 10px; width: 67px; height: 24px; margin-right: 0px; padding: 2px 0 0 25px; color: #FFF; background: url(../pics/charte/btn-produit.png) -42px 0px no-repeat; outline: 0; }
#shop DIV.produits A.fiche:hover { text-decoration: none; background-position: -42px -26px; }
#shop DIV.produits A.cart { position: absolute; display: block; right: 5px; bottom: 10px; width: 66px; height: 26px; text-indent: -9000px; font-size: 0px; background: url(../pics/charte/btn-produit.png) -134px 0px no-repeat; outline: 0; }
#shop DIV.produits A.cart:hover { background-position: -134px -26px; }
#shop DIV.cats { padding-top: 10px; }
#shop DIV.cats DIV.cat { height: 160px !important; }
#shop DIV.cats A { font-size: 12px; }
#shop DIV.cats SMALL { font-size: 10px !important; font-weight: bold; color: #6A6A67; }
#shop DIV.cats A.cat { display: inline-block; width: 78px; height: 24px; padding: 2px 0 0 14px; color: #FFF; background: url(../pics/charte/btn-produit.png) -42px 0px no-repeat; outline: 0; }
#shop DIV.cats A.cat:hover { text-decoration: none; background-position: -42px -26px; }
#shop .noRecord { margin-top: 20px; line-height: 22px; text-align: center; font-size: 12px; font-weight: bold; }
#shop .noRecord INPUT { border-right: none !important; }

/********** FICHE PRODUIT **********/
#shop IMG.marque { float: right; margin: 15px 15px 0 0; }
#shop DIV.fiche H1 { margin: 15px 0 15px 15px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 24px; font-weight: bold; }
#shop DIV.photos { float: left; width: 265px; margin-left: 15px; }
#shop DIV.photos IMG { border: 1px solid #D8D6CA; }
#shop P.more { margin: 5px 0; text-align: center; }
#shop P.more A { padding-right: 18px; font-weight: bold; text-transform: uppercase; background: url(../pics/charte/puce-more.png) right 1px no-repeat; }
#shop DIV.photos DIV { background: #F5F5EA; padding: 10px; width: 230px; }
#shop DIV.photos DIV IMG { border: none; }
#shop DIV.infos { position: relative; float: right; width: 395px; margin-right: 15px; }
#shop DIV.infos DIV { margin-bottom: 10px; }
#shop DIV.infos P.p { float: left; width: 140px; margin-bottom: 0 !important; padding: 4px 5px; text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #FFF !important; background: #384856; }
#shop DIV.infos P.p BIG { font-size: 30px; font-weight: bold; color: #FFF !important; }
#shop DIV.infos P.nodiscount { margin-bottom: 20px; }
#shop DIV.infos P.ppc { float: left; clear: left; width: 140px; margin-bottom: 20px !important; padding: 0px 5px; text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; color: #000 !important; background: #D3D2C8; }
#shop DIV.infos P.ppc * { color: #000; }
#shop DIV.infos P.d { position: relative; float: right; width: 220px; margin-top: 30px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; text-transform: uppercase; color: #1D9B69; }
#shop DIV.infos P.d BIG { position: absolute; right: 20px; top: -30px; display: block; width: 55px; height: 40px; padding: 16px 0 0 0px; text-align: center; font-size: 18px; font-weight: bold; color: #FFF !important; background: url(../pics/charte/bg-discount-big.png) left top no-repeat; }
#shop DIV.infos P.d BIG SUP { color: #FFF !important; }
#shop DIV.infos #cart { clear: both; margin-bottom: 5px; padding-top: 10px; border: 1px solid #D4D1C5; }
#shop DIV.infos #cart P { margin-bottom: 5px; }
#shop DIV.infos LABEL { display: inline-block; width: 110px !important; margin-right: 5px; text-align: right; font-weight: bold; }
#shop DIV.infos SELECT { border: 1px solid #7F9DB9; }
#shop DIV.infos #c1, #shop DIV.infos #c2 { width: 150px !important; }
#shop DIV.infos #qte { width: 40px !important; }
#shop DIV.infos P.total { height: 45px; line-height: 45px; margin: 10px 0 0 0 !important; vertical-align: middle; font-family: "Trebuchet MS", Arial, sans-serif; color: #000; background: #D4D1C5; }
#shop DIV.infos P.total #pt { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 22px; font-weight: bold; color: #283A4C; }
#shop DIV.infos P.total LABEL { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 16px; }
#shop DIV.infos BUTTON { display: block; float: right; width: 177px; height: 36px; line-height: 25px !important; margin: 7px 5px 0 0; padding-left: 36px; text-align: left; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; color: #FFF; background: url(../pics/charte/btn-cart-new.png) left top no-repeat; border: none; cursor: pointer; }
#shop DIV.infos BUTTON:hover { background-position: -177px 0; }
#shop DIV.infos SPAN.icons { overflow: hidden; vertical-align: top; }
#shop DIV.infos SPAN.liv { display: block; float: left; width: 30px; height: 20px; margin-right: 4px; padding-top: 35px; text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 10px; text-transform: uppercase; background: url(../pics/charte/bg-icons.png) left top no-repeat; }
#shop DIV.infos #stock { display: block; float: left; width: 50px; height: 30px; margin-right: 4px; padding-top: 35px; text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 10px; text-transform: uppercase; background: url(../pics/charte/bg-icons.png) -30px 5px no-repeat; }
#shop DIV.infos #stock.nondispo { background-position: -80px 5px; }
#shop DIV.infos IMG { margin-right: 4px; }
#shop DIV.ft { margin: 15px 15px 20px 15px; }
#shop DIV.ft1 { float: left; width: 330px; margin: 15px 0 20px 15px; }
#shop DIV.ft2 { float: right; width: 330px; margin: 15px 15px 20px 0; }
#shop TABLE.cars { width: auto !important; margin: 10px 0 !important; border: 1px solid #EEE; }
#shop TABLE.cars TH, #shop TABLE.cars TD { height: 20px !important; border: none !important; }
#shop TABLE.cars TH { padding-right: 10px; background: #EEE; }
#shop TABLE.cars TH, #shop TABLE.cars TD { padding: 3px 10px; border-bottom: 1px solid #EEE !important; }
#shop TABLE.options { width: 100%; margin-bottom: 0 !important; }
#shop TABLE.options * { border: none !important; }
#shop TABLE.options TD { height: 50px !important; padding: 0 15px; border-top: 1px solid #D4D1C5 !important; }
#shop TABLE.options TR.first TD { height: 40px !important; border: none !important; }
#shop TABLE.options TD.designation { width: 55%; }
#shop TABLE.options TD.prix { width: 20%; text-align: right; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 20px; font-weight: bold; }
#shop TABLE.options TD.cart { width: 25%; text-align: center; }
#shop TABLE.options TD.designation A { text-decoration: underline; }
#shop TABLE.options TD.cart A { display: inline-block; width: 109px; height: 23px; padding: 5px 0 0 35px; text-align: left; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none !important; color: #FFF; background: url(../pics/charte/btn-cart.png) 0 -28px no-repeat; }
#shop TABLE.options TD.cart A:hover { background-position: -144px -28px; }

/********** PROCESS DE COMMANDE **********/
#shop #steps { width: 708px; height: 40px; margin-bottom: 20px; list-style: none; background: url(../pics/charte/bg-gradient.png) left bottom repeat-x; }
#shop #steps.ok { background: #384856; }
#shop #steps * { font-family: "Trebuchet MS", Arial; font-size: 15px; font-weight: bold; }
#shop #steps LI { float: left; width: 130px; height: 40px; padding-left: 10px; line-height: 40px; vertical-align: middle; }
#shop #steps LI.ok, #steps.ok LI { color: #FFF; background: #384856; }
#shop #steps LI.active { color: #FFF; background: #384856 url(../pics/charte/bg-step.png) right top no-repeat; }
#shop #steps LI.panier { width: 98px; }
#shop #steps LI.identification { width: 150px; }
#shop #steps A { display: block; height: 100%; color: #FFF !important; }
#shop #steps A:hover { text-decoration: none; }
#shop #connexion { position: relative; padding-bottom: 15px; }
#shop #connexion FORM { position:relative; float: left; width: 310px; height: 120px; padding: 0 15px 0 25px; border-right: 1px dotted #979797; }
#shop #connexion INPUT { width: 180px; }
#shop #connexion FORM P { text-align: right; }
#shop #connexion LABEL { margin-right: 0 !important ; }
#shop #connexion DIV { position: relative; float: left; width: 305px; height: 120px; padding: 0 30px 0 15px; }
#shop #connexion SPAN.btn { position: absolute; float: none; right: 15px; bottom: 0; }
#shop #lostpwd FORM { margin-top: 10px; }
#shop #lostpwd INPUT { margin-right: 10px; }
#shop TABLE { width: 100%; margin-bottom: 30px; border-collapse: collapse; }
#shop TH, #shop TD { height: 44px; padding: 0 10px; border: 1px solid #D5D2C6 !important; }
#shop #panier .denomination { text-align: left; }
#shop #panier .pu { width: 60px; text-align: right; }
#shop #panier .discount { width: 60px; text-align: right; }
#shop #panier .prix { width: 85px; padding-right: 45px; text-align: right; }
#shop #panier TD.deletable { padding-right: 10px !important; }
#shop #panier .qte { width: 50px; text-align: center; }
#shop  TR.entete TH, #shop #panier TR.promo TD, #shop #panier TR.total TD { font-weight: bold; background: url(../pics/charte/bg-gradient.png) left bottom repeat-x; }
#shop #panier TR.gap TD { height: 10px; border: none !important; }
#shop #panier TR.promo, #shop #panier TR.total { border: 1px solid #D5D2C6 !important; }
#shop #panier TR.promo TD, #shop #panier TR.promoBtn TD, #shop #panier TR.total TD { text-align: right; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; border: none !important; }
#shop #panier TR.total TD { border: none !important; }
#shop #panier TR.total TD.prix { padding-right: 35px !important; font-size: 16px; }
#shop #panier TR.subtotal TD { height: 35px; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-weight: bold; border: none !important; }
#shop #panier TR.subtotal TD.gt { text-align: right; }
#shop #panier INPUT { width: 50px; margin-left: 10px; }
#shop #panier SELECT { width: 45px !important; }
#shop #panier IMG { margin-left: 20px; }
#shop #orderWarning { margin-bottom: 20px; padding-left: 100px; background: url(../pics/charte/bg-warning.png) 20px center no-repeat; }
#shop P.actionsPanier { width: 100%; overflow: hidden; margin: 30px 0; }
#shop P.msg { margin: 20px !important; padding: 10px; text-align: center; font-weight: bold; background: #BFCBD5; border: 1px solid #384856; }
#shop P.msg A { text-decoration: underline; }

#shop DIV.encart { float: left; width: 305px; margin-bottom: 5px; padding: 10px; border: 1px solid #D5D2C6; }
#shop DIV.encart.alt { float: right; }
#shop DIV.encart P.actions { float: right; margin-left: 5px; }
#shop DIV.encart A.delete { padding-left: 12px; font-weight: normal !important; background: url(../pics/charte/del-adresse.png) left center no-repeat; }
#shop DIV.encart A.edit { margin-left: 5px; padding-left: 18px; font-weight: normal !important; background: url(../pics/charte/edit-adresse.png) left center no-repeat; }
#shop DIV.encart H4 { margin: 0 0 15px 0; color: #374755; }
#shop DIV.encart.paiement { height: 285px; }
#shop H4.cb { height: 40px; line-height: 40px; padding-left: 30px; background: url(../pics/charte/bg-paiement-cb.png) left center no-repeat; }
#shop H4.cheque { height: 40px; line-height: 40px; padding-left: 50px; background: url(../pics/charte/bg-paiement-cheque.png) left center no-repeat; }
#shop DIV.encart.paiement INPUT { width: auto !important; border: none !important; }

#shop #orders { margin: 20px 0; }
#shop #orders TH, #shop #orders TD { height: 30px !important; }
#shop #orders TH { text-align: left !important; }
#shop #orders .montant { text-align: right !important; }

/********** SURDEFINITIONS ET STYLES GENERIQUES **********/
#shop IMG { border: none; vertical-align: middle; }
#shop STRONG { font-weight: bold !important; }
#shop .left { text-align: left !important; }
#shop .center { text-align: center !important; }
#shop .right { text-align: right !important; }
#shop .justify { text-align: justify !important; }
#shop .l { float: left !important; }
#shop .r { float: right !important; }
#shop .spacer { float: none !important; clear: both !important; width: 100% !important; height: 1px !important; margin: 0 !important; padding: 0 !important; font-size: 0px; }
#shop .clear { clear: both; }
#shop .s { text-decoration: underline; }

/********** LIGHTBOX **********/
#lightbox { position: absolute; z-index: 100; left: 0; width: 100%; line-height: 0; text-align: center; }
#lightbox IMG { width: auto; height: auto;}
#lightbox A IMG { border: none; }
#outerImageContainer { position: relative; width: 250px; height: 250px; margin: 0 auto; background-color: #FFF; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; width: 100%; height: 25%; line-height: 0; text-align: center; }
#hoverNav { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav A { outline: none; }
#prevLink, #nextLink { display: block; width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#imageDataContainer { overflow: auto; width: 100%; margin: 0 auto; line-height: 1.4em; font: 10px Verdana, Helvetica, sans-serif; background-color: #FFF; }
#imageData { padding: 0 10px; color: #666; }
#imageData #imageDetails { float: left; width: 70%; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ float: right; width: 66px; padding-bottom: 0.7em; outline: none; }
#overlay { position: absolute; z-index: 90; top: 0; left: 0; width: 100%; height: 500px; background-color: #000; }