body.bw {
  color: black;
  background: white;
}

body.margin {
  color: black;
  background-image: url("i2000bg.png");
  background-attachment: fixed;
  margin-left: 4%;
  margin-right: 4%;
}

h1.title {
  color: black;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

h2.bloc {
  color: white;
  text-align: left;
  background: rgb(175,58,36);
}
div.bloc {
}

h3.topic {
  color: black;
  margin-left: 4%;
  text-align: center;
  background: rgb(176,207,209);
}
div.topic {
  border-left: 15px solid rgb(175,207,209);
  margin-left: 4%;
}

h3.topic-project {
  border-style: solid;
  border-color: #D9D9F3;
  color: black;
  text-align: left;
  margin-left: 2%;
}

div.volume-total {
  margin-left: 2%;
}

h3.course-part {
  background: #D9D9F3;
  color: black;
  text-align: left;
  margin-left: 2%;
}
div.course-part {
  margin-left: 2%;
}

h3.course {
  color: black;
  margin-left: 4%;
  text-align: center;
  background: rgb(176,207,209);
}
div.course {
  border-left: 15px solid rgb(175,207,209);
  margin-left: 4%;
}
h3.course-project {
  border-style: solid;
  border-color: rgb(176,207,209);
  color: black;
  text-align: left;
  margin-left: 2%;
}
div.course-content {
  margin-left: 2%;
}