/*********************************************************** - VISUEL HOME V - /**********************************************************/ .ultVisual_1 { background: url(/img/main/index/ultVisual_1.jpg) no-repeat } .ultVisual_2 { background: url(/img/main/index/ultVisual_1.jpg) no-repeat } .ultVisual_3 { background: url(/img/main/index/ultVisual_1.jpg) no-repeat } /******************************************************************************************************************** - HEADER - /*******************************************************************************************************************/ div#ultHeader { height: 85px; padding-left: 20px; background: transparent url(/img/main/header_footer/ultHeaderNoTabs.gif) no-repeat } div#ultHeaderParity { float: left; width: 140px; height: 85px; margin-left: 10px; line-height: 10px } /*** Liens vers les autres sites meetic ***/ div#ultOtherSites { text-align: right; margin-bottom: 5px } /*** logos ***/ div#ultHeaderLogin { position: absolute; height: 20px; top: 60px; right: 5px; line-height: 20px; background: transparent url(/img/main/common/ultDotV1.gif) repeat-y 327px 0 } div#ultHeaderLoginNew2 { background-position: 326px 0; /background-position: 330px 0; _background-position: 333px 0; margin-left:617px; } a#ultHeaderRegisterVip { height:48px; line-height:15px; padding-left:8px; padding-top:0; width:240px; } a#ultHeaderRegisterVip span { font-size:19px; font-weight:normal; letter-spacing:0px; text-transform:uppercase; } /******************************************************************************************************************** - INDEX - /*******************************************************************************************************************/ /*** visuels offres 7 jours ***/ .visualoffre { padding:30px 0 0 30px; background: url(/img/sw/index/ultVisualOffre.jpg) no-repeat scroll 50%; height:98px; width:188px; position:absolute; right:-5px; top:66px; _top:80px; } .ultMetionsLegales { padding: 5px; color:#A29E99 } .ultVisualoffre { background: url(/img/sw/index/ultVisualOffre.jpg) no-repeat scroll 50%; height:98px; width:188px; z-index:1; position:absolute; top: 45px; right:28px } .ultVisualoffreTest { background: url(/img/sw/index/ultVisualOffre.jpg) no-repeat scroll 50%; height:98px; width:188px; z-index:1; position:absolute; top: 420px; right:20px } .ultVisualoffreText { padding:18px; background-color: #8d0400; font-size: 13px; font-weight: bold; color:#ffffff; no-repeat scroll 50%; height:78px; width:188px; z-index:1; position:absolute; bottom: 0px; right:4px } /*** bloc coaching ***/ div#ultCoaching a#ultCoachingPicture { float: left; width: 107px; height: 107px; margin-right: 10px; _margin-right: 7px; padding: 3px; border: 1px solid #E8E7E4; background: #FFFFFF url(/img/sw/index/ultCoachingPicture.jpg) no-repeat 3px 3px } div#ultArguments p { margin-left:10px; width:92%; } /******************************************************************************************************************** - LANDING - /*******************************************************************************************************************/ div#ultRegisterFormNew { background:transparent url(/img/main/landing/ultRegisterFormNew.gif) no-repeat scroll 0 0; height:470px; position:relative; width:338px; } div#ultLogin a#ultBtnLoginRed { background:transparent url(/img/main/landing/ultAlreadyMemberRed.gif) no-repeat scroll 0 0; color:#FFFFFF; display:block; float:right; font-family:Verdana; font-size:10px; font-weight:bold; height:39px; line-height:11px; margin-top:0; text-align:center; width:103px; } /******************************************************************************************************************** - LAYERS - /*******************************************************************************************************************/ div#ultLayer div#ultLogo { background:transparent url(/img/main/common/ultLogoMatch.gif) no-repeat scroll 0 0; height:46px; margin:0 auto; width:254px; } /******************************************************************************************************************** - AUTOPROMOS - /*******************************************************************************************************************/ /*** définition de l'autopromo dans la colonne de gauche ***/ a#ultBannerLeft { display: block; width: 222px; height: 154px; background: transparent url(/img/sw/banners/ultYourCoach.gif) no-repeat } a#ultBannerLeftEvent { display: block; width: 222px; height: 130px; background: transparent url(/img/sw/banners/ultEvent.gif) no-repeat } /******************************************************************************************************************** - TEMOIGNAGES - /*******************************************************************************************************************/ div#ultTestimonies div#ultPicture1 { background: transparent url(/img/sw/happyends/ultPicture1.gif) no-repeat } div#ultTestimonies div#ultPicture2 { background: transparent url(/img/sw/happyends/ultPicture2.gif) no-repeat } div#ultTestimonies div#ultPicture3 { background: transparent url(/img/sw/happyends/ultPicture3.gif) no-repeat } div#ultTestimonies div#ultPicture4 { background: transparent url(/img/sw/happyends/ultPicture4.gif) no-repeat } div#ultTestimonies div#ultPicture5 { background: transparent url(/img/sw/happyends/ultPicture5.gif) no-repeat } div#ultTestimonies div#ultPicture6 { background: transparent url(/img/sw/happyends/ultPicture6.gif) no-repeat } div#ultTestimonies div#ultPicture7 { background: transparent url(/img/sw/happyends/ultPicture7.gif) no-repeat } div#ultTestimonies div#ultPicture8 { background: transparent url(/img/sw/happyends/ultPicture8.gif) no-repeat } div#ultTestimonies div#ultPicture9 { background: transparent url(/img/sw/happyends/ultPicture9.gif) no-repeat } div#ultTestimonies div#ultPicture10 { background: transparent url(/img/sw/happyends/ultPicture10.gif) no-repeat } /******************************************************************************************************************** - HOME - MANDATORY - /*******************************************************************************************************************/ div#ultHomeMandatory div#ultContentRight div#ultImage .ultImageWord1 { padding:15px 0 0 154px } div#ultHomeMandatory div#ultContentRight div#ultImage .ultImageWord2 { padding-left:86px } div#ultHomeMandatory div#ultContentRight div#ultImage .ultImageWord3 { padding-left:34px } /******************************************************************************************************************** - WHAT'S DIFFERENT ? - /*******************************************************************************************************************/ div.ultBlocWhatsdiff2 { background:transparent url(/img/main/misc/ultBlocWhatsdifferentNo.jpg) repeat-y scroll center 0; height:302px; margin-right:12px; width:229px; } div#ultPushRegister a#ultBtnRegister { height:43px; padding-top:17px; } /******************************************************************************************************************** - ADVICES - /*******************************************************************************************************************/ /*** videos ***/ div#ultAdvicesVideos div#ultVideo1 { margin-right: 30px; background: transparent url(/img/sw/misc/ultVideo1.gif) no-repeat } div#ultAdvicesVideos div#ultVideo2 { margin-right: 30px; background: transparent url(/img/sw/misc/ultVideo2.gif) no-repeat } div#ultAdvicesVideos div#ultVideo3 { margin-right: 30px; background: transparent url(/img/sw/misc/ultVideo3.gif) no-repeat } div#ultAdvicesVideos div#ultVideo4 { margin-right: 30px; background: transparent url(/img/sw/misc/ultVideo4.gif) no-repeat } div#ultAdvicesVideos div#ultVideo5 { background: transparent url(/img/sw/misc/ultVideo5.gif) no-repeat } /*** online ***/ div#ultAdvicesOnline div#ultPicture { float: left; width: 152px; height: 176px; margin: 6px 0 3px; padding-right: 30px; background: transparent url(/img/sw/misc/ultAdvicesPicture.gif) no-repeat } /******************************************************************************************************************** - HOW IT WORKS - /*******************************************************************************************************************/ .ultHowitworksVisu { width: 315px; background: transparent url(/img/fr/misc/ultHowitworks1.gif) no-repeat; height: 284px; float: right; padding-bottom : 30px } .ultHowitworksVisu2 { width: 315px; background: transparent url(/img/fr/misc/ultHowitworks2.gif) no-repeat; height: 284px; float: right; padding-bottom : 30px } .ultHowitworksVisu3 { width: 315px; background: transparent url(/img/fr/misc/ultHowitworks3.gif) no-repeat; height: 284px; float: right; padding-bottom : 30px } .ultHowitworksVisu4 { width: 315px; background: transparent url(/img/fr/misc/ultHowitworks4.gif) no-repeat; height: 284px; float: right; padding-bottom : 30px } .ultHowitworksVisu5 { width: 315px; background: transparent url(/img/fr/misc/ultHowitworks5.gif) no-repeat; height: 284px; float: right; padding-bottom : 30px } /******************************************************************************************************************** - SIGNUP - TESTPSYCHO & CROSS SELING - /*******************************************************************************************************************/ div#ultImageTest { background: transparent url(/img/main/testpsycho/ultAffinityTest.gif) no-repeat; height:180px; } div#ultImageTest span#ultUp { color:#666; font-size:11px; left:62px; position:relative; top:57px; } div#ultImageTest span#ultDown { color:#666; font-size:11px; position:relative; right:14px; top:97px; } /******************************************************************************************************************** - SIGNUP - CROSS SELING - /*******************************************************************************************************************/ div#ultSignupLandingCross div.ultBubble { top:212px } div#ultSignupLandingCross div.ultBubbleErrorMail { top:212px } div#ultSignupLandingCross div.ultBubble2 { _top:380px } div#ultSignupLandingCross div.ultBubble2ErrorMail { _top:380px } /******************************************************************************************************************** - HOME - TABLEAU - /*******************************************************************************************************************/ /*** définition du bloc recherche rapide ***/ div#ultMyMatchList div#ultQuickSearch div.ultLine label.ultAge { width:81px; } div#ultMyMatchList div#ultQuickSearch div.ultLine span.ultOptions3 { width:160px; } div#ultMyMatchList div#ultQuickSearch label.ultLvlEtude { width:140px; } div#ultMyMatchList div#ultQuickSearch div.ultLine label.ultHeight { width:81px; } div#ultMyMatchList div#ultQuickSearch div.ultLine label#ultLabelEmpty { width:143px; } div#ultMyMatchList div#ultQuickSearch span.ultOptionsSearchArea { right:168px; _right:166px; _top:118px; } div#ultMyMatchList div#ultQuickSearch span.ultOptionsSearchArea #ultsearch_area { width:156px; } div#ultMyMatchList div#ultQuickSearch #ultFilterNewMenu { left:170px; width:155px; } /*** Fleche ordonnée liste ***/ div.ultProfilesList div.ultListTitleAffinityAsc { float: left; width: 114px; padding-left: 46px; background: transparent url(/img/main/common/pict_arrowUp.gif) no-repeat scroll 120px center } div.ultProfilesList div.ultListTitleAffinityDesc { float: left; width: 114px; padding-left: 46px; background: transparent url(/img/main/common/pict_arrowDown.gif) no-repeat scroll 120px center } div.ultProfilesList div.ultListWork { width:170px; } /*********************************************************** - CONFIRM SEND - /**********************************************************/ div#ultConfirmSend div#ultButton a { width: 225px } /*********************************************************** - SEARCH - ADVANCEDSEARCH /**********************************************************/ .ultChampMiddleBas { margin-left:15px; width:160px } .ultChampMiddle {width:160px;} /***** CSS Personalisé *****/ div#ultHomeMandatory div#ultButton a { width: 300px } /******************************************************************************************************************** - AUTRE MATCHLIST - /*******************************************************************************************************************/ div.ultProfilesList div.ultListTitleAffinity { float: left; width: 150px; margin-left: 50px; _margin-left: 35px } div.ultProfilesList div.ultListTitleAge { float: left; width: 60px; text-align: center } div.ultProfilesList div.ultListEnglobAffinity { width:110px; margin:auto; } div.ultProfilesList div.ultListEnglobAge { width:65px; margin:auto; padding-left:20px; } /******************************************************************************************************************** - HOME MATCHLIST - /*******************************************************************************************************************/ div.ultProfilesListHome div.ultListTitleNew { float: left; width:99px; _width:109px; text-align:center; padding-left:20px } div.ultProfilesListHome div.ultListTitleAffinity { float: left; width: 132px } div.ultProfilesListHome div.ultListTitlePseudo {float:left; text-align:left; width:151px } div.ultProfilesListHome div.ultListTitleWork { float:left; text-align:left; width:180px } div.ultProfilesListHome div.ultListTitleAge { float: left; width: 60px; text-align: center } div#ultMyMatchList div#ultQuickSearch div#ultButton { padding:0px } /******************************************************************************************************************** - SIGNUP - MIGRATION - /*******************************************************************************************************************/ div#ultBodyCornerRightNew { position: absolute; right: -1px; top: -1px; width: 85px; height: 85px; background: transparent url(/img/sw/header_footer/ultBodyCornerRightNew.gif) no-repeat } .ultAnswerBigQ3, .ultAnswerBigQ4, .ultAnswerBigQ71, .ultAnswerBigQ81 { padding: 8px 0px 7px 0px } .ultAskedWidth { padding-right:175px; width:450px } /******************************************************************************************************************** - HOME - PROFIL MOD - /*******************************************************************************************************************/ .ultLineFormPhysique input { margin-left: 25px } .ultSpacerBtnSmall { width:615px } .ultSpacerBtnBig { width:628px } .ultSearchBlocL { width:195px; } .ultPictureModeration { left:277px } /******************************************************************************************************************** - HOME - ACCOUNT MOD - /*******************************************************************************************************************/ div#ultMyAccount .ultLabelBig { width:485px; } div#ultResiliatePass div#ultButton a { width:195px; } div#ultMyAccount .ultLabelSmall { display:block; float:left; height:20px; line-height:20px; width:275px; } /******************************************************************************************************************** - HELP - contact_ex_ask_v - /*******************************************************************************************************************/ div.ultHelpOnline { height:323px; } /******************************************************************************************************************** - MAILS - INDEX - /*******************************************************************************************************************/ .ultRompreReadPicto { background:transparent url(/img/main/members/ultMiniprofilePictosAction.gif) no-repeat scroll 505px -171px; padding-left:428px; padding-right:29px; } /******************************************************************************************************************** - MEMBERS - INDEX - /*******************************************************************************************************************/ div#ultMiniProfileMembersNew div#ultOffline { width:320px; } /******************************************************************************************************************** - HOME - MYSEARCH - /*******************************************************************************************************************/ /*** définition des bubbles ***/ div#ultBubbleFilterInfoGeo { top: 217px; /top:177px; -top: 152px; } div#ultBubbleFilterInfoDom { top: 290px; /top:276px; -top: 265px; } div#ultBubbleFilterInfoEnf { top: 345px; /top:332px; -top: 320px; } div#ultBubbleFilterInfoRev { top: 401px; /top:388px; -top: 376px; } div#ultBubbleFilterInfoOri { top: 483px; /top:453px; -top: 440px; left: -145px; } div#ultBubbleFilterInfoRel { top: 671px; /top:631px; -top: 605px; left: -135px; } div#ultBubbleFilterInfoOriImp { top: 585px; /top:560px; -top: 541px; } div#ultBubbleFilterInfoRelImp { top: 797px; /top:757px; -top: 735px; } div#ultBubbleFilterInfoEtu { top: 909px; /top:869px; -top: 840px; } div#ultBubbleFilterInfoAlc { top: 964px; /top:924px; -top: 895px; } div#ultBubbleFilterInfoFum { top: 1019px; /top:979px; -top: 949px; } div#ultBubbleFilterInfoPhy { top: 1047px; /top:1007px; -top: 979px; } .ultWidthBulleInfo { padding-left: 270px } .ultWidthBulleInfoLast { padding-left: 187px } div#ultBlocFilter .ultBtnLinkFilter { width:220px; } div.ultMesSerList .ultBlocEnv { width:85px } div.ultMesSerList .ultBlocRec { width:220px } div.ultMesSerList .ultBlocAcc { width:200px } div.ultMesSerList .ultBlocRef { width:215px } /*********************************************************** - FREE WEEK-END - /**********************************************************/ #ultFreeWeekendSticker_ { display:block; position:absolute; top:91px; left:695px; height:206px; width:250px; background:url(/img/sw/offers/ultWeekendHome.png) no-repeat; } .ultOfferAnnounce { background:url(/img/main/common/ultLayerOffer.png) no-repeat; color:#FFF; font-size:15px; height:80px; line-height:1.2em; padding:6px 5px 0 5px; position:absolute; right:135px; text-align:center; top:126px; width:155px; }