/* page un-jour-une-offre */ .main-content{width:984px;} #offer-container{width:984px;height:714px;background:url(http://static.s-sfr.fr/media/bons-plans-ete-background-2013.jpg) no-repeat left top;} #offer-wrapper{position:relative;} #no-stress{background-color:#d2af73;border:1px solid #b6b6b6;width:983px;font-family:arial;margin:10px 0 0 0;height:40px;line-height:40px;font-size:20px;color:white;text-align:center;} /* Bons Plans (DESCRIPTION) #bonplan{position:absolute;left:125px;top:370px;width:742px;height:274px;font-family:arial;} #bonplan .offer-title{position:absolute;left:300px;top:20px;font-size:20px;color:#1c1c1c;} #bonplan .bonplanDescribe{position:absolute;left:310px;top:76px;width:160px;height:150px;} #bonplan .bonplanDescribe .offer-partir{font-size:11px;color:#1c1c1c;text-align:left;padding:8px 0 0 16px;} #bonplan .bonplanDescribe .prix-mobile{color:#e2001a;text-align:center;font-size:70px;font-weight:bold;letter-spacing:-6px;} #bonplan .bonplanDescribe .prix-mobile sub{font-size:20px;vertical-align:baseline;letter-spacing:-1px;} #bonplan .bonplanDescribe .prix-mobile sup{font-size:42px;position:relative;left:-12px;} #bonplan .bonplanDescribe .offer-forfait{display:inline-block;padding:0 0 0 10px;text-align:left;font-size:15px;width:160px;line-height:18px;} #bonplan .offer-plus{position:absolute;left:485px;top:120px;width:50px;font-size:48px;font-weight:bold;color:#e2001a;} #bonplan .offer-goodies{position:absolute;left:530px;top:60px;width:140px;height:160px;} */ /* extras TIMER et CALENDAR * #note .heure, #note .minute, #note .seconde{font-size:36px; color:#e2011a; font-weight:bold; font-family:arial; float:left; width:80px; height:45px;text-align:center;} #calendar{position:absolute;top:230px;left:172px;width:640px;text-align:center;} #calendar .dayMount{color:#000000;font-size:20px;font-family:arial;position:absolute;top:-40px;width:100%;text-align:center;font-weight:bold;} #calendar .actual-day{color:#000000;font-weight:bold;font-size:16px;font-family:arial;float:left;width:110px;height:90px;text-align:center;} #calendar .other-day{color:#5a5a5a;font-size:16px;font-family:arial;float:left;width:88px;height:88px;text-align:center;} #calendar .other-day div{color:#5a5a5a;padding-top:10px;} #calendar .other-day .number_day{color:#5a5a5a;font-weight:bold;font-size:46px;font-family:arial;text-align:center;padding-top:0px;} #calendar .actual-day div{font-size:18px;font-weight:bold;color:#000;padding-top:20px;} #calendar .actual-day .number_day{font-size:60px;font-weight:bold;color:#e2001a;padding-top:0px;} */ #note{position:absolute;margin:119px 0 0 630px;z-index:300;} #daily-trick-profit {background: url("http://S5.s-sfr.fr/mobile/edito/css/skin/bons-plans-noel/discover_btn.png") repeat-x scroll 0 0 transparent; bottom: 65px; color: #FFFFFF; display: block; font-size: 12px; font-weight: bold; height: 22px; line-height: 22px; position: absolute; right: 10px; top:245px; text-align: center; width: 110px;} #bonplan .mobile-bon-plan { left: 0; position: absolute; top: -40px; } #bonplanDescribe{margin:0 0 0 300px;} #bonplanDescribe h2{font-weight:normal;} .from{margin:40px 0 0 20px;font-size:11px;} .prix-mobile{float:left;width:150px;margin:0 0 0 25px;} .prix-mobile .trouge{color:#e2001a;font-size:60px;font-weight:bold;margin: 4px 0 10px -10px; font-size: 60px;letter-spacing:-05px;} .prix-goodie{float:left;margin:-30px 0 0 0;} #container { margin: 0 auto; width: 984px;} #sfrFooter.sfrDom.footer, #lightFooter.sfrDom.footer { clear: both; margin: 0 auto; width: 984px;} .prix-mobile .trouge small{font-size: 40px;} .slash{position:absolute;top:57px;right:280px;text-decoration:line-through;padding:0;font-size:24px;} .forfait{margin:-5px 0 0 0;font-size:16px} /**************************************** AJOUT SBLA ETE-2013 *****************************************/ #offer-container{width:1025px;height:720px; position: relative; left: -22px; background:url(http://static.s-sfr.fr/media/bons-plans-ete-background-2013.jpg) no-repeat left top;} #intro { font-family:"SFR-Regular", Arial, Helvetica; color: #1c1c1c; line-height:36px; position: absolute; top: 42px; left: 20px;} #intro h2 { margin: 0; font-weight: normal;} #intro h3 { margin: 0; font-weight: normal; font-size: 22px;} #intro h3 strong{ font-family:"SFR-Bold", "Arial Black", "Impact"; font-weight: normal;} #intro .tblack { font-family:"SFR-Bold", "Arial Black", "Impact"; font-size: 36px;} #intro .tbig { font-size: 26px;} #note{position:absolute; top: 90px; left: 800px; margin:0; z-index:12; font-family:"SFR-Regular", Arial, Helvetica; color: #1c1c1c;} #note .digit{ font-size:36px; float:left; width:70px; height:45px;text-align:center;} #timer-text { font-family:"SFR-Regular", Arial, Helvetica; color: #1c1c1c; float: right; width: 225px; font-size: 15px; line-height:20px; margin-top: 30px;} #timer-text .reste { font-family:"SFR-Bold", "Arial Black", "Impact"; font-size: 25px; text-transform: uppercase;} /* calendar==timeline */ #calendar { position:absolute; top:210px; left:196px; width:auto; text-align:center; } #calendar .other-day { color:#606060;font-size:16px;font-family:arial;float:left;width:89px;height:70px;padding-top:8px;text-align:center;} #calendar .other-day div { padding-top:0; } #calendar .other-day .number_day{ font-weight:bold;font-size:46px;font-family:arial;text-align:center;padding-top:0px; letter-spacing: -1px;} #calendar .actual-day { color:#000000;font-weight:bold;font-size:16px;font-family:arial;float:left;width:102px;height:90px;text-align:center;} #calendar .actual-day div{ font-size:18px;font-weight:bold;color:#000;padding-top:0px;} #calendar .actual-day .number_day{ font-size:60px;font-weight:bold;color:#e2001a;padding-top:0px; line-height:60px;} #calendar .dayMount{color:#000000;font-size:20px;font-family:arial;font-weight:bold;} /* MAJ Offre 2013 */ #bonplan { position:absolute;left:147px;top:348px;width:742px;height:274px;font-family:"SFR-Regular", Arial, Helvetica; color: #1c1c1c;} #bonplan .mobile-das { position: absolute; left: 0px; bottom: 8px; width: 240px; text-align: center; font-family: "Arial", "Helvetica"; font-size: 12px; font-weight: bold;} #bonplan .mobile-bon-plan { position: absolute; left: 30px; top: -40px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); /*-webkit-box-shadow: 1px 1px 6px 3px #aaaaaa;*/ /*-moz-box-shadow: 1px 1px 6px 3px #aaaaaa;*/ /*box-shadow: 1px 1px 6px 3px #aaaaaa;*/ /*filter: DXImageTransfrom.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=3);*/ } #bonplan2013 { padding-left: 240px;} #bonplan2013 .offer-title { font-size: 24px; margin-top: 12px; margin-bottom: 24px;} #bonplan2013 .offer-title strong { font-family:"SFR-Bold", "Arial Black", "Impact";} #bonplan2013 .until { font-size: 14px;} #bonplan2013 .discount .euro{ font-size: 80px; font-family:"SFR-Bold", "Arial Black", "Impact"; line-height: 80px;} #bonplan2013 .discount .euro sup{ font-size: 60px; font-family:"SFR-Thin", "Arial", "Helvetica"; font-weight: normal; vertical-align: top;} #bonplan2013 .discount .uppercase{ font-family:"SFR-Regular", Arial, Helvetica; font-size: 42px; line-height: 42px; text-transform: uppercase; vertical-align: top; margin-left: 30px;} #bonplan2013 .cond{ font-size: 17px; margin-top: 20px;} #bonplan2013 .cond strong{ font-family:"SFR-Bold", "Arial Black", "Impact";} #bonplanButtons { position: absolute; bottom: 20px; right: 0; width: 180px;} #bonplanButtons a.myosotis-btn{ display: inline-block; margin: 5px auto 0;} /*#content { position: relative;}*/