/* START OF MAIN STUFF */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#000 url(../images/bg.jpg) no-repeat;
color:#333333;
text-align: center;
margin: 0 0 0 0; 
vertical-align: middle;
 /*overflow:auto;*/
overflow-x:hidden;
background-position: center 0;
}

img{ margin:0}

#liste{ width:450px; color:#FFF; border:1px solid #fff;  }
#liste tr{border: 1px solid}
#listetop td a{ color:#000; font-weight:bold; text-decoration:underline;}
#listetop td a#selected{ color:#f00; font-weight:bold; text-decoration:underline;}
#listetop td a:hover{ color:#f00}
#listetop{ height:30px; background:#999}
.odd{ background:#000}
.even{ background:#555}
.centeredbody{width: 1040px; text-align: left; margin: 0 auto; }

.header{height:180px; width:1040px;}
.logotop{ height:147px ; width:147px; float:left; position:relative; top:-10px; z-index:10;}
.rightheader{ float:left; width:873px; height:160px}
.horizontal_banner{ width:620px; height:86px; margin-left:100px }

.imgtopright{float:right; padding-right:11px}
.mainbody{ width:1040px}
.left{ float:left; width:156px}
.right{ float:left; width:168px}
.content{ float:left; width:690px;margin-left:2px;}

.vertical_banner{  height:600px; width:160px}
.footer { color:#0000FF;text-align:center;  font-weight:bold; line-height:20px; height:30px; width:550px; margin-top:5px; margin:50px auto}
.footer a{color:#0000FF; text-align:center}
.footer a:hover{color:#FFFFFF; font-weight:bold; text-decoration:underline}

.footer2{width:900px; margin:0 auto; text-align:left; color:#FFFFFF; margin-top:1px; text-align:center; padding:15px}
.footer2 a{ color:#FFFFFF; text-decoration:underline}
/* END OF MAIN STUFF */

.contentleft{width:699px}
.panel{ float:right; width:187px}


#mpm{ padding-top:5px}
#mpm ul li a{ display:block;text-align:center; color:#fff; font-weight:bold; background:url(../images/menubg.jpg) no-repeat; height:25px; width:180px;font-size:16px; line-height:25px}
#mpm ul li a:hover{ border:solid 1px #fff;height:23px; width:178px;}
.panelorganisers{ background:url(../images/panel.jpg) no-repeat; width:183px; height:154px; position:relative; left:-6px}
.panelorganisers ul{ padding-top:1px; *margin-top:1px}
.panelorganisers li{font-size:17px; font-weight:bold; border-bottom:1px solid #CCCCCC; width:170px; text-align:center; margin-left:6px; margin-top:4px}
.panelorganisers li a#selected{color:#FF0000}


a{
color:#333333;
text-decoration:none;
}
a:hover{text-decoration:underline;color:#000000;}

a img{border:none}

/* ### Top links & login box ### */
.top2{padding-top:2px; padding-bottom:2px; height:59px}
.linkstop{
float:left; 
width:480px; 
height:59px; 
background:url(../images/3bbg.jpg) no-repeat 25px 0px;
margin-top:30px;}
.linkstop ul { margin-left:5px;}
.linkstop ul li{ display:inline}
.linkstop ul li a{ display:block; height:20px; float:left; width:70px; text-align:center; font-weight:bold; font-size:14px; color:#fff; padding-top:7px; margin-left:34px }

.loginboxtop{ background:url(../images/loginbox_top_BG.png) no-repeat; width:384px; height:60px; float:left; margin-left:6px; margin-top:10px }
.loginboxtop h3{ font-size:14px; font-weight:bold}
.loginboxtop #firstpart1{float:left; margin-left:20px; margin-top:1px}
.loginboxtop #firstpart1 input{ width:131px; height:17px}
.loginboxtop #secondtpart2{float:left; margin-left:8px; margin-top:2px}

.loginboxtop #thirdpart{float:left; margin-left:0px; margin-top:3px}

.loginboxtop #thirdpart p{font-size:10px; font-weight:bold; margin-top:0px; margin-left:8px}
.loginboxtop #forgot {position:relative;left:-15px; top:10px; width:107px;_width:90px;font-size:10px; font-weight:bold;}


.searchbox input{
border:none;
border-top:1px solid #333;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #333;
width:137px;
margin-top:12px;
}

.searchbox select{
height:18px;
background-color:#FFFFFF;
border:none;
border-top:1px solid #333;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #333;
width:141px;
font-style:italic;
font-size:10px;
margin-top:5px
}
.searchbox #chercher{margin-top:8px;_margin-top:0px}
.datebox{
height:13px;
background-color:#FFFFFF;
border:none;
border:solid 1px #CCCCCC;
width:127px;
font-style:italic;
margin-top:3px}

.heading_title{
font-size:14px;
font-weight:bold;
color:#333333;
}

.searchcontainer{
width:156px;
height:132px;
background:#fff;
border-left:1px solid #333;
border-right:1px solid #333;

}


.calendar22{ background:#fff; width:156px; height:213px;}
.calendarapp{ padding-top:20px;height:160px;}
.calendar22 p{ text-align:center;}


.fourlinks{ background:url(../images/four_links_BG.jpg) no-repeat; height:156px}
.sportMX{margin-left:2px}






.fourpartiesmain{
width:686px;
height:311px;
background:#FFF;
margin-top:3px;
}


.fourpartiesmain p a{
font-size:14px;
text-decoration:underline;
color:#333333;
}
.fourpartiesmain p{
text-align:right;
margin-top:2px;
position:relative;
top:-90px}
.fourpartiesmain h1{
font-size:18px;
color:#333333;
font-weight:bold;
padding:6px 0 10px 0px;
}

.twoofpartymain{width:686px; height:150px; padding-top:3px; background-color:#FFFFFF;}
.apartymain{
width:336px;
height:150px;
margin:3px;
float:left
}

.apartymain #img{
float:left;}

.apartymain ul{float:left;
list-style:none;
font-size:14px;
margin-left:1px;
margin-top:-3px}

.apartymain li#name a{ font-weight:bold}
.apartymain li#date{font-weight:bold}
.apartymain li#location{ text-transform:lowercase}
.apartymain li#entryprice{ margin-top:10px}
.apartymain li#entryprice2{}
.apartymain li#details{ margin:10px 0 0 25px}

.mainpagecontent{
width:688px;
height:638px;
}
#mba{ margin:4px 0 1px 1px}

.mrep{ padding:8px 5px; border-top:1px solid #000; border-bottom :1px solid #000}
.repitem{ float:left}
.repitem ul{ width:150px ; text-align:center;font-size:14px; font-weight:bold; margin-top:10px}

.toplinksandsearch{
background:#fff url(../images/3bbbg.jpg) no-repeat 3px 2px;
width:686px;
height:42px;
margin-bottom:2px;
border-left:1px solid #333;
border-right:1px solid #333;

}
#threebuttons{
width:500px;
float:left}
#threebuttons ul li{ display:inline}
#threebuttons ul li a{
display:block;
height:30px;
float:left;
color:#fff;
font-weight:bold;
text-align:center;
padding-top:12px;
}

.onlinesearch{
width:164px;
height:34px;
float:left;
margin-top:3px;
margin-left:15px;
}
.onlinesearch #voir{
margin-top:2px;
margin-left:9px;}
.toplinksandsearch #{}


/* ### PARTIES DETAILS AND LIST */

.parties_list{
width:688px}
.parties_list h1{
color:#FFFFFF;
font-weight:bold;
font-size:16px;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}


.partyitem{
background:url(../images/partyitem_in_list.gif) no-repeat;
width:688px;
height:147px;
padding-bottom:5px;
}
.partyitem #main{
height:135px;
width:688px;
font-weight:bold;
}

.partyitem h2{
font-size:17px;
font-weight:bold;
text-align:center;
padding-top:2px;
color:#CC33ff;
padding-right:130px;

}
.partyitem li#date{ color:#FF0000}
.partyitem li#location{ color:#0070C0; text-transform:lowercase }

.partyitem img{
float:left;
padding-top:10px;
padding-left:5px}

.partyitem ul{
height:40px;
width:205px;
_width:195px;
float:left;
margin-left:2px;
}

.partyitem p{text-align:center; padding-top:30px}
.partyitem input{ margin-left:45px}

.partyitem li{
margin-top:8px}
.partyitem li#plusdinfos{
margin-left:30px;
margin-top:-3px;}
.partyitem #plusdinfos img{
margin-top:-3px
}

.partyitem #preventeseul{
float:left;
background:url(../images/prevente_seul.jpg) no-repeat;
width:160px;
height:111px;
}
.partyitem #preventeseul p{ padding-right:5px}
.partyitem #preventeseul img{ margin-left:40px}
.partyitem #goingtoparty{
text-align:center;
color:#FF0000;
font-size:10px;
margin-top:-3px;
_margin-top:-8px;
width:500px;
}
.partyitem #goingtoparty a{
color:#ff0000;}

.partyitem#details{margin-top:10px;}
.partyitem#part2 ul{margin-top:2px;}
.partyitem#part3{ margin-top:0px;
background:#FFFFFF url(../images/top688.gif) no-repeat;
height:auto;
padding-bottom:7px;
}
.partyitem#part3 p{
margin-left:10px;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
text-align:left;
width:659px;
border:solid 1px #999999;
background:url(../images/lili_BG2.jpg) repeat-y;
border:solid 1px #ec0204;
word-wrap: break-word}

.partyitem#part4{
background:url(../images/details_part4.gif) no-repeat;
height:400px
}
.partyitem#part4 ul{width:138px; text-align:left; margin-left:10px; height:239px; overflow:auto}
.partyitem#part4 li{ margin-top:4px}
.partyitem #man{color:#0033ff; font-weight:bold}
.partyitem #woman{color:#CC33ff; font-weight:bold}

.partyitem #partycom1{height:35px;*height:45px; width:688px}
.partyitem #partycom2{height:35px;*height:45px; width:168px; float:left; text-align:center; padding-top:15px}
.partyitem #partycom3{height:35px;*height:45px; width:514px; float:left; margin-left:5px; text-align:center; padding-top:15px}
.partyitem #partycom4{min-height:284px; height:284px; width:688px}
.partyitem #partycom5{float:left; width:168px; text-align:center; padding-top:5px;}

.partyitem #partycom6{width:514px; float:left; margin-left:5px; text-align:left; padding-top:15px; background:url(../images/top515.gif) no-repeat #FFFFFF;min-height:268px; margin-top:5px}

.comment p{
text-align:left; padding:5px 5px 0px 5px;
}
.comment p#postedby{text-align:right; margin-top:0px; padding-top:0px; color:#000000; font-weight:bold}

textarea#forcomment{ width:408px; height:165px; background:white; border:none; border:solid 1px #CCCCCC; float:left; margin:10px 0 0 220px}

/* ### REGISTER ### */

.register{width:688px; padding-bottom:10px}
.registersecondpart p a{ color:#FFFFFF; text-decoration:underline }
.registersecondpart p a:hover{ color:#FF0000; text-decoration:underline  }

.register h1{
font-size:16px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding-top:7px;}

.register h2{
text-align:center;
color:#FFFFFF;
font-weight:bold;
padding-top:7px;}

.register_block{ width:338px; height:349px; background:url(../images/inscriptionBG.jpg) no-repeat; float:left}
.register_block #firstpart{width:329px;height:158px; background:#FFFFFF; border:solid 1px #666666; margin-left:5px}
.register_block #secondtpart{width:329px;height:135px; background:#FFFFFF; border:solid 1px #666666; margin-left:5px; margin-top:3px}
.register_block label{ margin:0 auto 0 100px}
.i103{width:103px; height:18px; border:1px solid #CCCCCC;}
.register_block {font-size:14px}
.register_block h3{font-weight:bold; text-align:center}
.register_block select{background:#FFFFFF; border:solid 1px #666666; margin-top:15px}

/* ### REGISTER  END ### */

.informationorg{
padding-top:7px; margin-left:3px;
}

.membersearchbox{ background:url(../images/search_members_BG.gif) no-repeat; width:493px; height:62px; font-weight:bold}
.membersearchbox #online{position:relative;top:10px}


.pagerCurrentPage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	background-color: #FFFFFF;
}

.pagerPage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	border: 1px solid #FFFFFF;
}

.validErrors {
	color: #FF0000;
	border: 1px dashed #FF9900;
	margin-right: 10px;
	margin-left: 10px;
	font-size:14px;
	width:400px;
	margin-top:7px;
}

.normal, .normal a {	
	color:#FFFFFF;
}

.noresult {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
}

/* ### MESSAGES ### */
.messagestopborder{*position:relative;*top:3px}
.messages{ width:503px;}
.messages ul{ width:503px; height:40px; padding-top:20px}
.messages li{float:left; margin-left:35px; font-weight:bold; font-size:17px}
.messages li a{ color:#FFFFFF}
.messages li a#selected{text-decoration:underline}
.messageslist{background:url(../images/messages_BG_repeat.gif) repeat-y; min-height:200px}


.actionfriends{ background:url(../images/actionsbox.gif) no-repeat; width:499px; height:150px; margin-top:10px}
.actionfriends table{position:relative;top:30px;left:30px}
.actionsubmit{background:white}


.publicprofile1, { background:url(../images/profile.gif) no-repeat; width:501px; height:464px; margin-top:5px}
.publicprofile1 h1{ font-size:24px; font-weight:bold; text-align:center; padding-top:5px; padding-bottom:10px; height:30px}
.publicprofile1 span{ font-size:12px; margin-left:6px}
.publicprofile1 span#online{color:#33CC00}
.publicprofile1 span#offline{color:#FF0000}
.basicinfo img, ul#infos{float:left; margin-left:25px}
.basicinfo{font-weight:bold; height:170px; float:none}
.basicinfo strong{ font-weight:normal}
.basicinfo li{margin-top:7px}
.basicinfo ul{ margin-top:15px}
.moreinfo{height:244px; }
.moreinfo1{width:286px;height:244px; float:left}
.moreinfo1 ul{ text-align:center}
.moreinfo1 li{ margin-top:7px}
.moreinfo1 li a{ text-decoration:underline}
.moreinfo h2{ font-size:23px; font-weight:bold; text-align:center; margin-top:5px; margin-bottom:5px}
.moreinfo1 p{ margin-left:40px; margin-top:5px}
.moreinfo2{width:213px;height:244px; float:left}

.stack{height:136px;
width:108px; 
border:solid 1px #CCCCCC; 
margin:10px 0 0 10px; 
background-repeat:no-repeat ;
cursor:pointer;
cursor:hand;
}


.publicprofile2 h3{ width:184px; height:19px; border:1px solid #CCCCCC; font-size:14px; text-align:center; margin-top:10px; margin-left:30px; padding-top:5px}
.publicprofile2 p, .publicprofile2 textarea{ text-align:justify; margin-left:30px; padding-right:15px; padding-top:5px; }
.publicprofile2 #firstpart{ height:140px}
.publicprofile2 #secondtpart{height:145px}
.publicprofile2 #secondtpart h3{ width:290px}
.publicprofile2 #thirdpart{height:165px}
.publicprofile2{ width:495px; background:#fff; height:464px; margin-top:5px}
.mebriefly, .whatcountsforme{float:left; width:250px;height:140px; overflow:auto}
.hisattendingparties, .hishappenedparties{float:left; width:250px;height:165px; overflow:auto}
.publicprofile2 ul{margin-left:10px}
.publicprofile2 li{ margin-top:4px}
.publicprofile2 textarea{ height:90px; width:180px; margin-top:2px}

.searchphotoparties{ width:684px; height:84px; background:url(../images/reportages_search_BG.gif) no-repeat; margin-top:8px}
.searchphotoparties img, .searchphotoparties h1, .searchphotoparties table{float:left; margin-left:5px;_margin-left:3px}
.searchphotoparties h1{ font-size:16px; font-weight:bold; margin-top:17px; width:220px}
.searchphotoparties select#s160{ width:160px}
.inputday{ width:42px;*width:52px}
.inputmonth{ width:78px}
.inputyear{ width:52px;*width:62px}
.reportresultsbox{ margin:20px 20px 20px 40px }
.reportresultsbox h2{ font-size:25px; color:#FF0000; text-align:center}
.reportresult{ text-align:center; color:#FFFFFF; padding:5px 5px 5px 5px; float:left; width:114px; height:140px}
.reportresult a{ color:#FFFFFF}
.reportresult a:hover{ color:#FF0000; text-decoration:none}
.photodetails{ text-align:center; color:#FFFFFF}
.photodetails h4{ margin-top:10px; font-size:14px}
.photodetails p{ margin-top:10px}
.photodetails h5{ margin-top:20px;font-size:16px; font-weight:bold}
.photodetails a#nav{ color:#FFFFFF; font-size:22px; margin:0 5px 0 5px}
.photodetails a#nav:hover{ color:#FF0000; text-decoration:none}
.photodetails a{color:#FFFFFF; font-size:12px; margin:0 5px 0 5px}
.photodetails a:hover{ color:#FF0000; text-decoration:none}


.topborderrayee{ background:url(../images/top_cadre_raye.gif) no-repeat; position:relative;top:8px}
.bottomborderrayee{ background:url(../images/bottom_cadre_raye.gif) no-repeat}
.mainborderrayee{ background:url(../images/main_cadre_raye.gif) repeat-y}
.comment p#postedby2{text-align:right; margin-top:0px; padding-top:0px; color:#000000; font-weight:bold; margin-right:15px}
textarea#forcomment2{ width:408px; height:165px; background:white; border:none; border:solid 1px #CCCCCC; float:left; margin:10px 0 0 120px}
input#forcomment3{margin-left:270px; margin-top:5px}

.advertisepage{color:#FFFFFF; margin-left:10px}
.advertisepage h2{ font-size:14px; font-weight:bold; margin-top:25px}
.advertisepage h1{ font-size:18px; font-weight:bold; padding:20px 0 20px 0; text-align:center}
.advertisepage p{ margin-left:10px}
.advertisepage span{margin-left:15px; font-size:12px}
.advertisepage span#available{color:#00FF00}
.advertisepage span#unavailable{color:#FF0000}
.advertise { list-style:circle; list-style-position:inside; margin-left:5px}
.month{width:70px; height:19px}
.year{width:50px; height:19px}
#pfc_channels_content{background:url(../images/lili_BG2.jpg) no-repeat}
.texteblanc{ color:#FFFFFF; font-size:14px}
.generique h1{ color:#FFFFFF ; font-size:24px ; font-weight:bold ; padding:15px 15px 15px 15px; text-align:center}
.generique h2{color:#FFFFFF ; font-size:20px ; font-weight:bold ; padding:15px 15px 15px 15px}
.generique h3{color:#FFFFFF ; font-size:24px ; font-weight:bold ; padding:15px 15px 15px 15px}
.generique p, .generique p a{color:#CCCCCC ; font-size:12px ; font-weight:bold ; padding:15px 15px 15px 15px}
.generique p a{ text-decoration:underline;}
.generique p a:hover{ color:#FFFFFF;}
.generique ul{ color:#FFF}

.annuaire{
}
.proposer{  padding-right:20px; padding-top:20px}
.annuaire #header{ background: url(../images/annuaire_BG.gif) no-repeat; width:503px; height:158px}
.annuaire #header h1{ font-size:18px ; font-weight:bold ; text-align:center; padding-bottom:12px; padding-top:5px}
.annuaire #header ul{ font-size:14px ; font-weight:bold; float:left; width:150px; margin-left:7px}
.annuaire #header li{ font-size:12px ; font-weight:normal; padding-top:2px}
.annuaire #header li a{}
.dirdetails{ padding-top:10px}
.dirdetails li{ float:left; padding-right:12px}
.annuaire ul#adresse{margin-left:60px; margin-top:-15px}
.annuaire ul#adresse li{ float:none}
.diritem{ color:#cccccc; padding:10px 10px 10px 10px; height:110px}
.diritem h3{ font-size:14px ; font-weight:bold; padding:10px 0 10px 0}
.diritem p{ width:450px; text-align:justify}
.diritem a{ color:#cccccc; text-decoration:underline; font-weight:bold}
.diritem a:hover{ color:#FF0000;}
.forgotpassheading{ padding:20px 20px 20px 20px }
#forgotpassform{ width:450px; height:300px; border:solid #CCCCCC 2px; margin-left:120px; margin-top:10px}

.woman{color:#CC33ff; font-weight:bold}
.man{color:#0033ff; font-weight:bold}
.seethemembers{ padding-bottom:3px; margin-left:1px}
.annoncer a{ text-decoration:underline}
.annoncer a:hover{ text-decoration:underline; font-weight:bold}

.actionsmessages{ background:url(../images/actions_messages.gif) no-repeat; width:499px; height:150px; line-height:30px}
.actionsmessages h3{text-align:center; font-size:14px; font-style:italic; font-weight:bold}

.salleitem{ padding-top:30px; margin-bottom:20px; height:160px}
.salleitem img{ float:right; width:200px; border:solid 1px black}
.salleitem li{ padding-top:4px}
.salleitem li#nom{ font-weight:bold}
.notifymsg{color:#FFFFFF}


#rnavigator	{
				background:url(images/r_navbg.gif) no-repeat;
				width:305px;
				height:23px;
				margin:15px auto;
				margin-top:0px;
				color:#FFF;
				font-size:20px;
				text-align:center
			}
#rnavigator a{ color:#FFF}
#rnavigator a:hover{ text-decoration:none; color:#000}


#cbox		{
				border-left: solid 1px #333;
				border-right: solid 1px #ccc;
				border-top: solid 1px #333;
				border-bottom: solid 1px #ccc;
				background:#fff;
				width:586px;
				height:41px;
				margin:12px auto;
				padding:6px;
				
			}

#rcontainer	{
				width:677px;
				background:#fff;
				padding-top:31px;
				padding-bottom:8px;
				text-align:center;
				margin:0 auto;
			}

#rdetails	{
				font-size:24px;
				text-align:center;
				color:#FFF;
				padding:10px;
			}
			.comment2 p{
text-align:left; padding:5px 5px 0px 5px; 
}
.comment2 p#postedby2{text-align:right; margin-top:0px; padding-top:0px font-weight:bold; margin-right:15px}
.comment2{ border:solid 1px #aaa; margin:3px 50px; background:#fff; color:#000;}
.photocomments{ border-top:solid 1px #fff;border-bottom:solid 1px #fff; margin:13px 0; padding:10px 0}



/* Profile */
.inputt{ border-top:1px solid #333; border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #333; height:16px; padding:1px}
#profileedit1{background:#fff;height:634px; width:494px}
#profileedit1 input,#profileedit1 select{ display:block; width:185px; margin-top:5px} 
#profileedit1 select{height:20px; width:193px}
#profileedit1 h1{ padding:20px; font-size:18px; text-align:center}
#profile2{ background:#fff; width:494px; height:234px; margin-top:3px}
.presencesoiree{ border:solid 1px #000; margin:3px; height:223px; width:239px; float:left; overflow:auto}
.presencesoiree h3{ text-align:center; font-size:18px; font-weight:bold; padding:20px 0}
.presencesoiree ul{ margin-left:7px}
ul#viewprofile li{ margin-top:5px}
.taprof{ width:400px; height:100px}
/* eof Profile*/

#msgmenu { margin:5px 10px; width:480px; height:60px; list-style:none}
#msgmenu li{ float:left}
#msgmenu li a{ display:block; float:left; padding:20px 15px; text-align:center; color:#fff; font-size:16px; font-weight:bold}
#msgmenu li a:hover{ text-decoration:none; color:#FF0000}

#actionmsg{ width:494px; height:64px; background:#fff}
#actionmsg h3{ text-align:center; font-size:14px; font-weight:bold; padding:5px}
#actionmsg input{ padding:2px 15px }
#actionmsg input#img{ position:relative;top:7px}
.rtop{ *position:relative;*top:3px; display:block;*margin-bottom:-10px;*margin-top:0px;}
.rbot{ *position:relative;*top:-0px;  display:block;*margin-bottom:-10px;*margin-top:0px;}
.bspacing{ margin-bottom:5px;*margin-bottom:-8px}
/*.topbt{ top:-3px ; *top:0px}*/
.topbb{ position:relative;top:-7px ; *top:-4px}


#identification{ float:left; width:204px; height:178px; border-right:1px solid #000; text-align:center}
#identification input{ margin:6px; display:inline }
.orginput{width:139px; height:18px}
#identification h3{ width:110px; display:inline;font-size:16px; font-weight:bold}
#identification h3{}

#inscription{ width:270px; margin-left:224px;*width:270px; *margin-left:215px}
#inscription input{ margin:1px; display:inline }
#inscription h3{text-align:center;width:110px; display:inline;font-size:16px; color:#f00; font-weight:bold}
#inscription h3{}


#informationsorga {width :682px; height:435px; background:#fff; margin:5px}
#informationsorga h4{ font-size:14px; font-weight:bold }
#informationsorga p{ margin:8px auto }
#informationsorga .infoblock{float:left; width:220px; padding:5px; border-right:1px dotted #333; margin:10px 0}
#informationsorga li{ margin:2px 0;}
#informationsorga a{ text-decoration:underline; font-weight:bold}
#informationsorga ul#annoncer li{ margin:15px 0}

ul#avantages li img{ position:relative; top:13px;}
ul#avantages li{ line-height:12px; font-size:13px;position:relative; top:-21px; }
ul#avantages { margin-left:30px; margin-top:10px}

#soireeblock1 {width:684px;  background:#fff; margin-left:2px; border:1px solid #000}
#soireeblock1 img#flyer{float:left; margin:5px }


#soireeblock1 .preventesbox{ float:right; width:105px; height:191px; margin:5px; text-align:center; color:#fff; line-height:20px; font-weight:bold}
#soireeblock1 .preventesbox#preventes{background:url(../images/bgprevente.jpg) no-repeat;}
#soireeblock1 .preventesbox#bouteilles{background:url(../images/bgbouteille.jpg) no-repeat;}
#soireeblock1 .preventesbox#rien{background:url(../images/bgrien.jpg) no-repeat;}
#soireeblock1 .preventesbox img{ float:none;display: inline}
#soireeblock1 .preventesbox{}


#soireeblock1 #maininfo{ margin-left:165px; width:253px}
#soireeblock1 #maininfo .libelle{color:#f00; font-weight:bold; margin-top:10px}
 #soireeblock1 .infosbox{border:1px solid #999; margin:5px; height:120px; width:215px; text-align:center}
#soireeblock1 .infosboxtitle{font-size:16px; font-weight:bold; padding:10px}
#soireeblock1 li{ margin:3px}
#soireeblock1 h3{ font-size:16px; font-weight:bold; margin-top:10px}
#soireeblock1 {}
#infocomplementaires p{ margin:5px}

form#frmParty h3{ text-align:center; font-size:16px; font-weight:bold}
form#frmParty input[type=text] { border-top:1px solid #333; border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #333; height:16px; padding:1px; margin:2px}

table#publicite{ width:684; margin-top:60px}
.pubbox{ border:1px solid #333; height:430px; width:223px; background:#fff; font-weight:bold}

.pubbox h3{ text-align:center; font-size:18px}
.pubbox h4{ text-align:center; color:#060}
.pubbox h4 #unavailable{ color:#f00}
.pubbox ul{ width:185px; margin:15px auto}
.pubbox .pubdatebox{ margin-left:10px; margin-bottom:17px}
.pubbox h5{ text-align:center; font-size:18px; font-weight:bold}
.pubbox img{ display:block;margin:5px auto}
.pubbox input{ height:20px; margin-top:5px}
.pubbox textarea{ display:block; width:200px; height:214px;border:solid 1px #CCCCCC; margin:0 auto}
.pubbox input[type=checkbox]{ width:20px; height:20px; border:1px solid #999; margin:10px 10px}
.pubbox input[type=file]{ width:200px}

#messoirees { margin-left:4px}
#messoirees ul { height:60px; width:300px; margin:0 100px}
#messoirees ul li a{ color:#fff; font-weight:bold; float:left; padding:15px }
#messoirees #actions {width:441px ; height:71px; border:1px solid #999; background:#fff; padding:15px 25px}
#messoirees #actions input[type=image]{ float:right; margin:18px 0}
#messoirees #actions input[type=radio]{ margin:5px}
#messoirees #tableau{ width:483px; height:460px; padding:4px;border:1px solid #999; background:#fff; margin:10px 0}
#messoirees #tableau table{ width:480px}
#messoirees #tableau table tr#top{ border-bottom:1px solid #999; height:30px}
#messoirees #tableau table tr.parties{ height:40px;border-bottom:1px solid #999; }

.minibar{height:22px; width:5px; background:#9f0000; float:left; margin-right:1px}
#red{ color:#f00}

.sitem{background:#fff; width:684px; height:159px; border:1px solid #000; margin:5px auto; font-size:14px}
.sitem img{ padding:4px; float:left}
.sitem li{list-style:none}
.sitem ul{ list-style:none}
.sitem table{}
.sitem .lebloc{ background:url(../images/sitem-prevbg.jpg) no-repeat; height:147px; width:166px; margin:4px; float:right; color:#fff; text-align:center; font-weight:bold  }
.sitem div h4{ font-size:26px; font-weight:bold; width:130px; margin:30px auto}
.sitem div ul{ margin:30px auto; width:140px;}
.sitem div ul#big{ margin:5px auto; width:140px;}
.sitem div li{ margin:10px 0}
.sitem div img{ margin-left:17px}
.sitem h5{ font-weight:bold; padding:5px;}


.question{ margin-top:15px}
.addbouteille{ padding:10px; margin:10px; border:5px solid #CCC}
.addbouteille a{ text-decoration:underline}

.bouteilleitem { margin:10px auto; padding:10px 0}
.bouteilleitem img{}
.bouteilleitem h4{ font-size:12px; padding:5px; font-weight:bold;}
.bouteilleitem li{}
.bouteilleitem ul{ margin:5px; text-align:left; width:350px; margin:0 auto}
.bouteilleitem p{ border:1px solid #F00; padding:5px; margin:5px auto; width:350px }

#onlinebak{ color:#009900}
#offlinebak{ color:#FF0000}