/* ****************************************************************************
**
** CALENDAR CLASSES
** 
** ************************************************************************* */ 

/* Cellule par défaut du calendrier */
TD.CALENDRIER {
	background-color: #d0d9e8; 
	font-weight: bold; 
	text-align: center; 
	font-size: 10px;
}

/* lien dans le calendrier */
A.CALENDRIER {
	text-decoration: none; 
	color: #000000;
}

/* image du calendrier ouvrant le calendrier dans une collection Struts-Layout */
TD.COLLECTION IMG {
	vertical-align: bottom;	
}

/* bordure du calendrier */
.CALENDARBORDER {
	background-color: #000000; 
}

/* titre du calendrier */
.CALENDARTITLE {
	background-color: #97a4c4;
}

/* couleur de fond d'une cellule pour un jour de semaine */
.CALENDARWEEK {
	background-color: #FFFFFF;
}

/* couleur de fond d'une cellule pour un jour de week-end */
.CALENDARWEEKEND {
	background-color: #FFF4E5;
}

/* couleur de fond d'une cellule dont la date est sélectionnée */
.CALENDARSELECTED {
	background-color: #FF8F01;
}

/* ****************************************************************************
**
** TABS CLASSES
**
** ************************************************************************* */ 

.ongletMain {
	border-top: 2px solid #97a4c4;
	border-left: 2px solid #97a4c4;
	border-right: 2px solid #97a4c4;
	background-color: #FFFFFF;
}

.clsAction {
	width: 100%;
}

/* non utilisé */
.ongletTextEna {}

/* non utilisé */
.ongletTextDis {}

/* non utilisé */
.ongletTextErr {}

/* non utilisé */
.ongletMiddle {
	border-left: 2px solid #97a4c4;
	border-right: 2px solid #97a4c4;
	border-top: 2px solid #97a4c4;
}

/* espace entre 2 onglets */
.ongletSpace {
}

/* onglet actif */
.TAB_ON	{
	background-color: #97a4c4;
	font-weight : bold;
	font-family : Verdana;
	font-size : 10px;
	text-align : center;
	color : #FFFFFF;
	padding-bottom: 5px;
}

/* onglet inactif */
.TAB_OFF	{	
	background-color: b1c0e6;
	font-weight : bold;
	font-family : Verdana;
	font-size : 10px;
	text-align : center;
	padding-bottom: 5px;
	color : #000000;
}

/* titre d'onget inactif et clicable */
A.TAB_OFF {
	text-decoration : none;
	color : #97a4c4;
}

/* titre d'onglet inactif et clicable */ 
A.TAB_OFF:hover {
	text-decoration : none;
	color : white;
}

/* ****************************************************************************
**
** LINK CLASSES
**
** ************************************************************************* */

/* lien générique */
A, A:Visited, A:Active, A:Hover {	
	color : #425171;
	font-size : 10px;
	font-family : Verdana;
	text-decoration : none; 
}

/* ****************************************************************************
**
** FIELD CLASSES
**
** ************************************************************************* */

/****************************** champ de saisi classique ***********************/

/* cellule libellé d'un champ de saisi */
TH.FIELD {
	font-family : Verdana;
	font-size : 10px;
	padding : 5px;
	text-align : left;
	color : #425171;
	background-color : white;
	vertical-align:top;
}

/* cellule valeur d'un champ de saisi */
TD.FIELD {
	background-color : white;
	font-family : Verdana;
	font-size : 10px;
	text-align : left;
	padding-left : 10px;
}

/* champ de saisi non saisissable (non utilisé en skin4) */
SPAN.FIELD {
	background-color : white;
	text-align : left;
	font-size: 10px;
}

/* champ de saisi type input */
INPUT.FIELD {
	font-family : Verdana;
	font-size : 10px;
	text-align : left;
}

/** champ de saisi type select */
SELECT.FIELD {
	font-family : Verdana;
	font-size : 10px;
	text-align : left;
}


