/*----------------------------------- GENERAL ----------------------------------*/
body
{
	font-family      : Verdana,Arial,Helvetica,sans-serif;
	font-size        : 8pt;
	color            : #001C42;
	background-color : #DFEBFB;
	margin           : 0;
	padding			 : 0;
	padding-left     : 10px;
	padding-top      : 10px;
}

a
{
	text-decoration : none;
	color           : #001C42;
}
a:visited
{
	color : #001C42;
}
a:hover
{
	text-decoration : underline;
}

img
{
	border : 0;
}

/*------------------------- ELEMENT DE FORMULAIRE (HTML) --------------------------*/
fieldset
{
	border  : solid 1px #000000;
	padding : 5px;
	width   : 625px;
	display : block;
}
fieldset.short
{
	width : 400px;
	display : inline;
}
fieldset.sshort
{
	width : 300px;
	display : inline;
}
fieldset.contourgrid
{
	border : 0;
	padding : 0;
}

fieldset legend
{
	font-size   : 8pt;
	font-weight : bold;
	background  : transparent;
}

td
{
	font-size      : 8pt;
	vertical-align : top;
}
/* =========== les tables HTML spécifiques (centrage vertical) ==================*/
td.center
{
	vertical-align : middle;
}

/* =========== les tables HTML spécifiques (affichage des messages de confirmation) ==================*/
table.Msg
{
	margin         : 10px;
	text-align     : center;
	font-weight    : 100;
	font-size      : large;
	color	       : #001C42;
	border         : solid 1px #001C42;
	vertical-align : middle;
}

/* ========= les tables de saisies (où sont placés les controles) =======*/
table.saisie td
{
	vertical-align : middle;
}

/*----------------------- ELEMENT DE SAISIE SPECIFIQUE -------------------------*/
/* =========== les zones de libellés (labels) ==================*/
.libchamp
{
	width : 200px;
}

.titre
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:8pt;
	color:#FFFFFF;
	background	: #99ccff;
	text-align:center;
}

.libfixe
{
	width : 300px;
}

.liberror
{
	color : #FF0000;
}

.libbold
{
	font-weight : bold;
}

.libdesc	/* impression des titres d'onglets en mode impression */
{
	font-weight    : bold;
	font-size      : 10pt;
	background     : #9FC7EA;
	border         : 1px solid #001C42;
	width          : 225px;
	text-align     : center;
	margin-left    : 200px;
	margin-bottom  : 10px;
	margin-top     : 10px;
	padding-left   : 50px;
	padding-right  : 50px;
	padding-bottom : 0px;
	padding-top    : 0px;
}

.text
{
	font-size : 9pt;
	font-weight : bold;
}
.title
{
	font-size : 11pt;
	font-weight : bold;
	height : 30px;
}
/* =========== les zones de saisies (textbox) ==================*/
.txtbox_short, .txtbox_long, .txtbox_middle, .txtbox_slong, .txtMultiLine
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 8pt;
	color	    : #001C42;
	height      : 18px;
}
.txtbox_short
{
	width : 100px;
}
.txtbox_middle
{
	width : 200px;
}
.txtbox_long
{
	width : 300px;
}
.txtbox_slong
{
	width : 500px;
}
.txtMultiLine
{
	width  : 300px;
	height : 75px;
}
/* =========== les zones de saisies (checkbox + radiobouton) ==================*/
.checkbox,.RadioBtn
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 8pt;
	color       : #001C42;
}

/* =========== les boutons ==================*/
.btn, .btnOnglet, .btnActif, .btnOngletActif
{
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size   : 8pt;
	border	    : 1px solid #001C42;
	color	    : #001C42;
}
.btn, .btnOnglet
{	
	background : #D4E2F6;
}
.btnActif, .btnOngletActif
{
	background	: #9FC7EA;
	font-weight : bold;
}
.btnOnglet, .btnOngletActif
{
	width     : 104px;
}

