/*********************************************************** - 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#ultHeaderNew2 { margin-top:5px; } /*** Liens vers les autres sites meetic ***/ div#ultOtherSites { height: 20px; text-align: right } /*** 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) } /*** liens rapide ***/ div#ultQuickLinks { background:transparent url(/img/chf/header_footer/ultFlagCH.gif) no-repeat scroll 5px 1px; float:left; height:20px; padding-left:35px; position:relative; text-align:left; } /*** formulaire de login ***/ div#ultHeaderLogin { top: 85px } /******************************************************************************************************************** - 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: 60px} /*** 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 } /******************************************************************************************************************** - LANDING - /*******************************************************************************************************************/ /******************************************************************************************************************** - LAYERS - /*******************************************************************************************************************/ div#ultLayer div#ultLogo { width: 275px; height: 58px; margin: 0 auto; background: transparent url(/img/chf/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/chf/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 } /******************************************************************************************************************** - 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 { background:#EAE8E3 none repeat scroll 0 0; height:105px; padding:12px 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.ultAge { width:84px; } div#ultMyMatchList div#ultQuickSearch div.ultLine label.ultHeight { width:84px; } div#ultMyMatchList div#ultQuickSearch div.ultLine label#ultLabelEmpty { width:126px; _width:123px; } /******************************************************************************************************************** - 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 } /*** 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 } /******************************************************************************************************************** - 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 }