/************************************************/
/* MF Style*/
/************************************************/

/************************************************/
/* general tags style*/
/************************************************/
table.tabcentre { margin-left: auto; margin-right: auto; }
body{
	background-color: #FFFFFF;
	margin:0px 0px 0px 0px;
	font: 11px Arial, Verdana, Helvetica, sans-serif; 
	color: #666666;
	text-align:center;/*en plus*/
}
A {
	font-weight: bold; 
	color: #c9ae2b; 
	text-decoration: none
}
A:hover {
	FONT-WEIGHT: bold; COLOR: #c9ae2b; TEXT-DECORATION: underline
}
P {
	FONT-SIZE: 11px; 
	LINE-HEIGHT: 16px;
	MARGIN-BOTTOM: 8px;
}
H1 {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 18px; 
	COLOR: #c9ae2b; 
	/*LINE-HEIGHT: 25px;*/
}
H2 {
	FONT-SIZE: 12px; 
	COLOR: #c9ae2b; 
	HEIGHT: 20px; 
	TEXT-ALIGN: left;
	MARGIN: 0px;
}
H3 {
	font-size:11px;
	padding: 0px 0px 10px 0px; 
	font-weight: bold; 
	text-transform: uppercase; 
}
UL {
	padding: 0px 0px 8px 13px; 
	list-style-position: outside;
	font-size: 	11px; 
	list-style-image: url(puce.gif); 
	margin: 0px; 

}
LI {
	padding: 0px 0px 6px 0px;
	margin-left:6px;
}

HR {
	color:#d5d5d5;
	background-color:#d5d5d5;
	height:1px;
}

/************************************************/
/* Horizontal Menu style*/
/************************************************/
.menu, .menuOver { /*1rst line style of horizontal menu*/
	font: 11px Arial, Verdana, Helvetica, sans-serif; 
	color: #000;
	margin: 0px;
}
.menu A,.menu A:hover, .menu A:visited, .menu A:link {
	color: #000; 
	line-height: 22px; 
	text-decoration: none;
	font-weight:normal;
}
.menuOver A, .menuOver A:hover, .menuOver A:visited, .menuOver A:link {
	color: #000; 
	line-height: 22px; 
	text-decoration: none;
	font-weight:normal;
}
.menu TR {
	background: url(blend_menu.gif) repeat-x; 
	margin: 0px;
}
.menu TD {
	border-left: #ccc 1px solid;
	padding: 0px 10px 0px 10px;
}
TD.menuOver {
	border-left: #ccc 1px solid; 
	padding: 0px 10px 0px 10px;
	background: url(blend_menu_over.gif) repeat-x;
}
.separator  {/* bottom border of 1rst line menu*/
	CLEAR: both; 
	BACKGROUND: url(effet_separator.gif) repeat-x;
	WIDTH: 816px; 
	HEIGHT: 10px;
}
.menuSub { /*2nd line style of horizontal menu*/
	font: 11px Arial, Verdana, Helvetica, sans-serif; 
	color: #000;
	margin: 0px;			
}
.menuSub A,.menuSub A:hover, .menuSub A:visited, .menuSub A:link {
	color: #000; 
	line-height: 22px; 
	text-decoration: none;
	font-weight:normal;
}
.menuSub TR{
	background-color:#ccc;
	margin: 0px;
	height:23px;
}	
.menuSub TD{
	border-left: #ccc 1px solid;
	padding: 0px 10px 0px 10px;
}


/************************************************/
/* Vertical Menu style*/
/************************************************/
table.menuSide  {
	padding: 1px 1px 1px 1px; 
	margin: 0px; 
	border-top: #b5b5b5 2px solid; 
	border-bottom: #b5b5b5 1px solid;
	width: 184px; 
	background-color: #f1f1f1;

}
.menuSide A, .menuSide A:hover { 
	text-decoration: none;
	color: #000;
	font: 11px Arial, Verdana, Helvetica, sans-serif; 
	font-weight:normal;
}
TD.menuSide {
	border: #f1f1f1 1px solid; 
	padding: 0px 2px 0px 2px; 
	width: 182px;
	height:20px;
}
.menuSideOver A, .menuSideOver A:hover {	
	color: #000;
	text-decoration: none;	
	font: 11px Arial, Verdana, Helvetica, sans-serif; 
	font-weight:normal;
}
TD.menuSideOver {
	border: #808080 1px solid; 
	background: #ccc; 
	padding: 0px 2px 0px 2px; 
	width: 182px;
	height:20px;
}
.menuSideSelected A, .menuSideSelected A:hover {
	color: #000; 
	text-decoration: none;
	font: 11px Arial, Verdana, Helvetica, sans-serif; 
	font-weight:normal;
}
TD.menuSideSelected {
	border: #ccc 1px solid; 
	background: #ccc; 
	padding: 0px 2px 0px 2px; 
	width: 182px;
	height:20px;
}



