body
{
	/*background: #cfddfd;*/
	color: #4D528C;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
a:link, body_alink
{
	color: #4D528C;
	text-decoration: underline;
}
a:visited, body_avisited
{
	color: #4D528C;
	text-decoration: underline;
}
a:hover, a:active, body_ahover
{
	color: #4D528C;
	text-decoration: underline;
}
.page
{
	background: #FFFFFF;
	color: #4D528A;
}
.page a:link, .page_alink
{
	color: #4D528C;
}
.page a:visited, .page_avisited
{
	color: #4D528C;
}
.page a:hover, .page a:active, .page_ahover
{
	color: #4D528C;
}
td, th, p, li
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
	background: #e2e1ea;
	color: #000000;
	border: 1px solid #6581c1;
	
	
}
.tcat
{
	background: #5672b2 url(images/element/gradients/titleimage1.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
	color: #FFFFFF;
	text-decoration: underline;
}
.tcat a:visited, .tcat_avisited
{
	color: #FFFFFF;
	text-decoration: underline;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.thead
{
	background: #b7ccfc url(images/element/gradients/gradient_thead1.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
	color: #FFFFFF;
	text-decoration: underline;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF;
	text-decoration: underline;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.tfoot
{
	background: #5672b2 url(images/element/gradients/titleimage1.gif) repeat-x top left;
	color: #E0E0F6;
}
.tfoot a:link, .tfoot_alink
{
	color: #FFFFFF;
	text-decoration: underline;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #FFFFFF;
	text-decoration: underline;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.alt1, .alt1Active
{
	background: #FFFFFF;
	color: #4D528C;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
	color: #4D528C;
/*	text-decoration: none; */
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
	color: #4D528C;
/*	text-decoration: none; */
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
	color: #4D528C;
	text-decoration: underline;
}
.alt2, .alt2Active
{
	background: #F5F5FF;
	color: #4D528C;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
	color: #4D528C;
	text-decoration: underline;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
	color: #4D528C;
	text-decoration: underline;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
	color: #4D528C;
	text-decoration: underline;
}
td.inlinemod
{
	background: #ffc1de;
	color: #4D528C;
	border-left: 1px solid #fee7f2;
	border-top: 1px solid #fee7f2;
}
td.inlinemod a:link, td.inlinemod_alink
{
	color: #4D528C;
	text-decoration: underline;
}
td.inlinemod a:visited, td.inlinemod_avisited
{
	color: #4D528C;
	text-decoration: underline;
}
td.inlinemod a:hover, td.inlinemod a:active, td.inlinemod_ahover
{
	color: #4D528C;
	text-decoration: underline;
}
.wysiwyg
{
	background: #F5F5FF;
	color: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
	font-size: 10pt;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
	font-size: 11px;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
	color: #666686;
}
.navbar
{
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
.fjsel
{
	background: #3E5C92;
	color: #E0E0F6;
}
.fjdpth0
{
	background: #F7F7F7;
	color: #000000;
}
.panel
{
	background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	background: #D1D4E0 url(images/gradients/gradient_panelsurround.gif) repeat-x top left;
	color: #000000;
}
legend
{
	color: #22229C;
	font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: #5672b2 url(images/element/gradients/titleimage1.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #D1D3E2;
	color: #000000;
	border: 1px solid #7b81cd;
}
.vbmenu_option
{
	background: #F5F5FF;
	color: #4D528C;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #4D528C;
	text-decoration: underline;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #4D528C;
	text-decoration: underline;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #4D528C;
	text-decoration: underline;
}
.vbmenu_hilite
{
	background: #E4E6F5;
	color: #4D528C;
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #4D528C;
	text-decoration: underline;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #4D528C;
	text-decoration: underline;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #4D528C;
	text-decoration: underline;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { margin: 0px; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.underline { text-decoration: underline; }
.inlinemod { background: #FFFFCC; }
.vbmenu_hilite * { cursor: pointer; }

/* auto-clearing of floats */
.floatcontainer:after, .block_row:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.floatcontainer, .block_row { display:inline-block; }
/* IE-mac hide \*/
* html .floatcontainer, * html .block_row { height:1%; }
.floatcontainer, .block_row { display:block; }
/* end IE-mac hide */
.element_icon_legend {
background-color: #D1D1E1;
color: #000000;
border: 1px dotted #7b81cd;
}

.element_cat_spacer {
padding:5px 0px 5px 0px;
}
.element_spacer {
padding:5px 0px 5px 0px;
}

.element_postbit_spacer {
padding:3px 0px 3px 0px;
}

.element_control_nav {
color:  #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 0px 6px 3px 6px;
white-space: nowrap;
}
.element_control_nav a:link {
color:  #FFFFFF;
text-decoration: none;
}
.element_control_nav a:visited {
color:  #FFFFFF;
text-decoration: none;
}
.element_control_nav a:hover, .vbmenu_control_nav a:active {
color:  #FFFFFF;
text-decoration: underline;
}
div.hr {
height: 1px;
background: #fff url(images/element/misc/hr.gif) repeat scroll center;
}
div.hr hr {
display: none;
}
.element_sticky {
background-color: #fefdf0;
color: #4D528C;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}

.element_announcement {
background-color: #f9e0fb;
color: #4D528C;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}

.element_lastvisit {
background-color: #fadafd;
color: #641e6a;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
.element_announcement_icon {
background-color: #f1d0f4;
color: #4D528C;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}
.element_attachment_image {
background-color: #feffe6;   
border-left: 6px solid #feecac;
border-right: 1px dotted #feecac; 
border-top: 1px dotted #feecac; 
border-bottom: 1px dotted #feecac;
margin: 8px auto 0px auto; 
padding: 5px; color:#fffa67; 
}
.element_attachment_file {
background-color: #f5f5ff;  
border-left: 6px solid #b9bfee; 
border-right: 1px dotted #b9bfee; 
border-top: 1px dotted #b9bfee; 
border-bottom: 1px dotted #b9bfee; 
margin: 8px auto 0px auto; 
padding: 5px; color:#b9bfee; 
}
.element_attachment_pending {
background-color: #f0e5d3;  
border-left: 6px solid #ffa200; 
border-right: 1px dotted #ffa200; 
border-top: 1px dotted #ffa200; 
border-bottom: 1px dotted #ffa200; 
margin: 8px auto 0px auto; 
padding: 5px; color:#ffa200; 
}

.element_smallfont_attachment {
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color: #4D528C;
text-decoration: none;
}
.element_smallfont_attachment a:link {
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color: #4D528C;
text-decoration: none;
}
.element_smallfont_attachment a:visited {
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color: #4D528C;
text-decoration: none;
}
.element_smallfont_attachment a:hover, .element_smallfont_attachment a:active {
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color: #4D528C;
text-decoration: underline;
}

.element_header_bg {
/*background: #5672b2 url(images/element/misc/header_bg1_small.gif) ;	*/ 

background-image:url('http://help.berberber.com/headerbg.jpg');
	   background-repeat: no-repeat;	
	   background-color:#FFFFFF;
}
.element_nav_border {
background-color: transparent;  
border: 1px dotted #feecac;
}
.element_nav {
background-color: #feffe6;
border: 1px solid #FFFFFF;  
padding: 4px;
}
.element_home_textarea{
background-color: #FFFFFF;
color: #4D528C;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #feecac;
padding: 2px;
margin: 5px;
vertical-align: middle;
}
.element_home_textarea:focus {
background-color: #FFFFFF;
color: #4D528C;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #7b81cd;
padding: 2px;
margin: 5px;
vertical-align: middle;
}
.element_inner_border {
width: 99%; 
border-left: 1px solid #6783c3;
border-right: 1px solid #6783c3;
margin-left: auto;
margin-right: auto;
}

.element_online {
color: #339900;
}
.element_offline {
color: #4D528C;
}
.element_invisible {
color: #FF0000;
}
.element_inline { 
background: #b7ccfc url(images/element/gradients/gradient_thead1.gif) repeat-x top left;
color:  #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.element_inline a:link {
color:  #FFFFFF;
text-decoration: none;
}
.element_inline a:visited {
color:  #FFFFFF;
text-decoration: none;
}
.element_inline a:hover, .element_inline a:active {
color:  #FFFFFF;
text-decoration: underline;
}
.element_forumdesc_border {
background-color: transparent;  
border: 1px dotted #E4E6F5;
}
.element_forumdesc {
background-color: #F5F5FF;
border: 1px solid #FFFFFF;  
padding: 10px;
}
.element_forumdesc_spacer {
padding:2px 0px 2px 0px;
}


.smallfontber
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;


border: 1px solid #FFFFFF;  
padding: 4px;

}

.smallfontberjaune
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
background-color: #feffe6; 

border: 1px solid #FFFFFF;  
padding: 4px;

}

.hometop{
height:200px;
width:60%;
overflow: auto;	 
float:left;
}

.hometop a{
text-decoration:none;
}


.boutonshm a:link,.boutonshm  a:visited,.boutonshm a:hover{
 background: #5672b2 url(images/element/gradients/titleimage1.gif) repeat-x top left;
  color: #FFFFFF;
	font: bold 10pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding:3px;	

}	


.liste_sub_ul{
           width:100%;
           margin:0 0 0 0;
           padding:0 0 0 0;
}

.liste_sub_li {
           list-style-type:none;
           display:inline;
           margin: 0 0 0 0;
           float:left;
           width:150px;	  
		   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
		  /* height:20px;
			overflow: auto;	   */
}   
			 

.cdo{
width:200px;
overflow: auto;

}	  
 /*
.hometopimgdiv{	
 width:100%;
 overflow: auto; 
  height:136px;
 background-image:url('http://help.berberber.com/van-forum.jpg');

}
   */
.bhd{	
 width:40%;	  
   height:215px;
	 background-image:url('http://help.berberber.com/backforum.jpg');
	   background-repeat: no-repeat;	
	   float:left;
}	

.wio{
   overflow: auto; 
    height:93px;
   
padding : 5px 20px 5px 5px;
}		
		 

#headermenu {
background-image:url('http://help.berberber.com/headerbg2.jpg');
background-repeat: repeat-y;	
/*height:35px;	  */
 float:left;
color:  #8ea04a;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 0px 0px 0px 0px;
white-space: nowrap;
/*overflow: auto;	 */
/*border:1px solid red;
background-color:#CC99FF;*/	  
width:100%;

		
}	  

   .headerimg{
         
      float:left;
}


  #headerimgdiv{
           width:100%;/* */
      float:left; 
	   height:78px;	 
	    background: url('http://help.berberber.com/headerbg12.jpg') no-repeat;	 
}

 
#headermenuul{	  
float:left;
           width:100%;
           margin:0 0 0 0;
           padding:0 0 0 0;
	
}

.headermenuli {
           list-style-type:none;
           display:inline;
           margin: 4px 0 5px 0;
           float:left;
           width:100px;	  
		   color:  #8ea04a;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
		  /* height:20px;
			overflow: auto;	   */
}   		  

.headermenuli a:link {
color:  #8ea04a;
text-decoration: none;
}
.headermenuli a:visited {
color:  #8ea04a;
text-decoration: none;
}
.headermenuli a:hover, .vbmenu_control_nav a:active {
color:  #000000;
text-decoration: underline;
}
				

#wgoh{
float:left;
margin-top:5px;

}


.guidecat{
float:left;
width:20%;
border:1px dotted #4D528C;
margin:1%;
padding:2px;
}



.guidecat a{
text-decoration:none;
}