body {
 font-family: serif;
 font-size: 14px;
 color: #444444;
}

/**
* Logo style in case text is used instead of gif
*/
#logo {
 font-family: sans-serif;
 font-size: 36px;
 font-weight: bold;
 color: #663300;
}

/**
* Main menu bar for top level items, an ul called id="nav"
*/
#nav {
 margin: 0px;
 padding: 0px;
 background-color: #f8e6d4; /*background-color of the nav bar 
 (hidden by the menu items)*/
 width: 96%;
 height: 20px; /*of the nav bar*/
}

/**
* Both level menu items
*/
#nav a { /*items de menu et sous-menu*/
 display: block;
}

/**
* Top level menu items containers
*/
#nav li { /*positioning and size*/
 height: 20px;  /*same as the containing nav bar*/
 list-style: none; /*no bullets*/
 float: left; /*each floats to the left of the follower*/
 padding-right: 15px; /*they do not touch each other*/
 margin: 0px;
 position: relative; /*pour accueillir la position absolue de certains descendants ?*/
 z-index: 20;
}

/**
* Top level menu items content
*/
#nav li a { 
/*means the a's that are descendant of li's that are descendant of the nav bar 
(ul id="#nav")
but second level is modified later*/
 font-size: 12px;
 text-decoration: none;
 color: black;
 background-color: #f8e6d4; /*couleur des items de menu dans la barre*/
 padding: 0px 3px 0px 3px; /*pour ne pas être trop serré dans le background 
 qui suit en hover*/
}

#nav li a:hover {
 background-color: #554400;
 color: #ffff66;
}

/**
* Container for the drop downs
*/
#nav li ul {
 position: absolute; /*pour ne pas faire redescendre tout ce qui suit ?*/
 z-index: 20; /*pour recouvrir la fenêtre centrale*/
 width: 200px;
 border : 1px solid #440044;
 margin: 0;
 left: -999em; /*pour envoyer ces menus loin en dehors de l'écran*/
 padding: 2px 0px 10px 0px;
/* top: 4em;*/
 background-color: #f8e6d4;
}

/**
* Sub-menu items
*/
#nav li ul li {
 width: 195px; /*qu'ils ne puissent pas se mettre à deux sur la même ligne de 200px*/
}
#nav li ul li a {
 text-decoration: none;
 color: #440044;
 display: block;
 background-color: #f8e6d4;
 padding: 0px 3px 0px 3px; /*pour ne pas être trop serré dans le background en hover*/
}

/* Use Suckerfish Style */
/* M$ Internet explorer ne comprend pas li:hover. Il faut donc un expédient en Java, 
*  qui crée une classe sfhover où il faut quand il faut.
*/
#nav li:hover ul, #nav li.over ul,  #nav li.sfhover ul { /*fait apparaître la liste ul 
 déroulante en passant sur l'item de menu*/
 display: block;
 top: 1em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
 left: auto; /*fait revenir la liste à sa place (contre le left -999em)*/
 z-index: 999;
}
/* End Suckerfish Style */

#pageContents {
 clear: left;
 width: 99%;
 height: 90%;
 overflow: auto;
 position: absolute; bottom: 0;
}

#menu_iframe {
  z-index: 10;
  position: absolute;
  display: none;
}