/************************************************/
/* HomePage style*/
/************************************************/
/*Bloc1 correspond to the middle part of homepage*/
.hpBloc1 {
	padding-left: 10px; padding-top: 5px; TEXT-ALIGN: left; background-color: #cdcdcd;
}
.hpBloc1 H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #FFF; LINE-HEIGHT: 20px;	
}
.hpBloc1 P {
	FONT-SIZE: 16px; MARGIN-BOTTOM: 8px; LINE-HEIGHT: 16px;
}
.hpBloc1 A, .hpBloc1 A:VISITED, .hpBloc1 A:LINK {
	FONT-WEIGHT: bold; COLOR: #c9ae2b; TEXT-DECORATION: none;
}
.hpBloc1 A:HOVER {
	FONT-WEIGHT: bold; COLOR: #c9ae2b; TEXT-DECORATION: underline;	
}
.hpBloc1 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 13px; LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; LIST-STYLE-IMAGE: url(puce.gif); PADDING-BOTTOM: 8px; MARGIN: 0px; PADDING-TOP: 0px;
}
.hpBloc1 LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 0px;
}
.hpBloc1Rule {
	BACKGROUND-COLOR:#E6C10E;
}

/*Bloc2 correspond to the bottom part of homepage*/
.hpBloc2 {
	MARGIN: 16px 20px 20px; TEXT-ALIGN: justify;
}
.hpBloc2 H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #c9ae2b; MARGIN-LEFT: 6px; MARGIN-RIGHT: 6px; MARGIN-TOP: 6px; LINE-HEIGHT: 14px	
}
.hpBloc2 P {
	FONT-SIZE: 11px; MARGIN-BOTTOM: 6px; MARGIN-LEFT: 6px; MARGIN-RIGHT: 6px;  LINE-HEIGHT: 14px;
}
.hpBloc2 A, .hpBloc2 A:VISITED, .hpBloc2 A:LINK {
	FONT-WEIGHT: bold; COLOR: #c9ae2b; TEXT-DECORATION: none	
}
.hpBloc2 A:HOVER {
	FONT-WEIGHT: bold; COLOR: #c9ae2b; TEXT-DECORATION: underline;	
}
.hpBloc2 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 13px; LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; LIST-STYLE-IMAGE: url(puce.gif); PADDING-BOTTOM: 8px; MARGIN: 0px; PADDING-TOP: 0px
}
.hpBloc2 LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 0px
}


/************************************************/
/*Login box style*/
/************************************************/
.hpLoginBorder {
	border-top: solid 1px #D2D2D2;
	border-left: solid 1px #D2D2D2;
	border-bottom: solid 1px #D2D2D2;
	margin-left:20px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
}
.hpLogin TABLE {
	MARGIN: 0px 0px 0px 0px; 
	FONT: 11px Arial, Verdana, Helvetica, sans-serif; 
	COLOR: #666666;
	PADDING:2px;
}
.hpLoginTitle  {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: bold; 
	FLOAT: left; 
	PADDING-BOTTOM: 10px; 
	TEXT-TRANSFORM: uppercase; 
	WIDTH: 200px; 
	PADDING-TOP: 0px;
}
.hpLoginFieldOn {
	border: #e6c10e 1px solid; 
	font-size: 11px; 
	width: 146px; 
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #f3f3f3
}
.hpLoginFieldOff {
	border: #cccccc 1px solid; 
	font-size: 11px; 
	width: 146px; 
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #f3f3f3
}


/************************************************/
/* Page style*/
/************************************************/
.page {
	margin: 10px 20px 20px 20px;
	TEXT-ALIGN: justify;
	WIDTH: 589px;
	min-height: 400px; /*used to fixed minimumu height for FX*/
}

.pageFull {
	FLOAT: left;
	MARGIN-BOTTOM: 0px;
	margin-top:10px; 
	padding-left:16px;
	padding-right:16px;	
	WIDTH: 780px;
}

