/*
//===================================================================
//==	Style Analytics style definitons
//==	Copyright (C) 2004 Europerformance
//===================================================================
*/
/* vert foncé gris  : #72B1B0 */
/* vert claire gris  : #CFE7E7 */
/* vert foncé ecriture : #2B7779 */
/* filter:"alpha(opacity=20)"; */
/*	-moz-opacity:.5; */
/*
//===================================================================
//== Redefined HTML tags
//===================================================================
*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/backgrounds/background.gif);
	color: #333333;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
} 
 
form {
	margin: 0px;
} 
 
table {
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica;
}

input {
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica;
}

select {
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica;
	color: #2B7779;
	background-color: White;
	border: 1px solid #2B7779;
}

br {
	font-size: 5px;
}

/*
//===================================================================
//==
//== Text Style definition
//==
//===================================================================
*/
.title
{
  color : #ffffff;
  text-decoration : none;
  font-size : 10px;
}
.pageCode
{
	color : White;
	font-size : 11px;
}
.pageTitle
{
	color : White;
	font-size : 11px;
}
.label
{
  color : #333333;
  font-size : 10px;
  text-align: right;
}

.labelAucun
{
  color : Red;
  font-size : 14px;
  text-align: center;
  font-weight: bold;
}

.normal
{
  text-decoration : none;
  font-size : 10px;
  color : #333333;
}

.enteteSelected
{
	color: #2B7779;
	font-size : 10px;
	font-weight: bold;
}

/*******************************************************************************
 ******************************* Style Analytics *******************************
 *******************************************************************************/


/** Headers **/
 
.headerRow
{
	width : 100%;
	height : 1px;
}

.headerInfo {
	font-family : Verdana;
	font-size : 11px;
	font-weight: bold;
	color  : white;
	padding-top: 2px;
	vertical-align: top;
	text-align: center;
}

/*=======
 * Tabs 
 */

.tabTable {
	vertical-align: bottom;
}

.tabTable a {
	text-decoration: none;
	font-weight: normal;
	color: White;
}

.tabTable a : visited {
	text-decoration: none;
	font-weight: normal;	
	color: White;
}

.tabTable a : hover {
	text-decoration: none;
	font-weight: normal;	
	color: White;
}

.tabCell {
	width: 1px;
}
.tabSpacer
{
	background-image : url(../images/tabs/spacer.gif);
	height: 25px;
	width: 3px;
}

.tabDefaultLeft
{
	background-image : url(../images/tabs/tab-left-default.gif);
	cursor : hand;
	height: 20px;
}

.tabDefault
{
	background-image : url(../images/tabs/tab-middle-default.gif);
	font-family : Verdana;
	font-size : 10px;
	color  : White;
	height: 20px;
}

.tabDefaultRight
{
	background-image : url(../images/tabs/tab-right-default.gif);
	cursor : hand;
	height: 20px;	
}

.tabSelectedLeft
{
	background-image : url(../images/tabs/tab-left-selected.gif);
	height: 20px;
}

.tabSelected {
	background-image : url(../images/tabs/tab-middle-selected.gif);
	font-family : Verdana;
	font-size : 10px;
	font-weight: bold;
	color: #2B7779;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
}

.tabSelectedRight {
	background-image : url(../images/tabs/tab-right-selected.gif);
	height: 20px;	
}


.ongletSelectedLeft {
	background-image : url(../images/tabs/onglet_left_on.gif);
	height: 16px;
	width: 13px;
}

.ongletSelected {
	background-image : url(../images/tabs/onglet_middle_on.gif);
	font-family : Verdana;
	font-size : 10px;
	color: #2B7779;
	height: 16px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
}

.ongletSelectedRight {
	background-image : url(../images/tabs/onglet_right_on.gif);
	height: 16px;	
}

.ongletDefaultLeft {
	background-image : url(../images/tabs/onglet_left_off.gif);
	cursor : hand;
	height: 16px;
}

