/*********************************************************** - 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 } /******************************************************************************************************************** - INDEX - /*******************************************************************************************************************/ /*** visuels offres 7 jours ***/ .visualoffre { height:98px; padding:30px 0 0 30px; position:absolute; right:-5px; top:66px; _top:80px; width:188px; } .ultVisualoffre { height:98px; width:188px; z-index:1; position:absolute; top: 45px; right:28px } div#ultHeaderLoginNew2 { background-position: 326px 0; /background-position: 330px 0; _background-position: 333px 0; margin-left:617px; } /******************************************************************************************************************** - HEADER - /*******************************************************************************************************************/ /*** Liens vers les autres sites meetic ***/ div#ultOtherSites { text-align: right; margin-bottom:5px; } div#ultHeaderLogin { top: 80px } /*** logos ***/ div#ultHeader { background:transparent url(/img/main/header_footer/ultHeader.gif) no-repeat scroll 0% 50%; } /*** onglets ***/ div#ultHeaderTabs a#ultTabVioo { background-image: url(/img/fr/header_footer/ultHeaderTabVioo.gif) } div#ultHeaderTabs a#ultTabMeeticGay { background-image: url(/img/fr/header_footer/ultHeaderTabMeeticGay.gif) } div#ultHeaderTabs a#ultTabMeetic { background-image: url(/img/fr/header_footer/ultHeaderTabMeetic.gif) } /*** Layer restriction Alerte mail ***/ .ultLayerAlerteTitre {padding-left:35px; width:417px} .ultContenuLayerTitre { width:38px } /******************************************************************************************************************** - LANDING - /*******************************************************************************************************************/ /*** visuels ***/ 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 { width: 275px; height: 58px; margin: 0 auto; background: transparent url(/img/main/common/ultLogoMatch.gif) no-repeat } /******************************************************************************************************************** - AUTOPROMOS - /*******************************************************************************************************************/ /*** définition de l'autopromo dans la colonne de gauche ***/ a#ultBannerLeft { display: block; width: 222px; height: 154px; background: transparent url(/img/fr/banners/ultYourCoach.gif) no-repeat } a#ultBannerLeftEvent2 { display: block; width: 222px; height: 109px; background: transparent url(/img/fr/banners/ultEvent2.gif) no-repeat } /******************************************************************************************************************** - TEMOIGNAGES - /*******************************************************************************************************************/ div#ultTestimonies div#ultPicture1 { background: transparent url(/img/fr/happyends/ultPicture1.gif) no-repeat } div#ultTestimonies div#ultPicture2 { background: transparent url(/img/fr/happyends/ultPicture2.gif) no-repeat } div#ultTestimonies div#ultPicture3 { background: transparent url(/img/fr/happyends/ultPicture3.gif) no-repeat } div#ultTestimonies div#ultPicture4 { background: transparent url(/img/fr/happyends/ultPicture4.gif) no-repeat } div#ultTestimonies div#ultPicture5 { background: transparent url(/img/fr/happyends/ultPicture5.gif) no-repeat } div#ultTestimonies div#ultPicture6 { background: transparent url(/img/fr/happyends/ultPicture6.gif) no-repeat } div#ultTestimonies div#ultPicture7 { background: transparent url(/img/fr/happyends/ultPicture7.gif) no-repeat } div#ultTestimonies div#ultPicture8 { background: transparent url(/img/fr/happyends/ultPicture8.gif) no-repeat } div#ultTestimonies div#ultPicture9 { background: transparent url(/img/fr/happyends/ultPicture9.gif) no-repeat } div#ultTestimonies div#ultPicture10 { background: transparent url(/img/fr/happyends/ultPicture10.gif) no-repeat } /******************************************************************************************************************** - HOME - MANDATORY - /*******************************************************************************************************************/ div#ultHomeMandatory div#ultContentRight div#ultImage .ultImageWord1 { padding:15px 0 0 147px } div#ultHomeMandatory div#ultContentRight div#ultImage .ultImageWord2 { padding-left:82px } div#ultHomeMandatory div#ultContentRight div#ultImage .ultImageWord3 { padding-left:30px } /******************************************************************************************************************** - WHAT'S DIFFERENT ? - /*******************************************************************************************************************/ .ultBlocWhatsdifferent1 { width: 271px; height: 332px; background: transparent url(/img/fr/misc/ultBlocWhatsdifferent1.jpg) no-repeat; margin-right: 12px } .ultBlocWhatsdifferent2 { width: 212px; height: 332px; background: transparent url(/img/fr/misc/ultBlocWhatsdifferent2.jpg) no-repeat; margin-right: 12px } .ultBlocWhatsdifferent3 { width: 216px; height: 332px; background: transparent url(/img/fr/misc/ultBlocWhatsdifferent3.jpg) no-repeat; } div.ultBlocWhatsdiff2 { background: transparent url(/img/main/misc/ultBlocWhatsdifferentNo.jpg) } div#ultPushRegister a#ultBtnRegister { height:43px; padding-top:17px; } /******************************************************************************************************************** - ADVICES - /*******************************************************************************************************************/ /*** videos ***/ div#ultAdvicesVideos div#ultVideo1 { margin-right: 30px; background: transparent url(/img/fr/misc/ultVideo10.gif) no-repeat } div#ultAdvicesVideos div#ultVideo2 { margin-right: 30px; background: transparent url(/img/fr/misc/ultVideo2.gif) no-repeat } div#ultAdvicesVideos div#ultVideo3 { margin-right: 30px; background: transparent url(/img/fr/misc/ultVideo3.gif) no-repeat } div#ultAdvicesVideos div#ultVideo4 { margin-right: 30px; background: transparent url(/img/fr/misc/ultVideo4.gif) no-repeat } div#ultAdvicesVideos div#ultVideo5 { background: transparent url(/img/fr/misc/ultVideo5.gif) no-repeat } /*** online ***/ div#ultAdvicesOnline div#ultPicture { float: left; width: 152px; height: 70px; margin: 6px 0 3px; padding-right: 30px; padding-top:183px; background: transparent url(/img/fr/misc/ultAdvicesPicture.gif) no-repeat } html[xmlns*=""] body:last-child div#ultAdvicesOnline div#ultPicture { padding-top:187px; } /******************************************************************************************************************** - 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#ultBodyCornerRightNew { background:transparent url(/img/dk/header_footer/ultBodyCornerRightNew.gif) no-repeat scroll 0%; } 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:-34px; top:97px; } div#ultSignupLandingCross div#ultButton a { width:300px; } /******************************************************************************************************************** - SIGNUP - TESTPSYCHO INVITE - /*******************************************************************************************************************/ div#ultSignupTestPsychoInvite div#ultContentRight div#ultImage { background: transparent url(/img/fr/testpsycho/ultAffinityTest.gif) no-repeat } /******************************************************************************************************************** - SIGNUP - CROSS SELING - /*******************************************************************************************************************/ div#ultSignupLandingCross div#ultContentRight div#ultImage { background: transparent url(/img/fr/testpsycho/ultAffinityTest.gif) no-repeat } div#ultSignupLandingCross div.ultBubble2 { _top:380px } div#ultSignupLandingCross div.ultBubble2ErrorMail { _top:380px } /******************************************************************************************************************** - SIGNUP - TESTPSYCHO END - /*******************************************************************************************************************/ div#ultSignupTestPsychoEnd div#ultContentRight div#ultImage { background: transparent url(/img/fr/testpsycho/ultAffinityTest.gif) no-repeat } /******************************************************************************************************************** - AUTRE MATCHLIST - /*******************************************************************************************************************/ div.ultProfilesList div.ultListTitleAffinity { float: left; width: 114px; padding-left: 70px; margin-right:15px; } div.ultProfilesList div.ultListTitleAge { float: left; width: 96px; text-align: center } div.ultProfilesList div.ultListEnglobAffinity { width:90px; margin:auto; } div.ultProfilesList div.ultListEnglobAge { width:60px; margin:auto; padding-left:15px; } /******************************************************************************************************************** - HOME MATCHLIST - /*******************************************************************************************************************/ div.ultProfilesListHome div.ultListTitleNew { float: left; width:141px; _width:151px; text-align:center; padding-left:10px } div.ultProfilesListHome div.ultListTitleAffinity { float: left; width: 100px } div.ultProfilesListHome div.ultListTitlePseudo {float:left; text-align:left; width:151px } div.ultProfilesListHome div.ultListTitleWork { float:left; text-align:left; width:175px } div.ultProfilesListHome div.ultListTitleAge { float: left; width: 60px; text-align: center } div#ultMyMatchList div#ultQuickSearch { /padding:12px 1px 12px 15px; } div#ultMyMatchList div#ultQuickSearch .ultWidthChamp { width:154px; /width:154px } div#ultMyMatchList div#ultQuickSearch .ultBlocLieu { width:249px; /width:246px } /******************************************************************************************************************** - HOME - TABLEAU - /*******************************************************************************************************************/ div#ultMyMatchList div#ultQuickSearch div.ultLine span.ultOptions { display:block; float:left; width:180px } div.ultProfilesList div.ultListAge { float:left; text-align:center; width:67px } div#ultMyMatchList div#ultQuickSearch div.ultLine label.ultLvlEtude { padding-left:8px; width:131px; } div#ultMyMatchList div#ultQuickSearch div.ultLine label.ultAge { width:83px; } div#ultMyMatchList div#ultQuickSearch div.ultLine label.ultHeight { width:83px; } div#ultMyMatchList div#ultQuickSearch div.ultLine label#ultLabelEmpty { width:138px; } div#ultMyMatchList div#ultQuickSearch div#ultButton { float:right; padding:8px 5px 0 0; } div#ultMyMatchList div#ultQuickSearch span.ultOptionsSearchArea { position:absolute; right:304px; _top: 117px; } div#ultMyMatchList div#ultQuickSearch #ultFilterNewMenu { left:160px; position:absolute; top:0; width:180px; } /*** 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 } /******************************************************************************************************************** - HOME - PROFIL MOD - /*******************************************************************************************************************/ .ultLineFormPhysique input { margin-left: 25px } .ultSpacerBtnSmall { width:625px } .ultSpacerBtnBig { width:640px } .ultPictureModeration { left:266px } /******************************************************************************************************************** - SIGNUP - MIGRATION - /*******************************************************************************************************************/ .ultAnswerSmallQ2 { padding: 16px 0px 15px } /******************************************************************************************************************** - SEARCH - FAVORITE - /*******************************************************************************************************************/ div.ultProfilesList div.ultListNoNew { float: left; width:31px; top:50px; text-align:center; margin-bottom:-15px; margin-top:17px; } /* couleur gris clair des bloc body */ .ultBodyColorSearch { background:#F8F7F5 } /******************************************************************************************************************** - MAIL - /*******************************************************************************************************************/ div.ultDelMsgCheckbox { width:80px } .ultRompreReadPicto { background:transparent url(/img/main/members/ultMiniprofilePictosAction.gif) no-repeat scroll 549px -171px; padding-left:431px; padding-right:29px; } /******************************************************************************************************************** - 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: 228px } .ultWidthBulleInfoLast { padding-left: 117px } div#ultBlocFilter .ultBtnLinkFilter { width:228px; } /*********************************************************** - FREE WEEK-END - /**********************************************************/ #ultFreeWeekendSticker_ { display:block; position:absolute; top:91px; left:695px; height:206px; width:250px; background:url(/img/dk/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; }