html, body { color: #340a6c; background-color: #f3de97; }
body {
  margin-left: auto;
  margin-right: auto;
  font-family: sans-serif;
  max-width: 33em;
}
input {
  color: #340a6c;
  background-color: #f3f1ca;
}
h1, h2 { color: black; border: solid 1px #B394cc; padding: 0.2em 0.5em; }
h1 { background-color: #b394cc; color: #f3f1ca;}
h2 { background-color: orange; color: #5a1b6c; }
h2 a { text-decoration: none; }
/* h2 a:hover { text-decoration: underline; } */

/* see http://theodorakis.net/tablecentertestquirk.html */
.center-div-table { 
  text-align: center;
}
.center-table {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.contents { 
  max-width: 15em;
  margin-left: auto;
  margin-right: auto;
}

.contents,
#tdm-actualites {
  margin-bottom: 1em;
  color: black;
  background-color: #f3f1ca;
  border: solid medium #b394cc;
}

.contents dl { 
  padding-left: 1em;
}
#tdm-actualites td {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0em;
  padding-right: 2em;
}

.contents dt,
#tdm-actualites ul ul { font-size: smaller; }
#tdm-actualites ul ul ul { font-size: smaller; }
#tdm-actualites ul ul ul ul { font-size: smaller; }
#tdm-actualites ul ul ul ul ul { font-size: smaller; }
#tdm-actualites ul ul ul ul ul ul { font-size: smaller; }
.texte-actu { margin-left: 1em; margin-right: 1em; }
.date-actu { float: right; }