/*********************************************************** - ATTRIBUTS GLOBAUX - /**********************************************************/ /*** réinitialisation des attributs de certains éléments ***/ *:focus { outline: none } a { text-decoration: none } a img { border: none } a:hover { text-decoration: none; cursor: pointer } a:hover span { text-decoration: none } /*** suppression des marges ***/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, fieldset, strong, ol, ul, li, form, label, table, tr, th, td { margin: 0; padding: 0 } ol, ul { list-style: none } /*** style global du document ***/ html, body { height: 100% } body { cursor: default; } .ultFixIE { zoom: 1 } /* le fix s'applique pour Internet Explorer 6 et 7 */ .ultFixIE6 { zoom: 1 } /* le fix s'applique uniquement pour Internet Explorer 6 */ /*********************************************************** - DEFINITION DU BODY - /**********************************************************/ /*** déclaration du container contenant le fond de la page ***/ div#ultBodyContent { font: normal 12px Arial; color: #333333; background: #FFFFFF url(/img/main/header_footer/ultBodyBgNew.gif) repeat-x; } /*** déclaration du bloc body ***/ div#ultBody { /zoom: 1; position: relative; padding: 4px 4px 0; border-top: 1px solid #C8C3BB; border-left: 1px solid #C8C3BB; border-right: 1px solid #C8C3BB; background: #FFFFFF } div#ultBodyCornerLeft { position: absolute; left: -1px; top: -1px; width: 10px; height: 10px; background: transparent url(/img/main/header_footer/ultBodyCornerLeft.gif) no-repeat } div#ultBodyCornerRight { position: absolute; right: -1px; top: -1px; width: 10px; height: 10px; background: transparent url(/img/main/header_footer/ultBodyCornerRight.gif) no-repeat } div#ultBodyCornerRightNew { position: absolute; right: -1px; top: -1px; width: 85px; height: 85px; background: transparent url(/img/main/header_footer/ultBodyCornerRightNew.gif) no-repeat } /*** déclaration de la colonne de gauche ***/ div#ultBodyLeft { float: left; width: 222px; padding-right: 8px } /*** déclaration de la colonne du milieu ***/ div#ultBodyMiddle { float: left; width: 496px } /*** déclaration de la colonne de droite ***/ div#ultBodyRight { float: right; width: 244px } /*** déclaration de la colonne principale ***/ div#ultBodyMain { float: right; width: 748px } /*********************************************************** - DEFINITION DES BLOCS GENERIQUES - /**********************************************************/ /*** déclaration du header des blocs ***/ /* header avec dégrade gris */ div.ultBlocHeader { height: 23px; padding-left: 5px; background: transparent url(/img/main/common/ultBlocHeadersLeft.gif) no-repeat 0 -83px; } div.ultBlocHeader h2 { height: 23px; padding: 0 5px 0 6px; font: normal 12px Arial; line-height: 23px; color: #8D0400; background: transparent url(/img/main/common/ultBlocHeadersRight.gif) no-repeat 100% 0 } /* header menu */ div.ultBlocHeaderMenu { height: 23px; padding-left: 10px; background: transparent url(/img/main/common/ultBlocHeadersLeft.gif) no-repeat 0 -83px } div.ultBlocHeaderMenu h2 { height: 23px; padding: 0 5px 0 0; font: normal 12px Arial; line-height: 23px; color: #8D0400; background: transparent url(/img/main/common/ultBlocHeadersRight.gif) no-repeat 100% 0 } div.ultBlocHeaderMenu h2 a { display: block; width: 100%; height: 23px } /* header misc */ div.ultBlocHeaderMisc { height: 10px; padding-left: 28px; background: transparent url(/img/main/common/ultBlocHeadersLeft.gif) no-repeat 0 -48px } div.ultBlocHeaderMisc h2 { height: 10px; background: transparent url(/img/main/common/ultBlocHeadersRight.gif) no-repeat 100% -24px } /* header gris claire */ div.ultBlocHeaderGrayLight { height: 10px; padding-left: 28px; background: transparent url(/img/main/common/ultBlocHeadersLeft.gif) no-repeat 0 -72px } div.ultBlocHeaderGrayLight h2 { height: 10px; background: transparent url(/img/main/common/ultBlocHeadersRight.gif) no-repeat 100% 0px } /*** déclaration du contenu des blocs ***/ /* contenu blanc */ div.ultBlocBody { /zoom: 1; background: #FFFFFF; border-left: 1px solid #CECAC3; border-right: 1px solid #CECAC3 } /* contenu gris claire */ div.ultBlocBodyGray { /zoom: 1; background: #f8f7f5; border-left: 1px solid #CECAC3; border-right: 1px solid #CECAC3 } /*** déclaration du footer des blocs ***/ /* footer avec dégradé gris */ div.ultBlocFooter { height: 8px; padding-left: 8px; background: transparent url(/img/main/common/ultBlocFootersLeft.gif) no-repeat } div.ultBlocFooter div.ultBlocFooterRight { height: 8px; background: transparent url(/img/main/common/ultBlocFootersRight.gif) no-repeat 100% 0 } /* footer avec fond gris */ div.ultBlocFooterGray { height: 8px; padding-left: 8px; background: transparent url(/img/main/common/ultBlocFootersLeft.gif) no-repeat 0 -9px } div.ultBlocFooterGray div.ultBlocFooterRight { height: 8px; background: transparent url(/img/main/common/ultBlocFootersRight.gif) no-repeat 100% -9px } /* footer avec fond Claire */ div.ultBlocFooterGrayLight { height: 8px; padding-left: 8px; background: transparent url(/img/main/common/ultBlocFootersLeft.gif) no-repeat 0 -18px } div.ultBlocFooterGrayLight div.ultBlocFooterRight { height: 8px; background: transparent url(/img/main/common/ultBlocFootersRight.gif) no-repeat 100% -18px } /*********************************************************** - DEFINITION DES MENUS - /**********************************************************/ /*** définition du menu principal ***/ div#ultMainMenu ul.ultMainMenu { padding: 5px 2px 0; margin: 0 4px; border: 1px solid #FFFFFF; background: #FFFFFF } div#ultMainMenu ul.ultMainMenuOn { padding: 5px 2px 5px; margin: 0 4px; border: 1px solid #EEECE7; background: #F8F7F5 } div#ultMainMenu li { height: 17px; line-height: 17px; margin-bottom: 5px; padding-left: 40px; background-position: 5px center; background-repeat: no-repeat } div#ultMainMenu li.ultActive a { color: #D70000; text-decoration: underline } div#ultMainMenu li#ultMainMenuHome { background-image: url(/img/main/menu/ultHome.gif) } div#ultMainMenu li#ultMainMenuMails { background-image: url(/img/main/menu/ultMails.gif) } div#ultMainMenu li#ultMainMenuFavorites { background-image: url(/img/main/menu/ultFavorites.gif) } div#ultMainMenu li#ultMainMenuVisits { background-image: url(/img/main/menu/utlVisited.gif) } div#ultMainMenu li#ultMainMenuSearch { background-image: url(/img/main/menu/ultSearch.gif) } div#ultMainMenu li#ultMainMenuIfavorites { background-image: url(/img/main/menu/ultIfavorites.gif); margin-bottom: 0 } div#ultMainMenu li#ultMainMenuCoaching { background-image: url(/img/main/menu/ultCoaching.gif) } div#ultMainMenu li#ultMainMenuAdvices { background-image: url(/img/main/menu/ultAdvices.gif) } div#ultMainMenu li#ultMainMenuTestimonies { background-image: url(/img/main/menu/ultTestimonies.gif) } div#ultMainMenu li#ultMainMenuProfile { background-image: url(/img/main/menu/ultProfile.gif) } div#ultMainMenu li#ultMainMenuOffers { background-image: url(/img/main/menu/ultOffers.gif) } div#ultMainMenu li#ultMainMenuAccount { background-image: url(/img/main/menu/ultAccount.gif); margin-bottom: 0 } div#ultMainMenu li#ultMainMenuHelp { background-image: url(/img/main/menu/ultHelp.gif) } div#ultMainMenu li#ultMainMenuSupport { background-image: url(/img/main/menu/ultSupport.gif); margin-bottom: 0 } div#ultMainMenu li#ultMainMenuIdeal { background-image: url(/img/main/menu/utlIdeal.gif) } div#ultMainMenu li.ultMainSubMenu { padding-left: 35px; margin-bottom: 1px; _margin: 0 } div#ultMainMenu li.ultMainSubMenu a { display: block; height: 17px; line-height: 17px; margin: 0; padding-left: 5px; text-decoration: none } div#ultMainMenu li.ultMainSubMenu a:hover { background: #FCE3D7; text-decoration: none } div#ultMainMenu li.ultMainSubMenu a.ultActive { background: #FCE3D7; font-weight: bold } /*** définition du menu misc ***/ div#ultMiscMenu .ultBlocBody { padding: 3px 1px 0 } ul.ultMiscMenu { line-height: 16px; margin: 0 5px; padding: 5px; border: 1px solid #FFFFFF } div#ultMiscMenu ul.ultMiscMenuOn { line-height: 20px; margin: 0 1px; padding: 0; border: 1px solid #EEECE7; background: #F8F7F5 } div#ultMiscMenu li { padding: 3px 0 3px 0px } div#ultMiscMenu li.ultSubMenu { list-style-type: disc; list-style-position: inside } .ultMiscMenu li.ultActive a { color: #8D0400; text-decoration: underline } /*** définition du menu security ***/ div#ultSecurityMenu .ultBlocPadding { padding: 10px 10px 0 } /*********************************************************** - DEFINITION DES BARRES DE PAGINATION - /**********************************************************/ /*** définition de la pagination principale ***/ div.ultPagination { text-align: center; line-height: 32px; height: 32px; font-size: 11px } div.ultPagination.ultTop { margin-bottom: 8px } div.ultPagination.ultBottom { margin-top: 8px } div.ultPagination div.ultPaginationLeft { float: left; width: 60px; height: 32px; _margin-right: -3px; background: transparent url(/img/main/common/ultPaginationBgLeft.gif) no-repeat } div.ultPagination div.ultPaginationRight { height: 32px; padding: 0 10px 0 70px; /padding: 0 10px; background: transparent url(/img/main/common/ultPaginationBgRight.gif) repeat-x 100% 0 } div.ultPagination a.ultPaginationLeft { display: block; float: left; width: 116px; height: 18px; line-height: 18px; margin-top: 7px; color: #60646C; text-decoration: none; background: transparent url(/img/main/common/ultPaginationPrev.gif) no-repeat } div.ultPagination a:hover.ultPaginationLeft { background: transparent url(/img/main/common/ultPaginationPrev.gif) no-repeat 0 -19px } div.ultPagination a.ultPaginationRight { display: block; float: right; width: 116px; height: 18px; line-height: 18px; margin-top: 7px; color: #60646C; text-decoration: none; background: transparent url(/img/main/common/ultPaginationNext.gif) no-repeat } div.ultPagination a:hover.ultPaginationRight { background: transparent url(/img/main/common/ultPaginationNext.gif) no-repeat 0 -19px } div.ultPagination span { display: block; padding: 0 156px; background: transparent url(/img/main/common/ultPaginationBgPages.gif) no-repeat 50% } /*** définition de la pagination membres ***/ div.ultPaginationMembers { text-align: center; line-height: 32px; height: 32px; font-size: 11px; margin-bottom: 8px } div.ultPaginationMembers div.ultPaginationMembersLeft { float: left; width: 60px; height: 32px; _margin-right: -3px; background: transparent url(/img/main/common/ultPaginationBgLeft.gif) no-repeat } div.ultPaginationMembers div.ultPaginationMembersRight { height: 32px; padding: 0 10px 0 70px; /padding: 0 10px; background: transparent url(/img/main/common/ultPaginationBgRight.gif) repeat-x 100% 0 } div.ultPaginationMembers a.ultPaginationLeft { display: block; float: left; width: 116px; height: 18px; line-height: 18px; margin-top: 7px; color: #60646C; text-decoration: none; background: transparent url(/img/main/common/ultPaginationPrev.gif) no-repeat } div.ultPaginationMembers a:hover.ultPaginationLeft { background: transparent url(/img/main/common/ultPaginationPrev.gif) no-repeat 0 -19px } div.ultPaginationMembers a.ultPaginationRight { display: block; float: right; width: 116px; height: 18px; line-height: 18px; margin-top: 7px; color: #60646C; text-decoration: none; background: transparent url(/img/main/common/ultPaginationNext.gif) no-repeat } div.ultPaginationMembers a:hover.ultPaginationRight { background: transparent url(/img/main/common/ultPaginationNext.gif) no-repeat 0 -19px } div.ultPaginationMembers span { display: block; padding: 0 156px; background: transparent url(/img/main/common/ultPaginationBgPages.gif) no-repeat 50% } /*** définition de la pagination membres NEW ***/ div.ultPaginationMembersNew { text-align: center; line-height: 32px; height: 32px; font-size: 11px; margin-bottom: 8px } div.ultPaginationMembersNew div.ultPaginationMembersLeft { float: left; width: 60px; height: 32px; _margin-right: -3px; background: transparent url(/img/main/common/ultPaginationBgLeftNew.gif) no-repeat } div.ultPaginationMembersNew div.ultPaginationMembersRight { color:#999999; height: 32px; padding: 0 10px 0 70px; /padding: 0 10px; background: transparent url(/img/main/common/ultPaginationBgRightNew.gif) repeat-x 100% 0 } div.ultPaginationMembersNew a.ultPaginationLeft { padding-left:4px; display: block; float: left; width: 116px; height: 18px; line-height: 18px; margin-top: 7px; color: #999999; text-decoration: none; background: transparent url(/img/main/common/ultPaginationPrevNew.gif) no-repeat } div.ultPaginationMembersNew a:hover.ultPaginationLeft { background: transparent url(/img/main/common/ultPaginationPrevNew.gif) no-repeat 0 -19px } div.ultPaginationMembersNew a.ultPaginationRight { display: block; float: right; width: 116px; height: 18px; line-height: 18px; margin-top: 7px; color: #999999; text-decoration: none; background: transparent url(/img/main/common/ultPaginationNextNew.gif) no-repeat } div.ultPaginationMembersNew a:hover.ultPaginationRight { background: transparent url(/img/main/common/ultPaginationNextNew.gif) no-repeat 0 -19px } div.ultPaginationMembersNew span { display: block; padding: 0 156px; background: transparent url(/img/main/common/ultPaginationBgPages.gif) no-repeat 50% } /*********************************************************** - DEFINITION DES LISTES - /**********************************************************/ /*** generiques ***/ h3#ultProfilesTitle { padding: 10px 20px; font-size: 16px; background: transparent url(/img/main/common/ultDotH1.gif) repeat-x left bottom } h3#ultProfilesTitle span { float: right; padding-top: 4px; font-weight: normal; font-size: 12px; color: #333333 } div.ultProfilesListEmpty { padding: 20px 10px; background: #F6F4F1 } /*** menu de filtre ***/ div#ultFilterMenu { background: #F6F4F1; padding: 5px } /* ------------------------------------------------------ */ /* - NEW PROFILE LIST - */ /* ------------------------------------------------------ */ /*** container ***/ div.ultProfilesList2 { padding: 20px 1px } div.ultProfilesList2 div.ultList { height: 50px; line-height: 50px; clear: both; background:transparent url(/img/main/common/ultDotH1.gif) repeat-x scroll left top; } /*** arrow order ***/ div.ultProfilesList2 a.ultListArrowUpImgOff { background: transparent url(/img/main/common/pict_arrowUpNS.gif) no-repeat scroll top left; height:9px; width:9px; } div.ultProfilesList2 a.ultListArrowUpImgOn { background: transparent url(/img/main/common/pict_arrowUp.gif) no-repeat scroll top left; height:9px; width:9px; } div.ultProfilesList2 a.ultListArrowUpPos { margin:3px 0px 0px 5px; } div.ultProfilesList2 a.ultListArrowDownImgOff { background: transparent url(/img/main/common/pict_arrowDownNS.gif) no-repeat scroll top left; height:9px; width:9px; } div.ultProfilesList2 a.ultListArrowDownImgOn { background: transparent url(/img/main/common/pict_arrowDown.gif) no-repeat scroll top left; height:9px; width:9px; } div.ultProfilesList2 a.ultListArrowDownPos { margin:4px 0px 0px 0px; } /*** header list ***/ .ultPositionPipe { color:#cccccc; font-size:10px; float: left; padding: 0px 2px } div.ultProfilesList2 div.ultListTitle { height: 18px; font-weight: bold; color: #8D0400 } div.ultProfilesList2 div.ultListTitlePseudo { float: left; width: 173px; padding-left: 10px; } div.ultProfilesList2 div.ultListTitleWork { float: left; width: 155px; padding-right: 20px; margin-left:-10px; text-align:left; } div.ultProfilesList2 div.ultListTitleAffinity { float: left; width: 150px;} div.ultProfilesList2 div.ultListTitleAge { float: left; width: 144px;} div.ultProfilesList2 div.ultListPercentage { float: left; width: 150px; font-size: 18px; font-family: georgia,arial; font-weight: bold; text-align: left;} div.ultProfilesList2 div.ultListPercentage a.ultLink3n { color: #8d0400; } div.ultProfilesList2 div.ultListNoPercentage { float: left; width: 150px; text-align:left; } /*** info list ***/ div.ultProfilesList2 div.ultListPseudo { float: left; width: 173px; padding-left: 10px; text-transform:lowercase; overflow:hidden; } div.ultProfilesList2 div.ultListPseudo a { float: left; } div.ultProfilesList2 div.ultListPseudo a.ultListNewAlt { width:19px; height:10px; margin:21px 0 0 5px; background: transparent url(/img/main/common/ultPictoNew.gif) no-repeat; } div.ultProfilesList2 div.ultListWork, div.ultProfilesList2 div.ultListNoWork { float: left; width: 185px; font-weight: bold; text-align: left;} div.ultProfilesList2 div.ultListAge { float: left; width: 134px; font-weight: bold; text-align: left; } div.ultProfilesList2 div.ultListButton { float: left; padding: 15px 0 0 40px } div.ultProfilesList2 div.ultListButton a.ultBtnMailTo { display: block; width: 36px; height: 23px; background: transparent url(/img/main/btn/ultBtnMailTo.gif) no-repeat } /* ------------------------------------------------------ */ /* - HOME INDEX LIST - */ /* ------------------------------------------------------ */ div.ultProfilesListHome { padding: 20px 1px } div.ultProfilesListHome div.ultList { background: #FFFFFF; border: 1px solid #FFFFFF; height: 50px; line-height: 50px; clear: both } div.ultProfilesListHome div.ultListOn { background: #F8F7F5; border: 1px solid #F1EFEB; height: 50px; line-height: 50px; clear: both } .ultPositionPipe { color:#cccccc; font-size:10px; float: left; padding: 0px 2px } div.ultProfilesListHome a.ultListArrowUpImgOff { background: transparent url(/img/main/common/pict_arrowUpNS.gif) no-repeat scroll top left; height:9px; width:9px; } div.ultProfilesListHome a.ultListArrowUpImgOn { background: transparent url(/img/main/common/pict_arrowUp.gif) no-repeat scroll top left; height:9px; width:9px; } div.ultProfilesListHome a.ultListArrowUpPos { margin:3px 0px 0px 5px; } div.ultProfilesListHome a.ultListArrowDownImgOff { background: transparent url(/img/main/common/pict_arrowDownNS.gif) no-repeat scroll top left; height:9px; width:9px; } div.ultProfilesListHome a.ultListArrowDownImgOn { background: transparent url(/img/main/common/pict_arrowDown.gif) no-repeat scroll top left; height:9px; width:9px; } div.ultProfilesListHome a.ultListArrowDownPos { margin:4px 0px 0px 0px; } div.ultProfilesListHome div.ultListTitleNew { float: left; width: 149px; text-align:center } div.ultProfilesListHome div.ultListTitle { height: 18px; font-weight: bold; color: #8D0400 } div.ultProfilesListHome div.ultListTitlePseudo { float: left; width: 149px; text-align:left } div.ultProfilesListHome div.ultListTitleWork { float: left; width: 155px; padding-right: 20px; margin-left:-10px; text-align:left; } div.ultProfilesListHome div.ultListTitleAffinity a, div.ultProfileslistHome div.ultListTitleAge a { display: block; } div.ultProfilesListHome div.ultListNew { float: left; width:75px; padding:15px 0px 0px 28px; _padding:15px 0px 0px 38px; _margin-bottom:-15px } div.ultProfilesListHome .ultListNewAlt { background: transparent url(/img/main/common/ultListNew.gif) no-repeat; display:block; height:16px; width:40px; } div.ultProfilesListHome div.ultListNoNew { float: left; width:93px; text-align:center; margin-left:10px } div.ultProfilesListHome div.ultListPercentage { float: left; width: 46px; text-align: center } div.ultProfilesListHome div.ultListNoPercentage { float: left; width: 86px; padding-left: 60px } div.ultProfilesListHome div.ultListAffinity { float: left; width: 102px; padding-top: 22px } div.ultProfilesListHome div.ultListAffinity div#ultProgressBar { width: 67px; height: 7px; padding: 1px; background: transparent url(/img/main/common/ultListBar.gif) no-repeat } div.ultProfilesListHome div.ultListAffinity div#ultProgressBar div { height: 7px; background: transparent url(/img/main/common/ultListBarColored.gif) repeat-x } div.ultProfilesListHome div.ultListPseudo { float: left; width: 130px; text-align:left; overflow:hidden; text-transform:lowercase;} div.ultProfilesListHome div.ultListWork { float: left; width: 189px; padding-left: 10px; text-align:left; } div.ultProfilesListHome div.ultListNoWork { float: left; width: 189px; padding-left: 10px; text-align:left; } div.ultProfilesListHome div.ultListAge { float: left; width: 50px; text-align: center } div.ultProfilesListHome div.ultListButton { float: left; padding: 15px 0 0 40px } div.ultProfilesListHome div.ultListButton a.ultBtnMailTo { display: block; width: 36px; height: 23px; background: transparent url(/img/main/btn/ultBtnMailTo.gif) no-repeat } /*** FIN/ définition de la liste POUR LA HOME INDEX ***/ /*** définition de la liste des profiles ***/ div.ultProfilesList { padding: 20px 1px } /*** déclaration du contenu ***/ div.ultProfilesList div.ultList { background: #FFFFFF; border: 1px solid #FFFFFF; height: 50px; line-height: 50px; clear: both } div.ultProfilesList div.ultListOn { background: #F8F7F5; border: 1px solid #F1EFEB; height: 50px; line-height: 50px; clear: both } /*** liste à 4 colonnes ***/ /* déclaration de l'en-tête */ div.ultProfilesList a.ultListArrowUpImgOff { background: transparent url(/img/main/common/pict_arrowUpNS.gif) no-repeat scroll top left; height:9px; width:9px; } div.ultProfilesList a.ultListArrowUpImgOn { background: transparent url(/img/main/common/pict_arrowUp.gif) no-repeat scroll top left; height:9px; width:9px; } div.ultProfilesList a.ultListArrowUpPos { margin:3px 5px 0px 0px; } div.ultProfilesList a.ultListArrowDownImgOff { background: transparent url(/img/main/common/pict_arrowDownNS.gif) no-repeat scroll top left; height:9px; width:9px; } div.ultProfilesList a.ultListArrowDownImgOn { background: transparent url(/img/main/common/pict_arrowDown.gif) no-repeat scroll top left; height:9px; width:9px; } div.ultProfilesList a.ultListArrowDownPos { margin:4px 0px 0px 5px; } div.ultProfilesList div.ultListTitle { height: 18px; font-weight: bold; color: #8D0400 } div.ultProfilesList div.ultListTitlePseudo { float: left; width: 149px; text-align:left } div.ultProfilesList div.ultListTitleWork { float: left; width: 155px; padding-right: 20px; margin-left:-10px; text-align:left; } /* * div.ultProfilesList div.ultListTitleAffinity * div.ultProfilesList div.ultListTitleAge => voir dans le fichier main.css du pays recherché */ div.ultProfilesList div.ultListTitleAffinity a, div.ultProfilesList div.ultListTitleAge a { display: block; } /* déclaration des cellules */ div.ultProfilesList div.ultListNew { float: left; width:41px; top:50px; text-align:center; background:url(/img/main/common/ultListNew.gif) no-repeat 10px top; margin-bottom:-15px; padding-left:10px; margin-top:17px; } div.ultProfilesList .ultListNewAlt { left:-3px; cursor:default; position:relative; top:-20px; } div.ultProfilesList div.ultListNoNew { float: left; width:31px; top:50px; text-align:center; margin-bottom:-15px; padding-left:20px; margin-top:17px; } div.ultProfilesList div.ultListPercentage { float: left; width: 46px; text-align: center } div.ultProfilesList div.ultListNoPercentage { float: left; width: 86px; padding-left: 60px } div.ultProfilesList div.ultListAffinity { float: left; width: 102px; padding-top: 22px } div.ultProfilesList div.ultListAffinity div#ultProgressBar { width: 67px; height: 7px; padding: 1px; background: transparent url(/img/main/common/ultListBar.gif) no-repeat } div.ultProfilesList div.ultListAffinity div#ultProgressBar div { height: 7px; background: transparent url(/img/main/common/ultListBarColored.gif) repeat-x } div.ultProfilesList div.ultListPseudo { float: left; width: 130px; text-align:left; overflow:hidden; text-transform:lowercase; } div.ultProfilesList div.ultListWork { float: left; width: 189px; padding-left: 10px; text-align:left; } div.ultProfilesList div.ultListNoWork { float: left; width: 189px; padding-left: 10px; text-align:left; } div.ultProfilesList div.ultListAge { float: left; width: 50px; text-align: center } div.ultProfilesList div.ultListButton { float: left; padding: 15px 0 0 80px } div.ultProfilesList div.ultListButton a.ultBtnMailTo { display: block; width: 36px; height: 23px; background: transparent url(/img/main/btn/ultBtnMailTo.gif) no-repeat } div.ultProfilesList div.ultListButtons { float: left; padding: 15px 0 0 0px } div.ultProfilesList div.ultListButtons a.ultBtnMailTo { display: block; width: 36px; height: 23px; margin-right: 5px; background: transparent url(/img/main/btn/ultBtnMailTo.gif) no-repeat } /*********************************************************** - DEFINITION DES BUBBLES / LAYERS - /**********************************************************/ /*** générique ***/ a.ultLayerClose { display: block; height: 15px; width: 16px; background: transparent url(/img/main/common/ultLayerClose.png) no-repeat } a.ultLayerClose:hover { background: transparent url(/img/main/common/ultLayerClose.png) no-repeat 0 -17px } /*** bubbles ***/ /* T1 : top - right - top // flèche vers le haut (en haut à droite) */ /* T2 : top - right - right // flèche vers la droite (en haut à droite) */ /* T3 : top - left - top // flèche vers le haut (en haut à gauche) */ /* T4 : top - left - left // flèche vers la gauche (en haut à gauche) */ /* B1 : bottom - left - bottom // flèche vers le bas (en bas à gauche) */ /* B2 : bottom - left - left // flèche vers la gauche (en bas à gauche) */ /* B3 - bottom - right - right // flèche vers la droite (en bas à droite) */ /* B4 - bottom - right - bottom // flèche vers le bas (en bas à droite) */ /*** generique bubbles ***/ div.ultBubbleHeaderLeft { height: 22px; padding-left: 22px; background: transparent url(/img/main/bubble/ultBubbleHeadersLeft.gif) no-repeat 0 0 } div.ultBubbleHeaderRight { /width: 100%; height: 22px; _margin-bottom: -22px; background: transparent url(/img/main/bubble/ultBubbleHeadersRight.gif) no-repeat 100% 0 } div.ultBubbleFooterLeft { height: 22px; padding-left: 22px; background: transparent url(/img/main/bubble/ultBubbleFootersLeft.gif) no-repeat 0 0 } div.ultBubbleFooterRight { /width: 100%; height: 22px; background: transparent url(/img/main/bubble/ultBubbleFootersRight.gif) no-repeat 100% 0 } /*** bubbles INFO ***/ div.ultBubbleInfoBody { margin: 0 13px; padding: 0 9px; background: #FCFCFC; border-left: 1px solid #B9C0C5; border-right: 1px solid #B9C0C5 } /* bubbles info T1 */ div.ultBubbleInfoT1 div.ultBubbleHeaderRight { background-position: 100% -46px } /* bubbles info T2 */ div.ultBubbleInfoT2 div.ultBubbleHeaderRight { background-position: 100% -23px } /* bubbles info T3 */ div.ultBubbleInfoT3 div.ultBubbleHeaderLeft { background-position: 0 -23px } /* bubbles info T4 */ div.ultBubbleInfoT4 div.ultBubbleHeaderLeft { background-position: 0 -46px } /* bubbles info B1 */ div.ultBubbleInfoB1 div.ultBubbleFooterLeft { background-position: 0 -23px } /* bubbles info B2 */ div.ultBubbleInfoB2 div.ultBubbleFooterLeft { background-position: 0 -46px } /* bubbles info B3 */ div.ultBubbleInfoB3 div.ultBubbleFooterRight { background-position: 100% -23px } /* bubbles info B4 */ div.ultBubbleInfoB4 div.ultBubbleFooterRight { background-position: 100% -46px } /*** bubbles ERROR ***/ div.ultBubbleErrorBody { margin: 0 13px; padding: 0 9px; color: #FF0000; border-left: 1px solid #EE9593; border-right: 1px solid #EE9593; background: #FFFFFF } /* bubbles error T1 */ div.ultBubbleErrorT1 div.ultBubbleHeaderLeft { background-position: 0 -69px } div.ultBubbleErrorT1 div.ultBubbleHeaderRight { background-position: 100% -115px } div.ultBubbleErrorT1 div.ultBubbleFooterLeft { background-position: 0 -69px } div.ultBubbleErrorT1 div.ultBubbleFooterRight { background-position: 100% -69px } /* bubbles error T2 */ div.ultBubbleErrorT2 div.ultBubbleHeaderLeft { background-position: 0 -69px } div.ultBubbleErrorT2 div.ultBubbleHeaderRight { background-position: 100% -92px } div.ultBubbleErrorT2 div.ultBubbleFooterLeft { background-position: 0 -69px } div.ultBubbleErrorT2 div.ultBubbleFooterRight { background-position: 100% -69px } /* bubbles error T3 */ div.ultBubbleErrorT3 div.ultBubbleHeaderLeft { background-position: 0 -92px } div.ultBubbleErrorT3 div.ultBubbleHeaderRight { background-position: 100% -69px } div.ultBubbleErrorT3 div.ultBubbleFooterLeft { background-position: 0 -69px } div.ultBubbleErrorT3 div.ultBubbleFooterRight { background-position: 100% -69px } /* bubbles error T4 */ div.ultBubbleErrorT4 div.ultBubbleHeaderLeft { background-position: 0 -115px } div.ultBubbleErrorT4 div.ultBubbleHeaderRight { background-position: 100% -69px } div.ultBubbleErrorT4 div.ultBubbleFooterLeft { background-position: 0 -69px } div.ultBubbleErrorT4 div.ultBubbleFooterRight { background-position: 100% -69px } /* bubbles error B1 */ div.ultBubbleErrorB1 div.ultBubbleHeaderLeft { background-position: 0 -69px } div.ultBubbleErrorB1 div.ultBubbleHeaderRight { background-position: 100% -69px } div.ultBubbleErrorB1 div.ultBubbleFooterLeft { background-position: 0 -92px } div.ultBubbleErrorB1 div.ultBubbleFooterRight { background-position: 100% -69px } /* bubbles error B2 */ div.ultBubbleErrorB2 div.ultBubbleHeaderLeft { background-position: 0 -69px } div.ultBubbleErrorB2 div.ultBubbleHeaderRight { background-position: 100% -69px } div.ultBubbleErrorB2 div.ultBubbleFooterLeft { background-position: 0 -115px } div.ultBubbleErrorB2 div.ultBubbleFooterRight { background-position: 100% -69px } /* bubbles error B3 */ div.ultBubbleErrorB3 div.ultBubbleHeaderLeft { background-position: 0 -69px } div.ultBubbleErrorB3 div.ultBubbleHeaderRight { background-position: 100% -69px } div.ultBubbleErrorB3 div.ultBubbleFooterLeft { background-position: 0 -69px } div.ultBubbleErrorB3 div.ultBubbleFooterRight { background-position: 100% -92px } /* bubbles error B4 */ div.ultBubbleErrorB4 div.ultBubbleHeaderLeft { background-position: 0 -69px } div.ultBubbleErrorB4 div.ultBubbleHeaderRight { background-position: 100% -69px } div.ultBubbleErrorB4 div.ultBubbleFooterLeft { background-position: 0 -69px } div.ultBubbleErrorB4 div.ultBubbleFooterRight { background-position: 100% -115px } /******************************************************************************************************************** --------------- NEW DESIGN - DEFINITION DES MINI PROFILS --------------- /*******************************************************************************************************************/ .ultTextGrisListe { color:#666666 } /*** Dernière connexion ***/ div#ultMiniProfileMembersNew div#ultOffline { text-align: right; font-size:12px; line-height:18px; height:17px; width: 270px; margin-right: 10px; font-weight: normal } div#ultMiniProfileMembersNew div#ultOnline { font-size:12px; line-height:18px; height:17px; width: 270px; text-align:right; margin-right: 10px; font-weight: normal; background: transparent url(/img/main/members/ultMiniprofileOnline.gif) no-repeat right center } /*** Bouton Yes ***/ div#ultMiniProfileMembersNew a.ultBtnYes { padding-left:4px; display: block; float: left; width: 86px; height: 34px; line-height: 18px; margin-top: 7px; color: #999999; text-decoration: none; background: transparent url(/img/main/common/ultBtnYesNo.jpg) no-repeat 0 -70px } div#ultMiniProfileMembersNew a:hover.ultBtnYes { background: transparent url(/img/main/common/ultBtnYesNo.jpg) no-repeat 0 -105px } div#ultMiniProfileMembersNew span.ultBtnYes { color:#009900; font-weight:bold; line-height:35px; padding-left:38px } /*** Bouton No ***/ div#ultMiniProfileMembersNew a.ultBtnNo { padding-left:4px; display: block; float: left; width: 86px; height: 34px; line-height: 18px; margin-top: 7px; color: #999999; text-decoration: none; background: transparent url(/img/main/common/ultBtnYesNo.jpg) no-repeat } div#ultMiniProfileMembersNew a:hover.ultBtnNo { background: transparent url(/img/main/common/ultBtnYesNo.jpg) no-repeat 0 -35px } div#ultMiniProfileMembersNew span.ultBtnNo { color:#cc0000; font-weight:bold; line-height:35px; padding-left:38px } /*** Photos principale + album ***/ div#ultMiniProfileMembersNew .ultPictureBigDiv{ text-align:center; background: transparent url(/img/main/common/ultFondPhotoMembers.jpg) no-repeat } div#ultMiniProfileMembersNew .ultPictureBig { display: block; width: 210px; height: 210px; padding: 3px; border: 1px solid #E8E7E4; background-color: #edebe9; background-repeat: no-repeat; background-position: 3px 3px } div#ultMiniProfileMembersNew .ultPictureBigCenter { padding: 3px; background-color: #efefef; background-repeat: no-repeat; background-position: 3px 3px } div#ultMiniProfileMembersNew .ultPictureSmall { display: block; width: 44px; height: 44px; padding: 2px; border: 1px solid #E8E7E4; background-color: #edebe9; background-repeat: no-repeat; background-position: 3px 3px } div#ultMiniProfileMembersNew .ultPhotoAlbumCacheNew { margin-right:11px; } div#ultMiniProfileMembersNew .ultPhotoTxt { font-size:9px; color:#666666; padding-top:149px; text-align:center; height:33px } div#ultMiniProfileMembersNew .ultPhotoTxtSmall { font-size:9px; color:#666666; text-align:center } div#ultMiniProfileMembersNew .ultPhotoTxtSmallBloc { padding-top:15px } /*** Ligne son profil du haut ***/ div#ultMiniProfileMembersNew .ultLignTopImg { padding-bottom:5px; height:20px; padding: 0 10px; margin-top:-2px } div#ultMiniProfileMembersNew .ultLignTopTxt { padding-bottom:5px; height:20px; line-height: 18px } /*** Block description ***/ div#ultMiniProfileMembersNew .ultBlocDescrip { width:520px; padding-left:10px } div#ultMiniProfileMembersNew .ultBlocDescripContent { padding:0 15px; height:200px } div#ultMiniProfileMembersNew .ultBlocDescripLeft { width:258px; padding-left:2px } div#ultMiniProfileMembersNew .ultBlocDescripRight { width:224px } div#ultMiniProfileMembersNew .ultBlocLignHeight { height:15px } div#ultMiniProfileMembersNew .ultPictPofil { background: transparent url(/img/main/common/ultListNewProfil.gif) no-repeat; display:block; height:16px; width:20px } div#ultMiniProfileMembersNew .ultProfilWelcom { background: transparent url(/img/main/common/ultListNew.gif) no-repeat; display:block; height:16px; width:40px } /*** Image des boutons ***/ div#ultMiniProfileMembersNew .ultAction { height:24px; line-height:23px; background:transparent url(/img/main/common/ultDotH1.gif) repeat-x left bottom; position:relative; } div#ultMiniProfileMembersNew .ultAction a.ultPicto{ float: right; width: 24px; height: 20px; margin-top: 2px; background: transparent url(/img/main/members/ultMiniprofilePictosAction.gif) no-repeat } div#ultMiniProfileMembersNew .ultAction a#ultActionMail { background-position: 0 0 } div#ultMiniProfileMembersNew .ultAction a#ultActionSaPhoto { background-position: 0 -42px } div#ultMiniProfileMembersNew .ultAction a#ultActionMaPhoto { background-position: 0 -63px } div#ultMiniProfileMembersNew .ultAction a#ultActionTest { background-position: 0 -84px } div#ultMiniProfileMembersNew .ultAction a.ultActionOff { background-position: 0 -84px; cursor: default } div#ultMiniProfileMembersNew .ultAction a#ultActionAccepte { background-position: 0 -126px } div#ultMiniProfileMembersNew .ultAction a#ultActionRefuse { background-position: 0 -147px } div#ultMiniProfileMembersNew .ultAction a#ultActionRompre{ background-position: 0 -169px } div#ultMiniProfileMembersNew .ultActionOff { color:#cccccc } /*** Banniere devenez membre ****/ div#ultMiniProfileMembersNew .ultBtnMembers { position:static; background: transparent url(/img/main/common/ultBtnMembers.jpg) no-repeat; display:block; height:85px; width:223px; margin: 35px 0 0 0px } div#ultMiniProfileMembersNew .ultBtnMembersFilteredContact { position:static; background: transparent url(/img/main/common/ultBtnMembers.jpg) no-repeat; display:block; height:85px; width:223px; margin: 11px 0 0 0px } div#ultMiniProfileMembersNew .ultBtnMembersTxt { padding-top: 8px } div#ultMiniProfileMembersNew .ultBtnMembersTxtBig { text-align: center; color:#707070; text-transform:uppercase } div#ultMiniProfileMembersNew .ultBtnMembersTxtSmall{ text-align: center; font-size:9px; padding-top:8px; color:#707070 } /*** Block Matching ***/ div#ultMiniProfileMembersNew .ultBlockMatching { padding: 0 15px } div#ultMiniProfileMembersNew .ultBlockMatchingLeft { width:278px } div#ultMiniProfileMembersNew .ultBlockMatchingLefTxt { width:200px; height:15px } div#ultMiniProfileMembersNew .ultBlockMatchingLefTxtTop { padding-top:7px } div#ultMiniProfileMembersNew .ultBlockMatchingTitre { font-size:14px } div#ultMiniProfileMembersNew .ultBarre { padding-left: 2px; line-height: 23px; background: transparent url(/img/main/common/ultDotH1.gif) repeat-x left bottom } div#ultMiniProfileMembersNew .ultBlockMatchingFlash { width:108px; padding:4px 0 0 18px } div#ultMiniProfileMembersNew .ultArrowMembers { background: transparent url(/img/main/common/ultArrowMembers.jpg) no-repeat 25px 0px; display:block; height:109px; width:85px } div#ultMiniProfileMembersNew .ultBlockMatchingRight { width:222px } div#ultMiniProfileMembersNew .ultBlockMatchingRightTop { padding-top:20px } div#ultMiniProfileMembersNew .ultBlockMatchingRightYes { width:127px } div#ultMiniProfileMembersNew .ultBlockMatchingRightNo { width:86px } div#ultMiniProfileMembersNew .ultBlockMatchingNum { font-family: Georgia; margin:-4px; height:16px; } /*** Bouton Oui/Non ***/ div#ultMiniProfileMembersNew div#ultMemberActions { height: 33px; margin-right: 2px; background: transparent url(/img/main/common/ultDotV1.gif) repeat-y 110px center; padding-top:6px } div#ultMiniProfileMembersNew div#ultMemberActions a#ultBtnAddOn { float: left; width: 60px; height: 34px; padding-left: 44px; font-weight: bold; line-height: 33px; color: #009900; background: transparent url(/img/main/members/ultBtnAddOn.gif) no-repeat } div#ultMiniProfileMembersNew div#ultMemberActions a#ultBtnAddOn:hover { background-position: 0 -35px } div#ultMiniProfileMembersNew div#ultMemberActions a#ultBtnAddOff { float: left; width: 60px; height: 34px; padding-left: 44px; font-weight: bold; line-height: 33px; color: #AFA99F; background: transparent url(/img/main/members/ultBtnAddOff.gif) no-repeat } div#ultMiniProfileMembersNew div#ultMemberActions a#ultBtnAddOff:hover { cursor: default } div#ultMiniProfileMembersNew div#ultMemberActions a#ultBtnDelOn { float: right; width: 42px; height: 34px; padding-left: 44px; font-weight: bold; line-height: 33px; color: #CC0000; background: transparent url(/img/main/members/ultBtnDelOn.gif) no-repeat } div#ultMiniProfileMembersNew div#ultMemberActions a#ultBtnDelOn:hover { background-position: 0 -35px } div#ultMiniProfileMembersNew div#ultMemberActions a#ultBtnDelOff { float: right; width: 42px; height: 34px; padding-left: 44px; font-weight: bold; line-height: 33px; color: #AFA99F; background: transparent url(/img/main/members/ultBtnDelOff.gif) no-repeat } div#ultMiniProfileMembersNew div#ultMemberActions a#ultBtnDelOff:hover { cursor: default } div#ultMiniProfileMembersNew div#ultMemberActions a#ultBtnAddNonAcceptedOff { float: left; width: 60px; height: 34px; padding-left: 44px; font-weight: bold; line-height: 33px; color: #AFA99F; background: transparent url(/img/main/members/ultBtnDelOff.gif) no-repeat } div#ultMiniProfileMembersNew div#ultMemberActions a#ultBtnAddNonAcceptedOff:hover { cursor: default } div#ultMiniProfileMembersNew div#ultMemberActions a#ultBtnDelNonAccepteOff { float: right; width: 42px; height: 34px; padding-left: 44px; font-weight: bold; line-height: 33px; color: #AFA99F; background: transparent url(/img/main/members/ultBtnAddOff.gif) no-repeat } div#ultMiniProfileMembersNew div#ultMemberActions a#ultBtnDelNonAccepteOff:hover { cursor: default } /*** définition des bubbles ***/ div#ultMiniProfileMembersNew div#ultBubblePhotoInfo { display: none; position: absolute; width: 380px; top: 126px; left: 420px } div#ultMiniProfileMembersNew div#ultBubbleConfirmDelete { display: none; position: absolute; width: 300px; top: 362px; left: 636px } div#ultMiniProfileMembersNew div#ultBubbleConfirmRompre { display: none; position: absolute; width: 255px; top: 166px; left: 706px } div#ultMiniProfileMembersNew div#ultBubbleConfirmRefuser { display: none; position: absolute; width: 255px; top: 117px; left: 706px } div#ultMiniProfileMembersNew div#ultBubbleConfirmCannotWrite { display: none; position: absolute; width: 255px; top: 95px; left: 709px } div#ultMiniProfileMembersNew div#ultBubbleConfirmAttente { display: none; position: absolute; width: 255px; top: 95px; left: 709px } /*** boutons go ***/ a.ultBtnGo { display: block; width: 35px; height: 20px; background: transparent url(/img/main/btn/ultBtnGo.gif) no-repeat 0 0 } a.ultBtnGo:hover { background: transparent url(/img/main/btn/ultBtnGo.gif) no-repeat 0 -21px } a.ultBtnGoOff { display: block; width: 35px; height: 20px; background: transparent url(/img/main/btn/ultBtnGo.gif) no-repeat 0 -42px } a.ultBtnGoOff:hover { cursor: default } /*** définition du mini profil home ***/ div#ultMiniProfileHome { margin-bottom: 8px } div#ultMiniProfileHome div#ultPhoto { float: left; padding-right: 10px; padding-bottom:10px; } div#ultMiniProfileHome div#ultInfos { line-height: 16px; } div#ultMiniProfileHome div#ultPhotoStatus { float: right; width: 350px; padding-left: 20px; background: transparent url(/img/main/common/ultDotV1.gif) repeat-y left center } div#ultMiniProfileHome div#ultPhotoStatus h3 { padding-bottom: 10px; text-align: center; font-size: 14px } /*** définition de l'autopromo dans la colonne de gauche ***/ a#ultBannerLeftCoach { display: block; width: 222px; height: 154px; background: transparent url(/img/main/common/ultYourCoach.gif) no-repeat } a#ultBannerLeftCoach p#ultTxtUp { margin-bottom: 2px; width: 222px; text-transform: uppercase; font-size: 15px; text-align: center; color: #616161; padding-top: 7px; } a#ultBannerLeftCoach p#ultTxtDown { font-size: 10px; width: 160px; margin-left: 38px; text-align: center; color: #666; padding-top: 83px; } a#ultBannerLeftCoachfr { display: block; width: 222px; height: 154px; background: transparent url(/img/main/common/ultYourCoachfr.gif) no-repeat } a#ultBannerLeftCoachfr p#ultTxtUp { margin-bottom: 2px; width: 222px; text-transform: uppercase; font-size: 15px; text-align: center; color: #616161; padding-top: 7px; } a#ultBannerLeftCoachfr p#ultTxtDown { font-size: 10px; width: 160px; margin-left: 32px; text-align: center; color: #666; padding-top: 13px; } a#ultBannerLeftCoachfr p#ultTxtfr1 { width: 153px; text-align: justify; color: #616161; padding-top: 4px; padding-left:57px } a#ultBannerLeftCoachfr p#ultTxtfr2 { width: 176px; margin-left: 25px; text-align: center; padding-top: 9px; } /*********************************************************** - LIGHTBOX - /**********************************************************/ #lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0 } #lightbox img { width: auto; height: auto } #lightbox a img { border: none } #outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto } #imageContainer { padding: 10px } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0 } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10 } #imageContainer > #hoverNav { left: 0 } #hoverNav a { outline: none } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData { padding:0 10px; color: #666 } #imageData #imageDetails { width: 70%; float: left; text-align: left } #imageData #caption { font-weight: bold } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em } #imageData #bottomNavClose { width: 75px; float: right; padding-bottom: 0.7em; outline: none } #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000 } /*********************************************************** - DEFINITION DES LIENS - /**********************************************************/ /* lien blanc sans soulignement avec rollover */ a.ultLink1, a.ultLink1:active, a.ultLink1:visited { color: #A29E99; text-decoration: none } a.ultLink1:hover { color: #A29E99; text-decoration: underline } /* lien blanc avec soulignement avec rollover */ a.ultLink1u, a.ultLink1u:active, a.ultLink1u:visited { color: #A29E99; text-decoration: underline } a.ultLink1u:hover { color: #A29E99; text-decoration: none } /* lien gris sans soulignement avec rollover rouge clair */ a.ultLink2, a.ultLink2:active, a.ultLink2:visited { color: #232529; text-decoration: none } a.ultLink2:hover { color: #D70000; text-decoration: underline } /* lien gris sans soulignement avec rollover gris */ a.ultLink3, a.ultLink3:active, a.ultLink3:visited { color: #333333; text-decoration: none } a.ultLink3:hover { color: #333333; text-decoration: underline } /* lien gris avec soulignement avec rollover */ a.ultLink3u, a.ultLink3u:active, a.ultLink3u:visited { color: #333333; text-decoration: underline } a.ultLink3u:hover { color: #333333; text-decoration: none } /* lien gris sans soulignement sans rollover */ a.ultLink3n, a.ultLink3n:active, a.ultLink3n:visited { color: #333333; text-decoration: none } /* lien bleu clair avec soulignement avec rollover */ a.ultLink4u, a.ultLink4u:active, a.ultLink4u:visited { color: #5B74A6; text-decoration: underline } a.ultLink4u:hover { color: #5B74A6; text-decoration: none } /* lien bleu clair en gras avec soulignement avec rollover */ a.ultLink4b, a.ultLink4b:active, a.ultLink4b:visited { color: #5B74A6; font-weight: bold; text-decoration: underline } a.ultLink4b:hover { color: #5B74A6; font-weight: bold; text-decoration: none } /* lien bleu claire sans soulignement avec rollover bleu claire */ a.ultLink4, a.ultLink4:active, a.ultLink4:visited { color: #5B74A6; text-decoration: none } a.ultLink4:hover { color: #5B74A6; text-decoration: underline } /* lien rouge claire sans soulignement avec rollover */ a.ultLink5, a.ultLink5:active, a.ultLink5:visited { color: #D70000; text-decoration: none } a.ultLink5:hover { color: #D70000; text-decoration: none } a.ultLink5u, a.ultLink5u:active, a.ultLink5u:visited { color: #D70000; text-decoration: underline } a.ultLink5u:hover { color: #D70000; text-decoration: none } /* lien rouge fonce sans soulignement avec rollover */ a.ultLink6, a.ultLink6:active, a.ultLink6:visited { color: #8D0400; text-decoration: none } a.ultLink6:hover { color: #8D0400; text-decoration: underline } /* lien rouge fonce avec soulignement avec rollover */ a.ultLink6u, a.ultLink6u:active, a.ultLink6u:visited { color: #8D0400; text-decoration: underline } a.ultLink6u:hover { color: #8D0400; text-decoration: none } /* lien rouge fonce italic sans soulignement avec rollover */ a.ultLink6i, a.ultLink6i:active, a.ultLink6i:visited { color: #8D0400; font-style: italic; text-decoration: none } a.ultLink6i:hover { color: #8D0400; font-style: italic; text-decoration: underline } /* lien gris sans soulignement avec rollover rouge fonce */ a.ultLink7, a.ultLink7:active, a.ultLink7:visited { color: #232529; text-decoration: none } a.ultLink7:hover { color: #8D0400; text-decoration: underline } /* lien gris claire avec soulignement avec rollover */ a.ultLink8u, a.ultLink8u:active, a.ultLink8u:visited { color: #999999; text-decoration: underline } a.ultLink8u:hover { color: #999999; text-decoration: none } /* lien gris sans soulignement avec rollover rouge clair */ a.ultLink9, a.ultLink9:active, a.ultLink9:visited { color: #999999; text-decoration: none } a.ultLink9:hover { color: #D70000; text-decoration: underline } /* lien gris sans soulignement avec rollover rouge clair */ a.ultLink10, a.ultLink10:active, a.ultLink10:visited { color: #6699cc; text-decoration: underline } a.ultLink10:hover { color: #6699cc; text-decoration: none } /* lien gris sans soulignement avec rollover rouge clair */ a.ultLink11, a.ultLink11:active, a.ultLink11:visited { color: #000000; text-decoration: none } a.ultLink11:hover { color: #D70000; text-decoration: underline } /* lien gris clair avec soulignement avec rollover rouge fonce */ a.ultLink12, a.ultLink12:active, a.ultLink12:visited { color: #666666; text-decoration: none } a.ultLink12:hover { color: #8D0400; text-decoration: underline } /* lien gris clair avec soulignement avec rollover rouge clair */ a.ultLink13, a.ultLink13:active, a.ultLink13:visited { color: #666666; text-decoration: none } a.ultLink13:hover { color: #D70000; text-decoration: underline } /*********************************************************** - DEFINITION DES COULEURS DE TEXTE - /**********************************************************/ /* couleur bleue fonce */ .ultTxt1 { color: #2F4E6A } .ultTxt1b { color: #2F4E6A; font-weight: bold } /* couleur rouge fonce */ .ultTxt2 { color: #8D0400 } .ultTxt2b { color: #8D0400; font-weight: bold } /* couleur rouge */ .ultTxt3 { color: #D70000 } .ultTxt3b { color: #D70000; font-weight: bold } .ultTxt3u { color: #D70000; text-decoration:underline } /* couleur gris fonce */ .ultTxt4 { color: #666666 } .ultTxt4b { color: #666666; font-weight: bold } /* couleur gris claire */ .ultTxt5 { color: #cccccc } .ultTxt5b { color: #cccccc; font-weight: bold } /* couleur gris claire */ .ultTxt6 { color: #999999; font-size:11px } .ultTxt6b { color: #999999; font-weight: bold } /* couleur gris claire */ .ultTxt7 { color: #999999; } .ultTxt7b { color: #999999; font-weight: bold } /*********************************************************** - DEFINITION DES BOUTONS - /**********************************************************/ /*** boutons actifs ***/ /* bouton petit bleu sur fond transparent */ a.ultBtnA1 { display: block; padding: 0 0 0 9px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftA.gif) no-repeat 0 0 } a.ultBtnA1 span { display: block; padding: 0 20px 2px 11px; font: bold 12px/19px Arial; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightA.gif) no-repeat 100% 0 } a.ultBtnA1:hover { background-position: 0 -22px } a.ultBtnA1:hover span { text-decoration: none; background-position: 100% -22px } /* bouton petit gris sur fond transparent */ a.ultBtnA2 { display: block; padding: 0 0 0 9px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftA.gif) no-repeat 0 -66px } a.ultBtnA2 span { display: block; padding: 0 20px 2px 11px; font: bold 12px/19px Arial; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightA.gif) no-repeat 100% -66px } a.ultBtnA2:hover { background-position: 0 -88px } a.ultBtnA2:hover span { text-decoration: none; background-position: 100% -88px } /* bouton grand rouge sur fond transparent */ a.ultBtnB1 { display: block; padding: 0 0 0 9px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftB.gif) no-repeat 0 0 } a.ultBtnB1 span { display: block; padding: 0 15px 2px 5px; font: normal 18px/36px Arial; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightB.gif) no-repeat 100% 0 } a.ultBtnB1 span.ultSmallFont { font: bold 12px/36px Arial } a.ultBtnB1:hover { background-position: 0 -39px } a.ultBtnB1:hover span { text-decoration: none; background-position: 100% -39px } /* bouton grand rouge sur fond transparent double ligne de wording */ a.ultBtnB2 { display: block; padding: 0 0 0 9px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftB.gif) no-repeat 0 0 } a.ultBtnB2 span { display: block; padding: 6px 35px 5px 26px; font: normal 18px/13px Arial; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightB.gif) no-repeat 100% 0 } a.ultBtnB2 span.ultSmallFont { font: bold 12px/36px Arial } a.ultBtnB2:hover { background-position: 0 -39px } a.ultBtnB2:hover span { text-decoration: none; background-position: 100% -39px } /* bouton grand rouge sur fond transparent new design (search/advancedsearch) */ a.ultBtnB3 { display: block; padding: 0 0 0 9px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftB.gif) no-repeat 0 -78px} a.ultBtnB3 span { display: block; padding: 0 35px 2px 26px; font: normal 18px/45px Arial; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightB.gif) no-repeat 100% -78px } a.ultBtnB3 span.ultSmallFont { font: bold 12px/36px Arial } a.ultBtnB3:hover { background-position: 0 -126px } a.ultBtnB3:hover span { text-decoration: none; background-position: 100% -126px } /* bouton grand rouge sur fond transparent double ligne de wording */ a.ultBtnB4 { display: block; padding: 0 0 0 9px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftB.gif) no-repeat 0 -78px} a.ultBtnB4 span { display: block; padding: 0px 35px 3px 26px; font: normal 17px/22px Arial; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightB.gif) no-repeat 100% -78px } a.ultBtnB4 span.ultSmallFont { font: bold 12px/36px Arial } a.ultBtnB4:hover { background-position: 0 -126px } a.ultBtnB4:hover span { text-decoration: none; background-position: 100% -126px } /* bouton moyen rouge sur fond transparent */ a.ultBtnC1 { display: block; height: 26px; /height: auto; padding: 0 0 0 8px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftC.gif) no-repeat 0 0 } a.ultBtnC1 span { display: block; height: 26px; /height: auto; padding: 0 20px 0 12px; /padding-bottom: 2px; font: bold 12px Arial; line-height: 24px; color: #FFFFFF; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightC.gif) no-repeat 100% 0 } a.ultBtnC1:hover { background-position: 0 -27px } a.ultBtnC1:hover span { text-decoration: none; background-position: 100% -27px } /* bouton petit gris sur fond blanc */ a.ultBtnD1 { display: block; padding: 0 0 0 4px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftD.gif) no-repeat 0 0 } a.ultBtnD1 span { display: block; padding: 0 20px 0 16px; /padding-bottom: 2px; font: normal 12px Arial; line-height: 18px; /line-height: 16px; color: #60646C; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightD.gif) no-repeat 100% 0 } /* bouton petit gris sur fond blanc contour rouge */ a.ultBtnD1r { display: block; padding: 0 0 0 4px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftD.gif) no-repeat 0 -38px } a.ultBtnD1r span { display: block; padding: 0 20px 0 16px; /padding-bottom: 2px; font: normal 12px Arial; line-height: 18px; /line-height: 16px; color: #60646C; text-decoration: none; background: transparent url(/img/main/btn/ultBtnRightD.gif) no-repeat 100% -38px } a.ultBtnD1:hover { background-position: 0 -19px } a.ultBtnD1:hover span { text-decoration: none; background-position: 100% -19px } /*** boutons inactifs ***/ a.ultBtnOffC1 { display: block; padding: 0 0 0 8px; height: 26px; text-align: center; text-decoration: none; background: transparent url(/img/main/btn/ultBtnLeftC.gif) no-repeat 0 -54px } a.ultBtnOffC1 span { display: block; padding: 0 20px 0 12px; height: 26px; font: bold 12px Arial; line-height: 24px; /line-height: 22px; color: #FFFFFF; background: transparent url(/img/main/btn/ultBtnRightC.gif) no-repeat 100% -54px } a.ultBtnOffC1:hover { cursor: default } /*********************************************************** - DIVERS - /**********************************************************/ /*** titres ***/ .ultTitle { font-size: 12px; font-weight: bold; color: #666666; padding-bottom: 5px } .ultTitleProfil { font-size: 14px; padding-bottom: 5px; height:20px } /*** polices ***/ .ultLucida { font: normal 11px "Lucida Grande", "Lucida sans unicode", Verdana } /*** alignements (texte) ***/ .ultLeft { text-align: left } .ultRight { text-align: right } .ultCenter { text-align: center } .ultJustify {text-align: justify } /*** alignements (bloc) ***/ .ultBlocLeft { float: left } .ultBlocRight { float: right } .ultBlocCenter { margin-left: auto; margin-right: auto } /*** alignements (autre) ***/ /* alignement vertical au milieu */ .ultVerticalMiddle { vertical-align: middle } /*** clearers ***/ .ultClearer { clear: both; height: 0 } .ultClearLeft { clear: left } .ultClearRight { clear: right } /*** spacers et padding ***/ .ultBlocSpacer { margin-top: 8px } .ultBlocSpacerRight { margin-right: 10px } .ultBlocPadding { padding: 12px 15px 5px } .ultSpacer { height: 10px } .ultSpacing { padding-bottom: 10px } .ultMiniSpacer { height: 5px } .ultMiniSpacing { padding-bottom: 5px } /*** séparateurs (form) ***/ .ultLine { padding-bottom: 5px } .ultLineFormPhysique { padding-left: 177px } .ultLineFormPhysiqueMembers { padding-left: 169px } .ultLineForm { padding: 0 0 5px 20px } /*** listes ***/ .ultPuce { list-style-type: disc; list-style-position: outside; padding: 0 0 10px 30px } /*** photos ***/ .ultPicture { display: block; width: 125px; height: 125px; padding: 3px; border: 1px solid #E8E7E4; background-color: #FFFFFF; background-repeat: no-repeat; background-position: 3px 3px } .ultPicture p { margin-top: 76px; text-align: center; font-weight: bold } .ultPictureModeration { color: red; position: absolute; top: 138px; left: 258px; font-weight:bold; text-align:center; } /*** loading ***/ div#ultLoading { padding: 30px; text-align: center } /*** elements de formulaire ***/ input.ultInputText { border: 1px solid #BFC0C2; color: #333333; /vertical-align: middle; font: normal 12px Arial; padding: 2px 1px } input.ultInputTextError { border: 1px solid #EE9593; color: #333333; /vertical-align: middle; font: normal 12px Arial; padding: 2px 1px } input.ultInputFile { /border: 1px solid #BFC0C2; color: #333333; /vertical-align: middle; font: normal 12px Arial; padding: 2px 1px } input.ultRadio { margin-bottom: 3px; margin-left: 0; vertical-align: middle; /margin-bottom: 0 } input.ultCheckbox { float: left; margin: 2px 5px -3px 0; /margin: -2px 0 -3px } textarea { border: 1px solid #BFC0C2; background: #F9F9F9; color: #2C6CAE; font: normal 12px Arial; padding: 10px; /overflow: auto } select { border: 1px solid #BFC0C2; color: #333333; /vertical-align: middle; font: normal 12px Arial; padding: 1px } /*** erreurs ***/ .ultError { color: #FF0000 !important } /*** iframes ***/ .ultIframeGeoselectMyprofile { width: 311px; height: 75px } .ultIframeGeoselectAdvancedSearch { width: 99%; height: 95px } .ultIframeGeoselectSignup { width: 100%; height: 73px } .ultIframeGeoselectLanding { width: 100%; height: 81px } /*** pour DEVs ***/ pre { color: #000000 } /*** offres (weekend gratuit) - pastille home_v et landings.. ***/ #ultContainerNew2 .ultOfferDetail { position:relative; top:605px; } #ultBodyContent .ultContainerNewFR .ultOfferDetail { top:0; } #ultContainerNew2 .ultOfferDetail, #ultContainer .ultOfferDetail, #ultContainerSignup .ultOfferDetail { color:#A29E99; text-align:center; } /*** offres (weekend gratuit) - temps restant ***/ div#ultOfferTimer { background:transparent url(/img/main/header_footer/ultFooter.gif) no-repeat bottom; border-top:1px solid #C8C3BB; font-size:14px; height:26px; line-height:26px; margin-bottom:8px; position:relative; text-align:center; } div#ultOfferTimer div#ultBodyCornerLeft { left:0; } div#ultOfferTimer div#ultBodyCornerRight { right:0; } /*********************************************************** - PUSH PROFILE MATCHLIST - /**********************************************************/ /*** container ***/ div#ultPushProfileComponent { margin: 0 10px 10px; background-color:#f6f5f3; } div#ultProfileColLeft { float: left; width: 260px; padding: 10px 10px 0; } div#ultProfileColRight { float: left; width: 260px; padding: 10px 10px 0; } /*** photo + Interested by profile ***/ div#ultInterstedByMember { position: relative; float:left; width: 160px; padding: 3px 0 10px; _padding-bottom:0px; } div.ultArrowPhotoPush { _display:none; position:absolute; left: 0; top: 0; width: 152px; height: 20px; background:transparent url(/img/main/common/ultArrowPhotoPush.png) no-repeat; } a#ultPush_photoLink { display:block; width:100px; height:100px; margin: 0 auto; padding-top:5px; padding-left:5px; overflow:hidden; background:transparent url(/img/main/common/ultBgThumbnailPhoto.gif) no-repeat; } a#ultPush_photoLink img { width:90px; height: 90px; } p.ultInterstedByTxt { color:#000000; font-size:11px; font-weight:bold; text-align:center; } a#ultPush_yes { float:left; width:68px; height:24px; margin-left:12px; text-align:center; line-height: 23px; color:#488611; background:transparent url(/img/main/common/ultButtonYesNext.gif) no-repeat; } a#ultPush_next { float:left; width:68px; height:24px; text-align:center; line-height: 23px; color:#8d0400; background:transparent url(/img/main/common/ultButtonYesNext.gif) no-repeat -68px 0 } /*** table ****/ div#ultPushTab_maininfos table, div#ultPushTab_profile table, div#ultPushTab_announce table, div#ultPushTab_mandatory table { width: 100%} th.ultItemProfile { padding-bottom: 3px; color: #8d0400; text-align: left; background:transparent url(/img/main/common/ultDotH1.gif) repeat-x scroll left bottom; } td.ultInfoProfile { padding-bottom: 7px; color: #333333; } /*** table ultPushTab_main_info ***/ td.ultInfoGeo { color:#262626; } td.ultInfoChildren { padding-bottom: 8px; color:#878787; } /*** table ultPushTab_announce ***/ div#ultPushTab_announce td.ultInfoProfile { text-align: justify; } /*********************************************************** - PUSH INFO - /**********************************************************/ a.utlPushInfo { display:block; padding: 0 0 5px 40px; background:transparent url(/img/main/common/ultPictoInfo.gif) no-repeat 0 2px;} a.utlPushInfo span { color:#63130b; text-decoration:underline; }