.pageWeb {
	FLOAT: left;
	MARGIN-BOTTOM: 0px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	/*WIDTH: 812px;*/
	WIDTH: 770px;
}
.pageLeft {
	FLOAT: left; 
	MARGIN-BOTTOM: 15px; 
	padding-left:16px;
	padding-right:16px;
	margin-top:0px;
	WIDTH: 250px;
	border-right: #d5d5d5 1px solid;
}

.pageLeftFull {
	FLOAT: left;
	MARGIN-BOTTOM: 0px; 
	padding-left:16px;
	padding-right:16px;
	WIDTH: 490px;
}

.pageRight {
	FLOAT: right; 
	MARGIN-BOTTOM: 15px;
	/*padding-left:16px;
	padding-right:16px;*/
	margin-top:0px;	
	WIDTH: 530px;
	border-bottom: #d5d5d5 1px solid;
}

.pageRightColumn1 {
	FLOAT: left;
	position:relative;
	MARGIN-BOTTOM: 0px; 
	padding-left:16px;
	padding-right:16px;
	WIDTH: 250px;
}

.pageRightColumn2 {
	FLOAT: right;
	position:relative;
	MARGIN-BOTTOM: 0px;
	padding-left:16px;
	padding-right:16px;	
	WIDTH: 215px;
	border-left: #d5d5d5 1px solid;	
}

.pageRightFull {
	FLOAT: left;
	position:relative;
	MARGIN-BOTTOM: 0px; 
	padding-left:16px;
	padding-right:16px;
	WIDTH: 498px;
}

.pageDescription {
	font: 11px Arial, Verdana, Helvetica, sans-serif; 
	color: #666666;
	line-height:20px;
}

.description  /*font for comments*/ {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	color: #002577;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
}
/*form style for login*/
.pageInstruction {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
/*form style for title*/
.pagetitle {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

/************************************************/
/* Form style*/
/************************************************/
 /*form style for field*/
.fieldOn, INPUT.fieldOn, SELECT.fieldOn {
	border: #e6c10e 1px solid; 
	font-size: 11px; 
	width: 245px; 
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #eeeeee;
}
.fieldOff, INPUT.fieldOff, SELECT.fieldOff{
	border: #aaaaaa 1px solid; 
	font-size: 11px; 
	width: 245px; 
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #eeeeee;
}


 .errormsg {
 	color: red;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	/*vertical-align: baseline;*/
	TEXT-ALIGN: left;
	WIDTH: 485px
}

.action_button {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(fond_bouton.gif); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 2px; FONT: bold 11px "Arial", Helvetica, sans-serif; WIDTH: 120px; CURSOR: pointer; COLOR: #c9ae2b; HEIGHT: 24px; BORDER-RIGHT-WIDTH: 0px
}











/************************************************/
/*form style for content*/
/*TO BE DELETED*/
.formfield {
 	font-family: Verdana, Arial, Helvetica, sans-serif;  
	color: #002577;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
}
 /*style for label*/
.fieldlabel {
 	color: #000000;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	vertical-align: baseline;
	TEXT-ALIGN: right
	/*MARGIN-BOTTOM: 8px; */
	/*LINE-HEIGHT: 16px*/
}

 
 .field {
	BORDER-RIGHT: #aaaaaa 1px solid; 
	BORDER-TOP: #aaaaaa 1px solid; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #aaaaaa 1px solid; 
	WIDTH: 255px; 
	COLOR: #000000; 
	BORDER-BOTTOM: #aaaaaa 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #eeeeee
 }
.textCelluleOn {
	border: #e6c10e 1px solid; 
	font-size: 11px; 
	width: 255px; 
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #eeeeee;
}
.textCelluleOff {
	border: #aaaaaa 1px solid; 
	font-size: 11px; 
	width: 255px; 
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #eeeeee;
}
.listDeroulante {
	BORDER-RIGHT: #e6c10e 1px solid; 
	BORDER-TOP: #e6c10e 1px solid; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #e6c10e 1px solid; 
	WIDTH: 255px; 
	BORDER-BOTTOM: #e6c10e 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #eeeeee
}

/************************************************/
/*form style for content*/

.main-left {
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	WIDTH: 183px;
	BORDER-RIGHT: #f1f1f1 1px solid
	/* #d5d5d5*/
}



/*to be used, supposed to have a 184 pix left block */
.main-bg   {
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	MARGIN: 16px 20px 20px;
	TEXT-ALIGN: justify;
	WIDTH: 575px
}

.main-bg H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #c9ae2b; LINE-HEIGHT: 25px
}

.main-bg H2 {
	FONT-SIZE: 12px; 
	TEXT-ALIGN: left;
	LINE-HEIGHT: 20px; 
	HEIGHT: 20px;
	COLOR: #c9ae2b;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}

.main-bg BR {
	HEIGHT: 200px
}
.main-bg P {
	FONT-SIZE: 11px; MARGIN-BOTTOM: 8px; LINE-HEIGHT: 16px
}
.main-bg UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 13px; LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; LIST-STYLE-IMAGE: url(../../mayetic/img/puce.gif); PADDING-BOTTOM: 8px; MARGIN: 0px; PADDING-TOP: 0px
}
.main-bg LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 0px
}

