html, body{
  height: 100%;
  width: 100%;
}
body{
  overflow-x: visible;
}
.ui.container{
  height: 100%;
}
#divOdjIn,#divOdj{
  width: 50%;
}
#newS{
  float: right;
  margin-right: 2%;
  margin-Top: 2%;
}
#newSearch{
  height: 100px;
}
#helloCpt .message{
  margin-top: 2%;
}
#helloCpt p{
  font-size: 20px;
}
#connexion{
  padding-top: 5%;
}
.ui.input{
  height: auto;
  width: 72%;
}
#objectif.ui.input, #butt{
  height: auto;
  width: 35%;
}
#desItra{
  width: 40%;
}

#objInfo{
  display: flex;
}
#divCompte{
  margin-bottom: 2%;
}
#bibCheck{
  display: flex;
  margin-top: 3%;
}
#bibInput{
  width:40%;
}
#bibS{
  width: 95%;
  height: 47px;
}
#bibButtonS{
  width: 95%;
  height: 47px;
}
#alertBib{
  width: 60%;
}
#butt, #buttP{
  display: flex;
  margin-bottom: 3%;
}
#bib{
  width: 50%;
  height: 47px;
}
#obj{
  width: 95%;
  height: 47px;
}
#email, #mdp{
  width: 50%;
  height: 47px;
}
#bibButton, #buttMail{
  width: 50%;
  height: 47px;
}
#objButton{
  width: 95%;
  height: 47px;
}
#alertConnexion{
  color: red;
}
#messDoss{
   width: 72%;
   height: 47px;
   margin-bottom: 2%;
}
#pbNombre{
   width: 75%;
   height: 47px;
}
#objTitle{
  padding-bottom: 2%;
  padding-top: 5%;
}
#tableau{
  padding-bottom: 3%;
}
.allButton{
  width: 48%;
  height: 47px;
}
.allButtonP{
  width: 17%;
  height: 47px;
}
#profil{
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}
#imageProfil{
  width: 100%;
}

.pt{
  color: #33d641;
  border-color: #33d641 !important;
  width: 0px;
  height: 0px;
  position: absolute;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  transform: translate(-50%, -50%);
}
.ptn{
  position: absolute;
  background-color: rgba(255,255,255,0.8);
  padding: 0.5%;
  transform: translate(-40%, -180%) rotate(-60deg);
  white-space: nowrap;
}
#dPlus{
  color:red;
}
#dMoins{
  color: green;
}
#infoPt{
  position: relative;
  max-width: 100%;
}
.divDeniv, .tpsProfil, .tpsProfilButt{
  position: absolute;
  top: 0;
  text-align: center;
}
.tps{
  color:green;
}
.tpsProfilButt{
  transform: translate(-100%,0);
  line-height: 1.2142em;
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding: 5px;
  width: 50px;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0.28571429rem;
}
.tpsProfil{
  background-color: green;
  color : white;
  transform: translate(-100%,0);
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 0.28571429rem;
}
#eiButt{
  width:35%;
}
#infoPt, #infoDeniv{
      height: 100px;
}
#line{
  position: absolute;
  border-left: 1px solid rgba(152,152,152,.5);
  border-right: 1px solid rgba(255,255,255,.5);
  bottom: -65px;
}
#lineBottom{
  border-bottom: solid;
  border-width: 1px;
  padding: 10px;
}
#buttP{
  padding-bottom: 10%;
}
#helloCpt{
  margin-top: 2%;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .ui.input, #objectif.ui.input, #butt, #buttP{
    height: auto;
    width: 100%;
  }
  #buttP{
    display : block;
  }
  #messDoss{
     width: 100%;
     height: 47px;
     margin-bottom: 2%;
  }
  #eiButt{
    width:100%;
    margin-bottom: 15px;
  }
  .modifMess{
    width: 100%;
  }
  #objInfo{
    display: block;
  }
  #desItra, #pbNombre{
    width: 100%;
  }
  #buut{
    display: inline;
  }
  #bib, #email, #mdp{
    width: 100%;
  }
  #bibButton, #buttMail{
    width: 100%;
  }
  #serchBib, #objAlert{
    display: block;
  }
  .allButton, .allButtonP{
    margin-left: auto;
    margin-right: auto;
    width: 47%;
  }
  #profil, #infoPt{
    min-width: 600px;
    position: relative;
  }
  #profilPar{
    overflow: auto;
  }
  #tableau{
    overflow: auto;
  }
  #bibCheck{
    display: block;
    margin-top: 3%;
  }
  #bibInput{
    width:100%;
  }
  #bibS{
    width: 100%;
    height: 47px;
  }
  #bibButtonS{
    width: 100%;
    height: 47px;
  }
  #alertBib{
    width: 100%;
  }
  #newS{
    float:none;
  }
}