.top-bar{
  background: #015c93;
  height: 50px;
  display: flex;
  align-items: center;
  color: lightgray;
  padding: 0 50px;
  justify-content: space-between;
  border-bottom: 4px solid #0098fa;
}
.navbar{
  background: #ffffff;

  display: flex;
  align-items: center;
  color:#015c93;
  padding: 0 50px;
  justify-content: space-between;
  z-index: 19;
  box-shadow: 0 0 4px #CCC;
    font-family: 'Libre Baskerville', serif;
}
.listItem{
  display: inline;
  margin-right: 30px;
  transition: 0.2s ease-out;
    color:gray;
      font-family: 'Libre Baskerville', serif;
}
.listItem:hover{
    border-bottom: 2px solid #89ccf7;
    padding-bottom: 10px;
}
.listItem a{
  text-decoration: none;
  color:#015c93;
  font-weight: bold;

}
.log{
  background: #015c91;
  color: white;
height: 100%;
display: block;
padding: 10px;
border: 4px solid #0098fa;

}
 .log a{
     text-decoration: none;
  color: white;
  padding: 10px 20px ;
  font-weight: bold;


}
.list-tiroir{
  list-style: none;
  padding: 10%;

}
.listItem-tiroir{
  display: block;
  margin-bottom: 10px;
  transition: 0.2s ease-out;
}
.listItem-tiroir:hover{
    border-bottom: 2px solid #89ccf7;
    padding-bottom: 10px;
}
.listItem-tiroir a{
  text-decoration: none;
  color: #015c93;
  font-weight: bold;
}
.log-tiroir{
  background: #015c93;
  color: white;

display: block;
padding: 10px;
border-top: 1px solid #54a6d8;
border-bottom: 1px solid #54a6d8;

}
 .log-tiroir a{
     text-decoration: none;
  color: white;
  padding: 10px 20px ;
  font-weight: bold;


}
.listItem-rs{
  display: inline;
  margin-left: 5px;
}
.listItem-rs a{
  text-decoration: none;
}
.icone-menu{
  background: #015c93;
  color: white;
}


@media(max-width: 767px){
  .navbar{

    padding: 0 20px;

  }
  .cacher{
    display: none;
  }
}