.js .input-file-container {
  position: relative;
  }
.js .input-file-trigger {
  display: block;
  padding: 14px 45px;
  background: #39D2B4;
  color: #fff;
  font-size: 1em;
  transition: all .4s;
  cursor: pointer;
}
.js .input-file {
  position: absolute;
  top: 0; left: 0;
  width: 225px;
  padding: 14px 0;
  opacity: 0;
  cursor: pointer;
}
 
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
  background: #34495E;
  color: #39D2B4;
}
 
.file-return {
  margin: 0.6rem 0.4rem;
}
.file-return:not(:empty) {
  margin: 0.6rem 0.4rem;
  max-width: 15.7rem;
}
.js .file-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
}
.js .file-return:not(:empty):before {
  content: "Selected file: ";
  font-style: normal;
  font-weight: normal;
}

.input-fileDiv.recrutement{
 display: inline-block;
 width:19rem;
 text-align: right;
}
.input-file-container.recrutement{
 display:inline-block;
 width: auto;
}
.input-file-container.recrutement .input-file{
  height: 1.9rem;
  padding: 0.1rem 0rem 0.4rem;
  width: 10.4rem;
}

.file-return.recrutement{display:inline-block;width: auto !important;}
.js .file-return.recrutement:not(:empty):before{content:"";}

.input-file-container.recrutement .input-file-trigger{
 width:9rem !important;
 padding:0.1rem 1.2rem 0.2rem 0.2rem;
 font-size: 1rem;
 font-weight: 700;
}
.input-file-container.recrutement .input-file-trigger *{font-size: 1rem !important;}
.input-file-container.recrutement .input-file-trigger.notempty{
 padding: 0.2rem 0.4rem 0.2rem 0.3rem;
 width: auto !important;
}
.input-file-container.recrutement .input-file-trigger.notempty .input-file{
 height: 25px;
 width: 25px;
 padding:0;
}
.input-file-container.recrutement .input-file-trigger.notempty span{display:none;}