/*********************************************************** - VISUEL HOME V - /**********************************************************/ .ultVisual_1 { background: url(/img/main/index/ultVisual_1.jpg) no-repeat } .ultVisual_2 { background: url(/img/main/index/ultVisual_2.jpg) no-repeat } .ultVisual_3 { background: url(/img/main/index/ultVisual_3.jpg) no-repeat } /******************************************************************************************************************** - HEADER - /*******************************************************************************************************************/ div#ultHeader { height: 85px; padding-left: 20px; background: transparent url(/img/main/header_footer/ultHeaderNoTabs.gif) no-repeat } div#ultHeaderLogin { top: 80px } /*** 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; } /*** Liens vers les autres sites meetic ***/ div#ultOtherSites { text-align: right; height:20px; } /*** onglets ***/ div#ultHeaderTabs { float: right; width: 405px; height: 36px } div#ultHeaderTabs a { float: left; width: 130px; height: 30px; padding-top: 5px } div#ultHeaderTabs a:hover { background-position: 0 -36px } div#ultHeaderTabs a#ultTabMeetic { background-image: url(/img/fr/header_footer/ultHeaderTabMeetic.gif) } div#ultHeaderTabs a#ultTabMeeticGay { background-image: url(/img/fr/header_footer/ultHeaderTabMeeticGay.gif) } div#ultHeaderTabs a#ultTabVioo { background-image: url(/img/fr/header_footer/ultHeaderTabVioo.gif) } /******************************************************************************************************************** - INDEX - /*******************************************************************************************************************/ /*** visuels offres 7 jours ***/ .visualoffre { height:98px; padding:30px 0 0 30px; position:absolute; right:-5px; top:66px; _top:80px; 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} /*** 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 {height:860px;} /******************************************************************************************************************** - LANDING - /*******************************************************************************************************************/ /******************************************************************************************************************** - LAYERS - /*******************************************************************************************************************/ div#ultLayer div#ultLogo { width: 275px; height: 58px; margin: 0 auto; background: transparent url(/img/be/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: 130px; background: transparent url(/img/be/banners/ultEvent.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 { background: transparent url(/img/fr/home/ultMandatoryAffinityTest.gif) no-repeat } /******************************************************************************************************************** - 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/ultVideo1.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; padding-top:183px; margin: 6px 0 3px; padding-right: 30px; background: transparent url(/img/fr/misc/ultAdvicesPicture.gif) no-repeat } /******************************************************************************************************************** - HOW IT WORKS - /*******************************************************************************************************************/ .ultHowitworksVisu { width: 323px; background: transparent url(/img/fr/misc/ultHowitworks1.gif) no-repeat; height: 286px; float: right } .ultHowitworksVisu2 { width: 321px; background: transparent url(/img/fr/misc/ultHowitworks2.gif) no-repeat; height: 392px; float: right } .ultHowitworksVisu3 { width: 321px; background: transparent url(/img/fr/misc/ultHowitworks3.gif) no-repeat; height: 397px; float: right } .ultHowitworksVisu4 { width: 321px; background: transparent url(/img/fr/misc/ultHowitworks4.gif) no-repeat; height: 397px; float: right } .ultHowitworksVisu5 { width: 321px; background: transparent url(/img/fr/misc/ultHowitworks5.gif) no-repeat; height: 287px; float: right } /******************************************************************************************************************** - 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; } /******************************************************************************************************************** - SIGNUP - CROSS SELING - /*******************************************************************************************************************/ div#ultSignupLandingCross div.ultBubble2 { _top:380px } div#ultSignupLandingCross div.ultBubble2ErrorMail { _top:380px } /*** offres (weekend gratuit) - pastille ***/ /* test_start et test_end */ #ultFreeWeekendSticker_ { display:block; position:absolute; top:385px; left:770px; height:210px; width:212px; background:url(/img/be/offers/ultWeekendHome.png) no-repeat; } /* landing_cross */ #ultFreeWeekendSticker_fr { display:block; position:absolute; top:385px; left:770px; height:210px; width:212px; background:url(/img/be/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; } /******************************************************************************************************************** - 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; } div#ultMyMatchList div#ultQuickSearch div.ultLine span.ultOptions { display:block; float:left; width:185px } div.ultProfilesList div.ultListAge { float:left; text-align:center; width:67px } div#ultMyMatchList div#ultQuickSearch label.ultLvlEtude { width:130px } div#ultMyMatchList div#ultQuickSearch div.ultLine label#ultLabelEmpty { width:134px; } div#ultMyMatchList div#ultQuickSearch div#ultButton { float:right; padding:8px 5px 0 0; } div#ultMyMatchList div#ultQuickSearch div.ultLine label.ultLvlEtude { padding-left:8px; width:125px; } div#ultMyMatchList div#ultQuickSearch span.ultOptionsSearchArea { position:absolute; right:169px; } div#ultMyMatchList div#ultQuickSearch #ultFilterNewMenu { left:225px; position:absolute; top:0; } /******************************************************************************************************************** - 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 }