.code {
  font-family: "Courier New",Courier,monospace;
  color: #993300;
  font-weight: bold;
}
a {
  font-weight: bold;
  text-decoration: none;
  color: #6600cc;
}
h1 {
  border: 1px dotted navy;
  background-color: #66ffff;
  color: #330000;
  text-align: center;
  font-size: 300%;
}
h2 {
  border: 1px dotted navy;
  background-color: #ccffff;
  color: #330000;
}
li {
  list-style-type: square;
}
h3 {
  border: 1px dotted navy;
  background-color: #ffffcc;
  color: #330000;
}
#tdm {
  border: 1px dotted navy;
  background: lightyellow none repeat scroll 0% 50%;
  margin-top: 10px;
  width: 25%;
  margin-right: 5px;
  float: right;
}
#tdm h1 {
  margin: 2px 5%;
  background: wheat none repeat scroll 0%;
  color: navy;
  font-size: 150%;
}
#tdm .h1 {
  margin: 0px;
}
#tdm .h2 {
  margin: 0px 0px 0px 1em;
}
#tdm .h3 {
  margin: 0px 0px 0px 2em;
}
#tdm .h4 {
  margin: 0px 0px 0px 3em;
}
#tdm .h5 {
  margin: 0px 0px 0px 4em;
}
#tdm .h6 {
  margin: 0px 0px 0px 5em;
}
.ouvert .clickToUnWrap {
  visibility: hidden;
  width: 0px;
}
.ferme .clickToWrap {
  visibility: hidden;
  width: 0px;
}
.ouvert .clickToWrap {
  color: blue;
  visibility: visible;
  text-decoration: underline;
}
.ferme .clickToUnWrap {
  color: blue;
  visibility: visible;
  text-decoration: underline;
}
dt {
  font-family: "Times New Roman",Georgia,Serif;
  color: #993300;
  font-weight: bold;
}