body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: url(img/background.jpg) repeat-x;
  margin: 0px;
}

.rightaligned { text-align: right; }
.smalltext  { font-size: 8pt;}
a, a:visited { text-decoration: none; color: #2d6193 }
a:hover { text-decoration: underline; color: #6897dd }
img { border-style: none }
ul { list-style-type: square }

.shaded { background: #d3daec; }

.legende {
  font-size: 8pt;
  color: gray;
}

hr {
  border-style: dotted;
  color: #2d6193;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
}

h1 { font-size: 14pt; }
h2 { font-size: 12pt; }
h3 { font-weight: bold }
h4 { padding: 2px; background: #6c97ca; font-weight: bold; color: white }
h5 { padding: 2px; border: thin solid navy; }

dt {
  padding: 2px;
  background: #d3daec;
}

table {
  border-spacing: 0px;
  padding-right: 5px;
}

td {
  padding: 2px;
  vertical-align: top;
}

#wrapper {
  background: url(img/middle.png) repeat-y;
  margin: auto;
  width: 783px;
}

/* HEADER */
#header{
  background: url(img/header_fr.jpg) no-repeat 23px 0px;
  height: 118px; /* FIXME how come if the image is 143px tall? */
  padding: 25px 45px 0px 235px;
}

#header h1 {
  font-size: 12pt;
  margin: 0px;
  text-align: left;
}

#header h2 {
  font-size: 14pt;
  color: gray;
  margin: 0px;
  text-align: left;
}

#header td {
  font-weight: bold;
  font-size: 8pt;
  padding: 0px;
  text-align: right;
  vertical-align: bottom;
}

#header table { border-collapse: collapse }

/* COLONE DE GAUCHE */
#colgauche {
  font-size: 8pt;
  color: #b7bcc0;
  width: 25%;
  background: url(img/menu.jpg) no-repeat 23px 0px;
}

#colgauche ul { list-style-type: none }
#colgauche p  { padding: 10px 0px 0px 40px; }

/* MENU */
#menu { color: orange }
#menu li { margin: 10px 0px 10px 0px; font-weight: bold;}
#menu hr { margin-right: 20px }
#menu a, #menu a:visited { text-decoration: none; color: #eeeeee }
#menu a:hover { text-decoration: underline; color: #ffffff }

/* COLONE DE DROITE */
#coldroite {
  width: 145px;
  text-align: center;
}

#coldroite h3 {
  font-size: 10pt;
}

/* MAIN */
#main {
  background: url(img/fleurs.jpg) no-repeat bottom;
  padding: 0px 45px 90px 0px;
  font-size: 10pt;
  width: 783px;
}

#main h2 { padding: 2px; background: #d3daec; }

#tableausimple {
  margin-left: 15px;
  border-collapse: collapse;
}

#tableausimple td {
  padding: 5px;
  border: thin solid black;
}

/* FOOTER */
#footer {
  background: url(img/footer.png) no-repeat top;
  font-size: 10pt;
  color: gray;
  text-align: center;
}

#footer p { margin: 0px }