h1{font-size:1.2em;font-weight:bold;margin:10px 0 0 0;padding:0;}
h2{text-align:center;font-weight:bold;font-size:1.3em;margin:5px 0 0 0;padding:2px 0 0 0;} /* definir "color" et "background-color" dans la CSS de la page concernee */

/*-------------------- Central Content --------------------*/
.reabo #centralContent{width:529px;}

/*-------------------- Onglets de navigation des homes Mags --------------------*/
#tabNavMag{position:absolute;width:307px;height:30px;border-bottom:1px solid #fff;margin:0 9px 0 0;padding:0;z-index:10;overflow:hidden;} /* definir "top" et "left" dans la CSS de la page concernee */
#tabNavMag ul{list-style:none;margin:0;padding:0;}
#tabNavMag li{float:right;text-align:center;}
#tabNavMag a{display:block;width:100%;height:22px;text-decoration:none;font-size:0.9em;font-weight:bold;margin:0;padding:8px 0 0 0;}
li.tabNavMagAbo{width:171px;height:30px;margin:0;padding:0;} /* definir "color" et "background" dans la CSS de la page concernee */
li.tabNavMagPdt{width:124px;height:30px;margin:0 0 0 12px;padding:0;} /* definir "color" et "background" dans la CSS de la page concernee */

/*-------------------- Navigation dans LA BOUTIQUE des Mags --------------------*/
#navMagPdts{margin:0 0 6px 9px;padding:4px 0 0 0;}
#navMagPdts.home{width:728px;height:36px;background:url(../images/mags/bgNavMagPdtsHome.png) no-repeat;}
#navMagPdts.nav,#navMagPdts.sousNav{width:728px;height:173px;} /* definir "background" dans la CSS de la page concernee */
#tabNavMagPdts{width:716px;height:30px;margin:0 0 0 5px;padding:0;}
#tabNavMagPdts ul{list-style:none;margin:0;padding:0;}
#tabNavMagPdts li{float:left;text-align:center;margin:0;padding:0;}
#tabNavMagPdts a{display:block;width:101px;height:31px;background-color:#e2e1dd;border-right:1px solid #fff;text-decoration:none;color:#666;font-size:0.75em;font-weight:bold;margin:0;padding:1px 0 0 0;}
#tabNavMagPdts a:hover,#tabNavMagPdts a.active{color:#fff;background-color:#666;}

/*-------------------- Categories --------------------*/
#categories{position:relative;width:724px;height:140px;margin:0 0 8px 0;padding:0;z-index:0;}
#leftCategories,#centerCategories,#rightCategories{float:left;height:140px;}
#leftCategories{width:151px;}
#centerCategories{width:206px;}
#rightCategories{width:367px;}
#categories h2{font-size:1.4em;text-align:left;margin:50px 0 0 16px;padding:0;} /* definir "color" dans la CSS de la page concernee */
#categories p{font-size:0.9em;font-weight:bold;padding:0;}
#centerCategories p{color:#666;margin:14px 0 0 10px;}
#rightCategories p{margin:14px 0 0 26px;} /* definir "color" dans la CSS de la page concernee */
#categories ul{list-style:none;margin:20px 0 0 0;padding:0;}
#categories ul.subList{position:absolute;top:52px;left:366px;width:344px;margin:0;padding:0;}
#categories li{float:left;margin:0;padding:0;}
#categories a{display:block;width:86px;background:url(../images/mags/bgCategoriesDiscOff.gif) no-repeat;text-decoration:none;color:#807f7f;font-size:0.75em;font-weight:bold;margin:0 0 6px 0;padding:0 0 0 16px;}
#categories .subList a{width:155px;}

