.header1 header:after {
  content: "1 - Créer et lancer une App Vue.js";
}
.header2 header:after {
  content: "2 - La réactivité dans Vue.js";
}
.header2-1 header:after {
  content: "Comment ça marche (version noob) ?";
}
.header3 header:after {
    content: "3 - Le binding dans Vue";
}
.header4 header:after {
    content: "4 - La directive v-if";
}
.header4-2 header:after {
    content: "4 - La directive v-for";
}
.header4-3 header:after {
    content: "4 - La directive v-on";
}
.header4-4 header:after {
    content : "4 - Conclusion";
}
.header5 header:after {
    content : "5 - Style stylé avec Bulma";
}
.header5-2 header:after {
    content: "5 - Les computed properties";
}
.header6 header:after {
    content: "6 - Routing & composants";
}
.header6-2 header:after {
    content: "6 - Vue Router";
}

.header7 header:after {
    content: "7 - Promesses, async, await";
}


.header8 header:after {
    content: "8 - REST & Axios";
}







.filebox {
  float: left;
  font-size: 20px;
  width: 450px;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

.filename {
  color: white;
  background-color: black;
  text-align: left;
  display: inline-block;
  padding: 3px;
  margin: 0px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.fileContent {
  margin: 0px !important;
  width: 100% !important;
  border: 1px solid black;
  background-color: white;
  min-height: 200px;
}
.browser {
  background-color: white;
}

.box1 {
}
.box2 {
  margin-top: 30px;
}
.box3 {
  margin-left: 30px;
}