body.inscription #lbc_header { height: 150px; } body.inscription #lbc_header p, body.inscription #lbc_header #header_inscription, body.inscription #lbc_header #header_login, body.inscription #lbc_header #header_moving, body.inscription #lbc_header #header_nav_top, body.inscription #lbc_header #header_nav_links { display: none; } #v2013 { padding: 30px 20px; } #inscription * { padding: 0; margin: 0; border: 0; } #inscription { width: 674px; padding: 0 10px 40px 0; float: left; } #inscription h2 { padding: 20px 0; font-family: asap; color: #405361 !important; font-style:italic; font-size: 19px !important; font-weight: bold; } #inscription hr { background: #666; height: 1px; border: 0; margin: 7px; } #inscription .right { text-align: right; float: none; } #inscription .left { text-align: left; float: none;} #inscription .center { text-align: center; float: none; } #inscription .fleft { float: left; } #inscription .hide { display: none; } #inscription a { color: #405361 !important; } #inscription a.underline { color: #9c1749 !important; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } #inscription fieldset { position: relative; padding: 50px 20px 20px; margin: 0 0 10px; border: 0; background: #f4f8fb; color: #24323c; border-radius: 2px; text-align: left; } #inscription fieldset.info { padding: 50px 20px 0; margin: 0 10px 10px 0; } #inscription fieldset.plus { padding: 0 20px; margin: 70px 10px 0 0 !important; } #inscription fieldset.abos { background: #fff; } #inscription fieldset legend { position: absolute; top: 20px; left: 18px; font-size: 19px; font-weight: bold; font-family: asap; color: #405361; font-style:italic; display: block;} #inscription fieldset legend.plus { position: absolute; top: -40px; } #inscription fieldset label { float: left; width: 130px; text-align: right; padding: 7px 5px 0 0; color: #24323c; } #inscription fieldset label.none { float: none; width: auto; padding: 0 5px 0 0; } #inscription fieldset label.plus { width: 150px; } #inscription fieldset input { font-family: asap; } #inscription fieldset input.i, #inscription fieldset input.i:active, #inscription fieldset select.i { width: 186px; border: 2px solid #cddae4; border-radius: 2px; padding: 5px; margin: 2px; outline: 0; background: #fff; color: #24323c; } #inscription fieldset input.r, #inscription fieldset input.r:active{ width: 299px; } #inscription fieldset input.error { border: 2px solid #9c1749; float: left; font-weight: normal; } #inscription fieldset label.error { color: #9c1749; font-weight: normal; width: auto; padding: 0 0 0 132px; clear: both; text-align: left; } #inscription fieldset p { padding: 10px 0; } #inscription fieldset .line { padding: 12px 0; border-top: 1px solid #fff; clear: both; position: relative; } #inscription fieldset .line .col { float: left !important; width: 310px; } /* 620px */ #inscription fieldset .line .col2 { float: left !important; width: 150px; } #inscription fieldset .line .col3 { float: left !important; width: 320px; } #inscription fieldset .line .col4 { float: left !important; width: 500px; } #inscription fieldset .line .col4 p{ text-align: justify; font-size: 10px; } #inscription fieldset .line .col5 { float: left; width: 100px; padding: 0 0 0 20px; } #inscription fieldset .line .thx { color: #9c1749; display: none; font-size: 10px; padding: 10px 0 0; } #inscription fieldset .no_border { border-top: none; } #inscription fieldset img.p { position: absolute; bottom: 2px; right: 2px; } /* Abonnement */ #inscription fieldset.abos { padding: 50px 0 20px 0; } #inscription fieldset.abos .abos { padding: 0 0 0 80px; } #inscription fieldset .abos .abo { cursor:pointer; width: 160px; background: transparent url('../minceur/images/shared/join/v2013/offre_off.png') no-repeat 0 20px; float: left; padding: 20px 1px; color: #fff; position: relative; } #inscription fieldset .abos .hover { background: transparent url('../minceur/images/shared/join/v2013/offre_hover_off.png') no-repeat 0 20px; } #inscription fieldset .abos .active { background: transparent url('../minceur/images/shared/join/v2013/offre_hover_on.png') no-repeat 0 20px; } #inscription fieldset .abos .d { left: -9px; } #inscription fieldset .abos .d2 { left: -18px; } #inscription fieldset .abos .solo { float: none; margin: 0 auto; } #inscription fieldset .abos ul { padding: 0; list-style: none; text-align: center; } #inscription fieldset .abos ul li { padding: 24px 0 0; } #inscription fieldset .abos ul li.l { height: 36px; font-weight: bold; font-size: 14px; font-family: Azap, Tahoma, Verdana; font-style: italic; } #inscription fieldset .abos ul li.o { height: 64px; padding: 40px 0 0; font-size: 18px; font-family: Arial; font-variant: bold; } #inscription fieldset .abos ul li.v { height: 26px; padding: 0; font-family: Arial; } #inscription fieldset .abos ul li.e { height: 42px; padding: 13px 0 0} #inscription fieldset .abos ul li.l span { font-size: 20px; display: block; font-style:italic; } #inscription fieldset .abos ul li.o span { display: block; font-size: 12px; } /* Abonnement 6MS */ #inscription fieldset .abos ._6MS { width: 183px; background: #fff url('../minceur/images/shared/join/v2013/offre_off_ban.png') no-repeat 1px 0; z-index: 1; } .weightloss #inscription fieldset .abos ._6MS { width: 183px; background: #fff url('../minceur/images/shared/join/v2013/us/offre_off_ban.png') no-repeat 1px 0; z-index: 1; } #inscription fieldset .abos .active_6MS { background: #fff url('../minceur/images/shared/join/v2013/offre_check_on.png') no-repeat 1px 0 !important; } .weightloss #inscription fieldset .abos .active_6MS { background: #fff url('../minceur/images/shared/join/v2013/us/offre_check_on.png') no-repeat 1px 0 !important; } #inscription fieldset .abos .hover_6MS { background: #fff url('../minceur/images/shared/join/v2013/offre_check_off.png') no-repeat 1px 0; } .weightloss #inscription fieldset .abos .hover_6MS { background: #fff url('../minceur/images/shared/join/v2013/us/offre_check_off.png') no-repeat 1px 0; } #inscription fieldset .abos ._6MS ul li.l { height: 36px; padding: 24px 0 0; font-weight: bold; font-size: 14px; } #inscription fieldset .abos ._6MS ul li.o { height: 60px; padding: 40px 0 0; } #inscription fieldset .abos ._6MS ul li.v { height: 34px; padding: 0; } #inscription fieldset .abos ._6MS ul li.e { height: 63px; } #inscription fieldset .abos ._6MS ul li.l span { font-size: 20px; display: block; } #inscription fieldset .abos ._6MS ul li.o span { display: block; font-size: 12px; } /* Abonnement LifeSyle */ #inscription fieldset.abos .lifestyle { width: 183px; background: #fff url('../minceur/images/shared/join/v2013/lifestyle.png') no-repeat; height: 133px; width: auto; } #inscription fieldset.abos .lifestyle span { display: block; } #inscription fieldset.abos .lifestyle .cols { float: left; text-align: center; font-family: asap; font-weight: bold; font-style: italic; font-size: 19px; } #inscription fieldset.abos .lifestyle .text { width: 214px; color: #fff; padding-top: 35px; } #inscription fieldset.abos .lifestyle .text span { font-size: 34px; padding: 5px 0; } #inscription fieldset.abos .lifestyle .price { width: 142px; color: #2a5825; padding-top: 50px; } #inscription fieldset.abos .lifestyle .price span { font-size: 30px; } #inscription fieldset.abos .lifestyle img { position: absolute; right: 40px; top: 9px; } #inscription .total { padding: 0 0 0 20px; } #inscription span.title { color: #9c1749; font-weight: bold; } #inscription .price_init { } #inscription .price_total { color: #fff; background: #9c1749; font-weight: bold; padding: 15px; text-align: center; margin: 2px; border-radius: 2px; width: 60px; font-size: 15px; } /* NOUVELLE VERSION Abonnement */ #inscription fieldset.list { background: #fff; padding: 50px 0 20px; } #inscription fieldset.list .abos ul { font-family: Asap; } #inscription fieldset.list .abos ul li { with: 671px; height: 101px; padding: 0; margin: 0 0 20px !important; cursor: pointer; text-align: center; } #inscription fieldset.list .abos ul li.MS12_moving { background: transparent url('../minceur/images/shared/join/v3/red_0.png') no-repeat; color: #c32c5c; } #inscription fieldset.list .abos ul li.MS12_hover_moving { background: transparent url('../minceur/images/shared/join/v3/red_1.png') no-repeat ; color: #c32c5c; } #inscription fieldset.list .abos ul li.MS6 { background: transparent url('../minceur/images/shared/join/v3/red_0.png') no-repeat; color: #c32c5c; } #inscription fieldset.list .abos ul li.MS6_hover { background: transparent url('../minceur/images/shared/join/v3/red_1.png') no-repeat; color: #c32c5c; } /* en_US */ .en_US #inscription fieldset.list .abos ul li.MS6 { background: transparent url('../minceur/images/shared/join/v3/en_US/red_0.png') no-repeat; color: #c32c5c; } .en_US #inscription fieldset.list .abos ul li.MS6_hover { background: transparent url('../minceur/images/shared/join/v3/en_US/red_1.png') no-repeat; color: #c32c5c; } #inscription fieldset.list .abos ul li.MS6_moving { background: transparent url('../minceur/images/shared/join/v3/orange_0.png') no-repeat; color: #ef782f; } #inscription fieldset.list .abos ul li.MS6_hover_moving { background: transparent url('../minceur/images/shared/join/v3/orange_1.png') no-repeat; color: #ef782f; } #inscription fieldset.list .abos ul li.MS3 { background: transparent url('../minceur/images/shared/join/v3/orange_0.png') no-repeat; color: #ef782f; } #inscription fieldset.list .abos ul li.MS3_hover { background: transparent url('../minceur/images/shared/join/v3/orange_1.png') no-repeat; color: #ef782f; } #inscription fieldset.list .abos ul li.MS1 { background: transparent url('../minceur/images/shared/join/v3/yellow_0.png') no-repeat; color: #f2a633; } #inscription fieldset.list .abos ul li.MS1_hover { background: transparent url('../minceur/images/shared/join/v3/yellow_1.png') no-repeat; color: #f2a633; } #inscription fieldset.list .abos ul li .col1 { float: left; width: 208px; color: #fff; font-size: 19px; padding: 22px 0 0 !important;} #inscription fieldset.list .abos ul li .col2 { float: left; width: 190px; font-size: 18px; padding: 45px 0 0 !important; } #inscription fieldset.list .abos ul li .col3 { float: left; width: 185px; color: #405361; font-size: 14px; padding: 42px 0 0 !important; } #inscription fieldset.list .abos ul li .col1 span { font-size: 38px; display: block; padding: 10px 0 0 !important; font-weight: bold; font-style: italic; } #inscription fieldset.list .abos ul li .col2 span { font-size: 45px; font-weight: bold; font-style: italic; } #inscription fieldset.list .abos ul li i { background: #c32c5c; vertical-align: middle; display: inline-block; height: 4px; width: 4px; border-radius: 2px; } #inscription fieldset.list .abos ul li.MS6_moving i, #inscription fieldset.list .abos ul li.MS6_hover_moving i, #inscription fieldset.list .abos ul li.MS3_hover i, #inscription fieldset.list .abos ul li.MS3 i { background: #ef782f; } #inscription fieldset.list .abos ul li.MS1_hover i, #inscription fieldset.list .abos ul li.MS1 i { background: #f2a633; } #inscription fieldset.info { } #inscription fieldset.info p {width: 470px; } #inscription fieldset.info .total { position: absolute; bottom: -8px; right: 0; width: 113px; height: 80px; background: transparent url('../minceur/images/shared/join/v3/total.png') no-repeat bottom; color: #fff; padding: 30px 0 0 9px; text-align: center; } #inscription fieldset.info .total .price_total { display: block; padding: 15px 0 0; margin: 0; font-size: 30px; background: transparent; width: auto; font-weight: 400; } #inscription fieldset.promo { background: #fff; } #inscription fieldset.promo #reduction { width: 110px; } #inscription fieldset.promo .col3 { width: 200px; float: left; } #inscription fieldset.promo .col4 { width: 200px; float: left; } #inscription fieldset.promo .col4 .thx { width: 200px; float: left; padding: 8px 0 0; color: #9c1749; display: none; font-size: 10px; } #inscription fieldset.plus .cadenas { position: absolute; bottom: 10px; right: 0; } #inscription fieldset.plus .cadenas i { display: inline-block; vertical-align: text-bottom; width: 11px; height: 13px; background: transparent url('../minceur/images/shared/join/v3/cadenas.png') no-repeat; } /* Paiement */ #inscription .paiement ul { position: absolute; left: 0; top: 0; padding: 0; margin: 2px; list-style: none; background: #f4f4f4; } #inscription .paiement ul li { float: left; width: 220px !important;} #inscription .paiement ul li label { text-align: center; display: block; width: 100%; padding: 20px 0 40px; background: #cddae4 url('../minceur/images/shared/join/v2013/paiement_puce_off.png') no-repeat center 36px; } #inscription .paiement ul li label:hover { background: #f4f8fb url('../minceur/images/shared/join/v2013/paiement_puce_off.png') no-repeat center 36px; } #inscription .paiement ul li label.active { background: #f4f8fb url('../minceur/images/shared/join/v2013/paiement_puce_active.png') no-repeat center 36px; } #inscription .paiement_form { clear: both; padding: 100px 10px 30px; } #inscription .paiement_form label { width: 250px; } #inscription fieldset input.ok { cursor:pointer; width: 55px; height: 33px; vertical-align: middle; background: transparent url('../minceur/images/shared/join/v2013/bilanminceur-phase3-inscription-boutoncodepromo.png') no-repeat; } .weightloss #inscription fieldset input.submit { cursor:pointer; width: 199px; height: 66px; background: transparent url('../minceur/images/shared/join/v2013/us/bilanminceur-phase3-inscription-boutonvalidation-us.png') no-repeat; } #inscription .hide { display: none;} #inscription div.m { position: absolute; top: 40px; left: 0; margin: 0 2px 0 137px; background: transparent url('../minceur/images/shared/join/v2013/grad.jpg') repeat-y; display: block; width: 0px; height: 5px; } /* PUSH */ .push { float: left; width: 275px !important; padding: 0 0 0; } .push ul { padding: 0px !important; list-style: none; } .push ul li { padding: 10px 0px 10px 0px !important; } .push .carrousel { overflow: hidden; position: relative; width: 275px; height: 286px; } .push .carrousel a.nav { display: block; position: absolute; bottom: 0; width: 18px; height: 32px; border: 0; } .push .carrousel a.prec { left: 0; background: transparent url('../minceur/images/shared/join/v2013/push-temoignages-left.png') no-repeat; } .push .carrousel a.suiv { left: 20px; background: transparent url('../minceur/images/shared/join/v2013/push-temoignages-right.png') no-repeat; } .push .carrousel ul { padding: 0; margin:0; list-style: none; position: absolute; left: 0; top: 0; } .push .carrousel ul li { float: left; width: 273px; } /* CONNECTION */ #connection { display: none; position: absolute; /* height: 100%; min-height: 100%; top: 0; left: 0; right: 0; bottom:0; */ padding: 20px; top: 90px; left: 135px; border-radius: 5px; z-index: 10; background: transparent url('../v3/images/connexion/black_40.png'); } #connection .wrapper { width: 400px; margin: 0; position: relative; background: #fff; padding: 10px; border-radius: 5px; } #connection .wrapper h3 { padding: 0 0 10px; } #connection .wrapper ul { list-style: none; padding: 0; margin: 0; } #connection .wrapper li.r { padding: 0 0 0 132px; } #connection .wrapper label { width: 130px; display: block; float: left; text-align: right; padding: 7px 0 0; } #connection .wrapper input { width: 180px; border: 2px solid #cddae4; border-radius: 2px; padding: 5px; margin: 2px; outline: 0; background: #fff; } #connection .wrapper .s { width: auto; border: 1px solid #cddae4; background: #006600; padding: 5px 10px; margin: 2px; color: #fff; font-family: asap; } #connection .wrapper a.x { position: absolute; top: 5px; right: 5px; font-weight: bold; font-size: 18px; } /* STEPS */ #inscription .steps { } #inscription .steps ul { list-style: none;} #inscription .steps ul li { float: left; text-align: center; } #inscription .steps ul li a { display: block; width: 220px; height: 41px; background: transparent url('../minceur/images/shared/join/v2013/steps/bilanminceur-timelinetop-textes-active.png') no-repeat; } .en_US #inscription .steps ul li a { display: block; width: 220px; height: 41px; background: transparent url('../minceur/images/shared/join/v2013/steps/bilanminceur-timelinetop-textes-active-us.png') no-repeat; } #inscription .steps ul li a.phase1 { background-position: 0 -3px; } #inscription .steps ul li a.phase2 { background-position: -230px -3px; } #inscription .steps ul li a.phase3 { background-position: -460px -3px; } #inscription .steps img { display: block;} /* MAJEUR */ #inscription span.check { display: block; margin: 0 5px 0 0; width: 17px; height: 18px; background: transparent url('../minceur/images/shared/join/v2013/check_off.png') no-repeat; overflow: hidden; } #inscription span.check_on { background: transparent url('../minceur/images/shared/join/v2013/check_on.png') no-repeat; } #inscription span.check input, #inscription span.check label { position: relative !important; top: 0; left: -1000px !important; } /* CHECK */ #check { text-align: left; padding: 0 20px; } #check p { margin-left : 0; padding: 10px 0; } #check p#reception { margin-left : 30px;} #check ul.none { list-style: none; padding-left: 0px; } #check li.bloc { padding: 15px; border-radius: 5px; color: #fff; text-align: center; float: left; margin: 0 10px;} #check li.green { background: #7fc37a; } #check li.blue { background: #00a89b; } #check li.bloc span { display: block; font-weight: bold; padding-bottom: 5px; } #check ul.bg { background: transparent url('../minceur/images/shared/join/cheque/bg-infos.png') no-repeat; color: #fff; padding: 7px 0 0 0px; margin: 10px 0 0 0; height: 78px; width: 190px; text-align: center; } #check ul.ol > li { padding: 5px 0 5px 30px; } #check h1 { padding: 0 0 30px; } #check h3 { display: block; clear: both; padding: 20px 0; font-family: asap; color: #405362 !important; font-style:italic; font-size: 15px; font-weight: bold; } #check h4 { display: block; clear: both; padding: 0 0 10px 0; color: #B8144A !important; font-weight: bold; } #check h4 span { font-size: 18px; } #check .back { background: #f4f8fb; padding: 10px; margin: 0 0 20px; border-radius: 2px; } /* MAJEUR */ #inscription ul.f_error { list-style: none; padding: 0 0 20px 20px; } /* SUCCESS */ #v2013 > .success { min-height: 250px; width: 850px; margin: 0 auto; } #v2013 > .success h1 { padding: 20px 0; margin: 0; font-family: asap, Lucida Grande, Tahoma, Verdana, sans-serif; color: #B8144A !important; font-style:italic; font-size: 24px; font-weight: bold; } #v2013 > .success h2 { clear: none; padding: 0 0 20px; font-family: asap, Lucida Grande, Tahoma, Verdana, sans-serif; color: #405362 !important; font-style:italic; font-size: 18px; font-weight: bold; } #v2013 > .success h3 { padding: 10px 0; font-family: asap, Lucida Grande, Tahoma, Verdana, sans-serif; color: #B8144A !important; font-size: 15px; font-weight: bold; clear: both; } #v2013 > .success h3 span { font-size: 12px; color: #777; font-weight: normal;} #v2013 > .success p { padding: 0; margin: 0; } #v2013 > .success p.plus { padding: 10px 0; clear: both; } #v2013 > .success p span { color: #B8144A; font-weight: bold; } #v2013 > .success ul { list-style: none; padding: 0; margin: 0; } #v2013 > .success ul.list { padding: 10px 0 10px 21px; padding-left: 0px; } #v2013 > .success ul.list li { background-image: url('../minceur/images/shared/join/v2013/wp/bilanminceur-confirmation-icns.png'); background-repeat: no-repeat; padding: 4px 0 4px 30px; height: 20px;} #v2013 > .success ul.list li._1 { background-position: 0 -1px; } #v2013 > .success ul.list li._2 { background-position: 0 -30px; } #v2013 > .success ul.list li._3 { background-position: 0 -58px; } #v2013 > .success ul.list li._4 { background-position: 0 -88px; } #v2013 > .success ul.list li._5 { background-position: 0 -118px; } #v2013 > .success ul.list li._6 { background-position: 0 -144px; } #v2013 > .success ul.list li._7 { background-position: 0 -172px; } #v2013 > .success ul.list li._8 { background-position: 0 -200px; } #v2013 > .success ul.list li._9 { background-position: 0 -229px; } #v2013 > .success ul.list li._10 { background-position: 0 -256px; } #v2013 > .success ul.bloc { padding: 10px 0 30px; } #v2013 > .success ul.bloc li { padding: 15px 30px; border-radius: 5px; color: #fff; text-align: center; float: left; margin: 0 10px; } #v2013 > .success ul.bloc span { font-weight: bold; display: block; padding-bottom: 5px; } #v2013 > .success li.green { background: #7fc37a; } #v2013 > .success li.blue { background: #00a89b; } /* RESUME */ .choice .wrapper { display: block; float: left; padding: 0 0 50px;} .choice .wrapper h2 { font-family: asap !important; font-size: 21px !important; font-style: italic; } .choice .wrapper p { padding: 15px 0; margin: 0; line-height: 20px;} .choice .wrapper .bloc { width: 723px; height: 224px; position: relative; margin: 15px 0 0; } .choice .wrapper .resume { background: transparent url('../minceur/images/shared/join/resume/abolbc-leftpart.jpg') no-repeat; } .choice .wrapper .lifestyle { background: transparent url('../minceur/images/shared/join/resume/abolifestyle-leftpart.jpg') no-repeat; } .choice .wrapper .bloc h3 { color: #fff; padding: 15px 0 0 10px; margin: 0; font-family: asap !important; font-size: 23px; font-style: italic; } .choice .wrapper .bloc h3 span { font-size: 17px; } .choice .wrapper .bloc .link { float: right; width: 304px; height: 223px; position: relative; } .choice .wrapper .resume .link { background: transparent url('../minceur/images/shared/join/resume/abolbc-rihgtpart.jpg') no-repeat; } .choice .wrapper .lifestyle .link { background: transparent url('../minceur/images/shared/join/resume/abolifestyle-rihgtpart.jpg') no-repeat; } .choice .wrapper .bloc .link a { position: absolute; bottom: 14px; left: 0px; width: 290px; text-align: center; color: #AEC1D0; font-family: asap; font-size: 14px; background: transparent url('../minceur/images/shared/join/resume/btnicn.jpg') no-repeat right center; } .choice .wrapper .bloc .link a span { color: #fff; font-size: 17px; font-weight: bold; } /* COUPON */ body.inscription section { padding: 40px 0; } .coupon { position: relative; width: 805px; margin: 0 auto; padding: 30px; background-color: #f4f8fb; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);} .coupon .offres { display: none; } .coupon .choice ul { width: 745px; margin: 0 auto; list-style: none; } .coupon .choice ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .coupon .choice ul li { float: left; } .coupon .choice ul li:first-child { padding: 0 30px 0 15px; } .coupon img { display: block; } .coupon img.title { padding: 0 0 30px; } .coupon .control-group { display: inline-block; vertical-align: top; margin-bottom: 20px; } .coupon .control-group label { float: left; width: 160px; padding-top: 5px; text-align: right; color: #000; } .coupon .control-group.success { } .coupon .control-group.error label, .coupon .control-group.warning label, .coupon .control-group.warning .help-block, .coupon .control-group.warning .help-block { color: #bd362f; } .coupon .control-group .controls { margin-left: 180px; } .coupon .control-group .controls input { border: 1px solid #cccccc; background-color: #ffffff; height: 20px; padding: 4px 6px; color: #555555; border-radius: 4px; } .coupon .control-group .controls select { border: 1px solid #cccccc; background-color: #ffffff; height: auto; width: 163px; padding: 4px 6px; color: #555555; border-radius: 4px; } .coupon .control-group .help-block { padding: 0; width: 163px; } .coupon .input { display: block; } .coupon .form-actions { clear: both; margin: 20px 0 0 180px; } .coupon .valerie { position: absolute; right: -30px; bottom: 0; }