/* normal links and paging links */
A.link:visited, A.link:link, A.link:active, A.page:visited, A.page:link, A.page.active {
 text-decoration : none;
}
A.link:hover, A.page:hover {
 text-decoration : none;
 border : none;
}
/* resource links for resource URLs */
A.rLink:visited, A.rLink:link, A.rLink:active {
 text-decoration : none;
 color : #444444;
 background : transparent;
}
A.rLink:hover {
 text-decoration : none;
 background : transparent;
 color : #444444;
 border : none;
}
/** image links
A.imgLink:visited, A.imgLink:link, A.imgLink:active {
 text-decoration : none;
 background : transparent;
}
A.imgLink:hover {
 text-decoration : none;
 background : transparent;
} 
*/
/* hyperlinking for browsing creators, collections, publishers, categories and keywords.
Colour and size are defined in-line so should not appear here */
A.browseLink:visited, A.browseLink:link, A.browseLink:active{
 text-decoration : none;
 background : transparent;
}
A.browseLink:hover{
 text-decoration : underline;
}
/* The enclosing paragraph for the browsing above. */
.browseParagraph{
 background : white;
 color : black;
}
/* When viewing lists of resources, display a hyperlink to a pop-up window 
to generate a CMS (Content Management System) 'replacement tag' for each resource */
A.cmsLink:visited, A.cmsLink:link, A.cmsLink:active{
 text-decoration : none;
 color : green;
 font-size: 0.7em;
 background : transparent;
}
A.cmsLink:hover{
 background : transparent;
 font-size: 0.7em;
 color : green;
}
/*****
* .titleTable: the table containing the title bar
*****/
.titleTable {
 width : 96%;
}
/*****
* .menuTable: the table containing the drop-down menus
*****/
.menuTable {
 margin : 0 0 0 2%;
 width : 96%;
 padding : 0;
 clear : both;
}
/*****
* .mainTable: the table containing the main content of WIKINDX
*****/
.mainTable {
 border : 3px groove;
 width : 96%;
 padding : 0.2em;
 margin : 0 0 0 2%;
 clear : both;
}
/*****
* .pluginTopTable: the table containing any plug-in output that is printed 
above the mainTable of WIKINDX
*****/
.pluginTopTable {
 border : 3px groove;
 width : 96%;
 padding : 0.2em;
 margin : 0 0 0 2%;
 clear : both;
}
/*****
* .pluginBottomTable: the table containing any plug-in output that is printed 
below the mainTable of WIKINDX
*****/
.pluginBottomTable {
 border : 3px groove;
 width : 96%;
 padding : 0.2em;
 margin : 0 0 0 2%;
 clear : both;
}
/*****
* .styleTable: the table containing administration of bibliographic styles
*****/
.styleTable {
 border : 1px groove;
 width : 100%;
 padding : 0.2em;
 clear : both;
}
/*****
* .footerFooter: footer information at end of script - part of a table
*****/
.footerTable {
 font-size : 0.8em;
 color : gray;
 width : 96%;
}
/*****
* redefine HTML headings - see /core/html/MISC.php
*****/
h1, h2, h3, h4 {
 margin : 0 0 1em 0;
}
/*****
* .error: <p>error messages</p>
*****/
.error {
 background : red;
 color : black;
}
/*****
* .success: <p>success messages</p>
*****/
.success {
 background : #33ff00;
 color : black;
}
/*****
* .small: small text
*****/
.small, .hint {
 font-size : 0.8em;
}
/*****
* .hint: text hints given to provide further information usually on form input. 
* Often used in conjunction with .small and usually the class of <span>....</span>
*****/
.hint {
 color : grey;
}
/*****
* alternate background colours and font sizes for <td>resources</td> 
* in a bibliographic list
*****/
.alternate1 {
 padding-top : 10px;
 background : #f8e6d4;
/* background : #f8efdf; */
 font-size : 0.9em;
}
.alternate2 {
 padding-top : 10px;
/* background : #ede5d8; */
 font-size : 0.9em;
}
/*****
* when searching/selecting metadata, the resource details are displayed 
* above the metadata in a table cell with these properties
*****/
.metaResourceDetails {
 background : #f0f0f0;
 font-size : 0.9em;
 font-weight : 100;
 padding : 0 0 0 5em;
 border-top-width : 3px;
 border-top-color : black;
 border-top-style : solid;
}
/*****
* .highlight: highlight <span>search terms</span> in text
*****/
.highlight {
 background : yellow;
}
/*****
* .required: highlighting for <span>required</span> form input elements.
*****/
.required {
 color : red;
}
/*****
* .linkCite: style for the Cite link. Often used in conjuction with .link, 
* and can be used to override those styles
* This style is dynamically assigned to appropriate links on page load 
* if the user agent supports JavaScript.
*****/
.linkCite {
 display:inline; /* used to show to JavaScript supporting user agents */
}
/*****
* .linkCiteHidden: style for the Cite link. Often used in conjuction with .link, 
* and can be used to override those styles
* This is the default style applied to Cite links.
*****/
.linkCiteHidden {
display:none; /* used to hide from non-JavaScript user agents */
}
/* Lisibilité des zones de saisie */
textarea#noteText, textarea#quoteText, textarea#quoteComment {
  font-size: 16px;
  font-family: serif;
}
/**
* Javascript Format Bar for the SUWP (Single-User Word Processor)
*/
.imageButton {
 background-color: #c8c8fa;
 border: outset 2px #c0c0c0;
 width: 24px;
 height: 24px;
 padding: 0;
/* margin: 1px; */
 text-align: center;
 vertical-align: middle;
}

.formatSelect {
 height: 24px;
 width: 56px;
 font-size: 9px;
 font-weight: bold;
 background: #c8c8fa;
 color : black;
}

.formatSelectOptgroup {
 height: 24px;
 width: 56px;
 font-size: 9px;
 font-weight: bold;
 background: #c8c8fa;
 color : black;
}

#formatBar {
 border-width: 3px;
 border-style: ridge;
 background: url("images/formatBarBackground.png");
 opacity: 0.80;
}

#formatBarDiv {
 position: absolute; top: 0px; left: 2.7%;
 width: 94%;
 height: 1%;
}

#pageContents {
 width: 99%;
 height: 89%;
 overflow: auto;
 position: absolute; 
 bottom: 0;
 clear: left; 
}

/* End Javascript Format Bar */

/* iFrame for the WYSIWYG word processor 
Not all settings are handled by IE 
Height and width of suwpOuter are set in the code
*/
.suwpOuter {
 padding: 2px;
 background: gray;
 border: 0; /* curses on Bill Gates */
 margin: 1%;
}
.suwpInner {
 padding: 0px;
 background: #FAFAFF;
 border: 0; /* curses on Bill Gates */
 width: 98%;
 margin: 1%;
 color: black;
}