<div class="stepbar-container container">
  <div class="col-md-12">
    <div class="stepbar">
      <div class=" stepbar_item col-md-4">
        <span></span>
        <a href="#">Création du Talent Pool</a>
      </div>
       <div class="stepbar_item col-md-4">
         <span></span>
         <a href="#">Sélection des collaborateurs</a>
      </div>
       <div class="stepbar_item col-md-4">
         <span></span>
         <a href="#">Animation du Talent Pool</a> 
      </div>
    </div>
  </div>
</div>

body {
   background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);
}
.stepbar-container {
  padding: 25px;
 } 
.stepbar {
  margin:0;
  padding:0;
  display:flex;
  justify-content:space-around;
  background-color:#ffffff;
  .stepbar-item {
    font-size:18px;
    font-weight:bold;
  }
}
.stepbar_item{
  display:flex;
  justify-content: center;
}
.stepbar_item span{
  padding-top:3%;
}
.stepbar_item span::before {
  content: '\2776'; 
  font-size:26px;
  color:#EC6602;
}
.stepbar_item a {
  color: #EC6602;
  font-size:16px;
  text-align:center;
  padding:15px;
  display: inline-block;
  width: 100%;
}
.stepbar_item a:hover {
  text-decoration:none;
  color: #EC6602;
}
.stepbar_item a:after {
  content: " ";
  position: absolute;
  left: 0; right: 0;
  bottom: 0;
  height: 0px;
  color: #EC6602;
  background: #EC6602;
}

.stepbar_item a:hover:after,
.stepbar_item a:focus:after {
  height: 3px;
}
.stepbar_item a:focus {
  text-decoration:none;
  color: #EC6602;
  font-weight:bold;
}