@charset "iso-8859-1";

BODY
{
background-color: #FFFFFF;
font-family: Verdana;
font-size: 10pt;
}

IMG
{
border: 0;
}

TD
{
font-family: Verdana;
font-size: 10pt;
}

/* ****************************************************************** */
/* 1 - TD.Erreur : message d'erreur HTML **************************** */
/* ****************************************************************** */
TD.Erreur
{
font-family: Arial, verdana, Helvetica, ms sans serif;
font-size: 12pt;
font-weight: bold;
color: #C02FA1;
background-color: #D6DFF7;
text-align: center;
}

/* ****************************************************************** */
/* 2 - TD-CaseDur : valeur en insertion non modifiable ************** */
/* ****************************************************************** */
TD.CaseDur
{
font-weight: normal;
text-align: left;
padding-left: 3px;
background-color: #FFFFFF;
color: #000000;
font-family: Verdana;
font-size: 10pt;
}

/* ****************************************************************** */
/* 3 - TD-CaseVisuResult : valeur en visualisation dans un entête *** */
/* ****************************************************************** */
TD.CaseVisuResult
{
font-weight: normal;
text-align: left;
padding-left: 3px;
background-color: #FFFFFF;
color: #000000;
font-family: Verdana;
font-size: 10pt;
}

/* ****************************************************************** */
/* 4 - TD-CaseVisuListe : champ en visualisation ******************** */
/* ****************************************************************** */
TD.CaseVisuListe
{
font-family: Verdana;
background-color: #FFFFFF;
color: #000000;
font-size: 10pt;
font-weight: normal;
text-align: right;
}

/* ****************************************************************** */
/* 5 - TD-CaseListe : lignes tableau de référencement *************** */
/* ****************************************************************** */
TD.CaseListe
{
font-weight: normal;
text-align: center;
vertical-align: middle;
background-color: #FFFFFF;
font-family: Helvetica;
font-size: 8pt;
}

/* ****************************************************************** */
/* 6 - TD-CaseAjoutResult : valeur en visualisation ou insertion **** */
/* ****************************************************************** */
TD.CaseAjoutResult
{
font-weight: normal;
text-align: left;
padding-left: 3px;
background-color: #FFFFFF;
font-family: Helvetica;
font-size: 10pt;
}

/* ****************************************************************** */
/* 7 - TABLE-TableListe : bordure cadre d'un tableau de visualisation */
/* ****************************************************************** */
TABLE.TableListe
{
background-color: #559FEA;
}

/* ****************************************************************** */
/* 8 - TD-CaseAjoutListe : champ en insertion *********************** */
/* ****************************************************************** */
TD.CaseAjoutListe
{
font-weight: normal;
text-align: right;
padding-right: 3px;
background-color: #FFFFFF;
font-family: Verdana;
font-size: 10pt;
}

/* ****************************************************************** */
/* 9 - TD-CaseAjoutResultat : cadre de visualisation du résulat ***** */
/* ****************************************************************** */
TD.CaseAjoutResultat
{
background-color: #D0E3F3;
font-family: Helvetica;
font-weight: bold;
font-size: 10pt;
text-align: center;
}

/* ****************************************************************** */
/* 10 - TABLE-TableAjout : bordure cadre d'un tableau en insertion ** */
/* ****************************************************************** */
TABLE.TableAjout
{
background-color: #FFFFFF;
vertical-align: left;
}

/* ****************************************************************** */
/* 11 - P-Titre : titre des pages *********************************** */
/* ****************************************************************** */
P.Titre
{
color: #314583;
font-family: Verdana;
font-weight: normal;
font-size: 12pt;
text-align: left;
border-bottom:2px solid #0000FF;
padding-top:5px;
}

/* ****************************************************************** */
/* 12 - TD-CaseListe1 : lignes impaires d'un tableau de liste ******* */
/* ****************************************************************** */
TD.CaseListe1
{
font-weight: normal;
text-align: center;
vertical-align: middle;
background-color: #E3F4FF;
font-family: Arial;
font-size: 8pt;
}

/* ****************************************************************** */
/* 13 - TD-CaseListe-1 : lignes paires d'un tableau de liste ******** */
/* ****************************************************************** */
TD.CaseListe-1
{
font-weight: normal;
text-align: center;
vertical-align: middle;
background-color: #FFFFFF;
font-family: Arial;
font-size: 8pt;
}

