.cahier {
  background-image: url('/images/structure/struct/spiral_04.png');
  background-repeat: repeat-y;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 40px;
  box-shadow: 8px 8px 11px 1px rgba (84,84,84,0.59);
-webkit-box-shadow: 8px 8px 11px 1px rgba(84,84,84,0.59);
-moz-box-shadow: 8px 8px 11px 1px rgba(84,84,84,0.59);
}
.cahier2 {
  background-image: url('/images/structure/struct/feuille_perfo_01.webp');
  background-repeat: repeat-y;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 40px;
  box-shadow: 8px 8px 11px 1px rgba (84,84,84,0.59);
-webkit-box-shadow: 8px 8px 11px 1px rgba(84,84,84,0.59);
-moz-box-shadow: 8px 8px 11px 1px rgba(84,84,84,0.59);
}
.fond_blanc {
  background-color : #FFD600;
}
.puce {
OL { counter-reset: item }
LI { margin: 3px 30px; }
LI:before { content: counters(item, ".") " "; counter-increment: item }
}
.btn80 {
  margin: auto;
  width: 85%;
}
.btn60 {
  margin: auto;
  width: 65%;
  '/font-weight: bold;
}
.btninfo {
  background-color : #ffd600;
}

.vocab {
    background-image: url('/images/bmxracer2/metal.jpg');
    background-position: 20% 5%;
    width: 100%;
    margin: 0px auto;
    border: 2px solid #0011ff;
    border-radius: 20px;
    padding: 20px 10px;
  }
.vocabpara {
  text-align: justify;
  text-indent: 15px;
  padding: 0px 25px;
  color: #ffffff;
}
.vocab h2,
.vocab h1 {
  color: yellow;
}
ol{
  list-style-type: none;
  counter-reset: compteur;
}
ol li{
  counter-increment: compteur;
}
ol li::before{
  content: counters(compteur, ".") ". ";
}