/*-------------------- Home Mag --------------------*/
#introMagAbo{width:508px;height:194px;margin:0 auto;padding:0;} /* definir "border" et "background" dans la CSS de la page concernee */
#imgIntroMagAbo{float:left;width:190px;text-align:center;margin:0;padding:6px 0 0 0;}
#txtIntroMagAbo{float:left;width:300px;height:133px;margin:0;padding:0;overflow:hidden;}
#txtIntroMagAbo p{color:#666;font-size:0.8em;font-weight:bold;text-align:justify;margin:10px 0 0 0;padding:0;}
#pageFlipButton{float:left;width:300px;height:64px;margin:0;padding:0;}
#pageFlipButton a{display:block;width:136px;height:46px;text-decoration:none;color:#394a59;font-size:1.1em;margin:0 auto;padding:18px 0 0 62px;}
#pageFlipButton a:hover{text-decoration:underline;cursor:pointer;}
#offersMagAbo{width:508px;margin:10px auto 0 auto;padding:0;} /* definir "border" dans la CSS de la page concernee */
#offersMagAbo hr{width:501px;height:1px;border:1px solid #ddd;margin:0 auto;padding:0;}
.lineOffersMagAbo{position:relative;cursor:pointer;width:497px;height:120px;/*88px;*/border:2px solid #fff;background-color:#fff;margin:6px auto;padding:6px 0 0 0;}
*+html .lineOffersMagAbo{margin:3px auto;}
* html .lineOffersMagAbo{margin:3px auto;}
.lineOffersMagAbo.first{height:188px;}
.lineOffersMagAbo:hover{border:2px solid #999;background-color:#f2f2f2;}
.inputOffersMagAbo,.imgOffersMagAbo,.txtOffersMagAbo{float:left;}
.inputOffersMagAbo{margin:32px 0 0 0;padding:0;}
.first .inputOffersMagAbo{margin:86px 0 0 0;}
.imgOffersMagAbo{width:170px;text-align:center;margin:6px 0 0 0;padding:0;}
.imgLeftOffersMagAbo{float:left;width:90px;text-align:left;margin:0 0 0 6px;padding:0;} /* definir "background" (+) dans la CSS de la page concernee */
.imgRightOffersMagAbo{float:left;width:60px;margin:0 0 0 6px;padding:0;}
.txtOffersMagAbo{width:230px;color:#333;font-weight:bold;margin:5px 0 0 0;padding:0;}
.first .txtOffersMagAbo{width:220px;}
.durationOffersMagAbo{font-size:1em;margin:0;padding:0;}
.first .durationOffersMagAbo{font-size:1.6em;}
.numberMags{font-size:0.8em;}
.priceOffesrMagAbo{font-size:1em;margin:0;padding:0;} /* definir "color" dans la CSS de la page concernee */
.first .priceOffesrMagAbo{font-size:1.4em;}
.lineThrough{color:#333;font-size:0.9em;text-decoration:line-through;margin:0;padding:0;}
.detailsOffersMagAbo{font-size:0.8em;margin:0;padding:0;}
.marketMessOffersMagAbo{font-size:0.8em;margin:0;padding:0;} /* definir "color" dans la CSS de la page concernee */
.first .marketMessOffersMagAbo{font-size:1em;margin:20px 0 0 0;}
.discount{top:16px;right:10px;} /* definir "background" dans la CSS de la page concernee */
.largeDiscount{top:16px;right:10px;} /* definir "background" dans la CSS de la page concernee */
#addBasketAbo{float:right;width:190px;height:33px;margin:10px 10px 10px 0;padding:0;} /* definir "background" dans la CSS de la page concernee */ 
* html #addBasketAbo{margin:10px 5px 10px 0;}
#addBasketAbo input{background:transparent;display:block;width:164px;height:24px;cursor:pointer;border:0;color:#fff;font-size:0.65em;font-weight:bold;margin:0;padding:0 16px 1px 0;text-align:left;}
#mentionOffersMagAbo{clear:both;font-size:0.6em;color:#999;margin:10px;padding:0;}

/*-------------------- Reabonnement --------------------*/
.reabo h1{text-align:center;text-decoration:underline;font-size:1.7em;margin:0;padding:0;}
h1.reabo{text-align:center;}
#reaboSteps{width:185px;margin:0 0 10px 0;padding:0;}
#reaboStep1{margin:0;padding:37px 0 0 0;}
#reaboStep2{margin:0;padding:82px 0 0 0;}
#reaboStep3{width:185px;margin:0;padding:47px 0 0 0;}
#reaboStep4{position:relative;height:106px;margin:0;padding:0;}
.reaboStepContent{margin:0;padding:8px 0;}
.titleStep{text-align:center;font-size:1em;font-weight:bold;color:#666;margin:0;padding:0;} /* definir "color" dans la CSS de la page concernee */
.offer,.total{font-size:0.9em;font-weight:bold;margin:0;padding:6px 14px;} /* definir "color" dans la CSS de la page concernee */
.promoCode{margin:0;padding:14px;}
.promoCode label{font-size:0.9em;font-weight:bold;margin:0;padding:0;}
.promoCode input{width:114px;margin:4px 0 0 0;padding:0;}
.promoCode a{text-decoration:none;text-align:center;font-size:0.8em;font-weight:bold;margin:0 0 0 4px;padding:3px 8px;} /* definir "background" et "color" dans la CSS de la page concernee */
.address{font-size:0.7em;margin:0;padding:6px 14px;} /* definir "color" dans la CSS de la page concernee */
.modifyAddress{text-align:right;margin:0;padding:0;}
.modifyAddress a{color:#666;font-size:0.7em;font-weight:bold;margin:0;padding:0 10px 0 0;}
.modifyAddress a:hover{color:#000;}
#reaboStep3 select{width:160px;margin:6px 0 0 13px;padding:0;}
#reaboStep4 a{position:absolute;top:58px;left:13px;display:block;width:158px;height:25px;text-decoration:none;text-align:center;font-size:0.9em;font-weight:bold;margin:0;padding:8px 0 0 0;}/* definir "color" dans la CSS de la page concernee */
*+html #reaboStep4 a{font-size:0.95em;}
* html #reaboStep4 a{font-size:0.95em;}
.reabo .discount{top:16px;right:10px;} /* definir "background" dans la CSS de la page concernee */
.reabo .largeDiscount{top:16px;right:10px;} /* definir "background" dans la CSS de la page concernee */

/*-------------------- Home Mag Pdts --------------------*/
.thumbnail.homeMagPdts{width:175px;margin:6px 0 0 6px;}
* html .thumbnail.homeMagPdts{margin:5px 0 0 4px;}
.homeMagPdts .thumbnailBottomCenter{width:151px;}
.homeMagPdts .thumbnailHeaderCenter{width:159px;}
.homeMagPdts a.thumbnailHeaderLink{color:#666;}
.homeMagPdts a.thumbnailHeaderLink:hover{color:#000;}
.homeMagPdts .thumbnailContent{height:300px;}
.homeMagPdts .discount{top:94px;left:110px;}

/*-------------------- Produit du moment --------------------*/
.thumbnail.pdtOfTheMoment{margin:0 0 0 6px;width:537px;}
.pdtOfTheMoment .thumbnailTopCenter,.pdtOfTheMoment .thumbnailBottomCenter{width:513px;}
* html .thumbnail.pdtOfTheMoment{margin:0 0 0 3px;}
.imgPdtOfTheMoment{width:200px;float:left;border:1px dotted #666;margin:0 0 0 10px;padding:0;}
* html .imgPdtOfTheMoment{margin:0 0 0 4px;}
.pdtOfTheMoment .simpleOfferPict{float:left;width:200px;}
.pdtOfTheMoment .doubleOfferPictLeft,.benefits .doubleOfferPicto{width:78px;}
.pdtOfTheMoment .doubleOfferPicto{background:url(../images/userspace/plus.gif) center center no-repeat;}
.pdtOfTheMoment .doubleOfferPictRight{float:left;width:97px;}
.pdtOfTheMoment .infosOffer{float:left;width:300px;height:151px;margin:0;padding:0 8px 0 10px;overflow:hidden;}
.pdtOfTheMoment .txtOffer{text-align:left;font-weight:bold;margin:0 0 10px 0;padding:0;}
.pdtOfTheMoment .titlePdtOfTheMoment{font-size:1em;font-weight:bold;border-bottom:1px dotted #666;margin:0 0 10px 0;padding:0 0 1px 0;}
.pdtOfTheMoment .titleOffer,.pdtOfTheMoment .subTitleOffer{height:16px;font-size:0.8em;color:#000;margin:0 0 4px 0;padding:0;}
.pdtOfTheMoment .marketMessageOffer{height:16px;font-size:0.7em;color:#b01a48;margin:4px 0 0 0;padding:0;}
.pdtOfTheMoment .moreDetailsOffer{float:left;margin:20px 0 0 0;padding:0;}
.pdtOfTheMoment .discount{top:89px;left:147px;}
.pdtOfTheMoment .marketPicto{top:132px;left:11px;}
.pdtOfTheMoment .price{float:right;margin:0px 0 0 0;}
.pdtOfTheMoment .addBasket{float:right;clear:both;}

/*-------------------- 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 .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;}
.listProducts .titleOffer,.listProducts .subTitleOffer{height:auto;font-size:0.75em;color:#000;margin:0 0 4px 0;padding:0;}
.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;}

/*-------------------- Detail produit --------------------*/
.thumbnail.detailProduct{margin:0 0 0 9px;width:533px;}
.detailProduct .thumbnailTopCenter,.detailProduct .thumbnailBottomCenter{width:509px;}
* html .thumbnail.detailProduct{margin:0 0 0 4px;}
.imgDetailProduct{position:relative;width:200px;float:left;margin:0 0 0 10px;padding:0;}
* html .imgDetailProduct{margin:0 0 0 4px;}
.detailProduct .simpleOfferPict{float:left;width:200px;}
.detailProduct .doubleOfferPictLeft{width:100px;}
.detailProduct .doubleOfferPictRight{float:left;width:100px;}
.detailProduct .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:20px 0 0 0;padding:3px 0 0 26px;}
.detailProduct .miniatures{margin:10px 0 0 0;padding:0;}
.detailProduct .miniatures a{margin:0 6px 0 0;padding:0;}
.detailProduct .infosOffer{float:left;width:306px;margin:0 0 0 6px;padding:0;overflow:hidden;}
.detailProduct .titleOffer{height:auto;color:#666;font-size:1em;font-weight:bold;margin:0 0 6px 0;padding:0;}
.detailProduct .subTitleOffer{color:#666;font-size:0.7em;border-bottom:1px dotted #b5b5b5;margin:0 0 10px 0;padding:0 0 6px 0;}
.detailProduct .marketMessageOffer{float:left;width:150px;color:#b01a48;font-size:0.7em;font-weight:bold;margin:0;padding:6px 0 0 0;}
.detailProduct .price{float:right;margin:0px 0 0 0;}
.detailProduct .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 .detailProduct .shipping{margin:-10px 0 0 0;}
.detailProduct .requiredInfos{border-top:1px dotted #b5b5b5;border-bottom:1px dotted #b5b5b5;margin:10px 0;padding:4px 0;overflow:hidden;}
.detailProduct .select{float:left;margin:0;padding:0;}
.detailProduct .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;}
.detailProduct .quantity{float:right;font-weight:bold;margin:0;padding:4px 0;}
.detailProduct .quantity span{float:left;color:#666;font-size:0.75em;margin:0 10px 0 0;padding:2px 0 0 0;}
.detailProduct .quantity .number{float:left;width:30px;background-color:#e2e1dd;text-align:center;color:#000;font-size:0.9em;margin:0 4px 0 0;padding:2px 0;}
.detailProduct .quantity 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;}
.detailProduct .quantity a:hover{background-color:#666;color:#fff;}
.detailProduct .logo{float:left;width:140px;margin:0;padding:0;overflow:hidden;}
.detailProduct .addBasket{float:right;clear:both;}
.detailProduct .description{text-align:justify;color:#666;font-size:0.7em;margin:12px 0 8px 0;padding:6px;}
.detailProduct .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;}
.detailProduct .discount{top:160px;left:140px;}
.detailProduct .doubleOffer .discount{top:95px;left:140px;}
.detailProduct .marketPicto{top:184px;left:0;}
.detailProduct .doubleOffer .marketPicto{top:90px;left:0;}
.detailProduct .mention{clear:both;font-size:0.6em;color:#999;margin:0;padding:0 0 10px 0;}

/*-------------------- Vignette "site EDITORIAL" --------------------*/
.urlSiteEditorial a{display:block;text-decoration:none;font-size:0.8em;margin:0 0 0 12px;padding:0;} /* definir "color" dans la CSS de la page concernee */
.urlSiteEditorial a:hover{text-decoration:underline;} /* definir "color" dans la CSS de la page concernee */

/*-------------------- BOF QI --------------------*/
.listProducts .titleOffer,.listProducts .subTitleOffer{height:16px;font-size:0.75em;color:#000;margin:0 0 4px 0;padding:0;}
.promoCode input{width:108px;vertical-align:baseline;}
/*-------------------- EOF QI --------------------*/