/* ****************************************************************** */
/* 14 - TD-Header : 1ère ligne d'un tableau de liste **************** */
/* ****************************************************************** */
TD.Header
{
font-weight: normal;
text-align: center;
vertical-align: middle;
background-color: #BBDDFF;
color: #000000;
font-family: Arial;
font-size: 9pt;
}

/* ****************************************************************** */
/* 15 - A-Visited : lien visité ************************************* */
/* ****************************************************************** */
A:visited
{
color: #0000FF;
text-decoration: underline;
}

/* ****************************************************************** */
/* 16 : A-Link : lien non visité ************************************ */
/* ****************************************************************** */
A:link
{
color: #0000FF;
text-decoration: underline;
}

/* ****************************************************************** */
/* XX - #NoVisit : ?????? ******************************************* */
/* ****************************************************************** */
#NoVisit
{
text-decoration: none;
}

/* ****************************************************************** */
/* XX - TD-Button : barre support des menus ************************* */
/* ****************************************************************** */
TD.Button
{
font-width: 80%;
text-align: left;
vertical-align: bottom;
}

/* ****************************************************************** */
/* 17 - TD-ButtonTop : barre support des sous menus ***************** */
/* ****************************************************************** */
TD.ButtonTop
{
vertical-align: TOP;
background-color: #66AFE4;
color: #FFFFFF;
text-align: left;
}

/* ****************************************************************** */
/* 18 - TD-TitreTop : barre support du user connecté **************** */
/* ****************************************************************** */
TD.TitreTop
{
font-family: Arial, verdana, Helvetica, ms sans serif;
font-size: 12pt;
font-weight: bold;
color: #EEEECC;
background-color: #66AFE4;
text-align: center;
vertical-align: TOP;
}

/* ****************************************************************** */
/* XX - TABLE-Menus : table contenant l'ensemble des menus ********** */
/* ****************************************************************** */
TABLE.Menus
{
border: 0px;
height: 31px;
width: 75px;
}

/* ****************************************************************** */
/* XX - TD-MnuContour : contour des boutons de menu ***************** */
/* ****************************************************************** */
TD.MnuContour
{
background-color: #000000;
}

/* ****************************************************************** */
/* 19 - TD-MnuInsOn : onglet ayant le focus ************************* */
/* ****************************************************************** */
TD.MnuInsOn
{
background-color: #66AFE4;
color: #ffffff;
vertical-align: middle;
text-align: center;
font-family: Helvetica;
font-size: 8pt;
font-weight: bold;
cursor: default;
}

/* ****************************************************************** */
/* 20 - TD-MnuInsOff : onglet n'ayant pas le focus ****************** */
/* ****************************************************************** */
TD.MnuInsOff
{
background-color: #336699;
color: #ffffff;
vertical-align: middle;
text-align: center;
font-family: Helvetica;
font-size: 8pt;
font-weight: bold;
cursor: pointer;
cursor: hand;
}

/* ****************************************************************** */
/* XX - TABLE-SousMenus : table contenant l'ensemble des sous-menus * */
/* ****************************************************************** */
TABLE.SousMenus
{
border: 0px;
height: 26px;
width: 55px;
}

/* ****************************************************************** */
/* 22 - TD-SsMnuOn : sous-menu ayant le focus *********************** */
/* ****************************************************************** */
TD.SsMnuOn
{
background-color: #66AFE4;
color: #000000;
vertical-align: middle;
text-align: center;
font-family: Helvetica;
font-size: 8pt;
font-weight: bold;
cursor: pointer;
cursor: hand;
}

/* ****************************************************************** */
/* 22bis - TD-SsMnuCoinOn : coin du sous-menu ayant le focus ******** */
/* ****************************************************************** */
TD.SsMnuCoinOn
{
background-color: #000000;
}

/* ****************************************************************** */
/* 23 - TD-SsMnuOff : sous-menu n'ayant pas le focus **************** */
/* ****************************************************************** */
TD.SsMnuOff
{
background-color: #66AFE4;
color: #FFFFFF;
vertical-align: middle;
text-align: center;
font-family: Helvetica;
font-size: 8pt;
font-weight: bold;
cursor: pointer;
cursor: hand;
}

