/************
 *   link   *
 ***********/

A          {
	color 				: #FF6600;
	text-decoration 	: none;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
}
A:Visited  {
	color 				: #FF6600;
	text-decoration 	: none;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
}
A:Active   {
	color 				: #FF6600;
	text-decoration 	: none;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
}
A:Hover    {
	color 				: #FF9900;
	text-decoration 	: underline;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
}

/*************
 *   body    *
 ************/

BODY 	{
	color      			: #ff0000;
	background-color    : #FFFFFF;
	margin-left			: 0px;
	margin-top			: 0px;
	margin-right		: 0px;
	margin-bottom		: 0px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
}

/******************************
 *    class used to display   *
 *    small hints           *
 *****************************/
.hint {
		text-align			: left;
		color      			: #990000;
		font-weight			: normal;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			  : 10px;
		padding-bottom		: 10px;
}

/******************************
 *    title of server driven  *
 *    error messages          *
 *****************************/
h3 {
		color				: #ffffff;	
		background-color	: #ff0000;	
		text-align			: center;
		font-weight			: bold;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 12px;
		padding-top			: 12px;
}

/******************************
 *    content of server driven  *
 *    error messages          *
 *****************************/
h4 {
		color				: #ffffff;	
		background-color	: #ff0000;	
		text-align			: left;
		font-weight			: bold;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		padding-bottom		: 6px;
}

/******************************************************************
/******************************************************************
 *  FORM
 ******************************************************************
 ******************************************************************/

A.FORM          {
	color 				: #FF6600;
	text-decoration 	: none;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
}
A:Visited.FORM  {
	color 				: #FF6600;
	text-decoration 	: none;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
}
A:Active.FORM   {
	color 				: #FF6600;
	text-decoration 	: none;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
}
A:Hover.FORM   {
	color 				: #FF9900;
	text-decoration 	: underline;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
}

/***********************************************
 * color of the thin line surrounding the form *
 **********************************************/
TABLE.FORM {
		background-color 	: #000000;
}
/**************************************
 * colors of the form header *
 *************************************/
TH.FORM {
		color      			: #FFFFFF;
		background-color 	: #ff9900;
		font-weight			: bold;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		padding				: 5px;
}

/********************************
 * colors of the form cells *
 *******************************/
TD.FORM {
		text-align			: left;
		background-color 	: #ffffff;
		color      			: #333333;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		padding-top			: 0px;
		padding-bottom		: 12px;
		line-height			: 12px;
}


/******************************************************************
/******************************************************************
 *  SMALLFORM
 ******************************************************************
 ******************************************************************/

/***********************************************
 * color of the thin line surrounding the form *
 **********************************************/
TABLE.SMALLFORM {		
		background-color 	: #000000;
}
/**************************************
 * colors of the form header *
 *************************************/
TH.SMALLFORM {
		color      			: #FFFFFF;
		background-color 	: #ff9900;
		font-weight			: bold;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		padding				: 5px;
}

/********************************
 * colors of the form cells *
 *******************************/
TD.SMALLFORM {
		color      			: #FF0000;
		background-color 	: #FFFFFF;
		font-weight			: bold;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 10px;
		padding				: 5px;
}


/******************************************************************
/******************************************************************
 *  LABEL
 ******************************************************************
 ******************************************************************/

/******************************
 *    class used to display   *
 *    the input field labels  *
 *****************************/
P.LABEL {
    color : #0000FF;
  	font-weight : bold;
}
TH.LABEL {
		text-align			: right;
		color      			: #FF6600;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			  : 11px;
		line-height			: 20px;
		padding-right   : 5px;
}

TD.LABEL {
		text-align			: left;
		color      			: #000000;
		font-weight			: normal;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			  : 11px;
		line-height			: 20px;
		padding-right   : 5px;
}

/******************************************************************
/******************************************************************
 *  TITLE
 ******************************************************************
 ******************************************************************/

.title {
		text-align			: center;
		color      			: #FF6600;
		background-color	: #FFFFFF;
		font-weight			: bold;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 14px;
		padding				: 4px;
}

/******************************
 *    class used to display   *
 *    title text              *
 *****************************/
TH.TITLE {
		text-align			: center;
		color      			: #FF6600;
		background-color	: #FFFFFF;
		font-weight			: bold;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 14px;
		padding-top			: 10px;
}

