body {
  color: black;
  background: white;
  font-family: Verdana, Arial, Helvetica, sans;
  font-size: 11px;
  margin: 40px;
}

div.title {
  font-weight: bold;
  font-style: italic;
  font-size: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  counter-reset: exercise;
  border-color: #000000;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  text-align: right;
}

/*
div.exercise:before {
  content: "Exercice " counter(exercise) " : ";
  counter-increment: exercise;
}
*/

div.exercise {
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px ;
  background: #EEEEEE;
  counter-reset: step;
}

div.question {
  font-weight: bold;
  margin: 20px 0px 0px 0px;
  padding: 5px 5px 5px 5px ;
  counter-reset: step;
}

div.step:before {
  font-weight: bold;
  content: counter(step) ". ";
  counter-increment: step;
}

div.step {
  margin: 5 0 5 10;
}

div.fixme:before {
  content: "FIXME: ";
}

div.fixme {
  color: red;
  font-weight: bold;
  margin: 5 0 5 10;
}

p {
  margin: 18px 0px 18px 10px;
} 

img.screenshot {
  border: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0px 10px 0px;
}

img.noborder {
  border: 0px;
}

p.screenshots {
  text-align: center
}

hr {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  margin: 20px 40px 20px 40px;
}

pre {
  color: #006600;
  margin: 10px 0px 5px 40px;
}

code {
  color: #006600;
}