/* ****************************************************************** */
/* 23bis - TD-SsMnuSep : séparateur de sous-menu ******************** */
/* ****************************************************************** */
TD.SsMnuSep
{
background-color: #FFFFFF;
width: 1px
}

/* ****************************************************************** */
/* XX - TABLE-BtnLst : table contenant l'ensemble des boutons ******* */
/* ****************************************************************** */
TABLE.BtnLst
{
}

/* ****************************************************************** */
/* XX - TABLE-BtnElt : table contenant les éléments d'un bouton ***** */
/* ****************************************************************** */
TABLE.BtnElt
{
margin-left: 4px;
margin-right: 4px;
border-collapse: collapse;
vertical-align: middle;
text-align: center;
}

/* ****************************************************************** */
/* 20bis et 21 - TD-BtnPic : case contenant l'image d'un bouton ***** */
/* ****************************************************************** */
TD.BtnPic
{
height: 24px;
width: 22px;
background-color: #3763A4;
border: 1px solid black;
cursor: pointer;
}

/* ****************************************************************** */
/* 20ter et 21bis - TD-BtnTxt : case contenant le texte d'un bouton * */
/* ****************************************************************** */
TD.BtnTxt
{
padding-left: 8px;
padding-right: 8px;
background-color: #3763A4;
border: 1px solid black;
color: white;
font-size: 9pt;
font-weight: normal;
font-family: Verdana;
cursor: pointer;
}

/* ****************************************************************** */
/* XX - TD-BtnEmp : case vide haut et bas partie texte d'un bouton ** */
/* ****************************************************************** */
TD.BtnEmp
{
height: 4px;
}

/* ****************************************************************** */
/* Compléments pour les pages "standard"                           ** */
/* ****************************************************************** */

TABLE.TableVisu
{
background-color: #FFFFFF;
}

INPUT.Ajout
{
font-family: Verdana;
font-size: 10pt;
}

SELECT.Ajout
{
font-family: Verdana;
font-size: 10pt;
}

HR.Separation
{
color: #0000FF;
}

/* ****************************************************************** */
/* Compléments pour la page d'accueil                              ** */
/* ****************************************************************** */

.pageaccueil{position:absolute; width:100%; height:100%; top:0px; left:0;}

.title
{
BACKGROUND-COLOR:white;
BACKGROUND-IMAGE:url(images/bando.jpg);
BACKGROUND-REPEAT: repeat-x;
background-position:top left;
color:#0099FF;
padding-top:80px;
text-align:center;
font-size:18pt;
font-weight:bold;
height:110px;
}

TABLE.bloc
{
height:100%;
width:100%;
border-collapse:collapse; 
border:1px solid #004696
}

TD.titlebloc
{
text-align:left;
font-family:verdana;
font-weight:bold;
line-height:20px;
font-size: 9pt;
color: #FFFFFF;
height:15px;
background-color:#004696;
padding-left:5px
}

/* ****************************************************************** */
/* Compléments pour les boutons                                    ** */
/* ****************************************************************** */

button {width:1px;height:1px; overflow:visible;}

button{
		background-color:#3763A4; color:white; border:1px solid #559FEA; font-family:Verdana;
		height:25px;
		color:white; border:1px solid #000000; 
		font-size:9pt;
		font-weight:normal;
		line-height:15px;
		padding: 3px;
		display:-moz-inline-box;
		display:inline-block; 
		width:auto;
		overflow:visible;
		margin:2px;
		cursor:pointer;
		}
		
button:hover{
background-color:#0099FF;
		border:1px solid #3763A4;
		height:25px;
		color:white; 
		font-family:Verdana;
		font-size:9pt;
		font-weight:normal;
		line-height:15px;
		margin:2px;
		cursor:pointer;
		}

body{behavior:url("css/hover.htc");font-family:verdana; font-size:9pt ; padding:0;margin:0;height: 100%}

/* ****************************************************************** */
/* Compléments pour les paragraphes                                ** */
/* ****************************************************************** */

