#B_notifier {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    padding: 10px 15px;
    border-radius: 10px;
    text-align: center;
    color: var(--awb-color1);
    background: var(--awb-color4);
    cursor: pointer;
}
#B_notifier i {
  font-size: 30px;
  margin: 8px 2% 0 0;
  display: block;
  float: left;
  width:18%;
}
#B_notifier span {
  font-size: 20px;
  line-height: 21px;
  display: block;
  float: left;
  width:80%;
}
#notifie {
  font-size: 21px;
  color:white;
  text-align:center;
  background: var(--awb-color5);
  margin: 20px 0;
  padding: 10px 15px;
  width:100%;
  line-height: 24px;
}
.profil .rencontre {
  background: #e30707;
  color:white;
  float: left;
  padding: 5px 10px;
  line-height: 20px;
  display: block;
  font-size: 16px;
}
#z_evenement_bienvenue h2 {
  color: var(--awb-color5) !important;

}

/*@media only screen and (min-width:800px) {
  #m_membres div {
    width:25% !important;
  }
}*/
#B_inviter {
  font-size: 18px;
  color:white;
  text-align:center;
  margin: 20px 0;
  background: var(--awb-color5);
  padding: 10px 20px;
  display: inline-block;
  border-radius: 8px;
  cursor:pointer;
  margin: 10px 30%;
  width: 40%;
}
#B_inviter:hover {
  background: var(--awb-custom_color_2);
}
#colle {
  font-size: 21px;
  text-align:center;
  margin: 20px 0;
  color: var(--awb-color5);
  display: inline-block;
}
#z_invit {
  background: var(--awb-color4);
  padding:10px;
  color:white;
  font-size: 18px;
  text-align: center;
}