A:link { text-decoration: underline;  color: #0066ff; }
A:link:hover { color: #00BBFF; }
A:visited { text-decoration: underline; color: #0066ff; }
A:visited:hover { color: #00BBFF; }

BODY
{ 
 background-color: white;
 color: black;
 font-family: verdana, arial;
 font-size: 11px;
} 

.main
{ 
 margin-left: auto;
 margin-right: auto;
 width: 980px;
 text-align: left;
} 

TABLE
{ 
 font-size: 11px;
} 

FORM 
{
 padding: 0; 
 margin: 0;
}

INPUT 
{
 background-color: white; 
 border: 1px solid silver;
 font-size: 11px;
}

.googleinput
{
 width: 220px;
}

SELECT
{
 background-color: white; 
 border-color: silver;
 font-size: 11px;
}

TEXTAREA
{
 background-color: white; 
 border: 1px solid silver;
 font-size: 11px;
}

IMG
{
 border: 0;
}

.button 
{
 border: outset 1px silver;
 font-weight: bold;
 background-color: white;
}

H1
{
 font-size: 24px;
 font-weight: normal;
 text-align: center;
}

.surf_h1
{
 font-weight: bold;
 text-align: center;
 background-image: url('../images_default/surf_titrecat.gif');
 width: 650px;
 height: 30px;
 color: #FFFFFF;
 font-size: 20px;
 margin-bottom: 10px;
 margin-right: 6px;
}

H2
{
 font-size: 22px;
 font-weight: normal;
}

.incomplete
{
 border-color: red;
}

.required
{
 border-color: red;
}

.nav {padding-top: 3px; padding-bottom: 5px;}

.suggest
{
 border: 1px solid silver;
}

.link
{
 padding: 5px;
 border: 1px dotted #5ABDDC;
 background-color: #EFF8FF;
}

.category
{
 padding: 2px;
}

.commentposter
{
 background-color: #A9DDEE;
 border: 1px solid silver;
}

.comment
{
 padding: 5px;
 background-color: #CFF4FF;
 border: 1px solid silver;
}

.commentposteralternate
{
 background-color: #D9DCE4;
 border: 1px solid silver;
}

.commentalternate
{
 padding: 5px;
 background-color: #E4EAF3;
 border: 1px solid silver;
}

.commentdate
{
 font-size: 9px;
 font-style: italic;
}

.details
{
 padding: 10px;
 margin: 10px;
 background-color: white;
 border: 1px solid silver;
}

.detailsborder
{
 border: 1px solid #7090F0;
 margin-bottom: 10px;
}

.labels
{
 font-weight: bold;
}

.grouping
{
 border: 1px inset silver;
 padding: 5px;
 margin: 5px;
}

.important
{
 font-weight: bold;
}

.columnheader 
{
 background-image: url('../images_default/surf_columnheader.gif');
 background-repeat: repeat-x;
 height: 30px;
 font-size: 16px;
 color: #FFFFFF;
 text-align: center;
 font-weight: bold;
}

.labelscolumn
{
 width: 30%;
 background-color: #CFE9FF;
 border: 1px solid silver;
 vertical-align: top;
 padding: 5px;
}

.optionscolumn
{
 width: 70%;
 background-color: #CFE9FF;
 border: 1px solid silver;
 vertical-align: top;
 padding: 5px;
}

.evencolumns
{
 background-color: #D9DCE4;
}

.oddcolumns
{
 background-color: #D9DCE4;
}

.categoryname
{
 font-weight: bold;
 font-size: 14px;
}

.s_subcategoryname
{
 font-weight: bold;
 font-size: 13px;
}

.info
{
 display: block;
 border: 1px solid #D2D5D8;
 background-color: white;
 padding: 5px;
}

.editedby
{
 font-size: 9px;
}

.searchhighlight
{
 background-color: yellow;
}

.title
{
 font-size: 14px;
 padding: 3px;
 font-weight: bold;
 text-align: center;
}

.newpmhighlight
{
 font-weight: bold;
}

.quote
{
 padding: 3px;
 border: 1px solid White;
 background-color: #EEEEF3;
 margin: 3px;
}

.quoteby
{
 font-size: 10px;
 font-style: italic;
}

.posthistory
{
 overflow: auto;
 width: 100%;
 height: 300px;
}

.deletions
{
 width: 50%;
 background-color: #D9DCE4;
 padding: 5px;
 border: 1px solid silver;
 margin: 0 auto;
 text-align: center;
}

a.homenav
{
 display: block;
 border: 1px solid #CCCCCC;
 background-color: #EEEEF3; 
 color: gray;
 padding: 4px 2px;
 margin-bottom: 5px;
 text-decoration: none;
}

a.homenav:visited
{
 display: block;
 border: 1px solid #CCCCCC;
 background-color: #EEEEF3; 
 color: gray;
 padding: 4px 2px;
 margin-bottom: 5px;
 text-decoration: none;
}

a.homenav:hover
{
 background-color: #D9DCE4;
 color: black;
 text-decoration: none;
}

a.homenav:visited:hover
{
 background-color: #D9DCE4;
 color: black;
 text-decoration: none;
}

.modcpnav
{
 display: block;
 border: 1px solid #CCCCCC;
 background-color: #EEEEF3; 
 color: gray;
 padding: 2px 2px 4px 2px;
 margin-bottom: 5px;
 text-decoration: none;
 text-align: center;
}

.modcpnav:hover
{
 background-color: #D9DCE4;
 color: black;
}

.code
{
 font-family: monospace;
 font-size: 10px;
 background-color: White;
 padding: 2px;
 border: 1px solid #CCDED1;
 margin: 0;
 overflow: auto;
}

.areaheader
{
 background-color: #D9DCE4;
}

.areafooter
{
 background-color: White;
}

.imtextself
{
 color: #808080;
}

.imtextother
{
 color: black;
}

.invisibleuser
{
 color: #808080;
}

a.admincolor
{
 color: #3E97CF;
 font-weight: bold;
}

a.modcolor
{
 color: #AA3333;
}

a.sponsorcolor
{
 color: #11BB33;
}

a.bannedcolor
{
 color: #808080;
}

.mutualbuddy
{
 font-weight: bold;
}

.smiliebox
{
 border: 1px dotted #C0C0C0;
 background-color: #D3D3D3;
 padding: 10px;
 width: 140px;
}

.surf_ban
{
 width: 980px;
 background-image: url('../images_default/surf_header.gif');
 height: 80px;
}

.surf_ban_logo
{
 width: 300px;
 float: left;
 height: 80px;
}

.header_ban
{
 float: right;
 width: 600px;
 height: 40px;
 color: #FFFFFF;
 padding: 3px;
 margin-top: 5px;
}

.header_ban a { background: transparent; text-decoration: underline; color: #FFFFFF; }
.header_ban a:hover { color: #CCCCCC; }
.header_ban a:visited { text-decoration: underline; color: #FFFFFF; }
.header_ban a:hover:visited { color: #CCCCCC; }

.footer_ban
{
 width: 980px;
 background-image: url('../images_default/surf_footer.gif');
 height: 30px;
 text-align: center;
 line-height: 30px;
 color: #FFFFFF;
}

.footer_ban a { background: transparent; text-decoration: underline; color: #FFFFFF; }
.footer_ban a:hover { color: #CCCCCC; }
.footer_ban a:visited { text-decoration: underline; color: #FFFFFF; }
.footer_ban a:hover:visited { color: #CCCCCC; }

.linktools
{
 font-size: 11px;
 color: #808080;
}

.linktools a
{
 text-decoration: none;
 color: #808080;
}

.subcatsmainpage
{
 font-size: 10px;
 margin: 0;
 padding: 3px;
}

.login
{
}

.sort
{
 text-align: center;
 border-width: 1px;
}

.box
{
 background-color: #E4EAF3; 
 margin-bottom: 10px;
}

.boxtitle
{
 background-color: #113366;
 cursor: pointer;
 font-weight: bold;
 color: white;
}

.boxbody
{
 padding: 5px;
}

.box_main
{

 margin-bottom: 10px;
}

.boxtitle_main
{
 width: 320px;
 height: 30px;
 background-image: url('../images_default/surf_main_right.gif');
 cursor: pointer;
 font-weight: bold;
 color: #FFFFFF;
 font-size: 18px;
 line-height: 25px;
}

.boxbody_main
{
 border: 1px solid #7090F0;
 padding: 5px;
 margin-left: 3px;
}


.box_maincontenu
{
 margin-bottom: 10px;
}

.boxtitle_maincontenu
{
 width: 650px;
 height: 30px;
 background-image: url('../images_default/surf_subcontenut.gif');
 font-weight: bold;
 color: #FFFFFF;
 font-size: 18px;
 line-height: 25px;
}

.boxtitle_maincontenu_2
{
 width: 650px;
 height: 30px;
 background-image: url('../images_default/surf_titrecat.gif');
 font-weight: bold;
 color: #FFFFFF;
 font-size: 18px;
 line-height: 25px;
 color: #FFFFFF;
}

.boxbody_maincontenu
{
 width: 645px;
 border: 1px solid #7090F0;
 margin-left: 3px;
}

.tops_soft
{
 width: 217px;
 height: 30px;
 background-image: url('../images_default/surf_displaylinks_right.gif');
 font-weight: bold;
 color: #FFFFFF;
 font-size: 14px;
 text-align: center;
}

.tops_soft_noactif
{
 width: 217px;
 height: 30px;
 background-image: url('../images_default/surf_right_noactif.gif');
 font-weight: bold;
 color: #FFFFFF;
 font-size: 14px;
 text-align: center;
}

.tops_soft_noactif a { background: transparent; text-decoration: underline;  color: #FFFFFF; }
.tops_soft_noactif a:hover { color: #CCCCCC; }
.tops_soft_noactif a:visited { text-decoration: underline; color: #FFFFFF; }
.tops_soft_noactif a:visited:hover { color: #CCCCCC; }

.box_cats
{
 margin-bottom: 10px;
}

.boxtitle_cats
{
 width: 320px;
 height: 30px;
 background-image: url('../images_default/surf_displaylinks_right.gif');
 cursor: pointer;
 font-weight: bold;
 color: #FFFFFF;
 font-size: 18px;
 line-height: 25px;
}

.boxbody_cats
{
 border: 1px solid #7090F0;
 padding: 5px;
 margin-left: 3px;
}

.box_linkcontenu
{
 margin-bottom: 10px;
}

.boxtitle_linkcontenu
{
 width: 650px;


 background-image: url('../images_default/surf_sublinks.gif');
 color: #FFFFFF;
 height: 25px;
 font-size: 14px;
 font-weight: bold;
 line-height: 20px;
}

.boxbody_linkcontenu
{
 width: 635px;
 border: 1px solid #7090F0;
 padding: 5px;
 margin-left: 3px;
}

.boxtitle_linkcontenu a { background: transparent; text-decoration: underline;  color: #FFFFFF; }
.boxtitle_linkcontenu a:hover { color: #CCCCCC; }
.boxtitle_linkcontenu a:visited { text-decoration: underline; color: #FFFFFF; }
.boxtitle_linkcontenu a:visited:hover { color: #CCCCCC; }

.newlinks { }

.bullet
{
 vertical-align: middle;
}

.minilabels
{
 font-style: italic;
}

.tableheader
{
 background-color: #29A9D5;
 color: white;
 width: 100%;
 height: 30px;
 background-image: url('../images_default/surf_tableheader_bar.gif');
 font-weight: bold;
 font-size: 18px;
 line-height: 25px;
}

.month 
{
 border-style: none;
 background-color: White;
 text-align: center;
 width: 90%;
}

.monthname 
{
 text-align: center;
 font-size: 13px;
 font-weight: bold;
 border: 1px outset;
}

.dayname td 
{
 text-align: center;
 font-weight: bold;
 background-color: gray;
 color: white;
 border: 1px outset;
}

.datepicker { }

.datepickerform { margin: 0; }

.monthnavigation { font-family: Tahoma, Arial, sans-serif; }

.monthpicker { }

.yearpicker { }

.pickerbutton { }

.nomonthday 
{
 text-align: center;
 font-size: 10px;
 height: 60px;
 width: 10%;
 color: #808080;
 vertical-align: top;
}

.monthday 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: White;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.today 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: silver;
 color: white;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.event 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: White;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.todayevent 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: #E4EAF3;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.eventcontent 
{
 font-size: 10px;
 width: 100%;
}

.rules
{
 border: 2px solid #FFAAAA;
 background-color: #113366;
 color: white;
 padding: 5px;
 margin: 5px;
 font-size: 14px;
}

.flatbutton
{
 border-style: solid;
 background-color: white;
}

.threadbottom
{
 border-width: 0;
 background-color: #EEEEF3;
}

.threadtools:link { text-decoration: none; }

.threadtools img
{
 vertical-align: middle;
 border-width: 0;
}

.quotations
{
 border-width: 1px;
 border-style: solid;
 background-color: #EEEEF3;
 border-color: silver;
 width: 500px;
 padding: 5px;
 margin: 0 auto;
 text-align: center;
}

.shoutbg
{ 
 background-color: #E4EAF3; 
 color: black;
} 

.whiteboard
{
 background-color: white;
 border: 1px solid silver;
 margin: 10px;
 padding: 5px;
}

.navbutton
{
 padding: 4px;
 text-decoration: none;
}

.navbutton a
{
 text-decoration: none;
 padding: 2px;
}

.navbutton a:hover
{
 text-decoration: underline;
 padding: 2px;
}

.linkdiv
{
 float: left; 
 width: 45%;
 padding: 10px;
 border-bottom: 1px dotted silver;
 background-color: White;
}

.statimage
{
 float: left;
 width: 40px;
}

.floatleft
{
 float: left;
}

.floatright
{
 float: right;
}

.internalreply
{
 border: 1px black solid;
 padding: 5px;
}

.clear
{
 clear: both;
}

#chatarea
{
 border: 1px dotted black;
 background-color: #F5F5F5;
 width: 75%;
 height: 300px;
 overflow: auto;
 float: left;
 margin: 10px;
 padding: 5px;
 font-size: 14px;
}

#activechatters
{
 border: 1px dotted black;
 background-color: #F5F5F5;
 width: 15%;
 height: 300px;
 overflow: auto;
 float: left;
 margin: 10px;
 padding: 5px;
 font-size: 14px;
}

.posttextarea
{
 width: 97%;
}

.redirect
{
 padding: 20px;
 margin: 40px;
 background-color: #EEEEF3;
 border: 1px solid #D9DCE4;
 font-weight: bold;
}

.legend
{
 padding: 10px;
 margin: 10px;
 border: 1px solid #007788;
 width: 250px;
}

.ratingresponse
{
 background-color: white;
}

.thumbshot
{
 float: left;
 padding: 2px;
}

.floatattach
{
 float: left;
 margin: 5px;
}

.denialpage
{
 border: 2px solid #FFAAAA;
 background-color: #EEEEF3;
 color: black;
 padding: 5px;

 margin: 5px;
 font-size: 14px;




}

.unit-rating
{
 list-style:none;
 margin: 0px;
 padding:0px;
 width: 100px;
 height: 20px;
 position: relative;
 background: url('../images_default/ajaxstar.png') top left repeat-x;		
}
.unit-rating li
{
 text-indent: -90000px;
 padding: 0px;
 margin: 0px;
 float: left;
}
.unit-rating li a
{
 display:block;
 width:20px;
 height: 20px;
 text-decoration: none;
 text-indent: -9000px;
 z-index: 20;
 position: absolute;
 padding: 0px;
}
.unit-rating li a:hover
{
 background: url('../images_default/ajaxstar.png') left center;
 z-index: 2;
 left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 20px; }
.unit-rating a.r2-unit { left: 20px; }
.unit-rating a.r2-unit:hover { width: 40px; }
.unit-rating a.r3-unit { left: 40px; }
.unit-rating a.r3-unit:hover { width: 60px; }
.unit-rating a.r4-unit { left: 60px; }	
.unit-rating a.r4-unit:hover { width: 80px; }
.unit-rating a.r5-unit { left: 80px; }
.unit-rating a.r5-unit:hover { width: 100px; }
.unit-rating li.current-rating
{
 background: url('../images_default/ajaxstar.png') left bottom;
 position: absolute;
 height: 20px;
 display: block;
 text-indent: -9000px;
 z-index: 1;
}	

.bait { visibility: hidden; width: 0; height: 0; display: none; }

.pagerank { font-size: 6px; }

.toolsbar
{
 padding: 10px;
 margin-top: 10px;
 font-size: 18px;
 text-align: center;
}

.toolsbar a
{
 padding: 10px;
 margin-right: 10px;
 border: 1px dotted gray;
 text-decoration: none;
}

.articlebar
{
 float: right;
}

.articlebar a
{
 display: block;
 padding: 5px;
 margin: 10px;
 border: 1px inset black;
 text-decoration: none;
}

.popup
{
 padding: 5px;
 margin: 5px;
 background-color: #EEEEF3;
 border: 1px solid #D9DCE4;
 font-weight: bold;
}

.actionrow
{
 background-color: #C4C9CF;
 border-color: #E4E9EF;
 padding: 5px;
}

.alert
{
 padding: 10px;
 margin: 10px;
 background-color: #C4C9CF;
 border: 1px solid red;
}

.signature
{
 width: 70%;
 height: 2px;
 background-color: gray;
 border: 1px solid silver;
 margin-top: 14px;
 margin-bottom: 5px;
 text-align: left;
}

.memberstatus
{
 float: right;
 width: 30%;
 background-color: White;
 border: 1px solid silver;
 padding: 7px;
}

.statussection
{
 font-size: 14px;
 background-color: #E4E9EF;
 padding: 2px;
 margin-bottom: 5px;
 margin-top: 2px;
 margin-left: 0;
 margin-right: 0;
 display: block;
}

.logobg
{
 background-image: url('../images_default/headerbg.png');
 background-repeat: repeat-x;
 position: absolute;
 left: 0; top: 0;
 height: 80px;
 width: 100%;
 z-index: -1;
}

.footer
{
 border-top: 1px solid silver;
 background-color: White;
 color: black;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
}

.footer a, .footer a:hover
{
 text-decoration: none;
 border-bottom: 1px dotted black;
 color: black;
}

.linktitle { }

.subcategoryname, .subcategoryname a, .subcategoryname a:hover { }

.catdescription
{
 text-align: center;
 font-size: 10px;
}

#similar
{
 font-size: 12px;
 margin: 10px;
 padding: 10px;
}

#similar .categoryname
{
 font-size: 12px;
 margin: 5px;
}

.logo
{
 float: left;
 width: 40%;
}

.cite
{
 padding: 3px;
 border: 1px solid blue;
 background-color: silver;
 margin: 3px;
}

.homenav, .homenav:link, .homenav:visited
{
 display: block;
 border: 1px solid #CCCCCC;
 background-color: #D9DCE4; 
 color: #113366;
 padding: 5px;
 margin: 5px;
 text-decoration: none;
 font-weight: bold;
}

.homenav:hover, .homenav:link:hover, .homenav:visited:hover
{
 background-color: #113366;
 color: white;
 text-decoration: none;
}

.categoryname, a.categoryname
{
 font-weight: bold;
 font-size: 14px;
}

.linktitle, a.linktitle 
{
 font-size: 16px;
}

/*----------------------*/
/*----------------------*/
/*----------------------*/

/*----les votes----*/
.surf_link_vote0 { font-family:georgia, verdana; text-align:center; width:100px; height:30px; color:#FFFFFF; font-size:x-large; background-image:url('../images_default/surf_vote1.gif'); background-repeat: no-repeat; }
.surf_link_vote1 { font-family:verdana; text-align:center; width:100px; height:25px; color:#FFFFFF; font-size:large; background-image:url('../images_default/surf_vote2.gif'); background-repeat: no-repeat; }
.surf_link_vote2 { width:100px; height:25px; background-image:url('../images_default/surf_vote2.gif'); background-repeat: no-repeat; }
.surf_link_vote3 { font-family:georgia, verdana; text-align:center; width:100px; height:20px; background-image:url('../images_default/surf_vote3.gif'); background-repeat: no-repeat; }
/*----les votes détails----*/
.surf_link_vote_detail0 { font-family:georgia, verdana; text-align:center; width:180px; height:30px; color:#FFFFFF; font-size:x-large; background-image:url('../images_default/surf_vote_detail1.gif'); background-repeat: no-repeat; }
.surf_link_vote_detail1 { font-family:verdana; text-align:center; width:180px; height:25px; color:#FFFFFF; font-size:large; background-image:url('../images_default/surf_vote_detail2.gif'); background-repeat: no-repeat; }
.surf_link_vote_detail2 { width:180px; height:25px; background-image:url('../images_default/surf_vote_detail2.gif'); background-repeat: no-repeat; }
.surf_link_vote_detail3 { font-family:georgia, verdana; text-align:center; width:180px; height:20px; background-image:url('../images_default/surf_vote_detail3.gif'); background-repeat: no-repeat; }
/*----Pagination style----*/
#tnt_pagination {
	display:block;
	text-align:center;
	height:22px;
	line-height:21px;
	clear:both;
	padding-top:3px;
	padding-bottom:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#tnt_pagination a:link, #tnt_pagination a:visited{
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:3px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#0072bc;
	width:22px;
	font-weight:normal;
}

#tnt_pagination a:hover {
	background-color:#DDEEFF;
	border:1px solid #BBDDFF;
	color:#0072BC;	
}

#tnt_pagination .active_tnt_link {
	padding:7px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #BBDDFF;
	margin-left:3px;
	text-decoration:none;
	background-color:#DDEEFF;
	color:#0072BC;
	cursor:default;
}
/*----Ombre titres sites----*/
.websitetitle {
	font-size: 15pt;
	font-weight: bold;
	color: #999999;
	position: relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
     }

.websitetitle span {
	font-size: 15pt;
	font-weight: bold;
	color: #000066;
	display: block;
	position: absolute;
	top: -2px;
	left: -2px;
     
     }
/*----------------------*/

.surf_cont980h {
 background-image: url('../images_default/surf_cont980h.gif');
 width: 980px;
 height: 5px;
}

.surf_cont980b {
 background-image: url('../images_default/surf_cont980f.gif');
 width: 980px;
 height: 5px;
}

.surf_cont980g, .surf_cont980d {
 width: 2px;
 background-color: #2fabd6;
}

.surf_cont980c {
 width: 976px;
}

.hint {
   	display: none;
    border: 1px solid #FF0000;
    padding: 2px 5px;
	background: #3399cc;
	color: #FFFFFF;
}

.previewframe
{
/*The iframe showing a preview of the details page.*/
 width: 95%;
 height: 400px;
 border: 1px solid
 border-color: #CCCCCC;
}