TD.entete{
	background-image: url(img/entete_tableau.gif);
	background-repeat: repeat-x;
	font-family: Arial,Helvetica,sans-serif;
	border-top: 1 px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	font-size: 9pt;
	height: 20px;
	
}

legend
{
	font-weight: bold;
}

p.saisie
{
	margin-bottom: 3px;
	margin-top: 5px;
}

label
{
	margin-right: 5px;
	margin-left : 2px;
}
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: #dde5ef;
}

TD.entete:hover{
	background-image: url(img/element_menu_sel.gif);
	background-repeat: repeat-x;
	cursor:pointer;
}

TD.champs {
	font-size: 9pt;
	font-family: Arial,Helvetica,sans-serif;
}

INPUT.saisie {
	border-top: 1px solid  #d0d0d0;
	border-left: 1px solid  #d0d0d0;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

INPUT.saisie:focus {
	background-color: #fbf9c7;
	border-top: 1px solid  #d0d0d0;
	border-left: 1px solid  #d0d0d0;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.message{
	position: absolute;
	bottom:0;
	border: 1px solid blue;
	background-color: #efefef;
	padding: 5px;
	display: block;
	font-size: 9pt;
	color: red;
}

.sql{
	position: absolute;
	font-family: Arial,Helvetica,sans-serif;
	border: 1px solid blue;
	background-color: #efefef;
	padding: 5px;
	display: block;
	font-size: 9pt;
	color: red;
	left: 50%;
	z-index: 5;
}

.info{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 6pt;
}

TD.entete_menu{
	background-image: url(img/fond_barre_menu.gif);
	background-repeat: repeat-x;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	width: 15px;
}

TD.cellule { 
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	/*border-right: solid thin #bfbfbf;*/
	border-spacing:10px;
	background-color: white;
}

TR.ligne { border: 1px solid blue;}

TD.cellule:hover{ 
	background-color: #e0e0e0; 
	cursor:pointer;
}


TABLE{ 
	border: solid thin #bfbfbf;
}

TABLE.saisie{
	border-top: 1px solid  #d0d0d0;
	border-left: 1px solid  #d0d0d0;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 5px;
}

TABLE.barre_bouton{
	border-top: 2px solid  #d0d0d0;
	border-left: 2px solid  #d0d0d0;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	padding-right: 30px;
	padding-left: 30px;
	background-color: #464a74;
	color: #ffffff;
}

TABLE.liste{ 
	border: 0px;
}

DIV.liste {
	overflow:auto;
	background-color: white;
	border: solid thin #bfbfbf;
}
DIV.toolbar{
	background-image: url(img/fond_barre_menu.gif);
	background-repeat: repeat-x;
	border: solid thin #bfbfbf;
}
TD.toolbar{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 7pt;
}
a.toolbar:link{
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #d0d0d0;
	border-bottom: 2px solid #d0d0d0;
}
a.toolbar:visited{
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}
a.toolbar:active{
	border-top: 2px solid  #d0d0d0;
	border-left: 2px solid  #d0d0d0;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

A.ent:link {text-decoration: none;color: black;}
A.ent:visited {text-decoration: none;color: black;}
A.ent:active {text-decoration: none;color: black;}
A.ent:hover {text-decoration: underline; color: blue;}

A.csv:link {font-family: Arial,Helvetica,sans-serif;font-size: 7pt;text-decoration: none;color: white;}
A.csv:visited {font-family: Arial,Helvetica,sans-serif;font-size: 7pt;text-decoration: none;color: white;}
A.csv:active {font-family: Arial,Helvetica,sans-serif;font-size: 7pt;text-decoration: none;color: white;}
A.csv:hover {font-family: Arial,Helvetica,sans-serif;font-size: 7pt;text-decoration: none; color: gold;}

img.toolbar {
	border-top: 2px solid  #ffffff;
	border-left: 2px solid  #ffffff;
	border-right: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
	background-color: #dedede;
	padding: 2px;
}

img.toolbar:active {
	border-top: 2px solid  #d0d0d0;
	border-left: 2px solid  #d0d0d0;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

img.toolbar:hover {
	background-color: #cee4ff;
}

TABLE.menu{
	border: solid thin #bfbfbf;
}
DIV.corps {
	background-color: #cee4ff;
	border: solid thin #bfbfbf;
	font-size: 10pt;
	font-family: Arial,Helvetica,sans-serif;
	min-height: 80%;
}
  

html, body {
	margin: auto;
	/*padding: 0;*/
	width: 99%;
	height: 100%;
	align: center;
}

div#menu {
	width: 150px;
}

/* fond blanc pour le menu */ 
div#menu a {
	color:#000000
}
div#menu ul {
	padding: 0; 
	width: 150px;  
	margin:0px; 
}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover { 
	z-index: 2;
}
div#menu li.sousmenu:hover {
	z-index: 2;
}

div#menu li.sousmenu2:hover{
	z-index: 2;
	background-image: url(img/element_menu_sel.gif);       
}

div#menu ul.niveau2 {
	position: absolute; 
	top: 20px; 
	left: 0px; 
	display:none;
	border: solid thin gray;
	background-color: #f0f0f0;
	z-index: 2;
	font-size: 8pt;        
	font-family: Arial,Helvetica,sans-serif;
}
div#menu ul.niveau3 {
	position: absolute; 
	top: -1px; 
	left: 150px; 
	display:none;
	border: solid thin gray;
	background-color: #f0f0f0;
	z-index: 2;
}
div#menu ul li {
	position:relative; 
	list-style: none; 
}

div#menu ul ul {
	position: absolute; 
	top: -1px; left: 150px; 
	display:none
}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a 
{
	text-decoration: none; 
	padding: 4px 0 4px 8px; 
	display:block; 
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau1 li.sousmenu2:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu2:hover ul.niveau3 {display:block;}
/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: red;}
div#menu ul ul li a:hover {border-left-color: #00FF00;}
div#menu ul ul ul li a:hover {border-left-color: #0000FF;}

div.footer{
	position:absolute;
	bottom:2px;
	width: 98%;
	background-color: #cee4ff;
	border: solid thin #bfbfbf;
	font-size: 10pt;
	font-family: Arial,Helvetica,sans-serif;
}

a.tableau{
	font-weight: bold;
	text-decoration: none;
	color:#000000;
	padding: 4px 1px 4px 8px;
}

img.bouton{
	border: 2 px outset;
}

div.saisie_foot{
	margin :3px;
}
div.saisie{
	margin: 10px;
}