/* Organisation de la page */
html {
  margin-bottom:1em;
}

#top {
  font-size:4.5em;
  margin:0.2em;
  padding:0;
  /*background-color:#f0f0f5;*/
  border:1px solid black;
  font-stretch:expanded;
  text-transform:uppercase;
  text-align:center;
  font-weight:bold;
  vertical-align:middle;
}

#navigation {
  position:absolute;
  top:7em;
  width:14em;
  margin:1em;
  padding:1em;
  border:1px solid black;
  /*background-color:#ddddff;*/
}

#contenu {
  position:absolute;
  top:7em;
  left:18em;
  right:1em;
  max-width:60em;
  min-width:15em;
  margin:1em;
  padding:1em;
  border:1px solid black;
  /*background-color:#eeeeff;*/
}

#footer {
  border-top:1px solid black;
  font-size:smaller;
  text-align:right;
}

/* styles d'apparence (ok, c'est pas très clair comme dénomination,
mais j'ai pas trouvé mieux) */

#top, #navigation, #contenu {
  background-image:url(/files/images/logo_diplo_clair.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-color:#dfdfdf;
}

body  {
  font-family:sans-serif;
  font-size:0.8em;
  background-image:url(/files/images/logo_diplo_200405111535.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-color:black;
}

h1 {
  text-align:center;
  padding:0;
  border-bottom:1px solid black;
}

pre {
  border:1px dotted black;
  margin:1em;
  padding:1em;
}

dt {
  font-weight:bold;
}

/* Styles de la navigation */

#navigation h2 {
  font-size:1em;
}

#navigation ul {
  padding-left:1em;
  margin-left:0;
  /*list-style-type:none;*/
}

/* classes diverses */

.new:before {
  color:red;
  font-weight:bold;
  content:"Nouveau ! ";
}