/***********************************************
 * color of the thin line surrounding the title*
 **********************************************/
TABLE.TITLE {		
		background-color : #FFFFFF;
}


/******************************************************************
/******************************************************************
 *  SUBTITLE
 ******************************************************************
 ******************************************************************/

.subtitle {
		text-align			: left;
		vertical-align		: top;
		color      			: #663333;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		padding-bottom		: 5px;
		line-height			: 14px;
}

/******************************
 *    class used to display   *
 *    subtitle text           *
 *    = p.COLLECTION          *
 *****************************/
TH.SUBTITLE {
		text-align			: left;
		vertical-align		: top;
		color      			: #333333;
		font-weight			: normal;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		padding-bottom		: 10px;
		line-height			: 14px;
}


/******************************************************************
/******************************************************************
 *  TEXT
 ******************************************************************
 ******************************************************************/

/******************************
 *    class used to display   *
 *    standard text           *
 *****************************/
TH.TEXT {
		text-align			: left;
		color      			: #333333;
		font-weight			: normal;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		padding-bottom		: 11px;
}


/******************************************************************
/******************************************************************
 *  SMALLTEXT
 ******************************************************************
 ******************************************************************/

.smalltext {
		text-align			: left;
		color      			: #000000;
		font-weight			: normal;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			  : 11px;
		line-height			: 14px;
}

/******************************
 *    class used to display   *
 *    small text           *
 *****************************/
TH.SMALLTEXT {
		text-align			: left;
		color      			: #000000;
		font-weight			: normal;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			  : 11px;
		line-height			: 14px;
}


/******************************************************************
/******************************************************************
 *  COLLECTION
 ******************************************************************
 ******************************************************************/

/***********************************************
 * color of the thin line surrounding the collection *
 **********************************************/
TABLE.COLLECTION {		
		background-color 	: #000000;
}

/*******************************************
 * class for the title of the collection   *
 * = TH.COLLECTION
 ******************************************/
p.COLLECTION {
		text-align			: left;
		color      			: #333333;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		line-height			: 16px;
		padding-bottom		: 16px;
}

/**************************************
 * colors of the collection header *
 *************************************/
TH.COLLECTION {
		color      			: #FFFFFF;
		background-color 	: #FF9900;
		font-weight			: bold;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		line-height			: 14px;
}

/**************************************
 * color of the collection cells *
 *************************************/
TD.COLLECTION {
		color      			: #000000;
		background-color 	: #FFFFFF;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		padding				: 3px;
}

/******************************************************************
/******************************************************************
 *  FOOTER
 ******************************************************************
 ******************************************************************/
.footer {
		text-align			: center;
		color      			: #333333;
		font-weight			: normal;			
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 10px;
}

/******************************************************************
/******************************************************************
 *  TOP
 ******************************************************************
 ******************************************************************/
A.TOP          {
	color 				: #ff6600;
	text-decoration 	: none;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
}
A:Visited.TOP  {
	color 				: #ff6600;
	text-decoration 	: none;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
}
A:Active.TOP   {
	color 				: #ff6600;
	text-decoration 	: none;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
}
A:Hover.TOP   {
	color 				: #ff6600;
	text-decoration 	: underline;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
}


/******************************************************************
/******************************************************************
 *  SUBSCRIPTION
 ******************************************************************
 ******************************************************************/

/*******************************************
 * class for the title of the subscription *
 ******************************************/
P.SUBSCRIPTION {
		  color : #00FFFF;
		  font-family: arial;
		  font-weight : bold;
		  text-align : center;
		  font-size : 16px;
}
/********************************************************
 * color of the thin line surrounding the subscriptions *
 *******************************************************/
TABLE.SUBSCRIPTION {
		background-color : #FF00ff;
}
/*************************
 * class for the headers *
 ************************/
TH.SUBSCRIPTION {
		color      : #0000FF;
		background-color : #274465;
		font-weight: bold;			
}
/*******************************
 * class for the subscriptions *
 ******************************/
TD.SUBSCRIPTION {
		color      : #0000FF;
		background-color : #336699;
}


/******************************************************************
/******************************************************************
 *  SUBS
 ******************************************************************
 ******************************************************************/

