img.logo {
/*height: 56px;*/
height: 31px;
width: 148px;
padding: 1px;
}
table.maint-table {
width: 700;
}
.mainmenuinactive {
background:inherit;
color:grey;
padding: 0em 0.5em 0em 0.5em;
text-decoration: none;
font-weight: bold;
}
.mainmenunav {
background:inherit;
text-decoration: none;
font-weight: bold;
}
.validationlink a, .validationlink a:visited {
background:inherit;
color:white;
padding: 0em 0.5em 0em 0.5em;
text-decoration: underline;
}
.highlightdisplay {
color: rgb(168,40,91);
font-weight: bold;
}
.centeredmessage {
margin-top: 3cm;
text-align: center;
}
.condition-controls input {
margin-top: 0.5cm;
padding: 0em;
background-color: rgb(168,40,91) ;
border: 1px solid rgb(168,40,91);
}
.information {
/*border-style: double;*/
margin-top: 0.5cm;
margin-bottom: 0.5cm;
padding: 0.3cm;
width: 700;
}
.part-header {
color: white;
font-size:x-small;
background-color: rgb(168,40,91);
text-align: left;
margin-bottom: 3px;
margin-top: 3px;
}
/* Defaults for all elements. */
* {
font-family: "Arial", "Helvetica", sans-serif;
font-size:xx-small;
/*font-size:16px;*/ /* Pour le dev */
}
/* Default page settings. */
body {
color:rgb(0,0,0);
background-color:rgb(250,254,231);
margin:0em;
}
/* .maint-rel-table is the style for tables of related
* information (compositions or associations).
* .selectlist-table is the style for tables from which Web users
* can choose a value (for example, a table of countries).
* .browse-table is the style for tables which shows the results
* of a query.
*/
table.browse-table, table.maint-rel-table, table.selectlist-table {
/* width: 100%; */
border-collapse: collapse;
margin: 20px 0 20px 0;
/*
background: rgb(178,203,73);
*/
background: rgb(244,254,206);
cursor: default;
}
/* Make sure that the forms in the table (for edit and select buttons) don't cause
* row distortion
*/
.browse-table form, .maint-rel-table form, .selectlist-table form {
display: inline;
}
.nomVille h1 {
font-size : small;
font-weight : bold;
color : black;
background-color : transparent;
}
.nomVille h2 {
font-size : small;
/* font-weight : bold;*/
color : black;
background-color : transparent;
}
/* The following rules apply to browse-table, maint-rel-table and selectlist-table:
* tr.row-odd
* tr.row-even
* tr.row-empty
* tr.row-selected
* .column-selected
* .header.dragover
*/
/* Style for odd rows */
tr.row-odd {
background-color: rgb(244,254,206);
}
/* Style for even rows */
tr.row-even {
background-color: white;
}
/* Style for empty row displaying "No records found" */
tr.row-empty {
background-color: white;
}
/* Style when row is selected */
tr.row-selected {
background-color: rgb(244,253,206);
}
/* Style when column is selected */
.column-selected {
background-color: #bef;
}
/* Style when a header is dragged over another header (for reordering the table) */
.header-dragover {
background-color: rgb(238,252,173);
}
/* Style for the header row of the tables */
table.browse-table thead tr,table.maint-rel-table thead tr,table.selectlist-table thead tr {
background-color: rgb(238,252,173);
}
/* Style for the individual headers of the table */
table.browse-table thead th,table.maint-rel-table thead th,table.selectlist-table thead th {
cursor: hand;
border-left: 2px solid white;
border-bottom: 2px solid white;
}
/* Style for the individual cells of the table */
table.browse-table td, table.maint-rel-table td, table.selectlist-table td {
white-space: nowrap;
padding-right: 8px;
}
/* The following styles are used to create the tabbed interface.
* This tabbed interface is created using the following tables:
*
*
*
*
*/
table.tab, table.tab-main {
background-color: rgb(250,254,231);
border: 0px;
margin-bottom: -1px;
margin-top: 5px;
}
td.inactive-tab {
font-weight: bold;
background-color: rgb(238,252,173);
border-left: 1px solid rgb(168,40,91);
border-top: 1px solid rgb(168,40,91);
border-right: 1px solid rgb(168,40,91);
border-bottom: 2px solid rgb(168,40,91);
padding: 5px;
white-space: nowrap;
cursor: default;
}
td.active-tab {
font-weight: bold;
background-color: rgb(244,253,206);
border-left: 1px solid rgb(168,40,91);
border-top: 1px solid rgb(168,40,91);
border-right: 1px solid rgb(168,40,91);
border-bottom: 0px solid rgb(168,40,91);
padding: 5px;
white-space: nowrap;
cursor: default;
}
td.clear-tab {
background-color: rgb(250,254,231);
border-bottom: 2px solid rgb(168,40,91);
}
table.content-tab {
background-color: rgb(244,253,206);
border-left: 1px solid rgb(168,40,91);
border-top: 0px;
border-right: 1px solid rgb(168,40,91);
border-bottom: 1px solid rgb(168,40,91);
}
table.content-tab td {
padding-left: 10px;
padding-right: 10px;
}
/* Style for the table where you can specify a query */
table.query-table {
background-color: rgb(238,252,173);
border: 1px solid rgb(168,40,91);
margin: 20px 0 20px 0;
}
/* Style for labels before editable fields */
th.maint-label {
color:black;
text-align: right;
padding-left: 10px;
padding-right: 10px;
}
/* Style for labels before editable fields */
th.label {
color:black;
text-align: left;
padding-left: 10px;
padding-right: 10px;
}
/* Style for labels before editable fields */
.maint-bodylabel {
color:black;
text-align: left;
padding-left: 10px;
padding-right: 10px;
}
/* Style for all buttons. Buttons will probably be replaced so that everyone can design their own buttons */
button, input.button {
color:white;
background-color: rgb(168,40,91);
border: 1px solid rgb(244,253,206);
cursor: hand;
font-size:xx-small;
}
/* h1 is used to provide a banner area. */
h1 {
/*background-image:url(../images/TopBanner.gif);*/
color:white;
background-color:rgb(178,203,73);
font-size:medium;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
padding-left:0.2em;
line-height:200%;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:1px;
}
h2, h3, h4 {
font-weight:normal;
margin:0.5em,0em,0.2em,0em;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}
h2 {
font-size:small;
}
h3 {
font-size:small;
}
h4 {
font-size:x-small;
}
/* Style for the navigation bar. */
.navigation {
width:100%;
color:white;
/*background-image:url(../images/MidBanner.gif);*/
background-color:rgb(168,40,91);
font-weight: bold;
font-size:xx-small;
display:block;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}
/* Hyperlink style for the navigation bar. */
.navigation a {
background:inherit;
color:white;
padding: 0em 0.5em 0em 0.2em;
text-decoration: none;
}
/* Hyperlink style for inactive link (in the the navigation bar). */
.inactive {
background:inherit;
color:lightgrey;
padding: 0em 0.5em 0em 0.2em;
text-decoration: none;
}
/* Hyperlink style for 'browse' tables. */
.browse-body a {
text-decoration: none;
color:rgb(12,115,254);
}
/* Mouse-over color hyperlinks in navigation bar and browse tables */
.navigation a:hover, .browse-body a:hover {
color:black;
}
.navigation a:visited, .navigation a:active {
color:inherit;
}
.errormessage {
color:red;
background:inherit;
}
.infomessage {
color:rgb(250,254,231);
background:inherit;
}
.error {
background:inherit;
color:red;
}
.message {
font-size:xx-small;
text-align:left;
}
.welcome {
font-size:xx-small;
text-align:left;
}
ul.welcome{
font-size:xx-small;
list-style-type: disc
list-style-position: outside
}
.welcomebold {
font-size:x-small;
font-weight: bold;
text-align:left;
}
.welcomeunderline {
font-size:x-small;
text-decoration: underline;
text-align:left;
}
.titleparagraph {
font-size:xx-small;
font-weight: bold;
text-align:left;
}
/* OptimalJ JSPs use a table to define basic page layout.
* Every page has the following set of tables (differencing in number or tr and td elements):
*
*
*
* |
*
*
*
* |
*
*
* |
*
*
*
* |
*
*
*
*/
.layout-table {
background-color:rgb(250,254,231);
border:none;
width:100%;
}
tr.layout-row, td.layout-cell {
background:inherit;
font-weight: bold;
color:inherit;
padding:0px;
margin:0px;
vertical-align:top;
}
.layout-line {
width:100%;
height:5px;
color:#000000;
}
.law {
font-size:xx-small;
text-align:center;
}
/* The style for the page footer. */
.footer {
width:100%;
color:white;
background-color:rgb(168,40,91);
/*background-image:url(../images/BottomBanner.gif);*/
font-size:xx-small;
}
/* The first part of the page footer. */
.footer-start {
text-align:left;
width:33%;
color:white;
}
/* The middle part of the page footer. */
.footer-middle {
text-align:center;
width:33%;
color:white;
}
/* The last part of the page footer. */
.footer-end {
width:33%;
text-align:right;
color:white;
}
/* .query-desc is the descriptive part of a query form. */
.query-desc {
width:60%;
}
/* Menu stuff */
.table-menu {
border:none;
border-collapse:collapse;
font-weight: bold;
color: black;
margin-top: 10px;
margin-left: 10px;
}
.table-menu td {
color:black;
border:none;
padding-bottom: 2px;
}
.table-menu th {
padding-right:1em;
}
.menu-table {
border:none;
width:100%;
background:inherit;
}
.mainmenu a {
background:inherit;
color:rgb(255,0,254);
text-decoration: none;
}
.mainmenu a:hover {
color:black;
}
.maint-label, .query-label {
/*
text-align: left;
font-weight:400;
padding-right:1em;
*/
}
/* Styles for related data (data from compositions and associations). */
/* .maint-relations is the area containing related data. */
/* .maint-compositions is the area containing all composite data. */
/* .maint-associations is the area containing all associated data. */
/* .maint-rel-instance wraps each related/composite object. */
/* .maint-rel-header is the style for the th tags in related/composite tables. */
.maint-relations, .maint-compositions, .maint-associations, .maint-rel-instance {
}
/* .maint-controls wraps the OK and Delete buttons on a data entry form. */
.maint-controls {
padding: 1em 0em 1em 0em;
width:100%;
}
.maint-controls input {
padding: 0em;
width: 10em;
background-color: rgb(168,40,91) ;
border: 1px solid rgb(168,40,91);
}
/* Defaults for input tags. */
input {
display:inline;
}
.header, .content {
width:100%;
font-weight: bold;
}
/* This style rule can apply borders to the navigation and footer sections. */
.navigation, .footer {
border-bottom: none;
border-top: none;
padding: 0px;
}
/* Creates a horizontal rule and white space before each composite or associated table. */
.maint-rel-instance {
}
.clsExpNode, .clsNode:visited{
font-family: Arial, Helvetica, sans-serif;
color: black;
font-size : xx-small;
text-decoration : none;
}
.clsNode, .clsNode:visited{
font-family: Arial, Helvetica, sans-serif;
color: black;
font-size : xx-small;
text-decoration : none;
}
.clsNodeL1, .clsNodeL1:visited{
font-family: Arial, Helvetica, sans-serif;
color: black;
font-size : xx-small;
text-decoration : none;
}
.clsNodeL1:hover{
font-family: Arial, Helvetica, sans-serif;
color: blue;
font-size : xx-small;
text-decoration : underline;
}
.clsNodeL2, .clsNodeL2:visited{
font-family: Arial, Helvetica, sans-serif;
color: black;
font-size : xx-small;
text-decoration : none;
}
.clsNodeL2:hover{
font-family: Arial, Helvetica, sans-serif;
color: blue;
font-size : xx-small;
text-decoration : underline;
}
.clsNodeL3, .clsNodeL3:visited{
font-family: Arial, Helvetica, sans-serif;
color: black;
font-size : xx-small;
text-decoration : none;
}
.clsNodeL3:hover{
font-family: Arial, Helvetica, sans-serif;
color: blue;
font-size : xx-small;
text-decoration : underline;
}
.informations {
position: absolute;
left: 610px;
top: 80px;
padding: 1em;
border: 1px rgb(168,40,91) solid;
}