/*********************************************************** - VISUEL HOME V - /**********************************************************/ .ultVisual_1 { background: url(/img/main/index/ultVisual_5.jpg) no-repeat } .ultVisual_2 { background: url(/img/main/index/ultVisual_5.jpg) no-repeat } .ultVisual_3 { background: url(/img/main/index/ultVisual_5.jpg) no-repeat } /******************************************************************************************************************** - HEADER - /*******************************************************************************************************************/ div#ultHeader { height: 85px; padding-left: 20px; background: transparent url(/img/main/header_footer/ultHeaderNoTabs.gif) no-repeat } div#ultHeaderLoginNew2 { background-position: 362px 0; /background-position: 365px 0; _background-position: 369px 0; } /*** logos ***/ a#ultIndexLogoNew2 { background:transparent url(/img/gm/index/ultLogoBig.gif) no-repeat scroll right center; padding-left:115px; height:53px; } a#ultIndexLogoNew2_CHG { background:transparent url(/img/chg/index/ultLogoBig.gif) no-repeat scroll right center; bottom:4px; display:block;float:left; padding-left:120px; position:relative; width:275px; height:53px; } a#ultIndexLogo_GM { background:transparent url(/img/gm/landing/ultLogo.gif) no-repeat scroll 0 0; display:block; float:left; height:55px; margin-top:10px; _margin-top:20px; width:285px; } div#ultAffiliationLogo_GM { background:transparent url(/img/gm/landing/ultLogo.gif) no-repeat scroll 0 0; float:left; height:55px; margin-right:100px; margin-top:10px; _margin-top:20px; width:275px; } a#ultIndexLogo_CHG { background:transparent url(/img/chg/landing/ultLogo.gif) no-repeat scroll 0 0; display:block; float:left; height:55px; margin-top:10px; _margin-top:20px; width:305px; } div#ultAffiliationLogo_CHG { background:transparent url(/img/chg/landing/ultLogo.gif) no-repeat scroll 0 0; float:left; height:55px; margin-right:100px; margin-top:10px; _margin-top:20px; width:305px; } /*** onglets ***/ div#ultHeaderTabs a { float: left } div#ultHeaderTabs a#ultTabNeu { background-image: url(/img/gm/header_footer/ultHeaderTabNeu.gif) } /*** deja membre ***/ div#ultHeaderLogin { background: transparent url(/img/main/common/ultDotV1.gif) repeat-y 362px 0 } div#ultLogin a#ultBtnLogin { background: transparent url(/img/gm/landing/ultAlreadyMember.gif) no-repeat } /*** Liens vers les autres sites meetic ***/ div#ultOtherSites { text-align: right; margin-bottom: 5px; height:20px; } /*** 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; } .ultSpaceTop { margin-top:5px; } /*** Layer restriction Alerte mail ***/ .ultContenuLayerTitre { width:72px; } .ultLayerAlerteTitre { width:413px; padding-left:5px; } /******************************************************************************************************************** - INDEX - /*******************************************************************************************************************/ /*** visuels offres 7 jours ***/ .visualoffre { padding:30px 0 0 30px; background: url(/img/gm/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/gm/index/ultVisualOffre.jpg) no-repeat scroll 50%; height:98px; width:188px; z-index:1; position:absolute; top: 45px; right:28px } .ultVisualoffreTest { background: url(/img/gm/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:1; 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/gm/index/ultCoachingPicture.jpg) no-repeat 3px 3px } /*** Award ***/ div#ultRegisterFormNew2 div#ultAward { background:transparent url(/img/gm/index/ultAward.jpg) no-repeat scroll 0 0; z-index: 1; height:187px; position:absolute; left:360px; top:-8px; width:127px; _right:430px; } div#ultRegisterFormNew div#ultAward { background:transparent url(/img/gm/index/ultAward.jpg) no-repeat scroll 0 0; z-index: 1; height:187px; left:350px; position:absolute; top:37px; _top:37px; width:127px; } /******************************************************************************************************************** - LANDING - /*******************************************************************************************************************/ /*** police des titres ***/ div#ultRegisterForm h1, div#ultRegisterForm h2 { font-size: 22px; font-style: normal; font-weight: normal } div.ultVisualLanding div#ultArguments .ultArgTitle { margin-bottom:20px; } /******************************************************************************************************************** - LAYERS - /*******************************************************************************************************************/ div#ultLayer div#ultLogo { width: 275px; height: 58px; margin: 0 auto; background: transparent url(/img/gm/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/gm/banners/ultYourCoach.gif) no-repeat } a#ultBannerLeftEvent { display: block; width: 222px; height: 130px; background: transparent url(/img/gm/banners/ultEvent.gif) no-repeat } /******************************************************************************************************************** - AUTHENT - LOGIN - /*******************************************************************************************************************/ .ultButtonGo { margin-top: 5px; width: 143px; } /******************************************************************************************************************** - HOME - INDEX - /*******************************************************************************************************************/ /*** définition du bloc tips ***/ div.ultTipsABO { background: transparent url(/img/gm/homelog/ultTipsBgABO.gif) no-repeat } div.ultTips5 { background: transparent url(/img/gm/homelog/ultTipsBg5.gif) no-repeat } /*** minilist ***/ div.ultMiniList div.ultMiniListPercentage, div.ultMiniListOn div.ultMiniListPercentage {width:12%} div.ultMiniList div.ultMiniListPseudo, div.ultMiniListOn div.ultMiniListPseudo {width:27%} div.ultMiniList div.ultMiniListAge, div.ultMiniListOn div.ultMiniListAge { width: 15% } /*** quick search ***/ div#ultMyMatchList div#ultQuickSearch div.ultLine label#ultLabelEmpty { width: 111px; _width:108px } div#ultMyMatchList div#ultQuickSearch div.ultLine span.ultOptions { width: 205px } div#ultMyMatchList div#ultQuickSearch span.ultOptionsSearchArea { position:absolute; right:172px; } div#ultMyMatchList div#ultQuickSearch #ultFilterNewMenu { position:absolute; left:205px; top:0px; } /*** définition du bloc recherche rapide *** */div#ultMyMatchList div#ultQuickSearch div.ultLine label.ultLvlEtude { width: 115px; _width:112px } div#ultMyMatchList div#ultQuickSearch div.ultLine span.ultOptions3 { width:205px; } /*** Fleche ordonnée liste ***/ div.ultProfilesList div.ultListTitleAffinityAsc { float: left; width: 114px; padding-left: 80px; background: transparent url(/img/main/common/pict_arrowUp.gif) no-repeat scroll 147px center } div.ultProfilesList div.ultListTitleAffinityDesc { float: left; width: 114px; padding-left: 80px; background: transparent url(/img/main/common/pict_arrowDown.gif) no-repeat scroll 147px center } /******************************************************************************************************************** - HOME - MANDATORY - /*******************************************************************************************************************/ div#ultHomeMandatory div#ultContentRight div#ultImage .ultImageWord1 { padding:15px 0 0 159px } div#ultHomeMandatory div#ultContentRight div#ultImage .ultImageWord2 { padding-left:84px } div#ultHomeMandatory div#ultContentRight div#ultImage .ultImageWord3 { padding-left:30px } div#ultHomeMandatory div#ultButton a { width: 300px } /******************************************************************************************************************** - HOME - MANAGE PASS - /*******************************************************************************************************************/ /*** gestion du compte ***/ div#ultManagePass div#ultButton a { width: 300px } /*** information sur le SC ***/ div#ultPhoneNumber p.ultPhoneNumberInfo { height: 55px; padding: 24px 0 20px 11px; color: #DB1D1A; font-size:9px; width:225px} /******************************************************************************************************************** - HOME - PHOTOS - /*******************************************************************************************************************/ div#ultHomePhotos div#ultButton a { width: 125px } .ultPictureModeration { left:287px } /******************************************************************************************************************** - MAILS - INDEX - /*******************************************************************************************************************/ div.ultDelMsgCheckbox { width: 85px } .ultRompreReadPicto { background:transparent url(/img/main/members/ultMiniprofilePictosAction.gif) no-repeat scroll 568px -171px; padding-left:460px; padding-right:29px } /******************************************************************************************************************** - SEARCH - ADVANCEDSEARCH - /*******************************************************************************************************************/ .ultChampMiddleBas { margin-left: 2px } /******************************************************************************************************************** - HAPPYENDS - 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 } /******************************************************************************************************************** - SEARCH - ADVANCEDSEARCH - /*******************************************************************************************************************/ div.ultSearchList select.ultChampMiddleBas { margin-left: 2px } /******************************************************************************************************************** - MISC - IMPRESSUM - /*******************************************************************************************************************/ .UltField { display: block; line-height: 22px; height: 22px; vertical-align: middle } .LabelSujet { text-decoration: underline } .LabelLarge { width: 140px } .FormComm { padding: 10px 0; font-weight: normal; text-align: justify } div#ultMiscImpressum h1 { font-size: 16px } div#ultMiscImpressum label { display: block; float: left; font-weight: bold; line-height: 22px; height: 22px; vertical-align: middle } div#ultMiscImpressum input.ultInputText, div#ultMiscImpressum select { width: 300px } div#ultMiscImpressum textarea { width: 50% } div#ultMiscImpressum div#ultButtons { padding-top: 10px } /******************************************************************************************************************** - MISC - WHAT'S DIFFERENT ? - /*******************************************************************************************************************/ .ultBlocWhatsdifferent1 { width: 271px; height: 332px; background: transparent url(/img/gm/misc/ultBlocWhatsdifferent1.jpg) no-repeat; margin-right: 12px } .ultBlocWhatsdifferent2 { width: 212px; height: 332px; background: transparent url(/img/gm/misc/ultBlocWhatsdifferent2.jpg) no-repeat; margin-right: 12px } .ultBlocWhatsdifferent3 { width: 216px; height: 332px; background: transparent url(/img/gm/misc/ultBlocWhatsdifferent3.jpg) no-repeat; } div#ultPushRegister a#ultBtnRegister {line-height:38px;} /******************************************************************************************************************** - MISC - ADVICES - /*******************************************************************************************************************/ /*** videos ***/ div#ultAdvicesVideos div#ultVideo1 { margin-right: 30px; background: transparent url(/img/gm/misc/ultVideo1.gif) no-repeat } div#ultAdvicesVideos div#ultVideo2 { margin-right: 30px; background: transparent url(/img/gm/misc/ultVideo2.gif) no-repeat } div#ultAdvicesVideos div#ultVideo3 { margin-right: 30px; background: transparent url(/img/gm/misc/ultVideo3.gif) no-repeat } div#ultAdvicesVideos div#ultVideo4 { margin-right: 30px; background: transparent url(/img/gm/misc/ultVideo4.gif) no-repeat } div#ultAdvicesVideos div#ultVideo5 { background: transparent url(/img/gm/misc/ultVideo5.gif) no-repeat } div#ultAdvicesVideos div#ultVideo6 { margin-right: 30px; margin-top: 10px; background: transparent url(/img/gm/misc/ultVideo6.gif) no-repeat } div#ultAdvicesVideos div#ultVideo7 { margin-right: 30px; margin-top: 10px; background: transparent url(/img/gm/misc/ultVideo7.gif) no-repeat } div#ultAdvicesVideos div#ultVideo8 { margin-right: 30px; margin-top: 10px; background: transparent url(/img/gm/misc/ultVideo8.gif) no-repeat } div#ultAdvicesVideos div#ultVideo9 { margin-right: 30px; margin-top: 10px; background: transparent url(/img/gm/misc/ultVideo9.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/gm/misc/ultAdvicesPicture.gif) no-repeat } /*** ADVICES - EDITO NEWS ***/ div#ultAdvicesEdito div.ultVisualNews { background: transparent url(/img/main/misc/ultAdvicesVisual_88.jpg) no-repeat } /******************************************************************************************************************** - MISC - HOW IT WORKS - /*******************************************************************************************************************/ .ultHowitworksVisu { width: 315px; background: transparent url(/img/fr/misc/ultHowitworks1.gif) no-repeat; height: 380px; float: right; padding-bottom : 30px } .ultHowitworksVisu2 { width: 315px; background: transparent url(/img/fr/misc/ultHowitworks2.gif) no-repeat; height: 380px; float: right; padding-bottom : 30px } .ultHowitworksVisu3 { width: 315px; background: transparent url(/img/fr/misc/ultHowitworks3.gif) no-repeat; height: 380px; float: right; padding-bottom : 30px } .ultHowitworksVisu4 { width: 315px; background: transparent url(/img/fr/misc/ultHowitworks4.gif) no-repeat; height: 380px; float: right; padding-bottom : 30px } .ultHowitworksVisu5 { width: 315px; background: transparent url(/img/fr/misc/ultHowitworks5.gif) no-repeat; height: 380px; float: right; padding-bottom : 30px } /******************************************************************************************************************** - 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:10px; top:97px; } /******************************************************************************************************************** - SIGNUP - CROSS SELING - /*******************************************************************************************************************/ div#ultSignupLandingCross div.ultBubble { top:212px } div#ultSignupLandingCross div.ultBubbleErrorMail { top:212px } div#ultSignupLandingCross div.ultBubble2 { top:368px; _top:360px } div#ultSignupLandingCross div.ultBubble2ErrorMail { top:368px; _top:360px } /******************************************************************************************************************** - SIGNUP - PROFILE - /*******************************************************************************************************************/ div#ultSignupProfile label.ultLabel { width: 250px } div#ultSignupProfile label.ultLabel2 { width: 250px } /******************************************************************************************************************** - DIVERS - /*******************************************************************************************************************/ /*** photos ***/ .ultPicture p { margin-top: 75px } /*********************************************************** - DEFINITION DES MINI PROFILS - /**********************************************************/ div#ultMiniProfileMembers div#ultBlocProfile div#ultYourAffinity { float: right; width: 125px; text-align: center; background: transparent url(/img/main/common/ultDotV1.gif) repeat-y } /*********************************************************** - WEEKEND GRATUIT - /**********************************************************/ #ultContainerNew2 .ultOfferAnnounce, #ultContainer .ultOfferAnnounce { font-size:16px; top:470px; right:25px } div.ultProfilesList div.ultListButtonFree { padding:10px 0 0 60px } /*bouton message */ div.ultProfilesList div.ultOfferMailFree { padding: 0 } /*bouton message */ /*** offres (weekend gratuit) - pastille ***/ #ultFreeWeekendSticker_gm { display:block; position:absolute; top:422px; left:760px; height:254px; width:222px; background:url(/img/gm/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: 135px; margin-left: 65px; _margin-left: 30px } div.ultProfilesList div.ultListTitleAge { float: left; width: 60px; text-align: center } div.ultProfilesList div.ultListEnglobAffinity { width:130px; margin:auto; } div.ultProfilesList div.ultListEnglobAge { width:60px; margin:auto; padding-left:20px; } div.ultProfilesList div.ultListAge { width:65px } div.ultProfilesList div.ultListTitleWork { width:162px } /******************************************************************************************************************** - HOME MATCHLIST - /*******************************************************************************************************************/ div.ultProfilesListHome div.ultListTitleNew { float: left; width:89px; _width:99px; text-align:center; padding-left:20px } div.ultProfilesListHome div.ultListTitleAffinity { float: left; width: 143px } div.ultProfilesListHome div.ultListTitlePseudo {float:left; text-align:left; width:151px } div.ultProfilesListHome div.ultListTitleWork { float:left; text-align:left; width:165px } div.ultProfilesListHome div.ultListTitleAge { float: left; width: 60px; text-align: center } /******************************************************************************************************************** - SIGNUP - MIGRATION - /*******************************************************************************************************************/ div#ultBodyCornerRightNew { position: absolute; right: -1px; top: -1px; width: 85px; height: 85px; background: transparent url(/img/gm/header_footer/ultBodyCornerRightNew.gif) no-repeat } .ultAskedWidth { padding-right:70px; width:540px } .ultAnswerSmallQ2 { padding: 16px 0px 15px 0px } /******************************************************************************************************************** - HOME - PROFIL MOD - /*******************************************************************************************************************/ .ultLineFormPhysique input { margin-left: 25px } .ultBtnClickHere { padding-top:10px; width:121px } .ultSpacerBtnSmall { width:603px } .ultSpacerBtnBig { width:618px } /******************************************************************************************************************** - HOME - ACCOUNT MOD - /*******************************************************************************************************************/ div#ultMyAccount .ultLabelBig { width:594px; } /******************************************************************************************************************** - ARTICLES - /*******************************************************************************************************************/ div#ultAdvicesEdito div.ultVisual_51 { background: transparent url(/img/main/misc/ultAdvicesVisual_51.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_53 { background: transparent url(/img/main/misc/ultAdvicesVisual_53.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_54 { background: transparent url(/img/main/misc/ultAdvicesVisual_54.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_56 { background: transparent url(/img/main/misc/ultAdvicesVisual_56.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_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_85 { background: transparent url(/img/main/misc/ultAdvicesVisual_85.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_100 { background: transparent url(/img/main/misc/ultAdvicesVisual_100.jpg) no-repeat } div#ultAdvicesEdito div.ultVisual_101 { background: transparent url(/img/main/misc/ultAdvicesVisual_101.jpg) no-repeat } /******************************************************************************************************************** - HOME - MYSEARCH - /*******************************************************************************************************************/ div#ultBubbleFilterInfoGeo { top:217px; /top:205px; -top:197px } div#ultBubbleFilterInfoDom { top:335px; /top:320px; -top:310px } div#ultBubbleFilterInfoEnf { top:390px; /top:374px; -top:365px } div#ultBubbleFilterInfoRev { top:446px; /top:426px; -top:420px} div#ultBubbleFilterInfoOri { top:528px; /top:499px; -top:484px; left: -79px; _left: -79px; } div#ultBubbleFilterInfoRel { top:716px; /top:668px; -top:650px } div#ultBubbleFilterInfoOriImp { top:630px; /top:600px; -top:586px } div#ultBubbleFilterInfoRelImp { top:842px; /top:797px; -top:780px } div#ultBubbleFilterInfoEtu { top:954px; /top:910px; -top:885px } div#ultBubbleFilterInfoAlc { top:1009px; /top:965px; -top:940px } div#ultBubbleFilterInfoFum { top:1064px; /top:1020px; -top:994px } div#ultBubbleFilterInfoPhy { top:1092px; /top:1045px; -top:1024px } .ultWidthBulleInfo { padding-left:210px } .ultWidthBulleInfoLast { padding-left: 175px } div#ultBlocFilter .ultBtnLinkFilter { width:220px } div.ultMesSerList .ultBlocEnv { width:85px } div.ultMesSerList .ultBlocRec { width:245px } div.ultMesSerList .ultBlocAcc { width:200px } div.ultMesSerList .ultBlocRef { width:185px }