P.SUBS {
		  color : #0000FF;
		  font-family: arial;
		  font-weight : bold;
		  text-align : center;
		  font-size : 16px;
}

TABLE.SUBS {		
		background-color : #000000;
		border-collapse: collapse;	
}
TABLE.subs2 {
		background-color : #000000;
}



TH.SUBS {
		color      : #0000FF;
		background-color : #000000;
		font-weight: bold;			
		text-align : left;
		font-size : 16px;
		font-family: arial;
}

TR.SUBS {
		background-color : #000000;
}


TD.SUBS {
		color      : #0000FF;
		background-color : #000000;
}


/******************************************************************
/******************************************************************
 *  ERROR
 ******************************************************************
 ******************************************************************/

/*******************************
 *  background color to use to *
 *  display the errors         *
 ******************************/
TD.ERROR {
		background-color 	: #FF0000;
		color      			: #FFFFFF;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		font-weight			: bold;			
}



TD.PAGER {
	background-color :  #000000;
	text-align: center;
}

.ongletMain {
	BORDER-RIGHT: #80add6 2px solid; 
	BORDER-TOP: medium none; 
	BORDER-LEFT: #80add6 2px solid; 
	BORDER-BOTTOM: #80add6 2px solid; 
	BACKGROUND-COLOR: #dce8f4;
}

.clsAction {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #FF00FF; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


.ongletTextEna {
	BORDER-RIGHT: #80add6 2px solid; 
	BORDER-TOP: #80add6 2px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #80add6 2px solid; 
	COLOR: #005386; 
	BORDER-BOTTOM: medium none; 
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #dce8f4; 
	TEXT-ALIGN: center;
}

.ongletTextDis {
	BORDER-RIGHT: #c5c5c5 1px solid; 
	BORDER-TOP: #c5c5c5 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #c5c5c5 1px solid; 
	COLOR: #80add6; 
	BORDER-BOTTOM: #80add6 2px solid; 
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #e6e6e6; 
	TEXT-ALIGN: center;
}

.ongletTextErr {
	BORDER-RIGHT: #c5c5c5 1px solid; 
	BORDER-TOP: #c5c5c5 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #c5c5c5 1px solid; 
	COLOR: #FFFFFF; 
	BORDER-BOTTOM: #80add6 2px solid; 
	FONT-FAMILY: verdana; 
	BACKGROUND-COLOR: #ED4F50;
	TEXT-ALIGN: center;
}

.ongletMiddle {
	BORDER-RIGHT: #80add6 2px solid; 
	BORDER-TOP: medium none; 
	FONT-SIZE: 1px; 
	BORDER-LEFT: #80add6 2px solid; 
	BORDER-BOTTOM: medium none; 
	BACKGROUND-COLOR: #dce8f4;
}

.ongletSpace {
	BORDER-BOTTOM: #80add6 2px solid;
}

/**
 * Calendar classes
 */

TD.CALENDRIER {
	background-color: #C2C2C2; 
	font-weight: bold; 
	text-align: center; 
	font-size: 10px;
}

A.CALENDRIER {
	text-decoration: none; 
	color: #000000;
}

.CALENDARBORDER {
	background-color: #000000; 
}

.CALENDARTITLE {
	background-color: #336699;
}

.CALENDARWEEK {
	background-color: #FFFFFF;
}

.CALENDARWEEKEND {
	background-color: #FFF4E5;
}

.CALENDARSELECTED {
	background-color: #FF8F01;
}

/* --- menu styles ---
note:
	not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
*/
/* level 0 inner */
.m0l0iout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding: 3px;
	color: #FFFFFF;
}
.m0l0iover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 3px;
	color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	border : 1px solid #000000;
	background: #666666;
}
.m0l0oover {
	text-decoration : none;
	border : 1px solid #000000;
	background: #FF9900;
}

/* level 1 inner */
.m0l1iout {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 3px;
	color: #FFFFFF;
}
.m0l1iover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 3px;
	color: #FFFFFF;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	border : 1px solid #000000;
	background: #999999;
	/* filter: alpha(opacity=90);*/
}
.m0l1oover {
	text-decoration : none;
	border : 1px solid #000000;
	background: #FF9900;
}

/* level 2 inner */
.m0l2iover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 3px;
	color: #FFFFFF;
}