/* =========== les boutons dans les grilles ==================*/
.dgBtnOver, .dgBtnOut
{
	text-align : left;
	cursor	   : hand;
	color	   : #001C42;
	font-size  : smaller;
	font-family : Verdana,Arial,Helvetica,sans-serif;
}
.dgBtnOver
{
	text-decoration  : underline;
}
.dgBtnOut
{
	text-decoration  : none;
}

/* =========== les listes deroulantes (select) ==================*/
select
{
	width            : 100px;
	font-size        : 8pt;
	background-color : #FFFFFF;
	font-family : Verdana,Arial,Helvetica,sans-serif;
}
.select_long
{
	width : 200px;
}
.select_slong
{
	width : 300px;
}
.select_xlong
{
	width : 390px;
}

/* =========== les grilles (en général) ==================*/
table.dg
{
	width         : 100%;
	border-bottom : solid 1px #555555;
	border-right  : solid 1px #555555;
	border-top    : solid 1px #555555; /*#FFFFFF;*/
	border-left   : solid 1px #555555; /*#FFFFFF;*/
	background    : transparent;
}

/* =========== les grilles de données (datagrid) ==================*/
tr.dgvalue, .dgvalue
{
}

tr.dgtitle, .dgtitle
{
	text-align : center;
	background : #9FC7EA;
}

tr.dgcurrency, .dgcurrency
{
	text-align : right;
}

tr.dgcenter, .dgcenter
{
	text-align : center;
}

/* =========== les grilles d'erreurs (datagrid) ==================*/
.errorTitle
{
	vertical-align : top;
	font-size      : 10pt;
	background	   : #FF8000;
	padding        : 0 2 0 2;
	text-align     : center;
}
tr.dgErrorValue td, .dgErrorValue
{
	background : #FBDBCF;
	padding    : 0 2 0 2;
}
tr.dgAlternErrorValue td
{
	background : #9FC7EA;
	padding    : 0 2 0 2;	
}

/* ======= ELEMENTS DU MENU (pour page de gestion des droits) ======== */
.Niv0
{
	background    : #D4E2F6;
	font-weight   : bold;
	font-size     : 8pt;
	color         : #990033;
	padding	      : 0;
	padding-left  : 10px;
}

.Niv1
{
	font-size     : 8pt;
	padding	      : 1px 0px 0px 20px;	
}

.Niv2
{
	font-size : 7pt;
	padding	  : 0px 0px 0px 40px;	
}

.Niv3
{
	font-size : 6pt;
	padding	  : 0px 0px 0px 60px;
}

/* ======= PAGE DE LOGIN (tous les elements sont revus pour cette page) ======== */
body.login
{
	background  : url(./images/FonManagerLogin.gif) #3f85c9 no-repeat 118px 33px;
	padding     : 0;
	margin      : 0;
	color       : #ffffff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

img.login_logo
{
	position : absolute;
	top      : 10px;
	left     : 10px;
}

.login_titre
{
	position  : absolute;
	top       : 80px;
	left      : 10px;
	font-size : 14pt;
}

.error_info, .login_info
{
	position         : absolute;
	left             : 310px;
	width            : 191px;
	background-image : url(./images/Pixel_Grille.gif);
	text-align       : center;
	font-weight      : bold;
	font-size        : 13px;
}

.error_info
{
	top : 380px;
	color : #FF0000;
}
.login_info
{
	top : 230px;
	height : 130px;
}
input.login_txtbox
{
	font-family   : Verdana, Arial, Helvetica, sans-serif;
	width         : 160px;
	margin-top    : 5px;
	margin-bottom : 5px;
}
input.login_btn
{
	margin-top    : 5px;
	margin-bottom : 5px;
}

/* ======= PAGE D'ERREUR D'ACCES (tous les elements sont revus pour cette page) ======== */
.message, .error_message
{
	position    : absolute;
	display     : block;
	font-weight : bold;
	text-align  : center;
	width       : 100%;
}
.message
{
	top			: 100px;
	color       : #F00;
	font-size   : 14pt;
}
.error_message
{
	color     : #001C42;
	top       : 200px;
	font-size : 10pt;
}