.ongletDefault {
	background-image : url(../images/tabs/onglet_middle_off.gif);
	font-family : Verdana;
	font-size : 10px;
	cursor : hand;
	height: 16px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
}

.ongletDefaultRight {
	background-image : url(../images/tabs/onglet_right_off.gif);
	cursor : hand;
	height: 16px;	
}

/*=================== 
 * Fiche de saisie 
 */

.dataInput {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #2B7779;
	background-color: White;
	border: 1px solid #2B7779;
	margin-bottom: 2px;
	margin-top: 2px;
}

.dataInputMini {
	font-family: Verdana, Arial, Helvetica;
	font-size: 8px;
	color: black;
	background-color: White;
	border: 1px solid #2B7779;
	margin-bottom: 2px;
	margin-top: 2px;
}

.dataDisplay {
	color : #2B7779;
   font-size : 10px;
   text-align: left;
	font-weight: bold;
	height: 20px;
}

/*===================
 * Barre de boutons 
 */

.buttonBar {
	width : 100%;
	padding : 0px;
	padding-left: 5px;
}

.buttonBar a {
	text-decoration:none;
}

.boutonBody	{	
	text-decoration :none;
	background-image : url(../images/bt_action_milieu.gif);
	background-repeat :repeat-x;
    font-size : 10px;
	color: Black;
}	

.boutonBody a {
	text-decoration: none;
	color: Black;
}

.boutonBody a : visited {
	text-decoration: none;
	color: Black;
}

.boutonBody a : hover {
	text-decoration: none;
	color: Black;
}

.boutonBodyDisabled	{
	text-decoration: none;
	background-image: url(../images/bt_action_milieu.gif);
	background-repeat: repeat-x;
	font-size: 10px;
	color: Gray;
	font-style: italic;
}	
	
/*================================ 
 * Affichage des tables de zonage 
 */		

/* Zone principale (achuree) */
.docZone
{
	width : 100%;
	vertical-align:top;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;	
	background-color: transparent;
}

/* Classe utilisee pour afficher une zone scrollable */
.divScrolling
{
	width : 100%;
	overflow : auto;
	background-color: transparent;
}

/* Classe utilisee pour afficher une zone scrollable */
.divScrollingVisible
{
	width : 100%;
	overflow : scroll;
	background-color: transparent;
}

/* Groupement de zone d'affichage */
.tableGroupe {
	width : 100%;
	text-align : center;
	background-color : #F5F5F5;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 3px; 
}

/* Zone d'affichage (titre + detail) */
.tableZone
{
	width: 100%;
	border: 1px solid #2B7779;
	margin:2px;     
}

.tableZoneAide
{
	border: 1px solid #2B7779;	
}


