/* ajout par bertrand */

TABLE.TABLEAU TABLE {
  font-family: verdana,arial;
  font-size: 11px;
  font-weight: bold;
  padding: 2px;
  background: #b80124;
  color: #eeeeee;
}

TD.TABLEAU {
  font-weight: normal;
  background: #ffffff;
  padding: 2px;
  color: black;
}

INPUT, TEXTAREA {
    font-family: verdana,arial;
    font-size: 11px;
    border-top-width:    1px;
    border-left-width:   1px;
    border-right-width:  2px;
    border-bottom-width: 2px;
}

INPUT.boutton {
    border: solid 1px;
    width: 100px;
}

INPUT.boutton-large {
    border: solid 1px;
    width: 200px;
}

SELECT.selection {
    font-family: verdana,arial;
    font-size: 11px;
    border: solid 1px;
    width: 200px;
}

SELECT.devise {
    font-family: verdana,arial;
    font-size: 11px;
    border: solid 1px;
    width: 50px;
}

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









/************
 *   link   *
 ***********/
/*
A          {color : #D1D3FD; }
A:Visited  {color : #D1D3FD; }
A:Active   {color : #D1D3FD; }
A:Hover    {color : #FFFFFF; text-decoration : none; }
*/
/*************
 *   body    *
 ************/

BODY 	{
  		     color      : #000000;
	background-color      : #FFFFFF;
	margin-left           : 8;
	margin-top            : 8;
  font-family: verdana,arial;
  font-size: 12px;

}


/******************************
 *    class used to display   *
 *    the input field labels  *
 *****************************/
P.LABEL {
         color : #FFFFFF;
/*  	     font-weight : bold; */
  	     font-weight : normal;

}

TH.LABEL {
		text-align:right;
}


H3 {
	color : #FFFFFF;
}

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


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

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



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

TR.SUBS {
		background-color : #3366A3;
}


TD.SUBS {
		color      : #FFFFFF;
		background-color : #3366A3;
}



/*******************************
 *  background color to use to *
 *  display the errors         *
 ******************************/
TD.ERROR {
		background-color : #ED4F50;
}

/***********************************************
 * color of the thin line surrounding the form *
 **********************************************/
TABLE.FORM {
    background-color : #b80124;/*#000000;*/
}

/**************************************
 * background color of the form title *
 *************************************/
TH.FORM { /* BF 16.04.06 */
		color      : #000000; /* #FFFFFF; */
		background-color : #FFFFFF; /* #274465; */
		font-weight: bold;
}
/********************************
 * background color of the form *
 *******************************/
TD.FORM { /* BF 16.04.06 */
		background-color :  #FFFFFF; /*#336699;*/
}

/*
 * Style for the fixed header collection example.
 */
TABLE.COL {
	cell-spacing: 2px;
	background-color : #000000;
}
TH.COL {
	color      : #FFFFFF;
	background-color : #274465;
	font-weight: bold;
	padding : 2px;
}
TD.COL {
	background-color :  #336699;
}

TD.PAGER {
	background-color :  #ffffff;
	text-align: center;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
}
/*
.ongletMain {
	BORDER-RIGHT: #b80124 2px solid;
	BORDER-TOP: medium none;
	BORDER-LEFT: #b80124 2px solid;
	BORDER-BOTTOM: #b80124 2px solid;
	BACKGROUND-COLOR: #ffffff;
}
*/
.ongletMain {
	BORDER-RIGHT: #b80124 1px solid;
	BORDER-TOP: medium none;
	BORDER-LEFT: #b80124 1px solid;
	BORDER-BOTTOM: #b80124 1px solid;
	BACKGROUND-COLOR: #ffffff;
}
/*
.clsAction {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
*/

.clsAction {
	FONT-WEIGHT: normal;
	FONT-SIZE: 9px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


/*
.ongletTextEna {
	BORDER-RIGHT: #b80124 2px solid;
	BORDER-TOP: #b80124 2px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	BORDER-LEFT: #b80124 2px solid;
	COLOR: #000000;
	BORDER-BOTTOM: medium none;
	FONT-FAMILY: verdana;
	BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: center;
}
*/

.ongletTextEna {
	BORDER-RIGHT: #b80124 1px solid;
	BORDER-TOP: #b80124 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BORDER-LEFT: #b80124 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: medium none;
	FONT-FAMILY: verdana;
	BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: center;
}
/*
.ongletTextDis {
	BORDER-RIGHT: #b80124 1px solid;
	BORDER-TOP: #b80124 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	BORDER-LEFT: #b80124 1px solid;
	COLOR: #aaaaaa;
	BORDER-BOTTOM: #b80124 2px solid;
	FONT-FAMILY: verdana;
	BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: center;
}
*/

.ongletTextDis {
	BORDER-RIGHT: #b80124 1px solid;
	BORDER-TOP: #b80124 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BORDER-LEFT: #b80124 1px solid;
	COLOR: #aaaaaa;
	BORDER-BOTTOM: #b80124 1px solid;
	FONT-FAMILY: verdana;
	BACKGROUND-COLOR: #ffffff;
	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: #dddddd;
	TEXT-ALIGN: center;
}
*/

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

/*
.ongletMiddle {
	BORDER-RIGHT: #b80124 2px solid;
	BORDER-TOP: medium none;
	FONT-SIZE: 1px;
	BORDER-LEFT: #b80124 2px solid;
	BORDER-BOTTOM: medium none;
	BACKGROUND-COLOR: #ffffff;
}
*/

.ongletMiddle {
	BORDER-RIGHT: #b80124 1px solid;
	BORDER-TOP: medium none;
	FONT-SIZE: 1px;
	BORDER-LEFT: #b80124 1px solid;
	BORDER-BOTTOM: medium none;
	BACKGROUND-COLOR: #ffffff;
}

/*
.ongletSpace {
	BORDER-BOTTOM: #b80124 2px solid;
}
*/

.ongletSpace {
	BORDER-BOTTOM: #b80124 1px 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;
}





/*/------------------------------------------------------------------\*/
/*|                                                                  |*/
/*|                      SUGGEST                    				 |*/
/*|                                                                  |*/
/*\------------------------------------------------------------------/*/



div.suggestionList {
    z-index:500;
    position:absolute;
    width: 200px;
    border:1px solid #C0C0C0;
    background-color:#FFFFFF;
    text-decoration: none;
    cursor:default;
    visibility:hidden;
}

div.suggestionList_element_off {
    text-align: left;
    width: 200px;
    background: #FFFFFF;
    color: #333333;
    padding-left: 2px;
    font-size: 11px;
    font-family: Verdana, "Lucida Grande", Georgia;
    font-weight: normal;
    font-style: normal;
}

div.suggestionList_element_on {
    text-align: left;
    width: 200px;
    background: #B80124;
    color: #FFFFFF;
    padding-left: 2px;
    font-size: 11px;
    font-family: Verdana, "Lucida Grande", Georgia;
    font-weight: normal;
    font-style: normal;    
}

div.suggestionList_element_fermer {
    text-align: right;
    width: 200px;
    padding-left: 2px;
    font-size: 10px;
    font-family: Verdana, "Lucida Grande", Georgia;
    font-weight: normal;
    font-style: normal;    
    color: #B80124;    
    cursor:hand;    
}