/* Généralités */

a img { border: none; }

div.clear { clear: both; visibility: hidden; }

/* Cadre de la page */

html {
  background-color: #6c828a;
}

body {
  position: relative;
  width: 1007px;
  margin: 0px auto 5px;
}

a#logo-topright {
  display: block;
  text-align: right;
  margin-top: 10px;
  margin-bottom: -10px;
}

div#header {
  vertical-align: bottom;
  color: #eee;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 18px;
  margin-bottom: -3px;
}

div#page {
  background: white;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 50px;
  font-family: Arial, Helvetica, sans-serif;
}

/* Contenu */

h1, h2 {
  font-weight: normal;
  text-transform: uppercase;
  color: #666;
  margin-bottom: 0.5em;
}

h1 {
  font-size: 150%;
  margin-top: 1.25em;
}

h2 {
  font-size: 95%;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

div.texte {
  margin-bottom: 1em;
  color: #6c828a;
  font-size: 10pt;
}

.colored {
  color: rgb(204, 0, 0);
}

b {
  font-weight: bold;
  font-size: 0.95em;
}

div.texte a {
  color: #4060ff;
  text-decoration: none;
}

div.texte a:hover {
  text-decoration: underline;
}

/* Menu */

div.menu {
  text-align: center;
}

div.menu ul {
  margin: 0.2em 0px 35px;
  padding: 0px;
  display: inline-block;
  list-style: none;
}

div.menu ul li {
  display: inline;
  margin: 0px;
  padding: 0.2em 1em;
  border-right: 1px solid #999;
}

div.menu ul li:first-child {
  border-left: 1px solid #999;
}

div.menu ul li a {
  color: #8ca2aa;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  letter-spacing: 1px;
}

div.menu ul li:hover {
  background-color: rgb(195, 189, 185);
}

div.menu ul li:hover a {
  color: white;
}

div.menu ul li.current {
  background-color: rgb(242, 240, 238);
}

div.menu ul li.current a {
  color: rgb(204, 0, 0);
  font-weight: bold;
}