.imgforindex {
  background: top no-repeat url("/css/images/fond-connexion.jpg");
  background-color:#99d5ec;
  width:100%;
  min-height:625px; 
  background-size:cover;
}
#divboxcnx, #divboxcnxpopup {
  margin: auto;
  width: 100%;
  max-width: 750px;
  min-height: 320px;
  background-color: #4e95c6;
  opacity: 1;
  margin-top: 56px;
  position: relative;
  color: #ffffff;
  font-size: 1.339em;
  text-align: center;
  /* padding-top: 40px; */
}
#divboxcnxpopup {
  margin-top: 8px;
  min-height: 150px;
}    
.password {
  position: relative;
}    
#pforimgcnx {
  background: center / contain no-repeat url('/css/images/ic_forcnx.png');
  background-size: 73px 73px;
  height:73px;
  position:relative;
  top: -34px;
  margin: 0px;
}
#divboxcnx #p-forpassword {
  display: inline-block;
  position: relative;
}

@media (max-width: 1024px) {
  #divboxcnx, #divboxcnxpopup {
    margin: auto;
    width: 98%;
    max-width: 610px;
    min-height: 320px;
    background-color: #4e95c6;
    opacity: 1;
    margin-top: 56px;
    position: relative;
    color: #ffffff;
    font-size: 1.339em;
    text-align: center;
    /* padding-top: 40px; */
  }  
  #divboxcnxpopup {
    margin: auto;
    width: 98%;
    max-width: 610px;
    min-height: auto;
    background-color: #4e95c6;
    opacity: 1;
    margin-top: 24px;
    position: relative;
    color: #ffffff;
    font-size: 1.339em;
    text-align: center;
    /* padding-top: 40px; */
  }  

}
@media (max-width: 412px) {
  .txtgeninputH {
    font-size: 0.75em;
    width: 370px;
  } 
  #divboxcnxpopup .txtgeninputH {
    font-size: 0.75em;
    width: 96%;
  } 
}
@media (max-width: 384px) {
  .txtgeninputH {
    width: 340px;
  }  
}
@media (max-width: 360px) {
  #divinfoscontacth p {
    padding-right:0px;
    width:calc(53% - 20px);
  }
  .txtgeninputH {
    font-size: 0.7em;
    width: 300px;
  }  
  .forbtn {
    max-width: 290px;
  }  
}
@media (max-width: 320px) {
  #divinfoscontacth p:last-child .sp-forcereturn::after {
    content: "\A";
    white-space: pre;
  }
}