/* $Id: common.css 1319 2007-02-21 14:21:31Z ppierre $ */
/*  border: 1px solid #707070; */

body {
  margin: 0;
  background: #ffffff;
  color: #000000;
  font-family: Verdana, sans-serif;
}

h1 { color: #707070; text-align: left; font-family: Verdana, sans-serif; font-size: x-large; font-weight: bold; }
h2 { color: #ff9000;  text-align: left; font-family: Verdana, sans-serif; font-size: large;   font-weight: bold; margin: 0; }
h3 { color: #993300; text-align: left; font-family: Verdana, sans-serif; font-size: medium;  font-weight: bold; }
h4 { color: #FF8000; text-align: left; font-family: Verdana, sans-serif; font-size: medium;  }
h5 { color: #FF8000; text-align: left; font-family: Verdana, sans-serif; font-size: small;   margin: 0; }
h6 { color: #FF8000; text-align: left; font-family: Verdana, sans-serif; font-size: small;   margin: 0; font-style: italic; }

img          { border: 0; }
img.middle   { border: 0; vertical-align: middle; position: relative; top: 4px; }
img.baseline { border: 0; vertical-align: baseline; }


/* ==========================
 *       Header & footer
 * ========================== */

.header {
  height: 120px;
  border: 0;
  background-color: #BFB597;
  text-align: center;
}

.bandeau {
  background: #cc0000;
  font-family: Arial Narrow, Verdana, sans-serif;
  font-size: 12pt;
  color: white;
  text-align: center;
}

.header h1 {
  margin: 0;
  padding: 10px 10px 0 0;
  color: white;
  text-align: right;
}

.footer {
  clear: both;
  position: relative;
  bottom: 0;
  padding: .4em 1em 0 1em;
  padding-top: .3ex;
  border-top: 1px solid #cc0000;
  font-size: x-small;
  text-align: left;
}

.footer hr { display: none; }

.footerArea {
  clear: both;
  position: relative;
}

.footerLeft {
  float: left;
  margin-left: .5ex;
  color: #707070;
  font-size: x-small;
}

.footerRight {
  float: right;
  color: #707070;
  font-size: x-small;
}


/* ==========================
 *          C-History
 * ========================== */

.history {
  color: black;
  margin-right: 1ex;
  text-align: right;
  font-size: xx-small;
}

.history a         { text-decoration: none; color: #707070; }
.history a:visited { text-decoration: none; color: #707070; }
.history a:hover   { text-decoration: none; color: #993333; }


/* ==========================
 *         Left menu
 * ========================== */

#leftMenu {
  float: left;
  color: maroon;
  font-size: small;
  background: #F5E6B9;
  border-right: 1px solid #cc0000;
  border-bottom: 1px solid #cc0000;
  padding-bottom: 10px;
}

#leftMenu h2.menu    { display: none; }
#leftMenu ul         { color: maroon; list-style-type: none; }
#leftMenu a          { text-decoration: none; color: black;  }
#leftMenu a:hover    { text-decoration: underline; color: black;  }

#leftMenu ul.menu {
  margin: 0;
  padding: .2em 1em 0 1em;
}

#leftMenu ul.menu li {
  background-position:left;
  background-repeat:no-repeat;
  margin-top:5px;
  margin-bottom:10px;
}

#leftMenu ul.menu li li {
  list-style-type: disc;
  margin-bottom:2px;
}

#leftMenu a.selected { text-decoration: none; color: #336699; font-weight: bold;  }

/* ==========================
 *         Main menu
 * ========================== */

.mainColumn {
  margin: 0 0 0 25ex;
  padding: 0;
}

.mainColumnArea {
  margin: 1ex;
  padding: 0;
}


/* ==========================
 *        Debug & error
 * ========================== */

.debug {
  margin:  1em;
  padding: 1ex;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  font-weight: bold;
  color: #008000;
}

.info {
  margin:  1em;
  padding: 1ex;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  font-weight: bold;
  color: #333399;
}

.error {
  margin:  1em;
  padding: 1ex;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  font-weight: bold;
  color: #993333;
}

.fatal {
  margin:  1em;
  padding: 1ex;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  font-size: large;
  color: #FF0000;
}
.fatal a {
  font-size: x-small;
  color: #999999;
}


/* ==========================
 *        Miscellaneous
 * ========================== */

.clearBoth { clear: both; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.accesskey { text-decoration: underline; }
.hidden    { display: none;   }
.noScript  { display: inline; }