body{
  height: 100vh;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
#content{
  text-align: center;
  height: 100vh;
  background-color: grey;
}
#localVideo{
  max-width: 100%;
  width: 200px;
  position: absolute;
  right: 18%;
  top: 1%;
  z-index: 10;
}
#remoteVideo{
  max-width: 100%;
  width: 1259px;
  max-height: 940px;
  height: 100%
}
#content_button{
  position: absolute;
  width: 100%;
  z-index: 10;
  color: white;
  bottom: 1%;
}
#phone_button{
  margin: 0 5px;
}
#video_button, #son_button{
  background-color: #424242;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 1.7em;
  border-radius: 100px;
  display: inline-block;
}
#phone_button{
  background-color: red;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 1.7em;
  border-radius: 100px;
  display: inline-block;
}
#video_button:hover, #son_button:hover, #phone_button:hover{
  cursor: pointer;
}
#video_button i, #son_button i, #phone_button i{
  margin-top: 11px;
}

/*Modale attente*/
.blanc{color:white!important}
.bgblanc{background: white!important}
.bgorange{background-color:#FFB900!important; }
.pad10{padding:10px}
.t17 {font-size:17px!important;}
.bold{font-weight: bold;}
.pad20{padding:20px}

.modal-rdv{
  position: fixed;
  top:0px;
  z-index:  100000;
  width:100%;
  background-color:rgba(243, 243, 243, 0.6);
  height:100%;
}
.modal-petit-inner{
width:30%;
margin:auto;
    line-height: 1.2;
    min-height: 185px;
    z-index: 100000;
    position: relative;
    top: 50%;
    transform: translateY(-25%);
}
.modal-petit-title {
    padding-left: 10px;
    font-family: Raleway!important;
    font-weight: 700;
    font-style: normal;
}





@media (max-width: 1753px) {
    .modal-petit-inner{
        min-width: 50%;
    }
}
@media screen and (max-width: 1600px){
  #localVideo{
    right: 4%;
  }
}
@media (max-width: 1052px) {
    .modal-petit-inner{
        min-width: 80%;
    }
}
@media (max-width: 669px) {
    .modal-petit-inner{
        min-width: 90%;
    }
}
@media screen and (max-width: 640px){
  #localVideo{
    right: 1%;
    width: 100px;
  }
}