.title-inscription {
    padding: 0px;
    text-align: center;
    font-size: 21px;
    padding-bottom: 0px;
    color: white;
}
.inscription-adherent {
    background-color: white;
    border-bottom: 7px solid #CBA426;
    width: 100%;
}
span.im-adherent {
    /*margin-left: 36%;*/
    margin-bottom: 23%;
    padding: 20px;
    font-size: 28px;
}
label.title-adherent {
    /* margin-bottom: -30px; */
    padding: 17px;
    padding-bottom: 0px;
    font-weight: 600 !important ;
}
.form-inscription {
    /*padding: 23px;*/
    padding-left: 96px;
    width: 487px;
    margin-top: 75px;
}
.container.inscription{
    width: 520px !important;
    box-shadow: 0 0px 13px 0 rgba(0, 0, 31, 0.2), 0 0px 4px 0 rgba(0, 0, 0, 0.19);
    /* height: 440px; */
    padding-bottom: 20px;
}
/*.container {*/
    /*background-color: white;*/
    /*width: 50%;*/
/*}*/
input#matr {
    border: 0;
    border-bottom: 2px solid #EFF0F2;
    outline: 0;
    background: transparent;
    height: 48px;
    width: 323px;
}
input#lastname {
    border: 0;
    border-bottom: 2px solid #EFF0F2;
    outline: 0;
    background: transparent;
    height: 48px;
    width: 323px;
}
input#firstname {
    border: 0;
    border-bottom: 2px solid #EFF0F2;
    outline: 0;
    background: transparent;
    height: 48px;
    width: 323px;
}
input#cin {
    border: 0;
    border-bottom: 2px solid #EFF0F2;
    outline: 0;
    background: transparent;
    height: 48px;
    width: 323px;
}
input#mail {
    border: 0;
    border-bottom: 2px solid #EFF0F2;
    outline: 0;
    background: transparent;
    height: 48px;
    width: 323px;
}
input#text-captcha {
    border: 0;
    border-bottom: 2px solid #EFF0F2;
    outline: 0;
    background: transparent;
    height: 48px;
    width: 323px;
}
input#txt {
    width: 323px;
    height: 42px;
    border: 1px solid #E0E3E7;
}
.col.col-md-12.submit-warrper {
    padding-left: 1px;
}
button.btn.btn-default.send {
    width: 324px;
    height: 42px;
    margin-left: -15px;
    color: white;
    background-color: #EABF34;
    /* border-bottom-color: #cca514; */
    border-bottom-width: 4px;
    /*margin-top: 8px;*/
    /* border-radius: 0px */

}
button.btn.btn-default.send-auth {
    width: 324px;
    margin-left: -5px;
    height: 42px;
    color: white;
    background-color: #EABF34;
    /* border-bottom-color: #cca514;
    border-bottom-width: 4px; */
    /*margin-top: 8px;*/
    /* border-radius: 0px */

}
.title-inscription LABEL {
    text-transform: uppercase;
}
.col.col-md-12.reset {
    padding-left: 1px;
    padding-top: 9px;
}
button.btn.btn-default.reset {
    width: 323px;
    height: 42px;
    color: white;
    background-color: #69C6DC;
    border-bottom-color:#4DA2B6;
    border-bottom-width: 4px;
}
input#matr:focus:required:invalid {border-bottom: 2px solid red;font-weight: bold}
input#lastname:focus:required:invalid {border-bottom: 2px solid red;font-weight: bold}
input#firstname:focus:required:invalid {border-bottom: 2px solid red;font-weight: bold}
input#cin:focus:required:invalid {border-bottom: 2px solid red;font-weight: bold}
input#mail:focus:required:invalid {border-bottom: 2px solid red;font-weight: bold}
input#code:focus:required:invalid {border-bottom: 2px solid red;font-weight: bold}
input#pass:focus:required:invalid {border-bottom: 2px solid red;font-weight: bold}

.description{
    display: none;
}
.form-item.form-type-textfield.form-item-name label {
    display: none;
}
.form-item.form-type-textfield.form-item-field-matricule-und-0-value label {
    display: none;
}
.form-item.form-type-textfield.form-item-field-cin-und-0-value label {
    display: none;
}
.form-item.form-type-textfield.form-item-mail label {
    display: none;
}
.form-item.form-type-textfield.form-item-field-prenom-und-0-value label {
    display: none;
}
div#edit-actions {
    /*display: none;*/
}
.fieldset-description {
    display: none;
}
.form-item.form-type-textfield.form-item-captcha-response label {
    display: none;
}
input#edit-captcha-response {
    border: 1px solid #E0E3E7;
    width: 323px;
    height: 42px
}
img.captcha {
    padding-top: 38px;
    width: 49%;
}
.error {
    color: red;
    /* padding-top: 1px; */
}
#pagination a {
    display:inline-block;
    margin-right:5px;

}
input#pass {
    border: 0;
    border-top: 0px;
    border-bottom: 2px solid #EFF0F2;
    outline: 0;
    background: transparent;
    height: 48px;
    width: 323px;
}
.col.col-md-12.pass-warrper a {
    color: blue;
}
.col.col-md-12.link-warrper a {
    margin-top: 10px;
    color: blue;
}

