/*-------------------- BOF QI --------------------*/
.number{width:21px;height:18px;color:#000;font-size:1.2em;margin:0 18px 2px 0;padding:0 0 0 10px;}
.number input{border:0;background:transparent;font-weight:bold;text-align:center;}
form.tempAddr,form#formCreaCount,form#formCreaCount,form.forgotPass,form.shipAddr,form#formAboEtranger{width:515px;font-size:0.75em;font-weight:bold;color:#666;margin:0 auto;padding:0;}
form.tempAddr p,form#formCreaCount p,form.forgotPass p,form.shipAddr p,form#formAboEtranger p{padding:0 6px;}
.listProducts .titleOffer,.listProducts .subTitleOffer{height:16px;font-size:0.75em;color:#000;margin:0 0 4px 0;padding:0;}
.lineThrough{text-decoration:line-through;}
p.messageEmpty{float:left;margin:0;padding:0;}
/*-------------------- EOF QI --------------------*/

h1{color:#fff;font-size:1em;font-weight:bold;margin:8px 0 8px 10px;padding:0;}
h2{color:#000;font-size:0.95em;font-weight:bold;margin:0 0 8px 8px;padding:0;}
.highlight{color:#000 !important;}

/*-------------------- Main Content --------------------*/
#mainContent{background:#34b6e4 url(../images/userspace/bgMainContent.gif) no-repeat;}
#mainContentBottom{height:10px;background:url(../images/userspace/bgMainContentBottom.gif) no-repeat;}

/*-------------------- Central Content --------------------*/
.faq #centralContent{float:none;margin:0 auto;}

/*-------------------- Right Content --------------------*/
#rightContent{margin:36px 0 0 0;}

/*-------------------- Mon compte --------------------*/
a.backToMyCount{position:absolute;top:13px;right:18px;text-decoration:none;color:#fff;font-size:0.7em;font-weight:bold;}
a.backToMyCount:hover{color:#000;}
.section{clear:both;width:515px;margin:0 auto 20px auto;padding:0;}
.section h2{width:509px;height:18px;background:url(../images/userspace/bgLegend.gif) no-repeat;color:#fff;font-size:0.8em;font-weight:bold;margin:0;padding:2px 0 0 6px;overflow:hidden;}
.lineSection{width:515px;margin:10px auto;overflow:hidden;}
.leftLineSection,.rightLineSection{float:left;}
.leftLineSection{width:150px;}
.rightLineSection{width:365px;}
.separator{width:515px;border-bottom:1px solid #c9ced3;font-size:0;margin:0 auto;}
.lineSection p{color:#666;font-size:0.75em;font-weight:bold;margin:0;padding:0;}
p.date,p.message,p.mag,p.duration,p.expiry,p.id,p.orderStatus,p.billStatus{float:left;margin:0;padding:0;}
p.date{width:90px;}
p.message{width:300px;}
p.mag{width:175px;}
p.duration{width:135px;}
p.expiry{width:120px;}
p.id{width:190px;}
p.orderStatus{width:160px;}
p.billStatus{width:340px;}
a.seeDetail{float:right;color:#34b6e4;font-size:0.75em;font-weight:bold;}
a.seeDetail:hover{color:#000;}
a.detailOrder{color:#000;font-size:0.9em;margin:0 0 0 10px;padding:0;}
.btnUserSpace{float:right;}
.btnUserSpaceLeft{float:left;width:4px;height:20px;background:url(../images/userspace/btnUserSpaceLeft.gif) no-repeat;}
.btnUserSpaceMiddle{float:left;height:20px;background-color:#ff9d00;}
.btnUserSpaceMiddle a{text-decoration:none;vertical-align:middle;color:#fff;font-size:0.7em;font-weight:bold;line-height:20px;margin:0 10px;padding:0;}
.btnUserSpaceMiddle a:hover{color:#000;}
.btnUserSpaceRight{float:left;width:4px;height:20px;background:url(../images/userspace/btnUserSpaceRight.gif) no-repeat;}

/*-------------------- Formulaires --------------------*/
/* BOF QI
form{width:515px;font-size:0.75em;font-weight:bold;color:#666;margin:0 auto;padding:0;}
form p{padding:0 6px;}
   EOF QI */
#requiredFields{height:20px;background:url(../images/userspace/bgWarning.gif) no-repeat;color:#f00;font-size:0.75em;font-weight:bold;margin:6px 0 6px 6px;padding:5px 0 0 36px;}
.required{background-color:#fee;border:1px solid #f00 !important;}
fieldset{clear:both;border:none;margin:0 0 20px 0;padding:0;}
.legend{width:509px;height:18px;background:url(../images/userspace/bgLegend.gif) no-repeat;color:#fff;font-size:1em;font-weight:bold;margin:0;padding:2px 0 0 6px;overflow:hidden;}
.lineForm{margin:8px 0 0 0;overflow:hidden;}
.lineForm.address{text-align:center;margin:0;padding:10px 0;}
.lineForm a{color:#666;}
.lineForm a:hover{color:#000;}
.label{float:left;width:156px;text-align:right;margin:0;padding:0 10px 0 4px;}
.label.colissimo{width:400px;}
.input,.select{float:left;width:187px;}
.info{float:left;width:140px;color:#999;font-size:0.9em;margin:2px 0 0 6px;padding:0;}
.info.large{width:auto;margin:10px 0 0 0;padding:0;}
input.text{width:187px;height:20px;margin:0;border:1px solid #7b838a;}
textarea{width:183px;height:65px;margin:0;border:1px solid #7b838a;font-family:Arial, Helvetica, sans-serif;font-size:1.1em;}
textarea.infoscomp{width:280px;height:150px;}
input.radio{float:left;width:10px;}
.radio label{float:left;margin:2px 12px 0 4px;}
select.country{width:190px;background-color:#174f64;color:#fff;}
.birthDate{margin:10px 0 0 0;}
input.birthDay,input.birthMonth,input.startDay,input.startMonth,input.endDay,input.endMonth,input.day,input.month{width:18px;height:18px;border:1px solid #7b838a;}
input.birthYear,input.startYear,input.endYear,input.year{width:32px;height:18px;border:1px solid #7b838a;}
.checkbox{float:left;margin:0;padding:0 6px 0 0;}
.btnForm{float:right;margin:10px 0 0 10px;}
.btnFormLeft{float:left;width:5px;height:20px;background:url(../images/userspace/btnFormLeft.gif) no-repeat;}
.btnFormMiddle{float:left;background-color:#174f65;padding:0 10px;}
.btnFormMiddle a{text-decoration:none;color:#fff;font-weight:bold;line-height:20px;margin:0;padding:0 3px 0 3px;}
.btnFormMiddle a:hover{color:#ff9d00;}
.btnFormRight{float:left;width:5px;height:20px;background:url(../images/userspace/btnFormRight.gif) no-repeat;}
.footNote{color:#a5aeb6;font-size:0.9em;}
p.cnil{color:#fff;font-size:0.7em;text-align:justify;margin:0;padding:8px 10px 0 10px;}

/*-------------------- Bouton de navigation --------------------*/
.btnNav{float:right;margin:10px 0 0 10px;padding:0;} /* definir, si besoin, "margin" dans les details d'un element de cette CSS */
.btnNavLeft{float:left;width:7px;height:20px;background:url(../images/userspace/btnNavLeft.gif) no-repeat;}
.btnNavMiddle{float:left;background-color:#34b6e4;}
.btnNavMiddle a{display:block;text-decoration:none;text-align:center;vertical-align:middle;color:#fff;font-size:0.75em;font-weight:bold;line-height:20px;margin:0;padding:0 6px;}
.btnNavMiddle a:hover{color:#000;}
.btnNavRight{float:left;width:7px;height:20px;background:url(../images/userspace/btnNavRight.gif) no-repeat;}

/*-------------------- Creation de compte --------------------*/
a.creaCount{color:#000;}
#creaCntAboOK,#creaCntAboKO{display:none;}
#eventail_mags{padding:30px 0 0 0;}
*html #eventail_mags{padding:12px 0 0 0;}

/*-------------------- Pages de confirmation --------------------*/
.zoneRemerciements{background:url(../images/userspace/bgConfirmation.gif) no-repeat;margin:0 0 20px 0;padding:10px 0 0 90px;}
.zoneRemerciements.annulation{background:url(../images/userspace/bgAnnulation.gif) no-repeat;}
h3.remerciements{color:#666;font-size:1.2em;font-weight:bold;margin:0;}
.liensRemerciements{margin:10px 0 0 0;}
p.remerciements,.liensRemerciements a{color:#6c737a;font-size:0.8em;font-weight:bold;margin:0;}
p.remerciements span{color:#000;}
.liensRemerciements a:hover{color:#000;}
p.warning{float:left;height:22px;color:#F3B026;font-size:0.7em;font-weight:bold;text-align:left;margin:4px 0 4px 10px;}
.bottomLeft.confirmation{margin:5px 0 0 0;}
p.adresseLivraison{font-size:0.9em;margin:0;}
p.adresseLivraison span{color:#000;}
.bottomRight.confirmation{position:relative;margin:5px 63px 0 0;}
* html .bottomRight.confirmation{margin:5px 31px 0 0;}
.infoFacture{position:absolute;top:64px;right:-30px;width:400px;color:#6c737a;font-size:0.7em;font-weight:bold;font-style:italic;}
.liensBdc{float:right;color:#fff;margin:10px 12px 10px 0;}
.liensBdc a{color:#fff;font-size:0.8em;font-weight:bold;}
.liensBdc a:hover{color:#666;}

/*-------------------- Zone Avantages --------------------*/
.thumbnail.benefits{padding:0 0 10px 0;}
*+html .thumbnail.benefits{padding:0 0 4px 0;}
* html .thumbnail.benefits{padding:0 0 4px 0;}
.imgBenefits{width:175px;float:left;margin:0;padding:0;}
.benefits .simpleOfferPict{float:left;width:175px;}
.benefits .doubleOfferPictLeft,.benefits .doubleOfferPicto{width:78px;}
.benefits .doubleOfferPicto{background:url(../images/userspace/plus.gif) center center no-repeat;}
.benefits .doubleOfferPictRight{float:left;width:97px;}
.benefits .infosOffer{float:left;width:316px;height:151px;border-left:1px dotted #666;margin:0;padding:0 8px 0 30px;overflow:hidden;}
.benefits .txtOffer{text-align:left;font-weight:bold;margin:0 0 10px 0;padding:0;}
.benefits .titleOffer,.benefits .subTitleOffer{height:auto;font-size:0.75em;color:#000;margin:0 0 4px 0;padding:0;}
.benefits .descriptionOffer{font-size:0.75em;color:#555;border-top:1px dotted #666;border-bottom:1px dotted #666;margin:0;padding:8px 0;}
.benefits .marketMessageOffer{float:right;font-size:0.7em;color:#b01a48;margin:4px 0 0 0;padding:0;}
.benefits .moreDetailsOffer{float:left;margin:4px 0 0 0;padding:0;}
.benefits .price{float:left;margin:10px 0 0 0;padding:0;}
*+html .benefits .price{margin:0;}
* html .benefits .price{margin:0;}
html[xmlns*=""] body:last-child .benefits .price{margin:10px 0 0 0;}
.benefits .addBasket{float:right;margin:12px 0 0 0;}
*+html .benefits .addBasket{margin:2px 0 0 0;}
* html .benefits .addBasket{margin:2px 0 0 0;}

/*-------------------- Reduction --------------------*/
.discount{top:90px;left:130px;color:#fff;background:url(../images/userspace/bgDiscount.png) no-repeat;}

/*--------------------- Prix -----------------------------*/
.newPrice{color:#fff;background:url(../images/userspace/bgNewPrice.gif) no-repeat;}
.oldPrice{color:#929d9e;background:url(../images/userspace/bgOldPrice.gif) no-repeat;}

/*--------------------- Bouton d'ajout au panier -----------------------------*/
.addBasket{background:url(../images/userspace/bgAddBasket.gif) no-repeat;}
.addBasket a{color:#fff;}
.addBasket a:hover{color:#ff9d00;}

/*-------------------- Vignette "Mon Profil" --------------------*/
.myProfile .titleRightContent{color:#34b6e4;}
.myProfile p.text{width:168px;color:#666;font-size:0.7em;margin:6px auto;padding:0;}
.myProfile .important{color:#f00;}
.myProfile .strong{font-weight:bold;}
.btnMyProfile{width:168px;text-align:center;margin:6px auto 0 auto;}
.btnMyProfileLeft{float:left;width:5px;height:20px;background:url(../images/userspace/btnFormLeft.gif) no-repeat;}
.btnMyProfileMiddle{float:left;width:158px;background:#174f65;}
.tempAddrMiddle .btnMyProfileTemp{text-align:center;background:#174f65;margin:6px 0 0 0;}
.btnMyProfileMiddle a,.tempAddrMiddle .btnMyProfileTemp a{display:block;color:#fff;text-decoration:none;font-weight:bold;line-height:20px;margin:0;padding:0 3px 0 3px;}
.btnMyProfileMiddle a{font-size:0.8em;}
.tempAddrMiddle .btnMyProfileTemp a{font-size:1em;}
.btnMyProfileMiddle a:hover,.tempAddrMiddle .btnMyProfileTemp a:hover{color:#ff9d00;}
.btnMyProfileRight{float:left;width:5px;height:20px;background:url(../images/userspace/btnFormRight.gif) no-repeat;}
.myProfile .tempAddr{width:168px;margin:12px auto 0 auto;}
.tempAddrTop{width:168px;height:6px;background:url(../images/userspace/bgTempAddrTop.gif) no-repeat;overflow:hidden;}
.tempAddrMiddle{width:168px;background-color:#a5aeb6;color:#fff;font-size:0.8em;font-weight:bold;margin:0;padding:0;}
.tempAddrMiddle p{margin:0;padding:0 6px;}
.tempAddrMiddle a{display:block;text-decoration:none;color:#000;font-size:0.9em;font-weight:bold;margin:0;padding:4px 6px 0 6px;}
.tempAddrMiddle a:hover{text-decoration:underline;}
.tempAddrBottom{width:168px;height:6px;background:url(../images/userspace/bgTempAddrBottom.gif) no-repeat;overflow:hidden;}

/*-------------------- Vignette "Besoin d'aide ?" --------------------*/
.needHelp .thumbnailContent{background:url(../images/userspace/bgNeedHelpPictos.gif) bottom center no-repeat;}
.needHelp a{text-decoration:none;cursor:pointer;}
.needHelp .titleRightContent{color:#34b6e4;}
.needHelp p.text{width:168px;color:#666;font-size:0.7em;font-weight:bold;margin:6px auto 0 auto;padding:0 0 30px 0;}

/*-------------------- Vignette "Ma commande en cours" --------------------*/
.myCurrentOrder .titleRightContent{color:#34b6e4;font-size:0.9em;margin:-2px 0 8px 0;}
.titleCurrentOrder{color:#000;font-size:0.7em;font-weight:bold;border-bottom:1px solid;margin:0 6px;padding:0;}
.lineCurrentOrder{color:#666;font-size:0.7em;border-bottom:1px solid;margin:10px 6px 0 6px;padding:0 0 10px 0;}
.lineCurrentOrder span{text-decoration:line-through;}
.totalCurrentOrder{color:#000;font-size:0.7em;margin:10px 0 0 6px;padding:0;}

/*-------------------- Section Large --------------------*/
.sectionLarge{clear:both;width:714px;height:20px;background:url(../images/userspace/bgLegendLarge.gif) no-repeat;margin:0 auto 6px auto;padding:0;}
.sectionLarge h2{color:#fff;font-size:0.8em;font-weight:bold;margin:0;padding:2px 0 0 10px;overflow:hidden;}

/*-------------------- Service Clients --------------------*/
.thumbnail.welcomeCS{margin:0;padding:10px 0 10px 10px;}
* html .thumbnail.welcomeCS{padding:10px 0 10px 0;}
.welcomeCS h1,.call h2,.mail h2{color:#006d94;font-size:0.9em;font-weight:bold;margin:0 6px;padding:0;}
.welcomeCS p,.call p,.mail p{color:#006d94;font-size:0.8em;margin:10px 6px 0 6px;padding:0;}
.cService{margin:0 10px 0 10px;padding:0;overflow:hidden;}
.csAccount,.csQuestion,.csCall,.csMail{float:left;width:176px;height:178px;text-decoration:none;cursor:pointer;margin:0 6px 0 0;padding:0;}
.csMail{margin:0;}
.csAccount{background:url(../images/userspace/bgCsAccountOff.gif) no-repeat;}
.csAccount:hover{background:url(../images/userspace/bgCsAccountOn.gif) no-repeat;}
.csQuestion{background:url(../images/userspace/bgCsQuestionOff.gif) no-repeat;}
.csQuestion:hover{background:url(../images/userspace/bgCsQuestionOn.gif) no-repeat;}
.csCall{background:url(../images/userspace/bgCsCallOff.gif) no-repeat;}
.csCall:hover{background:url(../images/userspace/bgCsCallOn.gif) no-repeat;}
.csMail{background:url(../images/userspace/bgCsMailOff.gif) no-repeat;}
.csMail:hover{background:url(../images/userspace/bgCsMailOn.gif) no-repeat;}
.cService h2{text-align:center;color:#fff;font-size:1em;font-weight:bold;margin:10px 0 0 0;padding:0;}
.cService ul{list-style-image:url(../images/userspace/bgPuceId.gif);margin:80px 4px 0 24px;padding:0;}
.cService li{color:#006d94;font-size:0.7em;font-weight:bold;margin:0 0 10px 0;padding:0;}
.thumbnail.question,.thumbnail.call,.thumbnail.mail{display:none;padding:10px 0 0 0;}
h3.toggler{color:#006d94;font-size:0.8em;font-weight:bold;cursor:pointer;background:url(../images/userspace/bgPuceFaq.gif) 8px 2px no-repeat;margin:0;padding:0 0 10px 22px;}
div.element{width:700px;margin:4px auto 4px auto;}
p.answer{width:688px;color:#848484;font-size:0.75em;font-weight:bold;margin:6px auto 0 auto;}
p.answer a{color:#848484;font-weight:bold;}
p.answer a:hover{color:#ff9d00;}
p.answer span{color:#000;}
div.button{float:right;width:80px;height:51px;background:url(../images/userspace/btnFAQ.gif) 0px 0px no-repeat;margin:8px 14px 0 0;padding:0;}
div.button a{display:block;width:78px;height:38px;text-align:center;text-decoration:none;font-weight:bold;font-size:0.7em;color:#fff;margin:0;padding:13px 0 0 3px;}
div.button a:hover{color:#ff9d00;}

/*-------------------- Plan du site --------------------*/
#siteMap{width:714px;margin:0 auto;overflow:hidden;}
#siteMap a{display:block;text-decoration:none;font-weight:bold;}
.siteMap .sectionLarge{margin:10px auto 0 auto;}
.siteMap .first{margin:0 auto;}
.siteMap .sectionLarge h2{padding:1px 0 0 6px;}
.siteMap .sectionLarge h2 a{color:#fff;font-weight:bold;margin:0;padding:0;}
.siteMap .sectionLarge h2 a:hover{color:#ff9d00;}
.boxSectionContent{width:710px;background:#dfe5e6;margin:-3px 0 0 0;padding:10px 0 10px 4px;overflow:hidden;}
.miniBoxPdt{height:140px;}
.miniBoxAbo{height:195px;}
.miniBoxPdt,.miniBoxAbo{float:left;width:169px;background:#fff;margin:8px 4px 0 0;overflow:hidden;}
.miniBoxPdt{border:2px solid #af1947;}
.miniBoxPdt a,.miniBoxAbo a{width:165px;height:17px;color:#000;font-size:0.8em;margin:2px 0;padding:1px 0 0 4px;}
.miniBoxPdt a:hover,.miniBoxAbo a:hover{background:#eceff0;}
.miniBoxPdt a.pdt{background:#af1947;color:#fff;margin:0}
.miniBoxPdt a.pdt:hover{color:#000;}
.miniBoxAbo a.abo{margin:0;}
.miniBoxAbo a.abo:hover{color:#000;}
.miniBoxAbo.tel{border:2px solid #af0a1b;}
.miniBoxAbo a.tel{background:#af0a1b;color:#fff;}
.miniBoxAbo a.tel:hover{background:#af0a1b;}
.miniBoxAbo.tls{border:2px solid #2cb0bf;}
.miniBoxAbo a.tls{background:#2cb0bf;color:#fff;}
.miniBoxAbo a.tls:hover{background:#2cb0bf;}
.miniBoxAbo.tgc{border:2px solid #2560ae;}
.miniBoxAbo a.tgc{background:#2560ae;color:#fff;}
.miniBoxAbo a.tgc:hover{background:#2560ae;}
.miniBoxAbo.cap{border:2px solid #4f8ac1;}
.miniBoxAbo a.cap{background:#4f8ac1;color:#fff;}
.miniBoxAbo a.cap:hover{background:#4f8ac1;}
.miniBoxAbo.man{border:2px solid #00488f;}
.miniBoxAbo a.man{background:#00488f;color:#fff;}
.miniBoxAbo a.man:hover{background:#00488f;}
.miniBoxAbo.fac{border:2px solid #df1110;}
.miniBoxAbo a.fac{background:#df1110;color:#fff;}
.miniBoxAbo a.fac:hover{background:#df1110;}
.miniBoxAbo.pri{border:2px solid #af1947;}
.miniBoxAbo a.pri{background:#af1947;color:#fff;}
.miniBoxAbo a.pri:hover{background:#af1947;}
.miniBoxAbo.prim{border:2px solid #ba305d;}
.miniBoxAbo a.prim{background:#ba305d;color:#fff;}
.miniBoxAbo a.prim:hover{background:#ba305d;}
.miniBoxAbo.geo{border:2px solid #92cd28;}
.miniBoxAbo a.geo{background:#92cd28;color:#fff;}
.miniBoxAbo a.geo:hover{background:#92cd28;}
.miniBoxAbo.cam{border:2px solid #d1402d;}
.miniBoxAbo a.cam{background:#d1402d;color:#fff;}
.miniBoxAbo a.cam:hover{background:#d1402d;}
.miniBoxAbo.nge{border:2px solid #f8c903;}
.miniBoxAbo a.nge{background:#f8c903;color:#000;}
.miniBoxAbo a.nge:hover{background:#f8c903;}
.miniBoxAbo.fms{border:2px solid #e00000;}
.miniBoxAbo a.fms{background:#e00000;color:#fff;}
.miniBoxAbo a.fms:hover{background:#e00000;}
.miniBoxAbo.gal{border:2px solid #df1110;}
.miniBoxAbo a.gal{background:#df1110;color:#fff;}
.miniBoxAbo a.gal:hover{background:#df1110;}
.miniBoxAbo.voi{border:2px solid #df1110;}
.miniBoxAbo a.voi{background:#df1110;color:#fff;}
.miniBoxAbo a.voi:hover{background:#df1110;}
.miniBoxAbo.vsd{border:2px solid #146074;}
.miniBoxAbo a.vsd{background:#146074;color:#fff;}
.miniBoxAbo a.vsd:hover{background:#146074;}
.miniBoxAbo.cgf{border:2px solid #df1110;}
.miniBoxAbo a.cgf{background:#df1110;color:#fff;}
.miniBoxAbo a.cgf:hover{background:#df1110;}
.miniBoxAbo.pcg{border:2px solid #8e2442;}
.miniBoxAbo a.pcg{background:#8e2442;color:#fff;}
.miniBoxAbo a.pcg:hover{background:#8e2442;}
.miniBoxAbo.gui{border:2px solid #ea7b01;}
.miniBoxAbo a.gui{background:#ea7b01;color:#fff;}
.miniBoxAbo a.gui:hover{background:#ea7b01;}
.miniBoxAbo a.retrait{color:#666;font-size:0.7em;padding:0 0 0 20px;}

/*-------------------- CGV --------------------*/
#cgv{width:511px;color:#666;font-size:0.75em;font-weight:bold;margin:0 auto;}
.popup #cgv{width:auto;margin:0;}
#cgv h2{color:#000;font-size:1.2em;font-weight:bold;margin:0;padding:0;}
#cgv p{margin:10px 0 20px 0;padding:0;}
#cgv a,#cgv a:hover{color:#000;}
#cgv ul.intro{margin:0;padding:0 0 0 30px;}
#cgv ul.intro li{margin:20px 0;}
#cgv ul.summary{list-style:none;margin:20px 0;padding:0;}
#cgv ul.summary li{margin:5px 0;}
#cgv .top{float:right;}

/*-------------------- Detail Zone avantages --------------------*/
.thumbnail.detailBenefit{margin:0 0 0 10px;width:531px;}
.thumbnail.detailBenefit form{width:auto;font-size:1em;}
.detailBenefit .thumbnailTopCenter,.detailBenefit .thumbnailBottomCenter{width:507px;}
* html .thumbnail.detailBenefit{margin:0 0 0 5px;}
.imgDetailBenefit{position:relative;width:200px;float:left;margin:0 0 0 10px;padding:0;}
* html .imgDetailBenefit{margin:0 0 0 4px;}
.detailBenefit .simpleOfferPict{float:left;width:200px;}
.detailBenefit .doubleOfferPictLeft{width:90px;}
.detailBenefit .doubleOfferPictRight{float:left;width:110px;}
.detailBenefit .zoom{width:174px;height:15px;background:url(../images/global/zoom.gif) no-repeat;border-top:1px dotted #b5b5b5;border-bottom:1px dotted #b5b5b5;font-size:0.6em;margin:10px 0 0 0;padding:3px 0 0 26px;}
.detailBenefit .miniatures{margin:10px 0 0 0;padding:0;}
.detailBenefit .miniatures a{margin:0 6px 0 0;padding:0;}
.detailBenefit .infosOffer{float:left;width:306px;margin:0 0 0 6px;padding:0;overflow:hidden;}
.detailBenefit .titleOffer{height:auto;color:#666;font-size:1em;font-weight:bold;margin:0 0 6px 0;padding:0;}
.detailBenefit .subTitleOffer{color:#666;font-size:0.7em;font-weight:normal;border-bottom:1px dotted #b5b5b5;margin:0 0 10px 0;padding:0 0 6px 0;}
.detailBenefit .marketMessageOffer{float:left;width:150px;color:#b01a48;font-size:0.7em;font-weight:bold;margin:0;padding:6px 0 0 0;}
.detailBenefit .price{float:right;margin:0px 0 0 0;}
.detailBenefit .shipping{clear:both;text-align:right;color:#666;font-size:0.7em;font-weight:bold;margin:0;padding:8px 0 0 0;overflow:hidden;}
* html .detailBenefit .shipping{margin:-10px 0 0 0;}
.detailBenefit .requiredInfos{border-top:1px dotted #b5b5b5;border-bottom:1px dotted #b5b5b5;margin:10px 0;padding:4px 0;overflow:hidden;}
.detailBenefit .select{float:left;width:auto;margin:0;padding:0;}
.detailBenefit .select select{width:140px;font-family:Verdana;font-size:10px;font-weight:bold;color:#666;border-color:#8f8f8f #cecece #cecece #8f8f8f;border-style:solid;border-width:1px;margin:6px 0 0 0;padding:0;}
.detailBenefit .benefitsQuantity{float:right;font-weight:bold;margin:0;padding:4px 0;}
.detailBenefit .benefitsQuantity span{float:left;color:#666;font-size:0.75em;margin:0 10px 0 0;padding:2px 0 0 0;}
.detailBenefit .benefitsQuantity .number{float:left;width:30px;height:auto;background-color:#e2e1dd;text-align:center;color:#000;font-size:0.9em;margin:0 4px 0 0;padding:2px 0;}
.detailBenefit .benefitsQuantity a{float:left;display:block;width:20px;background-color:#e2e1dd;text-decoration:none;text-align:center;color:#000;margin:0 0 0 6px;padding:0;}
.detailBenefit .benefitsQuantity a:hover{background-color:#666;color:#fff;}
.detailBenefit .logo{float:left;width:140px;margin:0;padding:0;overflow:hidden;}
.detailBenefit .addBasket{float:right;clear:both;}
.detailBenefit .description{color:#666;font-size:0.7em;font-weight:normal;margin:12px 0 8px 0;padding:6px;}
.detailBenefit .maximiles{float:right;width:139px;height:24px;color:#666;font-size:0.6em;font-weight:bold;background:#c4c4c4 url(../images/global/bgMaximiles.gif) bottom right no-repeat;margin:6px 0 0 0;padding:6px;}
.detailBenefit .discount{top:160px;left:140px;}
.detailBenefit .doubleOffer .discount{top:95px;left:140px;}
.detailBenefit .marketPicto{top:184px;left:0;}
.detailBenefit .doubleOffer .marketPicto{top:90px;left:0;}
.detailBenefit .mention{clear:both;font-size:0.6em;color:#999;margin:0;padding:0 0 10px 0;}

/*-------------------- Popin paiement --------------------*/
.popinPayment{width:490px;margin:0;padding:10px 0 0 10px;}
.popinPayment h1{color:#4d4e53;font-size:1.2em;font-weight:bold;border-bottom:1px solid #666;margin:0;padding:0;}
.popinPayment .content{width:440px;background-color:#f4f4f4;margin:10px 0 0 0;padding:10px 20px;}
.popinPayment form{width:440px;margin:0;padding:0;}
.popinPayment .content img{margin:0 6px;padding:0;}
.popinPayment .lineForm{margin:16px 0;padding:0;}
.popinPayment .label{text-align:left;width:126px;}
.popinPayment .input,.popinPayment .select{width:auto;}
.popinPayment .info{width:238px;font-size:0.8em;margin:-1px 0 0 6px;padding:0;}
.popinPayment .total{width:auto;color:#4d4e53;font-size:1.6em;margin:10px 0 0 0;padding:0;}
.popinPayment .btnForm{margin:0;padding:0;}

/*-------------------- Etapes du tunnel d'achat --------------------*/
.purchaseSteps{height:28px;margin:16px auto 0 auto;padding:0;}
.purchaseSteps.basket{margin:0 auto 10px auto;}
.purchaseSteps.step1L{width:728px;background:url(../images/userspace/bgPurchaseADDStep1.gif) no-repeat;}
.purchaseSteps.step2L{width:728px;background:url(../images/userspace/bgPurchaseADDStep2.gif) no-repeat;}
.purchaseSteps.step3L{width:728px;background:url(../images/userspace/bgPurchaseADDStep3.gif) no-repeat;}
.purchaseSteps.step4L{width:728px;background:url(../images/userspace/bgPurchaseADDStep4.gif) no-repeat;}
.purchaseSteps.step5L{width:728px;background:url(../images/userspace/bgPurchaseADDStep5.gif) no-repeat;}
.purchaseSteps.step1S{width:580px;background:url(../images/userspace/bgPurchaseADIStep1.gif) no-repeat;}
.purchaseSteps.step2S{width:580px;background:url(../images/userspace/bgPurchaseADIStep2.gif) no-repeat;}
.purchaseSteps.step3S{width:580px;background:url(../images/userspace/bgPurchaseADIStep3.gif) no-repeat;}
.purchaseSteps.step4S{width:580px;background:url(../images/userspace/bgPurchaseADIStep4.gif) no-repeat;}
.purchaseSteps ul{list-style:none;margin:0;padding:0;}
.purchaseSteps li{float:left;width:120px;height:22px;color:#174f64;font-size:0.8em;font-weight:bold;margin:0;padding:6px 0 0 25px;}
.purchaseSteps li.active{color:#fff;}

/*-------------------- Panier --------------------*/
.btnBasket{width:182px;height:22px;background:url(../images/userspace/btnBasket.gif) no-repeat;margin:10px 8px;padding:0;}
* html .btnBasket{margin:10px 4px;}
.btnBasket.left{float:left;}
.btnBasket.right{float:right;}
.btnBasket a{display:block;width:182px;height:18px;text-decoration:none;text-align:center;color:#000;font-size:0.75em;font-weight:bold;margin:0;padding:4px 0 0 0;}
.btnBasket a:hover{color:#fff;}
.basketLimitation p{background:url(../images/userspace/bgWarning.gif) no-repeat;color:#34b6e4;font-size:0.8em;font-weight:bold;margin:0 10px;padding:0 0 0 42px;}
.basketADI p{background:url(../images/userspace/bgWarning.gif) no-repeat;color:#f00;font-size:0.8em;font-weight:bold;margin:0 10px;padding:0 0 0 42px;}
.lineBasket{clear:both;width:714px;border-top:1px solid #000;font-weight:bold;margin:0 auto;padding:16px 0 16px 0;overflow:hidden;}
.lineBasket.first{border:none;margin:10px auto 0 auto;padding:0 0 6px 0;}
.headerArticle,.headerQuantity,.headerUnitPrice,.headerTotal,.article,.quantity,.unitPrice,.total{float:left;}
.headerArticle,.article{width:250px;}
.headerQuantity,.quantity{width:154px;}
.headerUnitPrice,.unitPrice{width:200px;}
.headerTotal,.total{width:110px;}
.headerArticle,.headerQuantity,.headerUnitPrice,.headerTotal{color:#000;font-size:0.8em;}
.article,.quantity,.unitPrice,.total{color:#666;font-size:0.75em;}
.quantity{background:url(../images/userspace/bgQuantityBasket.gif) no-repeat;margin:0;padding:0;min-height:30px;}
.number,.subtract,.add,.delete{float:left;}
/* BOF QI
.number{width:21px;height:18px;color:#000;font-size:1.2em;margin:0;padding:2px 0 0 28px;}
   EOF QI */
.subtract a,.add a{display:block;width:27px;height:20px;text-decoration:none;text-align:center;color:#fff;font-size:1.3em;line-height:20px;margin:0;padding:0;}
.subtract a:hover,.add a:hover{color:#000;}
.delete{margin:4px 0 0 0;padding:0;}
.delete a{text-decoration:underline;color:#666;font-size:0.9em;margin:0;padding:0;}
.delete a:hover{color:#000;}
.lineBasketBottom{width:724px;height:110px;background-color:#ccc;color:#666;font-weight:bold;margin:0;padding:0 5px;}
.leftBasketBottom{float:left;width:404px;margin:0;padding:34px 0 0 0;}
.leftBasketBottom p{font-size:0.8em;margin:-24px 0 0 0;padding:0;}
.leftBasketBottom label,.leftBasketBottom input,.leftBasketBottom a{float:left;margin:0 6px 0 0;}
.leftBasketBottom label{font-size:0.7em;padding:2px 0 0 0;}
.leftBasketBottom input{border:1px solid #666;}
.leftBasketBottom a{color:#555;font-size:0.8em;margin:-24px 0 0 0;}
.leftBasketBottom a:hover{color:#000;}
.leftBasketBottom a.promoCode, .leftBasketBottom a.promoCodeCancel {display:block;width:34px;height:18px;text-decoration:none;text-align:center;color:#fff;background:url(../images/userspace/btnPromoCodeOK.gif) no-repeat;padding:2px 0 0 0;margin:0;}
.leftBasketBottom a.promoCodeCancel{width:60px;background:url(../images/userspace/btnPromoCodeKO.gif) no-repeat;margin-left:5px;}
.rightBasketBottom{float:left;color:#000;margin:0;padding:0;}
.lineCalculs{clear:both;width:310px;margin:10px 0 0 0;padding:0;overflow:hidden;}
.lineCalculs .title,.lineCalculs .value{float:left;}
.lineCalculs .title{width:200px;font-size:0.8em;}
.lineCalculs .value{font-size:0.9em;}
.lineCalculs .messageCalculs{width:130px;background-color:#fff;border:1px solid #34b6e4;text-align:center;color:#34b6e4;font-size:0.7em;margin:0;padding:2px 4px;}
/* BOF QI */
.lineCalculs .messageCalculs{width:150px;}
/* EOF QI */
.thumbnailBasketBottom{width:724px;height:10px;background:url(../images/userspace/thumbnailBasketBottom.gif) no-repeat;margin:0;padding:0;}

/*-------------------- Zone Avantages sur le panier --------------------*/
.benefitsBasket{width:724px;margin:10px 0 0 10px;padding:0;}
.benefitsBasketTop{width:100%;height:10px;background:url(../images/userspace/bgBenefitsBasketTop.gif) no-repeat;margin:0;padding:0;overflow:hidden;}
.benefitsBasketMiddle{width:100%;background-color:#faac03;margin:0;padding:0;overflow:hidden;}
.benefitsBasketMiddle .titleBenefitsBasket{color:#fff;font-size:0.9em;font-weight:bold;margin:0 6px;padding:0;}
.benefitsBasketMiddle .high{font-size:1.3em;background-color:#fbc247;margin:0;padding:0 4px;}
.benefitsBasketMiddle .low{line-height:30px;font-size:0.8em;}
.thumbnail.benefit{width:175px;margin:6px 0 0 5px;}
* html .thumbnail.benefit{margin:6px 0 0 3px;}
.benefit .thumbnailBottomCenter{width:151px;}
.benefit .thumbnailHeaderCenter{width:159px;}
.benefit a.thumbnailHeaderLink{color:#666;}
.benefit a.thumbnailHeaderLink:hover{color:#000;}
.benefit .thumbnailContent{height:300px;}
.benefit .discount{top:94px;left:110px;}
.benefitsBasketBottom{width:100%;height:10px;background:url(../images/userspace/bgBenefitsBasketBottom.gif) no-repeat;margin:0;padding:0;overflow:hidden;}

/*-------------------- Zone Maximiles sur le panier --------------------*/
.maximilesBasket{color:#666;background:url(../images/userspace/bgMaximilesBasket.gif) no-repeat;margin:0 0 0 1px;padding:0 0 0 140px}
.titleMaximiles{font-size:1.1em;margin:0 0 20px 0;padding:0;}
.titleMaximiles img{margin:0 0 -6px 0;padding:0;}
.idMaximiles,.subMaximiles,.noMaximiles{font-size:0.8em;margin:10px 0 0 0;padding:0;}
.idMaximiles label,.idMaximiles input,.idMaximiles a{float:left;margin:0 6px 0 0;}
.idMaximiles input{border:1px solid #666;}
.idMaximiles a{float:left;display:block;width:34px;height:18px;text-decoration:none;text-align:center;color:#fff;font-weight:bold;background:url(../images/userspace/btnOKMaximiles.gif) no-repeat;margin:0;padding:2px 0 0 0;}
.idMaximiles a:hover{color:#000;}
.subMaximiles a{color:#e42c99;}

/*-------------------- Identification --------------------*/
.thumbnail.identification{padding:0 0 10px 0;}
.identification p{color:#666;font-size:0.8em;font-weight:bold;margin:0 10px;padding:0;}
.loginId,.createId{position:relative;float:left;width:360px;height:318px;background:url(../images/userspace/bgIdentification.gif) no-repeat;margin:0 0 20px 8px;padding:0;}
* html .loginId{margin:0 0 20px 4px;}
* html .createId{margin:0 0 20px 8px;}
.loginId h2,.createId h2{font-family:Arial Narrow, Helvetica, sans-serif;color:#fff;font-size:1.05em;font-weight:bold;margin:0;padding:14px 0 0 10px;}
.createId h3{color:#175065;font-size:0.8em;margin:0;padding:24px 0 0 10px;}
.lineId{margin:24px 0 0 0;padding:0 0 0 10px;overflow:hidden;}
.lineId label,.lineId input{float:left;}
.lineId label{width:130px;color:#174f64;font-size:0.8em;font-weight:bold;}
.lineId input{width:206px;border:1px solid #999;}
.lineId a{color:#174f64;float:right;font-size:0.7em;font-weight:bold;margin:10px 12px 0 0;padding:0;}
input.saveId{border:none;width:auto;margin:0;padding:0;}
label.saveId{width:auto;font-size:0.75em;margin:0 0 0 6px;padding:0;}
*+html label.saveId{margin:3px 0 0 3px;}
* html label.saveId{margin:20px 0 0 3px;}
* html input.saveId{margin:17px 0 0 0 ;}
a.btnIdentification{position:absolute;bottom:20px;left:100px;display:block;width:160px;height:22px;text-decoration:none;text-align:center;color:#fff;font-size:0.8em;font-weight:bold;background:url(../images/userspace/btnIdentification.gif) no-repeat;margin:0;padding:6px 0 0 0;;}
a.btnIdentification:hover{color:#ff9d00;}
.createId ul{list-style-image:url(../images/userspace/bgPuceId.gif);margin:30px 0 0 30px;padding:0;}
.createId li{color:#174f64;font-size:0.8em;margin:0 0 10px 0;padding:0;}

/*-------------------- Paiement --------------------*/
.quantity.noBackground{background:none;}
.thumbnail.payment{margin:10px 0 0 10px;}
.payment h3{color:#000;font-size:1em;font-weight:bold;margin:20px 0 0 10px;}
.payment p{color:#666;font-size:0.8em;font-weight:bold;margin:10px 0 0 10px;}
.payment .btnForm{font-size:0.8em;margin:20px 10px 0 0;}

/*-------------------- Confirmation de commande--------------------*/
.confirmationOrder{background:url(../images/userspace/bgConfirmation.gif) no-repeat;margin:0 0 20px 1px;padding:0 10px 0 83px;overflow:hidden;}
* html .confirmationOrder{height:1px;overflow:visible;}
.confirmationOrder p{color:#666;font-size:0.8em;font-weight:bold;margin:0 0 8px 0;padding:0;}
.confirmationOrder span{font-size:1.4em;}
.confirmationOrder .contactAddress{color:#000;font-size:1em;}
.confirmationOrder .btnForm{font-size:0.8em;}
.linksOrderForm{clear:both;color:#fff;text-align:right;margin:0 10px;padding:0;}
.linksOrderForm a{color:#fff;font-size:0.8em;font-weight:bold;}
.linksOrderForm a:hover{color:#000;}

/*-------------------- Annulation de commande --------------------*/
.annulationOrder{background:url(../images/userspace/bgAnnulation.gif) no-repeat;margin:0 0 20px 1px;padding:0 10px 0 83px;overflow:hidden;}
* html .annulationOrder{height:1px;overflow:visible;}
.annulationOrder p{color:#666;font-size:0.8em;font-weight:bold;margin:0 0 8px 0;padding:0;}
.annulationOrder span{font-size:1.4em;}

/*-------------------- Creation de compte --------------------*/
.createAccount #centralContent{margin:0 0 0 96px;}
* html .createAccount #centralContent{margin:0 0 0 48px;}

/*-------------------- Paiement facture depuis MON COMPTE --------------------*/
.paymentAccount .lineBasketBottom{height:34px;}

/*-------------------- Paiement facture en ligne (lien header) --------------------*/
.payBillOnline #rightContent{margin:0;}
.payBillOnline .loginId{width:530px;height:180px;background:url(../images/userspace/bgIdentificationLarge.gif) no-repeat;}
.payBillOnline label{width:200px;}
.payBillOnline .btnIdentification{position:static;float:right;margin:16px 10px 0 0;}
* html .payBillOnline .btnIdentification{margin:0 10px 0 0;}
.payBillOnline .section{margin:0 auto;}
.payBillOnline .ref,.payBillOnline .product,.payBillOnline .price{float:left;margin:0;padding:0;}
.payBillOnline .ref{width:110px;}
.payBillOnline .product{width:280px;}
.payBillOnline .price{width:30px;height:auto;}

/*-------------------- Mot de passe oublie --------------------*/
.mdpEmail{margin:30px 0 0 105px;padding:0;}
.mdpEmail .lineFormEmail p{font-size:1em;}
.mdpEmail label,.mdpEmail input,.mdpEmail a{float:left;margin:0 6px 0 0;}
.mdpEmail label{font-size:1em;padding:4px 0 0 0;}
.mdpEmail input{border:1px solid #666;}
.mdpEmail a{display:block;width:34px;height:20px;text-decoration:none;text-align:center;color:#fff;font-size:1.1em;background:url(../images/userspace/btnOKLarge.gif) no-repeat;padding:4px 0 0 0;}
.mdpEmail a:hover{color:#000;}
.forgottenPwd .lineSection p{padding:0 0 10px 0;}
.customer-account-forgotpassword .btnNav {float:right;margin:20px 0 0 10px;padding:0;}
/*.customer-account-forgotpassword .messages { display:none; }*/
/*-------------------- Listes des produits --------------------*/
.thumbnail.listProducts{padding:0 0 10px 0;}
*+html .thumbnail.listProducts{padding:0 0 1px 0;}
* html .thumbnail.listProducts{padding:0 0 1px 0;}
.imgListProducts{width:175px;float:left;margin:0;padding:0;}
.listProducts .simpleOfferPict{float:left;width:175px;}
.listProducts .doubleOfferPictLeft,.listProducts .doubleOfferPicto{width:78px;}
.listProducts .doubleOfferPicto{background:url(../images/userspace/plus.gif) center center no-repeat;}
.listProducts .doubleOfferPictRight{float:left;width:97px;}
.listProducts .infosOffer{float:left;width:316px;height:151px;border-left:1px dotted #666;margin:0;padding:0 8px 0 30px;overflow:hidden;}
.listProducts .txtOffer{text-align:left;font-weight:bold;margin:0 0 10px 0;padding:0;}
/* BOF QI
.listProducts .titleOffer,.listProducts .subTitleOffer{height:auto;font-size:0.75em;color:#000;margin:0 0 4px 0;padding:0;}
   EOF QI */
.listProducts .descriptionOffer{font-size:0.75em;color:#555;border-top:1px dotted #666;border-bottom:1px dotted #666;margin:0;padding:8px 0;}
.listProducts .marketMessageOffer{float:right;font-size:0.7em;color:#b01a48;margin:4px 0 0 0;padding:0;}
.listProducts .moreDetailsOffer{float:left;margin:4px 0 0 0;padding:0;}
.listProducts .discount{top:90px;left:130px;}
.listProducts .price{float:left;margin:10px 0 0 0;padding:0;}
*+html .listProducts .price{margin:0;}
* html .listProducts .price{margin:0;}
html[xmlns*=""] body:last-child .listProducts .price{margin:10px 0 0 0;}
.listProducts .addBasket{float:right;margin:12px 0 0 0;}
*+html .listProducts .addBasket{margin:2px 0 0 0;}
* html .listProducts .addBasket{margin:2px 0 0 0;}

/*-------------------- Pager --------------------*/
.pager{width:530px;height:29px;background:url(../images/mags/bgPager.png) no-repeat;font-size:0.7em;font-weight:bold;color:#666;margin:0 0 10px 10px;padding:0;}
.nbProducts,.order,.perPage,.nbPages{float:left;height:23px;border-right:1px dotted #fff;margin:0 0 0 8px;padding:6px 10px 0 0;}
* html .nbProducts{margin:0 0 0 5px;}
.nbProducts{height:22px;padding:7px 10px 0 0;}
*+html .nbProducts{height:20px;padding:9px 10px 0 0;}
* html .nbProducts{height:20px;padding:9px 10px 0 0;}
.nbPages{border:none;margin:0;padding:6px 0 0 0;}
.leftNbPages,.centerNbPages,.rightNbPages{float:left;}
.leftNbPages,.rightNbPages{width:29px;text-align:center;margin:0;padding:3px 0 0 0;}
.pager select{font-family:Verdana;font-size:10px;font-weight:bold;color:#666;border-color:#8f8f8f #cecece #cecece #8f8f8f;border-style:solid;border-width:1px;margin:0 0 0 2px;padding:0;}
.order select{width:51px;}
.perPage select{width:52px;}
.nbPages select{width:54px;}

/*-------------------- Resultat de recherche --------------------*/
.thumbnail.searchResults{margin:0 0 10px 10px;}
.searchResults p.nbResults{color:#000;font-size:0.9em;font-weight:bold;margin:0 10px;padding:0;}
.searchResults p.advice{color:#666;font-size:0.8em;margin:20px 10px;padding:0;}