[class*="select1-"] {
  display: inline-block;
  padding: 0 10px;
  color: white;
  border-radius: 3px;
  margin-top: 5px;
  color: black;
  background-color: #F5F5F5;
}
.data-select[class*="select1-"] {
  position: absolute;
  margin-top: 0;
  top: 20px;
  right: 30px;
  padding: 5px 15px;
}
.bord-droit {
  position: absolute;
  top: 10px;
  right: 10px;
}
#annuaire_detail .main-photo {
  width: 96px;
  height: 96px;
  border-radius: 50%;
}
#annuaire_detail h1 + h2 {
  margin-top: 10px;
}
.row.flex.data-card {
  margin-bottom: 0;
}
#annuaire_social .tabs {
  border: 1px solid #F5F5F5;
  border-bottom: none;
  width: 100% !important;
}
#annuaire_social .tabs li a {
  border-bottom: 2px solid #F5F5F5;
}
#message_detail .main-photo {
  width: 64px;
  height: 64px;
  margin-right: 10px;
}
.container .mail-detail {
  background-color: #F5F5F5;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  padding-bottom: 0;
}
@media only screen and (min-width: 1025px) {
  .detail-profil {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .detail-profil {
    margin-bottom: 0;
  }
  .detail-profil h1,
  .detail-profil h4 {
    text-align: center;
  }
  .detail-profil .col + .col {
    margin-top: 0;
  }
  .flex.data-card {
    flex-direction: row;
  }
  .card .card-action a.btn.tooltipped {
    padding: 0 1rem;
  }
  .card .card-action a.btn.tooltipped .material-icons {
    display: initial;
  }
  .social-div {
    margin-top: 20px;
    text-align: center;
  }
  #annuaire_detail .section-dyn > .container:first-child > .section {
    margin-top: 0;
  }
  #annuaire_detail .main-photo {
    width: 120px;
    height: 120px;
    border-radius: 50%;
  }
  .data-select[class*="select1-"] {
    position: initial;
    top: 0;
    right: 0;
    margin-top: 20px;
  }
}