.CV { 
  width: 80%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
}

.colonne-diplome h2, .colonne-experience h2, .colonne-competence H2 {
  font-size: 100%;
  font-family: "BBB-labeur";
}

.colonne-diplome { 
  grid-column-start: 1;
  grid-column-end: span 1;
}

.titre-diplome {
  display: flex;
  flex-direction: column;
}
  
.diplome { 
  font-size: 80%;
  font-family: "BBB-labeur";
}

.titre {
  font-size: 80%;
  font-family: "BBB-partie";
}

.colonne-experience { 
  grid-column-start: 2;
  grid-column-end: span 1;
}

.date-experience {
  display: flex;
  flex-direction: column;
}

.experience {
  font-size: 80%;
  font-family: "BBB-labeur"
}
.date {
  font-size: 80%;
  font-family: "BBB-partie";
}

.colonne-competence {
  display: flex;
  flex-direction: column;
  grid-column-start: 3;
  grid-column-end: span 1;
}
.competence {
  font-size: 80%;
  font-family: "BBB-labeur"
}