/*********************************************************** - VISUEL HOME V - /**********************************************************/ .ultVisual_1 { background: url(/img/nl/index/ultVisual_LP_2_summer2010.jpg) no-repeat } .ultVisual_2 { background: url(/img/nl/index/ultVisual_LP_2_summer2010.jpg) no-repeat } .ultVisual_3 { background: url(/img/nl/index/ultVisual_LP_2_summer2010.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: 155px; height: 85px; line-height: 10px } div#ultHeaderSlogan { margin:45px 0 0 -110px; } /*** Liens vers les autres sites meetic ***/ div#ultOtherSites { text-align: right; margin-bottom: 5px; height:20px; } /*** liens rapide ***/ div#ultQuickLinks { background:transparent url(/img/be/header_footer/ultFlagBE.gif) no-repeat scroll 5px 1px; float:left; height:20px; padding-left:35px; position:relative; text-align:left; } .ultSpaceTop { margin-top: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 340px 0 } div#ultHeaderLoginNew2 { background-position: 340px 0; margin-left:601px; } a#ultHeaderLogo { float: left; width: 365px; height: 50px; margin-top:10px; background: transparent url(/img/nl/header_footer/ultLogo.gif) no-repeat } span#ultHeaderLogo { float: left; width: 365px; height: 50px; margin-top:10px; background: transparent url(/img/nl/header_footer/ultLogo.gif) no-repeat } a#ultHeaderLogo_BEN { float: left; width: 365px; height: 50px; margin-top:10px; background: transparent url(/img/nl/header_footer/ultLogo_BEN.gif) no-repeat } span#ultHeaderLogo_BEN { float: left; width: 365px; height: 50px; margin-top:10px; background: transparent url(/img/nl/header_footer/ultLogo_BEN.gif) no-repeat } a#ultIndexLogoNew2 { background:transparent url(/img/nl/landing/ultLogo.gif) no-repeat scroll right center; padding-left:120px; } a#ultIndexLogoNew2_BEN { background:transparent url(/img/nl/landing/ultLogoBEN.gif) no-repeat scroll right center; bottom:12px; display:block;float:left; padding-left:120px; position:relative; width:275px; height:53px; } a#ultIndexLogo_NL { background:transparent url(/img/nl/landing/ultLogo.gif) no-repeat scroll 0 0; display:block; float:left; height:55px; margin-top:10px; _margin-top:20px; width:285px; } div#ultAffiliationLogo_NL { background:transparent url(/img/nl/landing/ultLogo.gif) no-repeat scroll 0 0; float:left; height:55px; margin-right:100px; margin-top:10px; _margin-top:20px; width:285px; } a#ultIndexLogo_BEN { background:transparent url(/img/nl/landing/ultLogoBEN.gif) no-repeat scroll 0 0; display:block; float:left; height:55px; margin-top:10px; _margin-top:20px; width:305px; } div#ultAffiliationLogo_BEN { background:transparent url(/img/nl/landing/ultLogoBEN.gif) no-repeat scroll 0 0; float:left; height:55px; margin-right:100px; margin-top:10px; _margin-top:20px; width:305px; } /*** bouton d'inscription VIP ***/ a#ultHeaderRegisterVip { font-size:20px; font-weight:normal; height:32px; padding-left:14px; padding-top:16px; width:234px; } /*** 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 ***/ .ultContenuLayerTitre { width:56px; } .ultLayerAlerteTitre { width:369px; } /******************************************************************************************************************** - INDEX - /*******************************************************************************************************************/ /*** visuels offres 7 jours ***/ .visualoffre { padding:30px 0 0 30px; background: url(/img/nl/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/nl/index/ultVisualOffre.jpg) no-repeat scroll 50%; height:98px; width:188px; z-index:1; position:absolute; top: 45px; right:28px } .ultVisualoffreTest { background: url(/img/nl/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:10; 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/nl/index/ultCoachingPicture.jpg) no-repeat 3px 3px } div#ultContainerNew2 {/height:860px} /******************************************************************************************************************** - LANDING - /*******************************************************************************************************************/ /*** visuels ***/ div#ultContainer div.ultVisualLanding { background: #fff url(/img/nl/landing/ultVisual_2.jpg) no-repeat 4px 4px } div.ultVisualLanding div#ultArguments .ultArgTitle { margin-bottom:20px; } /******************************************************************************************************************** - LAYERS - /*******************************************************************************************************************/ div#ultLayer div#ultLogo { width: 340px; height: 55px; margin: 0 auto; background: transparent url(/img/nl/common/ultLogo.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/nl/banners/ultYourCoach.gif) no-repeat } a#ultBannerLeftEvent { display: block; width: 222px; height: 130px; background: transparent url(/img/nl/banners/ultEvent.gif) no-repeat } /******************************************************************************************************************** - TEMOIGNAGES - /*******************************************************************************************************************/ div#ultTestimonies div#ultPicture1 { background: transparent url(/img/nl/happyends/ultPicture1.gif) no-repeat } div#ultTestimonies div#ultPicture2 { background: transparent url(/img/nl/happyends/ultPicture2.gif) no-repeat } div#ultTestimonies div#ultPicture3 { background: transparent url(/img/nl/happyends/ultPicture3.gif) no-repeat } div#ultTestimonies div#ultPicture4 { background: transparent url(/img/nl/happyends/ultPicture4.gif) no-repeat } div#ultTestimonies div#ultPicture5 { background: transparent url(/img/nl/happyends/ultPicture5.gif) no-repeat } div#ultTestimonies div#ultPicture6 { background: transparent url(/img/nl/happyends/ultPicture6.gif) no-repeat } div#ultTestimonies div#ultPicture7 { background: transparent url(/img/nl/happyends/ultPicture7.gif) no-repeat } div#ultTestimonies div#ultPicture8 { background: transparent url(/img/nl/happyends/ultPicture8.gif) no-repeat } div#ultTestimonies div#ultPicture9 { background: transparent url(/img/nl/happyends/ultPicture9.gif) no-repeat } div#ultTestimonies div#ultPicture10 { background: transparent url(/img/nl/happyends/ultPicture10.gif) no-repeat } /******************************************************************************************************************** - HOME - MANDATORY - /*******************************************************************************************************************/ div#ultHomeMandatory div#ultContentRight div#ultImage .ultImageWord1 { padding:15px 0 0 156px } 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/nl/misc/ultBlocWhatsdifferent1.jpg) no-repeat; margin-right: 12px } .ultBlocWhatsdifferent2 { width: 212px; height: 332px; background: transparent url(/img/nl/misc/ultBlocWhatsdifferent2.jpg) no-repeat; margin-right: 12px } .ultBlocWhatsdifferent3 { width: 216px; height: 332px; background: transparent url(/img/fr/misc/ultBlocWhatsdifferent3.jpg) no-repeat; } li.howitworks { list-style-position:inside; list-style-type:disc; padding:3px 0 3px 0; } /******************************************************************************************************************** - ADVICES - /*******************************************************************************************************************/ /*** videos ***/ div#ultAdvicesVideos div#ultVideo1 { margin-right: 30px; background: transparent url(/img/nl/misc/ultVideo1.gif) no-repeat } div#ultAdvicesVideos div#ultVideo2 { margin-right: 30px; background: transparent url(/img/nl/misc/ultVideo2.gif) no-repeat } div#ultAdvicesVideos div#ultVideo3 { margin-right: 30px; background: transparent url(/img/nl/misc/ultVideo3.gif) no-repeat } div#ultAdvicesVideos div#ultVideo4 { margin-right: 30px; background: transparent url(/img/nl/misc/ultVideo4.gif) no-repeat } div#ultAdvicesVideos div#ultVideo5 { background: transparent url(/img/nl/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/nl/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 } div#ultPushRegister a#ultBtnRegister {line-height:38px;} /******************************************************************************************************************** - 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:0px; left:5px; top:97px; } div#ultSignupLandingCross div#ultButton a { width:289px } /******************************************************************************************************************** - SIGNUP - TESTPSYCHO INVITE - /*******************************************************************************************************************/ div#ultSignupTestPsychoInvite div#ultButtonRestart a { width:274px } div#ultSignupTestPsychoInvite div#ultButton a { width:271px; } /******************************************************************************************************************** - SIGNUP - TESTPSYCHO END - /*******************************************************************************************************************/ div#ultSignupTestPsychoEnd div#ultButton a { width:271px; } /******************************************************************************************************************** - 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:130px; } div#ultMyMatchList div#ultQuickSearch div.ultLine label.ultAge { width:75px; } div#ultMyMatchList div#ultQuickSearch div.ultLine label.ultHeight { width:75px; } 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:164px; } div#ultMyMatchList div#ultQuickSearch #ultFilterNewMenu { left:220px; position:absolute; top:0; width:150px; } /*** 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 } /*********************************************************** - MAILS - INDEX - /**********************************************************/ div.ultDelMsgCheckbox { float:left; padding:5px 0 5px 6px; width:138px; } /*********************************************************** - CONFIRM SEND - /**********************************************************/ div#ultConfirmSend div#ultButton a { width: 225px } /******************************************************************************************************************** - AUTRE MATCHLIST - /*******************************************************************************************************************/ div.ultProfilesList div.ultListTitleAffinity { float: left; width: 137px; margin-left: 62px; _margin-left: 35px } div.ultProfilesList div.ultListTitlePseudo { float: left; width: 71px; text-align: center; } div.ultProfilesList div.ultListTitleWork { float: left; width: 288px; text-align: center; margin-left:-73px; _margin-left: -82px } div.ultProfilesList div.ultListTitleAge { float: left; width: 60px; text-align: center } div.ultProfilesList div.ultListAffinity { float: left; padding-top:22px; width: 107px; } div.ultProfilesList div.ultListNoPercentage { float:left; padding-left:60px; width:93px; } div.ultProfilesList div.ultListPseudo { float: left; width: 108px;} div.ultProfilesList div.ultListWork { float: left; width: 188px; _width: 175px; text-align: left; } div.ultProfilesList div.ultListNoWork { float: left; width: 188px; -width: 175px; text-align: left;} div.ultProfilesList div.ultListEnglobAffinity { width:110px; margin:auto; } div.ultProfilesList div.ultListEnglobAge { width:70px; margin:auto; padding-left:0; } /******************************************************************************************************************** - HOME MATCHLIST - /*******************************************************************************************************************/ div.ultProfilesListHome div.ultListTitleNew { float: left; width:97px; _width:107px; text-align:center; padding-left:20px } div.ultProfilesListHome div.ultListTitleAffinity { float: left; width: 133px } div.ultProfilesListHome div.ultListTitlePseudo {float:left; text-align:left; width:151px } div.ultProfilesListHome div.ultListTitleWork { float:left; text-align:left; width:173px } div.ultProfilesListHome div.ultListTitleAge { float: left; width: 74px; text-align: center } /******************************************************************************************************************** - SIGNUP - MIGRATION - /*******************************************************************************************************************/ div#ultBodyCornerRightNew { position: absolute; right: -1px; top: -1px; width: 85px; height: 85px; background: transparent url(/img/nl/header_footer/ultBodyCornerRightNew.gif) no-repeat } .ultAnswerBigQ3, .ultAnswerBigQ4, .ultAnswerBigQ71, .ultAnswerBigQ81 { padding: 8px 0px 23px 0px } .ultAskedWidth { padding-right:175px; width:450px } div#ultSignupProfile label.ultLabelSmall { width:138px; } /******************************************************************************************************************** - SIGNUP - AUTHENT - /*******************************************************************************************************************/ a.ultBtnB1 span { padding:0 35px 2px 16px; } /******************************************************************************************************************** - HOME - PROFIL MOD - /*******************************************************************************************************************/ .ultLineFormPhysique input { margin-left: 25px } .ultBtnClickHere { padding-top:10px; width:104px } .ultSpacerBtnSmall { width:624px } .ultSpacerBtnBig { width:624px } .ultPictureModeration { left:270px } /******************************************************************************************************************** - HOME - ACCOUNT MOD - /*******************************************************************************************************************/ div#ultMyAccount .ultLabelBig { width:500px; } /******************************************************************************************************************** - HELP - CONTACT_IN_FORM - /*******************************************************************************************************************/ .LabelSujet { text-decoration:underline; width:115px } /******************************************************************************************************************** - MEMBERS - INDEX - /*******************************************************************************************************************/ .ultPicture p { margin-top:36px; } div.ultPaginationMembersNew a.ultPaginationRight { background:transparent url(/img/main/common/ultPaginationNextNew.gif) no-repeat 5px 0px; padding-right:5px } div.ultPaginationMembersNew a.ultPaginationRight:hover {background:transparent url(/img/main/common/ultPaginationNextNew.gif) no-repeat scroll 5px -19px; padding-right:5px } /******************************************************************************************************************** - HOME - RESILIATE PASS PUCH PROFILE - /*******************************************************************************************************************/ div#ultResiliatePass div#ultButton a { width:322px } /******************************************************************************************************************** - ARTICLES - /*******************************************************************************************************************/ div#ultAdvicesEdito div.ultVisual_3 { background: transparent url(/img/main/misc/ultAdvicesVisual_3.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_7 { background: transparent url(/img/main/misc/ultAdvicesVisual_7.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_8 { background: transparent url(/img/main/misc/ultAdvicesVisual_8.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_14 { background: transparent url(/img/main/misc/ultAdvicesVisual_14.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_29 { background: transparent url(/img/main/misc/ultAdvicesVisual_29.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_30 { background: transparent url(/img/main/misc/ultAdvicesVisual_30.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_60 { background: transparent url(/img/main/misc/ultAdvicesVisual_60.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_61 { background: transparent url(/img/main/misc/ultAdvicesVisual_61.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_62 { background: transparent url(/img/main/misc/ultAdvicesVisual_62.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_64 { background: transparent url(/img/main/misc/ultAdvicesVisual_64.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_72 { background: transparent url(/img/main/misc/ultAdvicesVisual_72.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_76 { background: transparent url(/img/main/misc/ultAdvicesVisual_76.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_78 { background: transparent url(/img/main/misc/ultAdvicesVisual_78.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_80 { background: transparent url(/img/main/misc/ultAdvicesVisual_80.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_83 { background: transparent url(/img/main/misc/ultAdvicesVisual_83.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_85 { background: transparent url(/img/main/misc/ultAdvicesVisual_85.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_86 { background: transparent url(/img/main/misc/ultAdvicesVisual_86.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_88 { background: transparent url(/img/main/misc/ultAdvicesVisual_88.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_96 { background: transparent url(/img/main/misc/ultAdvicesVisual_96.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_97 { background: transparent url(/img/main/misc/ultAdvicesVisual_97.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_38 { background: transparent url(/img/main/misc/ultAdvicesVisual_38.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_39 { background: transparent url(/img/main/misc/ultAdvicesVisual_39.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_40 { background: transparent url(/img/main/misc/ultAdvicesVisual_40.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_41 { background: transparent url(/img/main/misc/ultAdvicesVisual_41.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_42 { background: transparent url(/img/main/misc/ultAdvicesVisual_42.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_43 { background: transparent url(/img/main/misc/ultAdvicesVisual_43.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_44 { background: transparent url(/img/main/misc/ultAdvicesVisual_44.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_45 { background: transparent url(/img/main/misc/ultAdvicesVisual_45.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_109 { background: transparent url(/img/main/misc/ultAdvicesVisual_109.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_110 { background: transparent url(/img/main/misc/ultAdvicesVisual_110.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_111 { background: transparent url(/img/main/misc/ultAdvicesVisual_111.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_115 { background: transparent url(/img/main/misc/ultAdvicesVisual_115.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_116 { background: transparent url(/img/main/misc/ultAdvicesVisual_116.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_117 { background: transparent url(/img/main/misc/ultAdvicesVisual_117.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_118 { background: transparent url(/img/main/misc/ultAdvicesVisual_118.jpg) no-repeat } /******************************************************************************************************************** - HOME - MYSEARCH - /*******************************************************************************************************************/ div.ultMesSerList .ultBlocEnv { width:85px } div.ultMesSerList .ultBlocRec { width:250px } div.ultMesSerList .ultBlocAcc { width:200px } div.ultMesSerList .ultBlocRef { width:185px }