/************************************************/
/* full width, no margin */
.full-bg   {
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	TEXT-ALIGN: justify;
}

.full-bg H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #c9ae2b; LINE-HEIGHT: 25px
}
.full-bg H2 {
	FONT-SIZE: 12px; COLOR: #c9ae2b; TEXT-ALIGN: left; LINE-HEIGHT: 22px
}
.full-bg BR {
	HEIGHT: 200px
}
.full-bg P {
	FONT-SIZE: 11px; MARGIN-BOTTOM: 8px; LINE-HEIGHT: 16px
}
.full-bg UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 13px; LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; LIST-STYLE-IMAGE: url(../../mayetic/img/puce.gif); PADDING-BOTTOM: 8px; MARGIN: 0px; PADDING-TOP: 0px
}
.full-bg LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 0px
}

/************************************************/
/* full width, but margin */
.fullmg-bg   {
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	MARGIN: 16px 20px 20px;
	TEXT-ALIGN: justify;
}

.fullmg-bg H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #c9ae2b; LINE-HEIGHT: 25px
}
.fullmg-bg H2 {
	FONT-SIZE: 12px; COLOR: #c9ae2b; HEIGHT: 20px; TEXT-ALIGN: left; LINE-HEIGHT: 22px
}
.fullmg-bg BR {
	HEIGHT: 200px
}
.fullmg-bg P {
	FONT-SIZE: 11px; MARGIN-BOTTOM: 8px; LINE-HEIGHT: 16px
}
.fullmg-bg UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 13px; LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; LIST-STYLE-IMAGE: url(../../mayetic/img/puce.gif); PADDING-BOTTOM: 8px; MARGIN: 0px; PADDING-TOP: 0px
}
.fullmg-bg LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 0px
}

.ajaxLoad{
	font-size:11px;
}

/************************************************/



/************************************************/


/************************************************/


/************************************************/



 /************************************************/





 /************************************************/
 /*form style for link action*/ 
.action {
	color: #000000;
	font-family: arial;
	font-size: 12px;
}
 a.action {
	text-decoration:none !important;
	color:black ;
	font-weight: bold;
}
a.action:link { 
	text-decoration:none !important;
	color:black ;
}
a.action:visited {
	text-decoration:none;
	color:black !important;
}
a.action:hover {
	text-decoration:underline!important; 
	color:black !important;
}

/* Custom class for remove member reply form*/
/*Add by OD April 2005*/

TABLE.removeMember_DetailTable { 
	background-color: #aaa; 
	width:100%; 
	border-style:hidden;
	font-family: Arial;
	font-size: 12px;
	color: #000 ;
	text-transform: none;
	font-weight : normal;
	text-decoration: none;}
	
TABLE.removeMember_DetailTable TH { background-color: #666699; color:#fff; font-size: 12px; padding:2px; }

TABLE.removeMember_DetailTable TR.title { background-color: #eeeeff}

TABLE.removeMember_DetailTable TR.color1 { background-color: #fff;}

TABLE.removeMember_DetailTable TR.color2 { background-color: #ddd; }

TABLE.removeMember_DetailTable TD { padding-right: 4px; padding-left: 4px; padding-bottom: 4px; padding-top: 4px; }

TABLE.removeMember_DetailTable TD.user {text-decoration: none; font-weight : bold; border-top:2px solid #666699;border-bottom:1px solid #666699;}

TABLE.removeMember_DetailTable TD.num { text-align:right ;border-top:2px solid #666699;border-bottom:1px solid #666699;}

DIV#removeMember_Header{ border: 0px solid blue; margin:  0px 0px 0px 0px; padding:0px 0px 0px 0px; width: 696px; height:1px;}

DIV#removeMember_Detail{ border: 2px solid #666699; margin:20px 40px 20px 40px; padding:0px 0px 0px 0px; width: 616px; }

DIV#removeMember_Footer{ border: 0px solid blue; margin:  10px 0px 30px 0px; padding:0px 0px 0px 0px; width: 696px; }