body { font-family:Verdana,Arial,Garamond; font-size:12px;width:780px;}

/* 1 - la bannière  */
table#banner  {width: 780; margin: 0 0 10 0  ;padding: 0;border-spacing: 0;}


/* 2 - Les onglets du bandeau */
div#tab {display:block; margin: -1px 0 0px 0;width: 780;  }
div#tab ul {font: bold 11px verdana, arial, sans-serif; list-style-type: none; padding-bottom: 25px;   border-bottom: 1px solid #00f; margin: 0;}
div#tab ul li { float: left; height: 21px; background-color: #6B51ED; margin: 3px 2px 0 2px; border: 1px solid #00f;  color:#9D191B;}
div#tab ul li.active {  border-bottom: 1px solid #D9E9F1;   background-color: #D9E9F1;}
div#tab ul a { float: left;  display: block;  color: #000;  text-decoration: none;   padding: 4px;}
div#tab ul a:hover {background: #3C3CFC;color:#FFF;}
div#tab ul li.active a:hover {  background-color: #D9E9F1;color: #404040; }


div.formDiv {overflow:auto; height: 400px;width:auto;}
div.subFormDiv {overflow:auto; width:auto;}


/* 3 - la mise en plave du contenut */
div#content { background : #D9E9F1;width:780px;padding-bottom:10px;padding-top:10px;}
fieldset legend {padding: 0 2px 0 2px; font-weight: bold; font-size: 12px; color: #808080; font-family: arial, tahoma, sans-serif; }
fieldset {font-size: 12px; font-family:Verdana,Arial,Garamond; font-size:12px;}


/* 3 - Les fieldsets du menu */
filedset.menu {margin : 5px 10px 5px 20px;font-family:Verdana,Arial,Garamond; font-size:12px;background-color: #808080;}
filedset.menu select {border:0;font-family:Verdana,Arial,Garamond; font-size:12px;}


/* 4  les fieldsets des infos*/
fieldset.info table {margin: 0 0 0 0; padding: 0 0 0 0}
fieldset.info table th {color: #808080; font-weight: normal; font-family:Verdana,Arial,Garamond; font-size:12px;   white-space: nowrap; text-align: left; padding: 10 10 5 15 ;  display: table-cell; }
fieldset.info table td {color: #000000; font-weight: bold; font-family:Verdana,Arial,Garamond; font-size:12px;   padding: 10 10 5 0 ;  min-width: 50px;display: table-cell;  }




/* 5 - les tableau pour afficher un résultat */
div.tableData {overflow:auto; height: 150px;width:auto;}
div.tableData table  {border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0; padding: 0; }
div.tableData table img {border-width: 0; display: block; margin-left: auto; margin-right: auto; float: left; }
div.tableData table tbody tr.even {background-color: #FFF; }
div.tableData table tbody tr.selected {background-color: #AAA; }
div.tableData table tbody tr.odd {background-color: #F2EAEA; }
div.tableData table thead tr {background-color: #CCC; }
div.tableData  th , div.tableData  td {margin: 0; padding: 0 5px; }
div.tableData  th {height: 25px; font-family:Verdana,Arial,Garamond; font-size:12px; font-weight: bold; text-align: center; vertical-align: middle; border-bottom: 2px solid #000;  border-left: none; border-right: none; }
div.tableData  td {height: 25px; font-family:Verdana,Arial,Garamond; font-size:12px;  text-align: center; vertical-align: middle;  border-left: none; border-right: none; }

/* 6 - div contenant les actions d'une page*/
div.action  {white-space: nowrap;margin-top : 10px;}
div.action img {border-width: 0; display: block; margin-left: 10px;  float: left; }

/* 7 - Les fieldsets de formulaire */
filedset.formulaire {margin : 5px 10px 5px 20px;font-family:Verdana,Arial,Garamond; font-size:12px;background-color: #808080;}
filedset.formulaire select {border:0;font-family:Verdana,Arial,Garamond; font-size:12px;}
fieldset.formulaire table th {color: #808080; font-weight: normal; font-family:Verdana,Arial,Garamond; font-size:12px;   white-space: nowrap; text-align: left; padding: 10 10 5 15 ;  display: table-cell; }
fieldset.formulaire table td {color: #000000; font-weight: bold; font-family:Verdana,Arial,Garamond; font-size:12px;   padding: 10 10 5 0 ;  min-width: 50px;display: table-cell;  }

/* 8 - les messages */
div.ok {color: #000000; font-weight: bold;font-family:Verdana,Arial,Garamond; font-size:12px;padding-left: 30px;background-image:url(ok.gif);background-repeat:no-repeat;}
div.ok a {color: #3C3CFC;text-decoration: none;  }
div.ok a:hover {color: #ffffff;  }

div.error {color: #ff0000; font-weight: bold;font-family:Verdana,Arial,Garamond; font-size:12px;padding-left: 30px; background-image:url(error.gif);background-repeat:no-repeat;}
div.error a  {color: #3C3CFC;text-decoration: none;  }
div.error a:hover {color: #fffff  }

/* 9 - Les onglets du sous menu */
div#subtab {display:block; margin: -1px 0 0px 10px;width: 760;  }
div#subtab ul {font: bold 11px verdana, arial, sans-serif; list-style-type: none; padding-bottom: 25px;   border-bottom: 1px solid #990000; margin: 0;}
div#subtab ul li { float: left; height: 21px; background-color: #FC5522; margin: 3px 2px 0 2px; border: 1px solid #990000;  color:#9D191B;}
div#subtab ul li.active {  border-bottom: 1px solid #990000;   background-color: #990000;}
div#subtab ul a { float: left;  display: block;  color: #000;  text-decoration: none;   padding: 4px;}
div#subtab ul a:hover {background-color: #B1411F;color:#FFF;}
div#subtab ul li.active a:hover {  background-color: #990000;color: #000; }
div.subtabShow {margin: -1px 0 0px 10px;width: 760;border: 1px solid #990000; display: block; }
div.subtabHidden {margin: -1px 0 0px 10px;width: 760;border: 1px solid #990000; display: none; }