input#code {
    border: 0;
    border-bottom: 2px solid #EFF0F2;
    outline: 0;
    background: transparent;
    height: 48px;
    width: 323px;
}

/***** progress bar ****/
.progress {
  margin-left: 33.5%;
  width: 33%;
}

.title-inscription {
    margin-left: 2%;
    margin-top: 3%
}

#pei {
    margin-top: 15px;
    color: gray;
}

#mdpo {
        color: #19b3d8!important;
}

.btn {
  /* border-radius: 0px!important; */
  font-size: 20px!important;
}

#auth_form{
  margin-top: 13%;
}

/*****inscription ************/
#inscription_form {
      margin-top: 5%!important;
}

#insc,
#auth,
#dd_title,
#insc_titre,
#auth_part{
  padding-bottom: 0px;
}

#dd_progress .progress-bar-success{
  width: 27%!important;
}

#dd_progress .progress-bar-warning{
  width: 45%!important;
}

/****************depotdemande*******************/
#dd{
  padding-left: 25px!important;
  /* margin-top: 13px!important; */
}

#dd button.btn.btn-default.send {
    width: 100%;
  }

  #ddbtn{
    margin-left: 0%;
  }

/******* bottom ******/
div#bottom {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-bottom: 7px solid #CBA426;
    width: 68%;
}

.inscription-adherent {
    margin-left: auto;
    margin-right: auto;
    border-bottom: 0px solid #CBA426!important;
}
/*******input file button *********/
#pjdepot {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

#pjdepot + label {
    width: 30%;
    color: black;
    margin-left: 1%;
    font-size: 100%;
    font-weight: 500;
    /* color: #656060; */
    /* background-color: #d0c7c7; */
    display: inline-block;
    height: 80px;
    padding-top: 5px;
}

#pjdepotpart + label {
    width: 30%;
    color: black;
    margin-left: 1%;
    font-size: 100%;
    font-weight: 500;
    /* color: #656060; */
    /* background-color: #d0c7c7; */
    display: inline-block;
    height: 80px;
    padding-top: 5px;
}

#pjdepot:focus + label,
#pjdepot + label:hover {
    background-color: #69C6DC;
}
#pjdepotpart {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

/* #pjdepotpart + label {
    width: 50%;
    margin-left: 2%;
    font-size: 100%;
    font-weight: 500;
    color: #656060;
    background-color: #d0c7c7;
    display: inline-block;
} */

#pjdepotpart:focus + label,
#pjdepotpart + label:hover {
    background-color: #69C6DC;
}


/***** responsive parte ***********/
@media only screen and (max-device-width:480px) {

  .container.inscription {
    width: 100% !important;
  }

  .form-inscription {
    padding-left: 7%!important;
    width: 100%!important;
  }

  .progress {
    margin-left: 10px;
    width: 95%;
  }

  span.im-adherent img {
    margin-left: 10%;
  }


  #auth,
  #insc,
  #dd_title,
  #insc_titre,
  #auth_part{
      font-size: 17px;
  }

  .inscription-adherent {
      width: 100%;
  }
  /*****inscription*****/
  #auth_form {
    padding-left: 3%!important;
  }
  #auth_form {

      margin-top: 7%;
  }
  select#select_nature{
      width: 105%!important;
  }
  /********bottom *****/
  div#bottom {
      width: 100%;
  }
}

.container.inscription-msg {
    width: 520px;
    box-shadow: 0 0px 13px 0 rgba(0, 0, 31, 0.2), 0 0px 4px 0 rgba(0, 0, 0, 0.19);
    height: 211px;
}

.form-inscription-msg {
    /* padding: 23px; */
    /* padding-left: 96px; */
    /* width: 487px; */
    margin-top: 60px;
}

.form-inscription .form-group {
    margin-bottom: 8px;
}

.form-inscription textarea{
  resize: none;
}
.inscription-form-container {
   margin-top: 30px;
}
button#submit_confirmation {
    margin-left: 0px;
}