.carte__image:hover {
    background: url("images/images_index/index4.png") repeat-y;
    z-index: 32
}
@media (max-width: 600px) {
    .tourner {
        display: none;
    }
    .enlever {
        display: none;
    }
    .enleve {
        display: none;
    }
}
@media (max-width: 500px) {
    .letat_voyant {
        font-size:13px
    }
}
@media (max-width: 400px) {
    .letat_voyant {
        font-size:10px
    }
}
.le_tel {
    color:darkorange
}
.div_icones {
    margin-bottom:-15px;margin-left:10px
}
.espace_bas {
    margin-bottom:5px
}
.width1 {
    width:20%;border-radius:0px
}
.width2 {
    width:20%;border-radius:0px;margin-left:-6px
}
.width3 {
    border-radius:0px;font-size:12px
}
.voyant_classe {
    margin-right:5px;font-size:1.6rem;margin-top:5px;color:#616161
}
@media (max-width: 1100px) {
    .voyant_classe {
        margin-right:5px;font-size:1rem;margin-top:5px;color:#616161
    }
}
@media (max-width: 1250px) {
    .m3 {
        width:33.3333% !important;
    }
}
@media (max-width: 900px) {
    .m3 {
        width:50% !important;
    }
}
@media (max-width: 600px) {
    .m3 {
        width:100% !important;
    }
}
@media (max-width: 1250px) {
    .voyant_classe {
        margin-right:5px;font-size:1.2rem;margin-top:5px;color:#616161
    }
}
.reduc {
    position:absolute;right:10px;top:-8px;background-color:darkorange !important;color:white;font-family:'Do Hyeon', sans-serif;
}
.new_voy {
    cursor:default;background-color:#7b1fa2 !important;z-index:1;position:absolute !important;left:10px !important;top:8px !important;
}
.etat {
    margin-top:5px;
}
.num_etat {
    color:white;background-color:#7b1fa2 !important;border-radius:15px;padding:5px
}
.centrer {
    text-align:center
}
.tooltip54 {
  position: relative;
  display: inline-block;
  position:absolute;left:0px;top:-8px;
}

.tooltip54 .tooltiptext54 {
  visibility: hidden;
  width: 130px;
  background-color: #7b1fa2;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 112%;
  left: 200%;
  margin-left: -60px;
}

.tooltip54 .tooltiptext54::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #7b1fa2 transparent;
}

.tooltip54:hover .tooltiptext54 {
  visibility: visible;
}
.tooltip53 {
  position: relative;
  display: inline-block;
}

.tooltip53 .tooltiptext53 {
  visibility: hidden;
  width: 130px;
  background-color: #7b1fa2;
  border-radius:50px;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 105%;
  left: 55%;
  margin-left: -60px;
}

.tooltip53 .tooltiptext53::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #7b1fa2 transparent;
}

.tooltip53:hover .tooltiptext53 {
  visibility: visible;
}
.tooltip52 {
  position: relative;
  display: inline-block;
}

.tooltip52 .tooltiptext52 {
  visibility: hidden;
  width: 120px;
  background-color: #7b1fa2;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 105%;
  left: 50%;
  margin-left: -60px;
}

.tooltip52 .tooltiptext52::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #7b1fa2 transparent;
}

.tooltip52:hover .tooltiptext52 {
  visibility: visible;
}
.tooltip51 {
  position: relative;
  display: inline-block;
}

.tooltip51 .tooltiptext51 {
  visibility: hidden;
  width: 120px;
  background-color: #7b1fa2;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 105%;
  left: 0%;
  margin-left: -60px;
}

.tooltip51 .tooltiptext51::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 75%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #7b1fa2 transparent;
}

.tooltip51:hover .tooltiptext51 {
  visibility: visible;
}
.laudio {
    width:120px !important
}
@media (max-width: 800px) {
    .laudio {
        width:120px !important
    }
    .tooltip53 {
      position: relative;
      display: inline-block;
    }

    .tooltip53 .tooltiptext53 {
      visibility: hidden;
      width: 160px;
      background-color: #7b1fa2;
      border-radius:50px;
      color: #fff;
      text-align: center;
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      top: 105%;
      left: 25%;
      margin-left: -60px;
    }

    .tooltip53 .tooltiptext53::after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #7b1fa2 transparent;
    }

    .tooltip53:hover .tooltiptext53 {
      visibility: visible;
    }
    .tooltip51 {
      position: relative;
      display: inline-block;
    }

    .tooltip51 .tooltiptext51 {
      visibility: hidden;
      width: 100px;
      background-color: #7b1fa2;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      top: 105%;
      left: 90%;
      margin-left: -60px;
    }

     .tooltiptext51 {
      visibility: hidden;
      width: 100px;
      background-color: #7b1fa2;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      top: 105%;
      left: 10% !important;
      margin-left: -60px;
    }

    .tooltip51 .tooltiptext51::after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 85%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #7b1fa2 transparent;
    }
}
@media (max-width: 450px) {
    .tooltip52 {
      position: relative;
      display: inline-block;
    }

    .tooltip52 .tooltiptext52 {
      visibility: hidden;
      width: 100px;
      background-color: #7b1fa2;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      top: 105%;
      left: 10%;
      margin-left: -60px;
    }

     .tooltiptext52 {
      visibility: hidden;
      width: 100px;
      background-color: #7b1fa2;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      top: 105%;
      left: 110% !important;
      margin-left: -60px;
    }

    .tooltip52 .tooltiptext52::after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 42%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent #7b1fa2 transparent;
    }
}
@media (max-width: 800px) {
    .laudio {
        width:120px !important;
    }
}
@media (max-width: 800px) {
    .carte__image {
        width:50px !important;
        height:50px !important;
    }
}
@media (max-width: 400px) {
    .voyant_classe {
        margin-left:-5px
    }
}
@media (max-width: 400px) {
    .voyant_classe2 {
        margin-left:-10px
    }
}
#contenuPage {
    background-color:#eeeeee
}
.new_icons {
    margin-top:4px;font-size:1.7rem;color:#616161
}
.carte__image {
    width:70px;height:70px;border-radius:50%;border:1px solid #7b1fa2
}
.carte__image2 {
    width:100px;height:100px;border-radius:50%;margin:auto;
}
@media (max-width: 400px) {
    .carte__image2 {
        width:50px;height:50px;border-radius:50%;margin:auto;
    }
}
.une_carte {
    background-color:white;width:100%;text-align:center;margin:auto;display:block
}
.col {
    position:relative;
}
.icon_infos {
    background-color:#7b1fa2;color:white;border-radius:50%;padding:3px;
}
.decalage {
    cursor:default
}
.decalage2 {
    padding-left:15px
}
.voir_plus {
    color:darkorange
}
#entete {
    text-align:center;background-color:white
}
.spec {
    text-align:center
}
.choixSpecialite {
    cursor:pointer
}
.licone {
    font-size:20px
}
.input-container {
    text-align:center
}
.chercherVoyant {
    background-color:white
}
#fond {
    background-color:#cfd8dc
}
.card-image {
    text-align:center
}
.sansRond {
    margin-left:auto;margin-right:auto;
}
.nomVoyant {
    color:black
}
.newVoy {
    position:absolute;top:-10px;right:40px;z-index:1;background-color:orange;
}
.conn {
    color:#43a047
}
.online {
    color:#673ab7
}
.deco {
    color:red
}
.bas {
    text-align:center
}