*       { font-family: Trebuchet MS, Trebuchet, Lucida Sans Unicode, verdana, sans-serif; font-size: 14px; margin: 0; padding: 0; color: #656565; line-height: 1.2em }
body    { background: #25548a url(../images/BGmain2.jpg); background-repeat: repeat-x;  margin:0; padding:0 }
a:link, a:visited      { color: #ff3434; text-decoration: none }
a:hover   { color: #802a2a; text-decoration: underline }
a:active   { color: #240000; text-decoration: underline }
div     { margin: 0px; padding: 0px}
img     { border: 0px; margin: 0px; padding: 0px; vertical-align: middle }

/*****  Titre sans habillage graphique (grosse typo clair) *****/
H1	{ font-family: Trebuchet MS, Trebuchet, verdana, sans-serif; font-size: 18px; color: #bababa; margin: 5px 0px 5px 0px }

/*****  Titre sans bordure en bas, pour etre colle avec une box *****/
H2	{ border-width: 2px 2px 0px 2px; font-family: Trebuchet MS, Trebuchet, verdana, sans-serif; font-size: 18px; color: #888888; background-image: url(../images/BG-thickBoxTitleBar.jpg); border-style: solid; border-color: #e3e3e3; padding: 4px; text-align: center; text-shadow: 1px 1px 2px #CCCCCC; margin-top: 5px }

/*****  Titre avec bordure sur les 4 cotes *****/
H3	{ border-width: 2px; font-family: Trebuchet MS, Trebuchet, verdana, sans-serif; font-size: 14px; color: #555555; background-image: url(../images/BG-thickBoxTitleBar.jpg); border-style: solid; border-color: #e3e3e3; padding: 4px; text-align: center; margin-top: 5px }

/***** Titre sans bordure en bas et en haut, pour etre colle entre un titre et une box *****/
H4	{ border-width: 0px 2px 0px 2px; font-family: Trebuchet MS, Trebuchet, verdana, sans-serif; font-size: 18px; color: #888888; background-image: url(../images/BG-thickBoxTitleBar.jpg); border-style: solid; border-color: #e3e3e3; padding: 4px; text-align: center; text-shadow: 1px 1px 2px #CCCCCC }

/*****  Titre avec bordure sur les 4 cotes et texte aligne a gauche *****/
H5	{ border-width: 2px; font-family: Trebuchet MS, Trebuchet, verdana, sans-serif; font-size: 14px; color: #555555; background-image: url(../images/BG-thickBoxTitleBar.jpg); border-style: solid; border-color: #e3e3e3; padding: 4px; text-align: left; margin-top: 5px }
H5 a { font-size: 18px }

.smaller 				{ font-size: 75% }

.header 					{ width: 940px; height: 102px; background: #FFFFFF url(../images/headerLogoHiver.jpg); background-repeat: no-repeat; margin: auto; padding: 0px }

.mainContainer 		{ width: 924px; background: #FFFFFF url(../images/BGpage.gif); background-repeat: repeat-y; margin: auto; padding: 0px 8px 0px 8px }
.menuBar				  { background: #75767b url(../images/menuBarBG.png); background-repeat: repeat-x; height: 41px; width: 924px; position: absolute; top: 102px; clear: both }
.menuBarLink			    { float: left; height: 35px; font-size: 20px; padding-top: 6px; font-size: 18px; color: white; text-decoration: none }
.menuBarLink a	      { font-size: 20px; padding: 6px 20px; font-size: 18px; color: white; text-decoration: none }
.menuBarLink a:hover  { repeat-x; font-size: 18px; color: #ff3434; text-decoration: none; padding: 6px 20px } /*background: url(../images/menuBarBGOver.png) */
.menuBarStart			    { margin-left: 15px }

.welcomeGuestTitle  { height: 35px; font-size: 20px; padding-top: 6px; font-size: 18px; color: white; text-align: center }

/* Obsolete
.menuBarAlert			{ float: right; margin-right: 12px; background: url(../images/BGmenuBarAlert.gif); padding-left: 0px; width: 373px; height: 36px; border: 0px solid #FFFFFF;    }
.menuBarAlert h1			{ color: #ffffff; font-size: 12px; text-align: center; font-weight: bold; line-height: 6px; letter-spacing: 2px }
.menuBarAlert p			{ color: #ffffff; font-size: 12px; text-align: center }
*/

.inputSearch			{ float: left; color: #656565; width: 153px; height: 26px; background: url(../images/headerField.png) no-repeat; border: none; vertical-align: middle; padding: 10px 10px 0px 10px; margin: 0px }
.submit					{ float: left; vertical-align: middle; margin: 1px 22px 0px 0px; width: 42px; height: 35px }
.submit2				{ vertical-align: middle; margin: 1px 22px 0px 0px; width: 42px; height: 35px }
.advancedSearch			{ float: left; vertical-align: middle; margin: 1px 10px 0px 0px; width: 142px; height: 35px }

.mainSpace				{ padding: 45px 12px 0px 12px; clear: both }
.mainTitle				{ font-family: verdana, sans-serif; height: 45px; background: url(../images/titleSeparator.jpg); background-repeat: no-repeat; background-position: bottom; text-align: center; font-size: 20px; color: #bbbaba; margin-bottom: 10px }

.annonce				{ font-style: italic }
.voteScore				{ font-family: verdana, sans-serif; font-size: 20px; color: #bbbaba; font-weight: bold  }
.votingBar				{ background: url(../images/iconeFlecheDroite.png) bottom left no-repeat; height: 25px; padding: 0px 0px 0px 28px; vertical-align: top }
.votingBar a				{ font-family: verdana, sans-serif; font-size: 20px; margin-left: 15px; font-weight: bold; vertical-align: middle }
.bigThumb				{ float: right; margin-left: 5px; margin-top:5px; background: transparent url(../images/BGthumb105x106.png); width: 105px; height: 106px; padding: 0px; text-align:left }
.medThumb				{ background: transparent url(../images/BGthumb69x70.png); width: 64px; height: 65px; padding: 0px 5px 5px 0px; float: left; text-align: left; margin: 2px 3px 2px 2px }

.voteComment			{ font-style: italic }

.linkBox				{ background: url(../images/BGlinkBox.png) repeat-x #d6d5d5; border: 2px solid #e3e3e3; padding: 4px }
.box					{ background: url(../images/BGbox.gif) repeat-x #eeeded; border: 2px solid #e3e3e3; padding: 4px }
.icone					{ vertical-align: middle; margin: 0px 5px 0px 5px; text-decoration: none }
.link					{ vertical-align: baseline }
.emptySpace				{ height: 10px; padding: 5px }
.emptySpaceClearBoth	{ height: 1px; padding: 1px; line-height: 1px; clear:both }
.clearBoth				{ clear: both }
.clearLeft				{ clear: left }
.clearRight				{ clear: right }
.marginLeft				{ margin: 5px 0px 0px 50px }

.votingPhotoFrame		{ width: 400px; height: 300px; background: url(../images/BGvotingPhotoFrame.jpg); background-repeat: no-repeat; text-align: center; padding: 15px 17px 20px 17px; vertical-align: middle }

.previousVotedBloc		{ width: 250px; min-height: 376px; max-height:500px }
.welcomeBloc			{ width: 250px; height: 376px; background: url(../images/BGwelcome.jpg) #eeeded; background-position: bottom center; background-repeat: repeat-x }
.currentVotingBloc		{ width: 615px; float: right }
.currentVotingProfDesc	{ width: 180px; float: right }
.lastSuscribers			{ text-align: center }

.topGirlRate, .topKiss, .topFlower, .topGuyRate	{ display: inline; float: left; width: 217px }
.topGuyRate, .topKiss { margin-left: 10px }
.topGirlRate { margin-left: 12px }
.topDesc	{ }
.topLastWeek		{ width: 444px; float: left; display: inline }
.topGeneral			{ width: 444px; float: left; display: inline; margin-left: 12px }

.inscription1Login  { width: 485px; float: left }
.inscription1Subs   { width: 390px; float: right; text-align: right }

#inscription1 {  }
#inscription2 { text-align: center }
#inscription3 { text-align: center }
#inscription1 input, #inscription1 img, #inscription2 input, #inscription3 input ,#inscription1 select, #inscription2 select, #inscription1 textarea, #inscription2 textarea { margin: 2px 5px 2px 5px; vertical-align: middle }
#inscription4 { text-align: center }
#iNicknameMess, #iPasswordMess, #iEmailMess, #iDayMess, #iMonthMess, #iYearMess, #iBirthDateMess, .contactFormTitle, #kaptchaMess { color: black; font-weight: bold }
#iSex, #iNickname, #iPassword, #iPassword2 { width: 200pix; height: 1.5em; border: 1px solid }
#iMonth, #iDay, #iYear, #iLocation  { height: 1.5em; border: 1px solid }

#iNotice { border: 1px solid }

.commentBloc, .blogEntrieBloc 	{ min-height: 48px }
.commentThumb 		{ float: right; margin-left: 10px }
.blogEntrieThumb 	{ float: left; margin-right: 10px }
.commentIcone		{ margin: 0px 5px 0px 5px }
.commentBloc p:first-letter 	{ font-size: 125%; font-weight: bold }
.commentBloc				{ color: #b0afaf }
.commentBloc p 				{ margin-left: 35px; color: #656565 }
.addComment					{ margin-left: 35px }
.addComment textarea			{ margin-top: 8px; margin-bottom: 8px }

.rightAdvColumn	{ float: right; width: 315px }
.leftMainColumn	{ float: left; width: 575px }

.listProfile	{ width: 105px; height: 106px; background: url(../images/BGthumb105x106.png) top left no-repeat; margin:3px; float: left }

.blogPhotoFrame		{ width: 400px; height: 300px; background: url(../images/BGvotingPhotoFrame.jpg); background-repeat: no-repeat; padding: 15px 17px 20px 17px; margin: 10px 0px 0px 0px }
.blogEntryPhotoFrame		{ width: 400px; height: 300px; background: url(../images/BGvotingPhotoFrame.jpg); background-repeat: no-repeat; padding: 15px 17px 20px 17px; margin: 10px auto 0px auto }
.blogProfDesc	{ width: 445px; float: right; margin-top: 15px }
.blogEntry		{ }
.profilBloc { background: url(../images/BGprofil.jpg) #eeeded }

.entryNavigation { margin-top: 10px; margin-bottom: 5px; text-align: center }
.noteBloc		{ text-align: center; margin: 8px 5px 0px 5px }
.note			{ font-style: italic; font-size: 16px }
.noNote			{ color: silver }
.noComment		{ color: silver }
.noAnnounce		{ color: silver }
.noPhoto { color: silver; text-align: center }

.comNavBloc { height: 35px; text-align: center; padding-left:9px; background: url(../images/BGlinkBox.png) repeat-x #d6d5d5; border: 0px 2px 2px 2px solid #e3e3e3; padding: 4px }
.comNav { background: url(../images/BGPaginationLink.png); display:block; float:left; font-size:12px; height:25px; padding:9px 0 0 0px; width:46px; text-align: center; letter-spacing: 0em }
.currentCom { background: url(../images/BGPaginationCurrent.png); display:block; float:left; font-size:12px; height:25px; padding:9px 0 0 0px; width:46px; color: #CCCCCC; text-align: center; letter-spacing: 0em; font-weight: bold }

.contactIndex 				{ float: left; margin: 8px 2px }
.contactIndexContainer	{ padding: 5px; border: 1px solid #ccc }
.messContactContainer 	{ width: 240px; float: right }
.messContactListLine 	{ border-bottom: 1px solid #ccc; border-top: 1px solid #fff }
.messContactListLine a	{ font-size: 75% }
.messContactListIcone 	{ vertical-align: middle; margin: 0px 5px 0px 5px; text-decoration: none; float: right }
.messContactListIcone2 	{ vertical-align: middle; margin: 0px 1px; text-decoration: none; float: right }
.messContactListIcone3 	{ vertical-align: middle; margin: 0px 5px 0px 0px; text-decoration: none }
.messMessageContainer 	{ width: 650px }
.messNewMessageBox 		{ background: url(../images/BGnewMessage.gif) repeat-x #e3e2e2; border: 1px solid #777777; padding: 4px }
.messMessageBox	{ background: url(../images/BGbox.gif) repeat-x #eeeded; border: 1px solid #ccc; padding: 4px }
.messLinkBox 			{ background: url(../images/BGlinkBox.png) repeat-x #d6d5d5; border: 2px solid #e3e3e3; padding: 4px; text-align: right }
.messContactThumb		{ float: left; width: 72px; height: 72px; margin-top: 1px; margin-right:3px;margin-left:3px }
.messLinkBoard			{ float: right }
.messLinkBoardBox		{ width: 159px; height: 29px; background: url(../images/BGmessLinkBoardBox.png) no-repeat; padding: 2px 0px 0px 0px; margin: 0px 0px 0px 5px; text-align: center }
.messLinkBoardRedBox	{ width: 159px; height: 29px; background: url(../images/BGmessLinkRedBoardBox.png) no-repeat; padding: 2px 0px 0px 0px; margin: 0px 0px 0px 5px; text-align: center }
.messLinkBoardLine		{ vertical-align: baseline; margin: 4px }

.messLinkBoardInfo		{ float: right }
.messLinkBoardBoxInfo	{ width: 70px; height: 29px; background: url(../images/BGmessLinkBoardSmallBox.png) no-repeat; padding: 2px 0px 0px 0px; 
						  margin: 0px 0px 0px 5px; text-align: center }
.messLinkBoardLineInfo	{ margin-top: 4px; vertical-align: baseline }

.messLinkBoardIcone		{ vertical-align: middle; margin: 0px 4px 0px 4px; text-decoration: none }
.messSenderLineNewMess	{ color: #a3a3a3; padding-left: 5px; font-weight: bold; margin-top: 5px }
.messSenderLineMess		{ color: silver; margin-top: 5px }
.messTextNewMess		{ margin:4px 2px 4px 74px; background: #e8e8e8; padding: 0px 4px 2px 4px; color: black }
.messTextMess			{ margin:4px 2px 4px 74px; background: #f2f2f2; padding: 0px 4px 2px 4px; color: #888888 }
.messSenderAttached		{ width: 40px; height: 40px; float: left; margin: 0px 5px 0px 2px }
.messPageRefresh		{ float: right }

.goodie img				{ margin: 2px }

.histoMyThumb			{ float: left; width: 72px; height: 72px; margin-top: 1px }
.histoContactThumb		{ float: right; width: 72px; height: 72px; margin-top: 1px }
.histoMyLine			{ color: #a3a3a3; margin-left: 80px; font-weight: bold; margin-top: 5px }
.histoContactLine		{ float: right; color: #a3a3a3; margin-left: 80px; font-weight: bold; margin-top: 5px }
.histoMyText			{ float: left; margin:4px 2px 4px 80px; background: #f2f2f2; padding: 0px 4px 2px 4px }
.histoContactText		{ float: right; margin:4px 80px 4px 2px; background: #f2f2f2; padding: 0px 4px 2px 4px }

.inscriptionMessage { filter:alpha(opacity=100);-moz-opacity: 1; opacity: 1; display:none }

.contactFormTitleBG { background: #ebe8e8; border: 0px; padding: 10px }
.contactFormInput { background: #f2f0f0; padding: 10px }
.darkCell { background: #f2f0f0; padding: 10px }
.contactInputIdentify { width: 200px }
.contactInputSubject { width: 389px }

.titleCell { background: #ebe8e8; padding: 10px; font-weight: bold; color: black; text-align: right }
.mainCell  { background: #f2f0f0; padding: 10px; text-align: center }
.darkCell  { background: #efd6d6; padding: 10px; text-align: center }

.imageGoodies { float: left }
.boxGoodies   { float: left; padding: 5px; border: 2px solid #ffffff; margin-top: 10px; height: 105px; border-radius : 5px; background-color: #eeeded }

.faqQuestion  { font-size: 110%; color: black; margin-top: 10px }
.faqReponse   { margin-left: 20px }
.faqSubReponse   { margin-left: 40px; padding: 5px; border: 1px #888888; border-style: dotted }

.footer		{ width: 940px; height: 128px; background: #FFFFFF url(../images/BGfooter.jpg); background-repeat: no-repeat; background-position: bottom; margin: auto }
.underConstruction 	{ float: right; margin-top: 20px; margin-right: 20px; display: none }
.footerLink	{ width: 805px; position: relative; top:86px; left: 120px; font-size: 75% }

/*.loading	{ display:none; width: 198px; height: 147px; background: url(../images/BGloading.png) no-repeat; position: absolute; top: 0px; left: 0px; text-align: center; padding: 45px 0px 0px 0px; border: 0px solid #802a2a; margin-top:0px; z-index: 200 }*/
.loading p	{ color: black; font-weight: bold; font-size: 9px; font-family: Verdana; font-style: italic }

.bulleDaide 		{ position: absolute; visibility: hidden; background-color: #FFEEC7; background-image: url(../images/BGlinkBox.png); border: 1px solid #b3b3b3; font-size: 14px; padding: 7px; color: black; margin-left: -20px; margin-top: 10px }
#bulle			{ position: absolute; visibility: hidden;  font-size:12px;}
.bulleContent	{ border: 1px solid #666666; padding: 7px; color:#666666; background-color:#FFFFFF; margin-top: 20px }

.infoBloc		{ background: url(../images/post-it269x122.png); float: right; margin: 15px 15px 5px 5px; width: 249px; height: 102px; padding: 10px }
.infoBloc2		{ background: url(../images/post-it269x122.png); float: right; margin: 23px 15px 5px 5px; width: 249px; height: 102px; padding: 10px }

.inputField	{ float: left; color: #656565; width: 153px; height: 26px; background: url(../images/headerField.png) no-repeat; border: none; vertical-align: middle; padding: 10px 10px 0px 10px; margin: 0px }

.errorMessage { color: white; font-weight: bold; margin-bottom: 10px; text-align: center; padding:10px; border: 1px solid #2a2c33; background: #cd0000 }

.connectedThumbBanner       { width: 100px; height: 117px; float: left; text-align: center; margin-left: 5px; padding-right: 6px; font-size:10px; background: url(../images/BGthumb105x106.png) top left no-repeat }
.connectedThumbBanner img   { margin-bottom: 5px }
.connectedThumbMosaic       { width: 90px; height: 117px; float: left; text-align: center; margin-left: 5px; padding-right: 6px; font-size:10px; background: url(../images/BGthumb95x95.png) top left no-repeat }
.connectedThumbMosaic img   { margin-bottom: 5px }

.newProfilesThumb           { width: 80px; height: 100px; float: left; text-align: center; font-size: 10px; margin-left: 1px; padding-right: 6px; margin-right:1px; background: url(../images/BGthumb85x86.png) top left no-repeat }
.newProfilesThumb img       { margin-bottom: 3px }

#TB_window 				{ font-size: 12px; font-family: Lucida Sans Unicode, verdana, sans-serif; color: #656565; background-image: url(../images/BG-thickBox.jpg); background-repeat: repeat-x; position: fixed; background-color: #FFF; z-index: 102; color:#000000; display:none; border: 8px solid #766565; text-align:left; top:50%; left:50% }
#TB_secondLine 			{ font: 10px Verdana, sans-serif; color:#656565 }
#TB_title				{ background-image: url(../images/BG-thickBoxTitleBar.jpg); background-repeat: repeat-x; background-color: #FFFFFF; height: 27px; font: 18px verdana, sans-serif; color: #000000; font-weight: bold }
#TB_window a:link		{ color: #ff3434; text-decoration: none }
#TB_window a:visited 	{ color: #ff3434; text-decoration: none }
#TB_window a:hover 		{ color: #802a2a; text-decoration: underline }
#TB_window a:active 		{ color: #240000; text-decoration: underline }
#TB_window a:focus		{ color: #240000; text-decoration: underline }

/***** select box( location ) *****/
label           { display: block; font-size: 2em; font-family: Georgia, serif; color: #444 }
.asmHighlight   { color: #777 }
.asmSelect      { margin: 1em 0 0.25em 0 }
.pop            { POSITION: absolute; VISIBILITY: hidden }

.newProfiles a:link,.newProfiles a:visited,.newProfiles a:hover,.newProfiles a:active { color:#656565; font-size:10px }
.top1,.top2{ margin-top:10px }
.top10containerLeft { width:49%;text-align:right;float:left  }
.top10containerRight { width:49%;text-align:right;float:right }
.top10Thumb { border-bottom:1px solid gray;padding:5px }
.top10Thumb img{ padding-bottom:3px;padding-right:3px;background: url(../images/BGthumb105x106.png) top left no-repeat }
.top10Thumb div{ float:left;text-align:justify;padding:5px;padding-left:50px;padding-top:20px }
.top10containerLeft h1,.top10containerRight h1 { float:left;font-size:60px;width:60px}
.pubSalons { height: 80px; font-size: 16px;padding:15px;margin-bottom:10px;background: #f5e1e2;border: 2px solid #e3e3e3 }

.delMessCheckboxDiv   { float:left;padding:3px;background-color:#ccc;height:66px;margin-top:1px }
.delMessCheckbox      { margin-top:26px }
.messageMultiDel      { width:642px;background-color:#d6d5d5;border-top:1px solid #ccc }
.messageMultiDel img  { vertical-align:middle }

.twitterLink { background-image:url('../images/ico-twitter.png');background-repeat:no-repeat;outline:medium none }
.twitterText { margin:0 0 0 20px;padding-bottom:1px;text-decoration:none }
.share { text-decoration:none }

.eventsMessage, .eventsVote, .eventsBisou, .eventsCommentaire { border: 2px solid #e3e3e3; padding: 4px }
.eventsMessage      { background: url('../images/eventsBG-message.jpg') no-repeat }
.eventsVote         { background: url('../images/eventsBG-vote.jpg') no-repeat }
.eventsBisou        { background: url('../images/eventsBG-bisou.jpg') no-repeat }
.eventsCommentaire  { background: url('../images/eventsBG-commentaire.jpg') no-repeat }
.eventsThumb        { float: right }
.eventsText         { text-align: center; width: 100%; margin-top:30px; margin-left: 100px; color: black }
.eventsTextNickname { font-size: 17px; font-weight: bold; color: inherit }

.votingGraph {
    
}