.paragraph         {font-size:10pt; padding-top:5px; padding-right:20px; margin-bottom:5px}
.paragraph .ptitle {font-size: 12pt; color: #314583; position:relative; height:20px; border-bottom:2px solid #0000FF; margin-bottom:7px;}
.paragraph .inst   {font-size: 10pt; font-weight:normal; padding-bottom:5px;}
.paragraph .info   {font-size: 10pt; color: #336699; position:relative; height:20px;
					background: url(images/i.gif); background-repeat: no-repeat; background-position:top left;
					padding-left :25px;margin-left:20px;}

.paragraph .content{font-size: 10pt; position:relative; top:0px; left:0px; width:100%; padding-top:2px; padding-left:20px; padding-bottom:3px;}

.paragraph_arrow_hide{cursor:pointer;background: url(images/arrowhide.gif);background-repeat: no-repeat;background-position:center left;padding-left:20px;}
.paragraph_arrow_show{cursor:pointer;background: url(images/arrowshow.gif);background-repeat: no-repeat;background-position:center left;padding-left:20px;}

.bparagraph
{
    font-size: 8pt;
    padding-top: 1px;
    padding-right: 20px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px;
    border-right: #314583 thin solid;
    border-top: #314583 thin solid;
    border-left: #314583 thin solid;
    border-bottom: #314583 thin solid;
    background-color: white;
}
.bparagraph .ptitle
{
    background-color: #314583;
    font-size: 8pt;
    color: white;
    position: relative;
    border-bottom: 2px solid #0000FF;
    margin-bottom: 1px;
    font-weight: bold;
}

/* ****************************************************************** */
/* Compléments pour les "menus-arbres"                             ** */
/* ****************************************************************** */

ul.tree-menu
{
font-size: 8pt;
line-height: 22px;
font-family: tahoma;
margin: 0;
padding: 0;
}
ul.tree-menu ul
{
margin: 0 0 0 20px;
padding: 2px 0 0 0;
}
ul.tree-menu li
{
list-style-type: none;
margin: 0;
padding: 0;
}
ul.tree-menu li.section
{
background-image: url('images/folder.gif');
background-repeat: no-repeat;
background-position: top left;
padding-top: 1px;
padding-bottom: 1px;
}
ul.tree-menu li.section-open
{
background-image: url('images/folder-open.gif');
background-repeat: no-repeat;
background-position: top left;
padding-top: 1px;
padding-bottom: 1px;
}
ul.tree-menu li.box
{
background-image: url('images/doc.gif');
background-repeat: no-repeat;
background-position: top left;
padding-top: 1px;
padding-bottom: 1px;
}
ul.tree-menu a
{
margin-left: 20px;
color: #0083C5;
text-decoration: none;
white-space: nowrap;
}
ul.tree-menu a:visited
{
margin-left: 20px;
color: #0083C5;
text-decoration: none;
white-space: nowrap;
}
ul.tree-menu a:hover
{
margin-left: 20px;
color: #AFD8ED;
text-decoration: underline;
white-space: nowrap;
}

/*--------------------------------*/
/* style des table visu et saisie */
/*--------------------------------*/
.tabNaviList{}
.tabNaviCell{	font-size:9pt;	color:#000000;	text-align:right;}
.tabFoot{  text-align:left;  background-color:#BBDDFF;  padding-left:2px;  padding-top:0px;  padding-bottom:0px;  border-bottom: 1px solid #004696;	border-left: 1px solid #004696;	border-right: 1px solid #004696;}
.tabNaviElement{padding-left:1px;padding-right:1px}
.tabHeader .tabBoutonBar{background :url(images/tabarrowtop.gif) ;height:25px;  	  background-repeat:no-repeat;background-position:9px 6px;padding-left:35px;}
.tabFoot .tabBoutonBar{background :url(images/tabarrowbottom.gif) ;height:25px;  	  background-repeat:no-repeat;background-position:9px 1px;padding-left:35px;}
.tabBoutonBar button{height:20px;font-size:12px;line-height:12px;}
.tabBoutonBar button:hover{ height:20px;font-size:12px;line-height:12px;}	


.pagi_next	{height:20px;width:20px;cursor:pointer;background :url(images/paginext.gif) ;  	  background-repeat:no-repeat;background-position:0px 0px;}
.pagi_prev	{height:20px;width:20px;cursor:pointer;background :url(images/pagiprev.gif) ;  	  background-repeat:no-repeat;background-position:0px 0px;}
.pagi_start	{height:20px;width:20px;cursor:pointer;background :url(images/pagistart.gif) ;  	  background-repeat:no-repeat;background-position:0px 0px;}
.pagi_end	{height:20px;width:20px;cursor:pointer;background :url(images/pagiend.gif) ;  	  background-repeat:no-repeat;background-position:0px 0px;}

.pagi_next_off	{height:20px;width:20px;cursor:pointer;background :url(images/paginext_off.gif) ;  	  background-repeat:no-repeat;background-position:0px 0px;}
.pagi_prev_off	{height:20px;width:20px;cursor:pointer;background :url(images/pagiprev_off.gif) ;  	  background-repeat:no-repeat;background-position:0px 0px;}
.pagi_start_off	{height:20px;width:20px;cursor:pointer;background :url(images/pagistart_off.gif) ;  	  background-repeat:no-repeat;background-position:0px 0px;}
.pagi_end_off	{height:20px;width:20px;cursor:pointer;background :url(images/pagiend_off.gif) ;  	  background-repeat:no-repeat;background-position:0px 0px;}
.cssblockSizeSetter{color:000000; font-size:9pt}	


/*--------------------------------*/
/* style des blocs 				  */
/*--------------------------------*/
.blocInfo      {font-size:9pt;padding-top:5px;padding-right:20px; border:1px solid #BBDDFF ; border-collapse:collapse}
.blocInfo .bititle {font-size: 10pt;color: #424542;height:20px;background-color:#BBDDFF;margin-bottom:7px;font-weight:bold;padding-left:5px}
.blocInfo .bicontent{font-size:9pt;left:0px; ; padding:3px;}


/*--------------------------------*/
/* form						 	  */
/*--------------------------------*/
.form_label{text-align:right;font-size:9pt;}
.form_val_num{text-align:right;font-size:9pt;}
.form_val_txt{text-align:left;font-size:9pt;}
.formlineTotal{height:2px;font-size:2px; border-bottom:1px dotted #000000;}



.alert   {font-size: 10pt; color: red; position:relative; height:20px;					
					padding-left :25px;margin-left:20px;}

/*--------------------------------*/					
/* style du train */ 
/*--------------------------------*/ 
.train {position:relative;width:100%;}
.train_rail_PRE{	background:url('images/traintraitbeige.gif') ;background-repeat: repeat;}
.train_rail_POST{	background:url('images/traintraitbleu.gif')  ;background-repeat: repeat;}
.train_text_post{	font-size:8pt;	color:#A0A0A0;padding-top:5px;}
.train_text_pre{	font-size:8pt;	color:#484848;	padding-top:5px;}
.train_text_here{  padding-top:5px;	font-size:9pt;	font-weight:bold;	color:#314583;}

/*--------------------------------*/
/* style des helpPannel			      */
/*--------------------------------*/
.helpPannelIco{cursor:pointer;width:20px;display:inline-block; height:20px;background: url(images/help.gif);background-repeat: no-repeat;background-position:top left;}
.helpPannel{ z-index:10;display:none; cursor:pointer;  background-color:#AAAAAA; font-family:arial; font-size:10pt;border:1px solid #004696;}
.helpPannel .htitle {
	cursor:pointer;
	height:20px;
	background: url(images/help.jpg);background-repeat: no-repeat;background-position:top left;
	background-color:#FFFFFF;
	font-family:verdana; 
	font-weight:bold;
	line-height:20px;
	font-size: 9pt;
	color: #004696;
	height:20px;
	border:1px solid #004696;display:block;border-collapse:collapse;
	padding-left:25px;  }
.helpPannel .hcontent{background-color:#FFFEDD;font-family:arial; font-size:10pt;padding-left:20px;display:block;border-collapse:collapse;border:1px solid #004696;border-top:0px solid;}


.UTIL_FIXED_CENTER
{
	position: absolute;	
	top: expression((document.body.clientHeight-this.offsetHeight )/2 + body.scrollTop +'px');
	left: expression((document.body.clientWidth-this.offsetWidth  )/2 + body.scrollLeft + 'px');
}