.FIELD_VALUE {
	background-color : white;
	font-family : Verdana;
	font-size : 10px;
	text-align : left;
	padding-left : 10px;
	font-weight: normal;
}


/***************** champ de saisi avec libellé de largeur fixe (180px) ******************/

/* cellule libellé du champ de saisi */
TH.FIELD_FIXED {
	font-family : Verdana;
	font-size : 10px;
	padding : 5px;
	text-align : left;
	color : #425171;
	background-color : white;
	vertical-align:top;
	width: 180px;
}

/* cellule valeur du champ de saisi */
TD.FIELD_FIXED {
	background-color : white;
	font-family : Verdana;
	font-size : 10px;
	text-align : left;
	padding-left : 10px;
}

/* champ de saisi non saisissable (non utilisé en skin 4)*/
SPAN.FIELD_FIXED {
	background-color : white;
	text-align : left;
	font-size: 10px;
}

/* champ de saisi type input */
INPUT.FIELD_FIXED {
	font-family : Verdana;
	font-size : 10px;
	text-align : left;
}

/* **************************************
**
**  MESSAGE CLASSES
**
** ************************************** */

/* message en grand (inscription) */
.BIG_MESSAGE {
	font-family : Verdana;
	font-size : 15px;
	text-align : left;
}

/* message moyen (inscription) */
.MEDIUM_MESSAGE {
	font-family : Verdana;
	font-size : 10px;
	text-align : left;
}

/* ****************************************************************************
**
** ERROR CLASSES
**
** ************************************************************************* */

/* message d'erreur d'un champ Struts-Layout */
TD.ERROR {
	font-size : 10px;
	background-color : #ED4F50;
}

/* message d'erreur page de login */
TD.ERROR2 {
	font-size : 10px;
	color : #ED4F50;
}

/* ****************************************************************************
**
** LAYER CLASSES
**
** ************************************************************************* */

/* Composant layer Struts-Layout. Non utilisé */
TD.LAYER {
	padding : 5px;
}

/* Composant layer Struts-Layout. Non utilisé */
TABLE.LAYER {
	border: 1px solid #000000;
	background-color : #274465;
}

/* ****************************************************************************
**
** FORM & PANEL CLASSES
**
** ************************************************************************* */

/* table principale d'un composant panel ou formulaire avec le syle "PANEL" */
TABLE.PANEL {
	margin : 3px;
	background-color: #97a4c4;
}

