CSS

.mapage > h2 { 

   text-align: left;
   border-color: #FCBF49;
   border-bottom: solid 3px #FCBF49;
   margin-bottom: .5cm;

}

.mapage > h2::before { 

  content: " ";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.1em;
  background-color: #FCBF49;

}

.mapage { }

.mapage > ul { 

  list-style: none;

}

.mapage > ul ul { 

  list-style: none;

}

.mapage > ul li::before { 

  content: " ";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 1.5em;
  margin-bottom: 0.1em;
  background-color: #FCBF49;

}

.mapage > ul ul li::before { 

  content: " ";
  display: inline-block;
  width: 0.5em;
  height: 0.2em;
  margin-right: 1.5em;
  margin-bottom: 0.1em;
  background-color: #FCBF49;

}

.lieu { 

  font-size: smaller;
  line-height: 34%;

}

.titre { 

  font-style: italic;
  font-size: smaller;
  line-height: 34%;

}

.pc { 

  bgcolor: blue;

}

.pc > h3 { 

   text-align: left;
   border-color: #FCBF49;
   border-bottom: solid 3px #FCBF49;
   margin-bottom: .5cm;

}

.pc > h3::before { 

  content: " ";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.1em;
  background-color: #FCBF49;

} 

 test {
 content: "\2022";
  color: #FCBF49;
  font-weight: bold;
  display: inline-block; 
  width: 2em;
  margin-left: -1em;

}

.toto { 

  background-color: red; 
  color:blue !important;
   border-color: #FCBF49;
   border-bottom: solid 3px #FCBF49;

}

.titi { 

  margin-top: 2cm;
  border:1px solid yellow;

}

.tutu { 

   text-align: left;
   border-color: red;
   border-bottom: solid 3px red;
   margin-bottom: .5cm;

}