/* Affichage du titre */
.tableZoneTitle	{
	background-color : #72B1B0;
	font-family: Verdana; 
	font-size: 10px;
	font-weight: bold;
	color: White;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Ajoute une icone au titre */
.zoneIcon	{
	padding-left: 15px;
	background-image : url(../images/ico_title.gif);
	background-repeat : no-repeat;
}

.tabGenerique{
	width: 100%;
	height : 100%;	
	border: 1px dashed #2B7779;	
	/*TODO: MOZ margin:3px;     */
}

.tabGeneriqueTitle{
	font-family: Verdana; 
	font-size: 10px;
	font-weight: bold;
	color: #2B7779;
	padding-top: 2px;
	padding-bottom: 2px;
}

.tableZoneData {
	background-color: #CFE7E7;
	margin: 1px;
	width: 100%;
}	

/* Table de séparation verticale des groupe */
.tabledummy {
	width : 100%;	
	background-color: transparent;
}

/* class des colonnes (sauf première) de séparation verticale de la table tabledummy */
.tabledummyTdSep {
	padding-left : 5px;	
	vertical-align: top;
}

/*======================== 
 * Affichage des listes 
 */

.cellHeaderListe1{
	background-color : #2B7779;
	font-size : 10px;
	color: White;
	font-weight:bold;
}

.cellHeaderListe2{
	background-color : #2B7779;
	font-size : 10px;
	text-align : right;
	color: #E8BFFB;	
	font-weight:bold;
}

/* Ligne paire, 1ière sous-ligne */
.cellRowPairElement1 {
	background-color : #CFE7E7;/*#62C9C8;7BB6B5*/
	font-size : 10px;
}

.cellRowPairElement1Number {
	background-color : #CFE7E7;/*#62C9C8;*/
	font-size : 10px;
	text-align : right;
}

/* Ligne paire, 2ième sous-ligne */
.cellRowPairElement2{
	background-color : #CFE7E7;/*#62C9C8;*/
	font-size : 10px;
	text-align : right;
	color: #5C0584;
}

.cellRowPairElement2Number{
	background-color : #CFE7E7;/*#62C9C8;*/
	font-size : 10px;
	text-align : right;
	color: #5C0584;
}

/* Ligne impaire, 1ière sous-ligne */
.cellRowImpairElement1{
	background-color : White;/*#A2DADA;*/
	font-size : 10px;
}

.cellRowImpairElement1Number{
	background-color : White;/*#A2DADA;*/
	font-size : 10px;
	text-align : right;
}

/* Ligne impaire, 2ième sous-ligne */
.cellRowImpairElement2{
	background-color : White;/*#A2DADA;*/
	font-size : 10px;
	text-align : right;
	color: #5C0584;
}

.cellRowImpairElement2Number{
	background-color : White;/*#A2DADA;*/
	font-size : 10px;
	text-align : right;
	color: #5C0584;
}

/* Lignes inactives */

/* Ligne paire, 1ière sous-ligne */
.cellRowPairElement1Off {
	background-color : #C0C0C0;
	font-size : 8px;
}

.cellRowPairElement1NumberOff {
	background-color : #C0C0C0;
	font-size : 8px;
	text-align : right;
}

/* Ligne paire, 2ième sous-ligne */
.cellRowPairElement2Off{
	background-color : #C0C0C0;
	font-size : 8px;
	text-align : right;
	color: #5C0584;
}

.cellRowPairElement2NumberOff{
	background-color : #C0C0C0;
	font-size : 8px;
	text-align : right;
	color: #5C0584;
}

/* Ligne impaire, 1ière sous-ligne */
.cellRowImpairElement1Off{
	background-color : #D4D4D4;
	font-size : 8px;
}

.cellRowImpairElement1NumberOff{
	background-color : #D4D4D4;
	font-size : 8px;
	text-align : right;
}

/* Ligne impaire, 2ième sous-ligne */
.cellRowImpairElement2Off{
	background-color : #D4D4D4;
	font-size : 8px;
	text-align : right;
	color: #5C0584;
}

.cellRowImpairElement2NumberOff{
	background-color : #D4D4D4;
	font-size : 8px;
	text-align : right;
	color: #5C0584;
}

/* Style pour minihelp des graphiques */

#divFond {
border : 1px solid red;
padding : 2px;
position : absolute;
visibility : hidden;
background-color: yellow;
}

/* Styles d'affichage des erreurs */

.divError{
	width: 400px;
	height:22px;
}

.tableError{
	width: 100%;
	background-color: yellow;
}

.tableErrorRow {
	vertical-align: top;
	height: 16px;
}

.tableErrorRowCell {
	font-style: italic;
	color: red;
}

/* Indice de référence */

#indiceRef {
	text-decoration: none;
	font-weight: normal;
	color: White;
}

#indiceRef a {
	text-decoration: none;
	font-weight: normal;
	color: #FFDF3E;
}

#indiceRef a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #FFDF3E;
}

#indiceRef a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #FFDF3E;
}