/* titre du panel */
TH.PANEL {
	background-color: #97a4c4;
	font-weight : bold;
	font-family : Verdana;
	font-size : 12px;
	text-align : center;
	color : #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* contenu du panel */
TD.PANEL {
	background-color: white;
	font-family : Verdana;
	font-size : 12px;
	padding : 3px;
	text-align : center;
}

/* table principale d'un panel ou formulaire avec le style "FORM" */
TABLE.FORM {
	margin : 3px;
	background-color: #97a4c4;
}

/* contenu du panel */
TD.FORM {
	background-color : #FFFFFF;
}

/* table principal d'un panel ou formulaire avec le style "PANEL_WHITE" (sélection candidat) */
TABLE.PANEL_WHITE {
	margin : 3px;
	background-color: #97a4c4;
}

/* titre du panel blanc */
TH.PANEL_WHITE {
	background-color: #97a4c4;
	font-weight : bold;
	font-family : Verdana;
	font-size : 12px;
	text-align : center;
	color : #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;}

/* contenu du panel blanc */
TD.PANEL_WHITE {
	background-color: #ffffff;;
	font-family : Verdana;
	font-size : 12px;
	padding : 3px;
	text-align : center;
}



/* ****************************************************************************
**
** GRID CLASSES
**
** ************************************************************************* */

/* composant de mise en page Struts-Layout "grid" avec le style "GRID" */
TABLE.GRID {	
	margin: 3px;	
	width : 100%;
	background-color : white;
}

/* ****************************************************************************
**
** COLLECTION CLASSES
**
** ************************************************************************* */

/* table principale de la liste */
TABLE.COLLECTION {
}

/* ligne d'une liste (paire) */
TR.COLLECTION {
	background-color: #FFFFFF;
}

/* ligne d'une liste (impaire) */
TR.COLLECTION2 {
	background-color: #EEEEEE;
}

/* ligne d'une liste sélectionnée */
TR.COLLECTION_OVER {
	/* background-color: #0099cc; */
	background-color: #fcfddd;		
}                  

/* titre d'une colonne (élément contenant le titre) */
TH.COLLECTION {
	background-color: #97a4c4;
	font-weight : bold;
	font-family : Verdana;
	font-size : 11px;
	text-align : center;
	color : #FFFFFF;
}

/* coin d'un élément de titre d'une collection */
TH.COLLECTION_CORNER {
	color : #FFFFFF;
	border-bottom : 2px solid #97a4c4;
	background-color: #97a4c4;
}

/* titre d'une colonne triable */
TH.COLLECTION TR TD	{
	background-color: #97a4c4;
	font-weight : bold;
	font-family : Verdana;
	font-size : 11px;
	text-align : center;
	color : #FFFFFF;
}

/* séparateur entre 2 colonnes ligne paire */
TD.COLLECTION_SEP	{	
	font-family : Verdana;
	font-size : 11px;
	padding : 3px;
	text-align : center;
	border-bottom : 1px solid #97a4c4;
	border-right : 1px solid #97a4c4;
}

/* séparateur entre 2 colonnes ligne impaire */
TD.COLLECTION2_SEP	{
	font-family : Verdana;
	font-size : 11px;
	padding : 3px;
	text-align : center;
	border-bottom : 1px solid #97a4c4;
	border-right : 1px solid #97a4c4;
}

/* colonne paire */
TD.COLLECTION	{	
	font-family : Verdana;
	font-size : 11px;
	padding : 3px;
	text-align : center;
	border-bottom : 1px solid #97a4c4;
}

/* colonne impaire */
TD.COLLECTION2	{
	font-family : Verdana;
	font-size : 11px;
	padding : 3px;
	text-align : center;
	border-bottom : 1px solid #97a4c4;
}

/* première colonne paire */
TD.COLLECTION_FIRST	{
	font-family : Verdana;
	font-size : 11px;
	border-left : 2px solid #97a4c4;
	padding : 3px;
	text-align : center;
	border-bottom : 1px solid #97a4c4;
}

/* première colonne impaire */
TD.COLLECTION2_FIRST	{
	font-family : Verdana;
	font-size : 11px;
	border-left : 2px solid #97a4c4;
	padding : 3px;
	text-align : center;
	border-bottom : 1px solid #97a4c4;
}


/* dernière colonne paire */
TD.COLLECTION_LAST	{
	font-family : Verdana;
	font-size : 11px;
	border-right : 2px solid #97a4c4;
	padding : 3px;
	text-align : center;
	border-bottom : 1px solid #97a4c4;
}

/* dernière colonne impaire */
TD.COLLECTION2_LAST	{
	font-family : Verdana;
	font-size : 11px;
	border-right : 2px solid #97a4c4;
	padding : 3px;
	text-align : center;
	border-bottom : 1px solid #97a4c4;
}

/* ****************************************************************************
**
** PAGER CLASSES
**
** ************************************************************************* */

/* pagination d'une liste */
TD.PAGER {
	background-color :  #3366A3;
	text-align: center;
}

/* ****************************************************************************
**
** BODY CLASSES
**
** ************************************************************************* */

/* corps de la page */
BODY	{
	background-color : #FFFFFF;
	margin-left : 8px;
	margin-top : 8px;
	font-size : 10px;
	font-family: Verdana;
}