/*********************************************************** - VISUEL HOME V - /**********************************************************/ .ultVisual_1, .ultVisual_3 { background: url(/img/main/index/ultVisual_1_signup.jpg) no-repeat } .ultVisual_2 { background: url(/img/main/index/ultVisual_2_signup.jpg) no-repeat } div.ultContainerNewFR .ultVisual_1, div.ultContainerNewFR .ultVisual_3 { background: url(/img/main/index/ultVisual_1_new.jpg) no-repeat } div.ultContainerNewFR .ultVisual_2 { background: url(/img/main/index/ultVisual_2_new.jpg) no-repeat } /******************************************************************************************************************** - HOME - MANAGE PASS - /*******************************************************************************************************************/ .ultVipHidden { display: none } /******************************************************************************************************************** - 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) } /******************************************************************************************************************** - INDEX - /*******************************************************************************************************************/ /*** phrase d'accroche ***/ div#ultCatchPhrase { background:url(/img/fr/index/ultAccroche.png) no-repeat 0 0; height:17px; left:25px; position:absolute; top:15px; width:284px; } /*** visuels offres 7 jours ***/ .ultContainerNewFR .visualoffre { height:98px; padding:30px 0 0 30px; position:absolute; left:330px; top:86px; _top:100px; width:188px; } #ultContainerNew2 .visualoffre { height:98px; padding:30px 0 0 30px; position:absolute; right:-5px; top:86px; _top:100px; width:188px; } .ultMetionsLegales { padding: 5px; color:#A29E99 } .ultVisualoffre { height:98px; width:188px; z-index:1; position:absolute; top: 45px; right:28px } .ultVisualoffreTest { background: url(/img/fr/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 } /*** slogan ***/ div#ultHeaderParity p#ultSlogan { padding-top: 56px} /*** formulaire d'inscription ***/ .ultContainerNewFR div#ultRegisterFormNew2 h1 { background:url(/img/fr/index/ultRegisterFormTitle.gif) no-repeat 0 0; height:26px; margin:0 auto; padding-bottom:4px; overflow:hidden; position:relative; text-indent:-999px; width:186px; } .ultContainerNewFR div#ultRegisterFormNew2 a#ultBtnRegisterNew2 { background:url(/img/fr/index/ultRegister.gif) no-repeat 0 0; display:block; height:67px; line-height:50px; margin:10px auto; text-indent:-9999px; overflow:hidden; width:248px; } /*** Arguments ***/ .ultContainerNewFR div#ultArguments { background:url(/img/fr/index/ultArguments.png) no-repeat 0 0; height:111px; width:364px; position:absolute; left:54px; top:360px; z-index:4; } .ultContainerNewFR div#ultArgumentsmatch { background:url(/img/fr/index/ultArgumentsMatch.png) no-repeat 0 0; height:111px; width:364px; position:absolute; left:54px; top:360px; z-index:4; } /*** 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/fr/index/ultCoachingPicture.jpg) no-repeat 3px 3px } div#ultContainerNew2 { margin:auto; padding-top:0; width:988px; position:relative;} /*** bloc coaching New design ***/ div#ultCoaching .ultPhoneNum { color:#ffffff; font-weight:bold; font-size:22px; padding:15px 0 0 23px; background: transparent url(/img/main/common/nuphonecoaching.jpg) no-repeat scroll 41px 14px; height:41px } div#ultCoaching h5 { padding: 2px 0 14px 0px } div#ultCoaching div#ultBannerFlash div#ultVisuelCoachingFix { height:248px } div#ultCoaching div#ultCoachingLeft { margin-right:20px; padding-right:33px; width:323px; background-position:346px 0 } div#ultCoaching p.ultSpacing { padding-top:2px } div#ultCoaching .ultBigSpacerCoa { height:30px; } div#ultCoaching .ultPaddingCoa { padding:10px 0 8px 0 } div#ultCoaching .ultPaddingTxtCoa { padding:2px 15px; list-style-type:disc; font-size:13px } div#ultCoaching .ultSizeBloctel { width:300px } div#ultCoaching .ultSpacingCoa { padding-bottom:20px } /******************************************************************************************************************** - LANDING - /*******************************************************************************************************************/ /******************************************************************************************************************** - LAYERS - /*******************************************************************************************************************/ div#ultLayer div#ultLogo { width: 275px; height: 58px; margin: 0 auto; background: transparent url(/img/fr/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/fr/banners/ultYourCoach.gif) no-repeat } a#ultBannerLeftEvent { display: block; width: 222px; height: 153px; background: transparent url(/img/fr/banners/ultEvent.gif) no-repeat } a#ultBannerLeftEvent2 { display: block; width: 222px; height: 185px; background: transparent url(/img/fr/banners/ultEvent3.gif) no-repeat } .ultBannerLeftEvent4 { display: block; width: 222px; height: 130px; background: transparent url(/img/fr/banners/ultEvent4.jpg) 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 } div#ultTestimonies div#ultPicture11 { background: transparent url(/img/fr/happyends/ultPicture11.gif) no-repeat } /******************************************************************************************************************** - HOME - MANDATORY - /*******************************************************************************************************************/ div#ultHomeMandatory div#ultContentRight div#ultImage .ultImageWord1 { padding:15px 0 0 155px } div#ultHomeMandatory div#ultContentRight div#ultImage .ultImageWord2 { padding-left:88px } 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; } /******************************************************************************************************************** - 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 } /******************************************************************************************************************** - COACHING - /*******************************************************************************************************************/ .div#ultCoaching .ultBorderNone { border:none; } /******************************************************************************************************************** - 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:43px; top:97px; } /*** offres (weekend gratuit) - pastille ***/ #ultFreeWeekendSticker_fr { display:block; position:absolute; top:115px; left:720px; height:144px; width:144px; background:url(/img/fr/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; } /******************************************************************************************************************** - SIGNUP - CROSS SELING - /*******************************************************************************************************************/ div#ultSignupLandingCross div.ultBubble2 { _top:380px } div#ultSignupLandingCross div.ultBubble2ErrorMail { _top:380px } /******************************************************************************************************************** - AUTRE MATCHLIST - /*******************************************************************************************************************/ div.ultProfilesList div.ultListTitleAffinity { float: left; width: 114px; margin-left: 70px; margin-right:15px; _margin-left: 45px } div.ultProfilesList div.ultListTitleAge { float: left; width: 60px; 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 - PROFIL MOD - /*******************************************************************************************************************/ .ultLineFormPhysique input { margin-left: 25px } .ultSpacerBtnSmall { width:604px } .ultSpacerBtnBig { width:624px } .ultPictureModeration { left:286px } /******************************************************************************************************************** - 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 } /******************************************************************************************************************** - ARTICLES - /*******************************************************************************************************************/ div#ultAdvicesEdito div.ultVisual_2 { background: transparent url(/img/main/misc/ultAdvicesVisual_2.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_3 { background: transparent url(/img/main/misc/ultAdvicesVisual_3.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_5 { background: transparent url(/img/main/misc/ultAdvicesVisual_5.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_6 { background: transparent url(/img/main/misc/ultAdvicesVisual_6.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_11 { background: transparent url(/img/main/misc/ultAdvicesVisual_11.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_16 { background: transparent url(/img/main/misc/ultAdvicesVisual_16.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_23 { background: transparent url(/img/main/misc/ultAdvicesVisual_23.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_32 { background: transparent url(/img/main/misc/ultAdvicesVisual_32.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_34 { background: transparent url(/img/main/misc/ultAdvicesVisual_34.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_48 { background: transparent url(/img/main/misc/ultAdvicesVisual_48.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_60 { background: transparent url(/img/main/misc/ultAdvicesVisual_60.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_63 { background: transparent url(/img/main/misc/ultAdvicesVisual_63.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_64 { background: transparent url(/img/main/misc/ultAdvicesVisual_64.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_65 { background: transparent url(/img/main/misc/ultAdvicesVisual_65.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_66 { background: transparent url(/img/main/misc/ultAdvicesVisual_66.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_67 { background: transparent url(/img/main/misc/ultAdvicesVisual_67.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_71 { background: transparent url(/img/main/misc/ultAdvicesVisual_71.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_72 { background: transparent url(/img/main/misc/ultAdvicesVisual_72.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_73 { background: transparent url(/img/main/misc/ultAdvicesVisual_73.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_74 { background: transparent url(/img/main/misc/ultAdvicesVisual_74.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_79 { background: transparent url(/img/main/misc/ultAdvicesVisual_79.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_80 { background: transparent url(/img/main/misc/ultAdvicesVisual_80.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_81 { background: transparent url(/img/main/misc/ultAdvicesVisual_81.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_82 { background: transparent url(/img/main/misc/ultAdvicesVisual_82.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_83 { background: transparent url(/img/main/misc/ultAdvicesVisual_83.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_84 { background: transparent url(/img/main/misc/ultAdvicesVisual_84.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_86 { background: transparent url(/img/main/misc/ultAdvicesVisual_86.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_87 { background: transparent url(/img/main/misc/ultAdvicesVisual_87.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_88 { background: transparent url(/img/main/misc/ultAdvicesVisual_88.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_90 { background: transparent url(/img/main/misc/ultAdvicesVisual_90.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_91 { background: transparent url(/img/main/misc/ultAdvicesVisual_91.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_92 { background: transparent url(/img/main/misc/ultAdvicesVisual_92.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_93 { background: transparent url(/img/main/misc/ultAdvicesVisual_93.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_94 { background: transparent url(/img/main/misc/ultAdvicesVisual_94.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_95 { background: transparent url(/img/main/misc/ultAdvicesVisual_95.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_98 { background: transparent url(/img/main/misc/ultAdvicesVisual_98.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_99 { background: transparent url(/img/main/misc/ultAdvicesVisual_99.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_105 { background: transparent url(/img/main/misc/ultAdvicesVisual_105.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_106 { background: transparent url(/img/main/misc/ultAdvicesVisual_106.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_107 { background: transparent url(/img/main/misc/ultAdvicesVisual_107.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_108 { background: transparent url(/img/main/misc/ultAdvicesVisual_108.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_119 { background: transparent url(/img/main/misc/ultAdvicesVisual_119.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_120 { background: transparent url(/img/main/misc/ultAdvicesVisual_120.jpg) no-repeat }