/* CSS PNG Transparency fix by Rogie King, Komodo Media Patched by Herryanto Siatono, Pluit Solutions to solve background 'none' call to the server */ * html img, * html .png { azimuth: expression( this.pngSet? this.pngSet=true : (this.nodeName == "IMG" ? (this.src.toLowerCase().indexOf('.png')>-1 ? (this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/static/images/blank.gif") : '' ) : (this.currentStyle.backgroundImage.toLowerCase().indexOf('.png')>-1) ? (this.origBg = (this.origBg) ? this.origBg : this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')" , this.runtimeStyle.backgroundImage = "none" ) : '' ), this.pngSet=true ); } body { margin: 0 0 0 0;padding-bottom:20px;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} *+html .clearfix {display:inline-block; } /*************************************************** Typography, Image ***************************************************/ body, p, li {font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif;color:#806898 } h1, h2, h3, h4, h5 {font-weight:bold;} h1 {font-size:20px;font-weight:normal;padding:0px;margin:0px;line-height:20px;} h2 {font-size:16px;} h3 {font-size:14px;color:#333333;color:#806898;line-height:18px;} h4 {font-size:13px;color:#666;} h5 {font-size:12px;color:#535353;margin-bottom:12px;} a {font-size:14px;text-decoration:none;outline:none;} a:link, a:active, a:visited {color:#806898;} a:hover {color:#e84392;} P { padding: 0px 0px 15px 0px; } .noteSousTitre{ padding:12px 0px 0px 0px;} .noteSousPromo{ padding:0px 0px 0px 0px;} EM { font-style: italic; } SUP { font-size: 0.7em; } /*** Listes ***/ ol, ul { padding:0 0 0 40px; margin: 20px 0 0 0; } ul ul { margin: 10px 0 0 0; } ul li { color: #666666; padding-bottom: 10px; } /* list-style-image: url(/images/li.gif); */ ol li { list-style-type: decimal; } ul.fleches {list-style-type: none; padding:0 0 0 40px;} UL.fleches LI {padding:0 0 10px 0;} /*************************************************** Backgrounds ***************************************************/ #Home {background:#ebefee;} #ProductsHub, #Satisfaction {background:url(/static/images/bgFlash.gif) #f1ecee;} #Satisfaction #backgroundWrap {background:url(/static/images/bgSatisfaction.jpg) no-repeat center 4px ;} #LimitedEdition {background:url(/static/images/bgLimitedEditionRepeat.jpg) repeat-x top center #efeeec;} #LimitedEdition #backgroundWrap {background:url(/static/images/bgLimitedEdition.jpg) no-repeat top center;} #Nature, #Vanille, #Fraises,#Framboises, #FruitsChamps, #FraisesBananes, #Cerises, #Peches, #Kiwis, #Mangues, #Ananas, #Bleuets, #FramboisePitayas, #FraisesLiches, #Passion, #GrenadeBleuet, #Nutrition, #Recettes, #Telechargement, #TrucsAstuces, #TrucsAstucesDefault, #TrenteCinqAns {background:#f5f5f5;} #Nature #backgroundWrap {background:url(/static/images/bgNature.jpg) no-repeat top center;} #Vanille #backgroundWrap {background:url(/static/images/bgVanille.jpg) no-repeat top center;} #Fraises #backgroundWrap {background:url(/static/images/bgFraises.jpg) no-repeat top center;} #Framboises #backgroundWrap {background:url(/static/images/bgFramboises.jpg) no-repeat top center;} #FruitsChamps #backgroundWrap {background:url(/static/images/bgFruitsChamps.jpg) no-repeat top center;} #FraisesBananes #backgroundWrap {background:url(/static/images/bgFraisesBananes.jpg) no-repeat top center;} #Cerises #backgroundWrap {background:url(/static/images/bgCerises.jpg) no-repeat top center;} #Peches #backgroundWrap {background:url(/static/images/bgPeches.jpg) no-repeat top center;} #Kiwis #backgroundWrap {background:url(/static/images/bgKiwis.jpg) no-repeat top center;} #Mangues #backgroundWrap {background:url(/static/images/bgMangues.jpg) no-repeat top center;} #Ananas #backgroundWrap {background:url(/static/images/bgAnanas.jpg) no-repeat top center;} #Bleuets #backgroundWrap {background:url(/static/images/bgBleuets.jpg) no-repeat top center;} #FramboisePitayas #backgroundWrap {background:url(/static/images/bgFramboisePitayas.jpg) no-repeat top center;} #FraisesLiches #backgroundWrap {background:url(/static/images/bgFraisesLiches.jpg) no-repeat top center;} #Passion #backgroundWrap {background:url(/static/images/bgPassion.jpg) no-repeat top center;} #GrenadeBleuet #backgroundWrap {background:url(/static/images/bgGrenadeBleuet.jpg) no-repeat top center;} /*Satisfaction - Gamme de produit*/ #SatisfactionFraise #backgroundWrap {background:url(/static/images/bgSatisfactionFraises.jpg) no-repeat top center;} #SatisfactionPechesMangues #backgroundWrap {background:url(/static/images/bgSatisfactionPechesMangues.jpg) no-repeat top center;} #SatisfactionFruitsRougesMuesli #backgroundWrap {background:url(/static/images/bgSatisfactionRougesMuesli.jpg) no-repeat top center;} #SatisfactionBleuetsMuresMuesli #backgroundWrap {background:url(/static/images/bgSatisfactionBleuetsMuesli.jpg) no-repeat top center;} /*Satisfaction - Essayez-le !*/ #SatisfactionEssayezLeForm #backgroundWrap {background:url(/static/images/bgSatisfactionEssayezLeForm.jpg) no-repeat top center;} /*Satisfaction - Fonctionne vraiment*/ #SatisfactionFonctionneVraiment #backgroundWrap {background:url(/static/images/bgSatisfactionFonctionneVraiment.jpg) no-repeat top center;} /*Satisfaction - Grand Secret*/ #SatisfactionGrandSecret #backgroundWrap {background:url(/static/images/bgSatisfactionGrandSecret.jpg) no-repeat top center;} #menuGrandSecret ul{ list-style:none; margin:0px; padding:0px;} #menuGrandSecret ul a{cursor:pointer;} /*Recettes et nutrition*/ #Nutrition #backgroundWrap {background:url(/static/images/bgNutrition.jpg) no-repeat top center;} #Recettes #backgroundWrap {background:#f5f5f5 url(/static/images/bgRecettes.jpg) no-repeat top center;} #Telechargement #backgroundWrap {background:#f5f5f5 url(/static/images/bgTelechargement.jpg) no-repeat top center;} #TrucsAstuces #backgroundWrap {background:#f5f5f5 url(/static/images/bgTrucsAstuces.jpg) no-repeat top center;} /*35 ans*/ #TrenteCinqAns #backgroundWrap {background:#f5f5f5 url(/static/images/bg35ans.jpg) no-repeat top center;} #Concours, #Inscription, #InviteAmis, #InviteAmisConfirmation {background:url(/static/images/bgCadeauxSurprisesRepeat.jpg) repeat-x top left;} #Concours #backgroundWrap, #InviteAmis, #InviteAmisConfirmation {background:url(/static/images/bgCadeauxSurprisesRepeat.jpg) repeat-x top left;} #Concours #backgroundWrap, #Inscription #backgroundWrap, #InviteAmis #backgroundWrap, #InviteAmisConfirmation #backgroundWrap {background:url(/static/images/bgConcoursCanon.jpg) no-repeat top center;} #Inscription {background:#f5f5f5;} #CouponsRabais, #CouponsRabaisConfirmation, #GalerieReponses, #Promotions {background:url(/static/images/bgCadeauxSurprisesRepeat.jpg) repeat-x top left;} #CouponsRabais #backgroundWrap, #CouponsRabaisConfirmation #backgroundWrap {background:url(/static/images/bgCouponsRabais.jpg) no-repeat top center;} #Promotions #backgroundWrap {background:#f5f5f5 url(/static/images/bgPromotion.jpg) no-repeat top center;} #Promotions #backgroundWrap.sansPanier {background:#f5f5f5 url(/static/images/bgCouponsRabais.jpg) no-repeat top center;} #GalerieReponses #backgroundWrap {background:url(/static/images/bgGalerieReponses.jpg) no-repeat top center #f5f5f5;} /*Nouveautes et exclusivites*/ #NouveautesExclusivites #productsNav ul {width:575px; margin-top:-190px; position:absolute; margin-left:190px; } #NouveautesExclusivites #productsNav ul li{ float:left; margin-right:45px; } #NouveautesExclusivites #productsNav ul li a{font-size:14px; font-weight:bold; padding-top:200px; width:200px; text-align:center; float:left; cursor:pointer; } #NouveautesExclusivites {background:#f5f5f5;} #NouveautesExclusivites #backgroundWrap {background:url(/static/images/bgNouveautesExclusivites.jpg) no-repeat top center #f5f5f5;} #Nouveautes {background:#f5f5f5;} #Nouveautes #backgroundWrap {background:url(/static/images/bgNouveautes.jpg) no-repeat top center #f5f5f5;} /*************************************************** Main container layout ***************************************************/ #wrap {width:885px; text-align:left; margin:auto;position:relative;padding-left:10px;} /*** Header ***/ #header {position:relative;height:147px;} .logo {position:absolute;left:0px;top:15px;} /*** Ul Menu layout ***/ #utliBlock {z-index:99;} #utliBlock ul.menu { margin:0; padding:0; } #utliBlock ul.menu li {float:left;padding:0 10px 0 10px; margin:0; list-style-type: none; list-style-image: none; } #menuMain ul.menu { margin:12px 0px 12px 15px; padding:0; } #menuMain ul.menu li {padding:0 0 0px 0; margin:0; list-style-type: none; list-style-image: none; } #subNav ul.menu { margin:0; padding:0; } #menuSub ul.menu li {padding:0 10px 0 0; margin:0; list-style-type: none; list-style-image: none; } #footer ul.menu { margin:0; padding:0; } #footer ul.menu li {float:left;padding:0 10px 0 0; margin:0; list-style-type: none; list-style-image: none; } /*** Ulti ***/ #utliBlock {position:absolute;top:5px;right:26px;text-align:right;} #utliBlock ul li {background:url(/static/images/verticalLineNav.gif) repeat-y top right;} #utliBlock ul li a {color:#806898;font-size:10px;} #utliBlock ul li a:hover {color:#e84392;} #utliBlock ul li.last {background:none;} /*** Main Navigation ***/ #mainNav {position:absolute;right:23px; top:35px;} #menuMain {} #menuMain .item, #menuMain .leaf { padding:0 0px 0 0; } #menuMain ul {padding-left:0px;} #menuMain ul li {color:#806898;display:inline;background:url(/static/images/verticalLineNav.gif) repeat-y top right;} #menuMain ul li.selected, #menuMain ul li.selected a.selected {color:#e84392;} #menuMain a:link, #menuMain a:active, #menuMain a:visited {color:#806898;font-size:17px;font-weight:normal;padding:0px 9px 0px 10px;} #menuMain a:hover {color:#e84392;} #menuMain ul li.last {background:none;} /*** subNav ***/ #subNav {position:absolute;top:71px;right:6px;padding:0px 9px 0px 10px;} #subNav .item, #subNav .leaf { padding:0 0px 0 0; } #subNav ul {padding-left:0px;} #subNav ul li {color:#806898;display:inline;background:url(/static/images/verticalLineNav.gif) repeat-y top right ;} #subNav ul li.selected a.selected {color:#e84392;} #subNav a:link, #subNav a:active, #subNav a:visited {color:#806898;font-size:12px;font-weight:normal;padding:0px 9px 0px 10px;} #subNav a:hover {color:#e84392;} #subNav ul li.last {background:none;text-align:right;} /*** productsNav ***/ #productsNav {position:absolute;top:382px; left:20px;width:480px;} #productsNav ul {padding:0px;margin-top:0px;} #productsNav ul li {list-style:none;display:inline;padding:0px 8px 0px 0px;} #productsNav ul li a {font-size:12px;} #productsNav ul li.selected, #productsNav ul li.selected a.selected {color:#e84392;} #productsNav ul li ul li.selected, #productsNav ul li ul li.selected a.selected {color:#e84392;} /*#productsNav #menuProducts_item_2 .link {color:#e84392;}*/ /* FOR PRESELECTED SUBNAV */ /**** Sub sub nav noshow ******/ #ProductsHub #productsNav, #CadeauxSurprises #productsNav, #Concours #productsNav, #Inscription #productsNav, #InviteAmis #productsNav, #InviteAmisConfirmation #productsNav, #CouponsRabais #productsNav, #GalerieReponses #productsNav {display:none;}/* Sub Sub hide on the root */ /*************************************************** Content layout ***************************************************/ #Home #backgroundWrap, #LimitiedEditionFlash #backgroundWrap {display:none;} #LimitiedEditionFlash {border:1px solid red;height:100%;} .contentHeader {display:none;} #contentWrap {min-height:460px;position:relative;padding:12px 0px 0px 10px;}/* contentWrap min-height to be defined base on layout*/ #ProductsHub #contentWrap {min-height:435px} #content, .contentHeader {}/* #content and .contentHeader min-height to be defined base on layout*/ #content {} /*** Products **/ #lnkSatisfaction, #lnkSilhouette0, #lnkEditionLimitee {position:absolute;top:0px;text-align:center;} #lnkSatisfaction a, #lnkSilhouette0 a, #lnkEditionLimitee a {text-align:center;font-size:16px;font-weight:bold;line-height:33px;} #lnkSatisfaction a span , #lnkSilhouette0 a span, #lnkEditionLimitee a span {font-weight:normal;line-height:24px;text-align:center;font-size:21px;background:url(/static/images/bgHr.gif) repeat-x bottom left;} #proText {width:501px;font-size:16px;color:#806898;} #proText h1 {font-weight:normal;font-size:16px;} #proText h1 .small {font-size:12px;padding-top:5px;display:block;} #proText .disclaimer {font-size:10px;} .FormatViewBlock {background:#fff;width:340px;display:none;padding:8px 5px 15px 5px;position:relative;border:1px solid #806898;} .closeBtn {position:absolute;bottom:4px;right:7px;} /*** Limitied Edition **/ #ctaText {width:219px;} #yogurt1, #yogurt2 {position:absolute;text-align:center;font-weight:normal;font-size:17px;} #yogurt1 {top:341px; right:320px;width:270px;} #yogurt2 {top:341px; right:15px;width:270px;} #decouvrir {position:absolute;top:188px;background:url(/static/images/bgHr.gif) repeat-x bottom left;padding-right:39px;} #decouvrir a {font-weight:normal;color:#e74493;} #decouvrir a:hover {color:#806898;} #productsInfoBlock {margin:50px 0px 0px -55px;position:absolute;top:128px} #productsInfoBlock ul li {background:url(/static/images/horizontalLnkSplit.jpg) no-repeat left bottom;list-style-type: none;width:300px;padding-left:15px;color:#e74493;padding:5px 0px 7px 15px;font-size:14px;} #productsInfoBlock ul li a {color:#5a2d85;font-size:14px;} #productsInfoBlock ul li a:hover {color:#e74493;} #productsInfoBlock ul li.gap {padding-top:75px;} /*satisfaction gap*/ #SatisfactionFraise #productsInfoBlock ul li.gap, #SatisfactionPechesMangues #productsInfoBlock ul li.gap, #SatisfactionFruitsRougesMuesli #productsInfoBlock ul li.gap, #SatisfactionBleuetsMuresMuesli #productsInfoBlock ul li.gap {padding-top:50px;} .ft-disclaimer {position:absolute;top:453px;width:875px;} .ft-disclaimer p {text-align:center;font-size:10px;padding:0;color:#775b91;} /*** Cadeaux et Surprises ***/ #CadeauxSurprises .colWrap {margin-top:230px; height:14px;} *html #CadeauxSurprises .colWrap {margin-top:243px; height:14px;} *+html #CadeauxSurprises .colWrap {margin-top:243px; height:14px;} #CadeauxSurprises .colWrap .col {float:left;width:200px;text-align:center;margin:0px 0px 0px 6px;font-weight:bold;line-height:14px;} #CadeauxSurprises #ctaWrap {text-align:center;font-size:14px;width:636px;margin:auto;margin-top:34px;} #CadeauxSurprises .linkWrap ul {margin:0px;padding:0px;text-align:center;margin-top:12px;} #CadeauxSurprises .linkWrap ul li {font-size:20px;color:#5a2d85;background:url(/static/images/bgHr.gif) repeat-x bottom left;padding:0px 0px 2px 0px;list-style:none;text-align:center;margin:auto; width:440px;} #CadeauxSurprises .linkWrap ul li a {font-size:20px;color:#5a2d85;} #CadeauxSurprises .linkWrap ul li a:hover {font-size:20px;color:#e74493;} #CadeauxSurprises #contentWrap { min-height:412px;} /*** Concours ***/ #Concours h1 {margin-bottom:26px;} #Concours .block {background:url(/static/images/bgWhiteBlock.png) no-repeat left bottom;width:214px;padding:16px 23px 16px 17px;margin:24px 0px 41px 0px;} #Inscription ul {padding:0px;margin:0px 0px 32px 0px;} #Inscription ul li {list-style:none;margin:0px 0px 5px 0px;padding:0px;color:#3e1366;font-weight:bold;} #Inscription li.question {padding:10px 0px 0px 0px;color:#3e1366;font-weight:bold;margin:0px 0px 0px 0px;} #Inscription li#quizAnwser {padding-bottom:20px;} .stepBlock1 {background:url(/static/images/stepBlock1.gif) no-repeat; width:418px; height:38px;margin:20px 0px 20px 0px;} .stepBlock2 {background:url(/static/images/stepBlock2.gif) no-repeat; width:418px; height:38px;margin:20px 0px 20px 0px;} .stepBlock1 .step2 {color:#cfcad7;} .step1, .step2 {width:160px;float:left;margin:12px 0px 0px 12px;font-weight:bold;} .step2 {width:234px; margin:12px 0px 0px 12px;} .step1 .indicator, .step2 .indicator {color:#e74493;} .count {text-align:right;width:419px;margin-bottom:19px;color:#e74493;font-weight:bold} .transConcours, .transRebais, .transPromotion, .transNouveaute {top:80px;width:200px;height:150px;position:absolute;} .transRebais {left:220px;} .transPromotion {left:440px;width:175px;} .transNouveaute {left:650px;width:175px;} .lblDejaRepondu {color:#e74493;width:425px;margin-bottom:23px;} .rules a {text-decoration:underline;font-size:12px;color:#3e1366;} #myform input {color:#4d4d4d;} #myform li {position:relative;} #myform .lbl-abs {position:absolute;color:#806898;font-size:11px;top:3px;left:12px;} #myform .lbl-abs-focus {color:#d0d0d0} /*** Coupons Rebais ***/ #CouponsRabais .couponWrap {display:none;} /*Only when switch require(No Coupon)*/ /*#CouponsRabais .noCouponWrap {display:none;}*/ /*COMMENT OUT THE CLASS TO THE LEFT Only when switch require(A coupon is available)*/ #CouponsRabais .couponWrap {position:absolute;top:8px;text-align:center; width:100%; } #CouponsRabais .couponWrap img {margin-bottom:15px;} #CouponsRabais .couponWrap a {background:url(/static/images/bgHr.gif) repeat-x left bottom; padding:0px 3px 2px 3px;font-size:20px;} #CouponsRabais .couponWrap a.petit { font-size:12px; background:none; text-decoration:underline;} #CouponsRabais .noCouponWrap {margin:auto;width:500px;} #CouponsRabais .noCouponWrap ul {margin:0px 0px 0px 100px;padding:0px;} #CouponsRabais .small{ font-size:9px;} #CouponsRabais .noCouponWrap ul li {list-style:none;margin:0px 15px 15px 0px;display:inline;} /*** Inviter Amis ***/ #merciWrap {width:418px;} #merciWrap .col1, #merciWrap .col2 {float:left;width:208px;} #merciWrap .col2 {float:left;width:170px;margin-left:40px;} .captionBlock {background:#fff;padding:13px 12px 13px 12px;margin:19px 0px 19px 0px;} #merciWrap ul {margin:0px 0px 7px 0px;padding:0px;} #merciWrap ul li {list-style:none;font-size:11px;font-weight:bold;color:#3e1366;} .inviteLnk {font-size:11px;font-weight:bold;padding-right:20px; display:inline-block;background:url(/static/images/bgInviteLink.gif) no-repeat right 12px;margin-bottom:9px;} a.inviteLnk {text-decoration:underline;} /*** Validation button ***/ .btnValidate {background:url(/static/images/btnValidate.gif) no-repeat top left;padding:10px 0px 11px 0px;text-align:center;width:73px;display:inline-block;} a.btnValidate {color:#fff;} .btnValidate:hover {background:url(/static/images/btnValidate.gif) no-repeat 0px -43px;padding:10px 0px 11px 0px;text-align:center;width:73px;display:inline-block;} /*** Participer button ***/ .btnParticiper {background:url(/static/images/btnParticiper.gif) no-repeat top left;padding:13px 0px 10px 0px;width:100px;display:inline-block;text-align:center;float:left;} a.btnParticiper {color:#fff;} .btnParticiper:hover {background:url(/static/images/btnParticiper.gif) no-repeat 0px -44px;} /*** LireReponses button ***/ .btnLireReponses {background:url(/static/images/btnLireReponses.gif) no-repeat top left;padding:7px 0px 6px 0px;width:144px;display:inline-block;text-align:center;line-height:15px;float:left;margin-left:7px;} a.btnLireReponses {color:#fff;} .btnLireReponses:hover {background:url(/static/images/btnLireReponses.gif) no-repeat 0px -44px;text-align:center;} /**** Promotion ******/ #h1Title {margin-bottom:13px;} .promotionWrap {width:857px;margin-bottom:4px;background:#fafafa;font-size:14px; min-height:149px;} *html .promotionWrap {height:149px;} .promotionWrap .productImg {width:151px;height:149px;background:#fff;float:left;border-right:1px solid #e9e7ee;} .promotionWrap .productDetails {width:263px;background:#fafafa;float:left;margin:28px 0px 28px 24px;min-height:93px;} .promotionWrap .productDetails .productType {margin-top:16px;display:block;} .promotionWrap .productAvailibilty {width:229px; padding:0 17px 28px 17px; background:#fafafa;float:left;border-right:1px solid #e9e7ee;border-left:1px solid #e9e7ee;margin:28px 0px 0px 0px;min-height:93px;} .promotionWrap .productAvailibilty img {border-right:1px solid #E9E7EE; border-bottom:1px solid #E9E7EE; float:left;} .promotionWrap .productPrice {width:104px;background:#fafafa;float:left;margin:28px 0px 28px 24px;min-height:93px;} .promotionWrap .productAvailibilty img.sansMarge {border-right:0px;} .promotionWrap .productPrice .Price {margin-top:16px;display:block;} .promotion-ft {font-size:11px;text-align:left;} #toronto, #quebec, #west, #maritimes { display:none;} .toronto.linked, .west.linked, .quebec.linked, .maritimes.linked {color:#e84392;} #cityMenu {} #cityMenu ul {margin:0px;padding:0px;} #cityMenu ul li.first { padding-left:0px;} #cityMenu ul li {color:#806898; float:left;background:url(/static/images/verticalLineNav.gif) repeat-y top right ;} #cityMenu ul li.last {background:none;} #cityMenu ul { margin:0; padding:0;} #cityMenu ul li {padding:0 10px 0 8px; margin:0; list-style-type: none; list-style-image: none; } /******** Galarie et Reponse *********/ #responseContainer {width:864px;} .responseBlock {background:#fff;padding:20px;width:819px;} #responseContainer .hr {background:url(/static/images/hrReponse.gif) repeat-x;margin:4px 0px 4px 0px;width:859px;height:1px;} #responseTopLevel {margin-top:19px;} #responseTopLevel, #responseMidLevel {margin-bottom:14px;} .btnResponseTop {font-weight:bold;font-size:12px;Background:#fff;width:119px;height:75px;padding:10px 10px 15px 10px;display:block;text-align:center;float:left; margin-right:5px;} a.btnResponseTop span {color:#e74493;} .btnResponseTop.disabled {Background:#f6f6f4;color:#cfcad7;} .btnVoir {float:left;background:url(/static/images/btnVoir.gif) no-repeat #fff top left;padding:9px 14px 7px 24px;font-size:11px;margin-right:5px;} .btnVoir.disabled {background:url(/static/images/btnVoir.gif) no-repeat #f6f6f4 left -23px ;padding:9px 14px 7px 24px;} .pager {text-align:center;margin-top:19px;} .floater {float:right;margin-top:9px;font-size:11px;} .btnFB {background:url(/static/images/fbSmall.gif) no-repeat left top;float:right;display:block;padding-left:20px;width:53px;margin:9px 7px 0px 8px;font-size:11px;} .btnTW {background:url(/static/images/twSmall.gif) no-repeat left top;float:right;display:block;padding-left:20px;width:39px;margin:9px 7px 0px 0px;font-size:11px;} .ilike {margin-top:19px;font-size:12px;display:block;} .ilike a {font-size:12px;} .ilike img {margin-bottom:-2px;} /***** Nouveautes *****/ #Nouveautes #productsNav{display:none;} #Nouveautes .ctaWrap {margin-top:15px;width:434px;} #Nouveautes .subscribeBock {background:url(/static/images/bgSubscribe.gif) no-repeat #fff;width:243px;position:absolute;padding:14px 41px 14px 41px;right:40px;top:33px;} #Nouveautes .subscribeBock a {font-size:12px;line-height:18px;} #Nouveautes #contentWrap {min-height:570px;} .messageInnovation{ position:absolute; top:150px; text-align:center; width:100%; clear:both; font-size:16px; color:#997eb4;} .SilhouetteEditionLink {position:absolute;text-align:center;top:475px;left:175px;width:250px;font-weight:bold;font-size:14px;} .SilhouetteSatisfacationLink {position:absolute;text-align:center;top:475px;right:185px;width:250px;font-weight:bold;font-size:14px;} /***** Telechargement *****/ #Telechargement #productsNav{display:none;} #Telechargement p{text-align:center;} #Telechargement ul#produitTelecharge {width:875px; margin-left:133px; list-style-type:none; margin-top:34px; width:570px;} #Telechargement ul#produitTelecharge li{ float:left; margin-right:63px; width:125px; text-align:center; } #Telechargement ul#produitTelecharge li a{font-size:14px; font-weight:normal; cursor:pointer; width:100%; border-bottom:1px solid #efb9c1; } #Telechargement ul#produitTelecharge li .titre{color:#ec75ae; font-size:14px; display:block; padding-bottom:135px;} #Telechargement .indications{font-size:14px; font-weight:bold;} #Telechargement .note{color:#a996b9; font-size:11px; padding-top:13px;} .SilhouetteEditionLink a, .SilhouetteSatisfacationLink a {margin-bottom:19px;font-weight:normal;padding-bottom:2px;font-size:18px;background:url(/static/images/bgHr.gif) repeat-x bottom left;} .partie_gauche{float:left; width:50%;} #boiteNewsletter{width:303px; background:#ffffff; float:right; margin-right:25px; padding:17px 11px 0px 11px;} #boiteNewsletter p { margin:0px; padding:0 0 12px 25px; background:url('/static/images/flecheFondMauve.gif') no-repeat ;} #divTextbox { position:relative; padding:0 0 17px 25px; float:left; background:url('/static/images/bg_textboxNewsletter.gif') no-repeat 25px 0px; width:209px; height:25px; } #divTextbox ul,#divTextbox li{margin:0px; padding:0px; list-style-type:none;} #divTextbox input{ background:none; border:none; width:192px; height:21px; padding: 3px 7px 0px 7px; font-family:Arial; font-size:13px; color:#806898;} #divTextbox li.error input{color:#E74493;} #divTextbox .lbl-abs {position:absolute;color:#806898;font-size:13px;top:2px;left:32px;} #divTextbox .lbl-abs-focus {color:#d0d0d0} #divTextbox li.error span {color:#E74493;} .btOk{ overflow:hidden; font-size:0px; border:none; float:left; text-indent:-9000px; background:url('/static/images/bt_ok.gif') no-repeat ; margin-left:8px; width:31px; height:26px; cursor:pointer;} /*RECETTES ET NUTRITION*/ #Nutrition #productsNav ul {width:875px; margin-left:55px; margin-top:-190px; position:absolute; } #Nutrition #productsNav ul li{ float:left; margin-right:25px; } #Nutrition #productsNav ul li a{font-size:14px; font-weight:bold; padding-top:200px; width:220px; text-align:center; float:left; cursor:pointer; } #Nutrition #productsNav ul li#menuProducts_item_2 a{ width:270px; } /*************************************************** Footer layout ***************************************************/ #footer {width:348px;margin:auto; } #footer ul {padding:0px;margin:8px 0px 0px 0px;text-align:center; width:346px;} #footer ul li {list-style:none;display:inline;padding:0px 5px 0px 5px;} #footer ul li a {color:#806898;font-size:11px;} #footer a {color:#fff; } .separateur{background:url(/static/images/separateur.gif) no-repeat right;} /*************************************************** SiteMap ***************************************************/ #sitemapMenu li {float:none;} #sitemapMenu ul, #sitemapMenu{padding:0; margin:0;} #sitemapMenu ul li { padding:0px 0px 10px 12px;} /* Level 2 */ #sitemapMenu ul li ul { margin:10px 0 0 10px;} #sitemapMenu ul li ul li {font-size:11px;} /* Level 3 */ #sitemapMenu ul li ul li ul {font-size:10px; margin:5px 0 0 10px;} #sitemapMenu ul .li ul li ul li {font-size:10px;} /*************************************************** Miscellaneous ***************************************************/ .clearer {clear:both;} hr {display:none;} /*************************************************** Form ***************************************************/ .txtLarge, .txtXLarge {font-size:11px;width:190px;border:1px solid #d8d8d8;color:#979797;padding:4px 5px 4px 5px;font-weight:bold;} .txtXLarge {width:417px;} textarea {border:1px solid #d8d8d8;color:#979797;margin:19px 0px 3px 0px;} #merciWrap .txtXLarge {width:185px;} .chkBox {} /*** Error indicator ***/ li.error input, input.error, li.error textarea {border:1px solid #e74493;} /*************************************************** 35 ans ***************************************************/ #TrenteCinqAns #partieGauche{float:left; width:232px;} #TrenteCinqAns .imgTitre{ margin-bottom:15px;} #TrenteCinqAns #partieDroite{width:557px; height:410px; float:right;}