/* JavaScript Turned Off */
.no-js #loader-wrapper {
	display: none;
}

/* styles de base si JS est activé */
.js .input-file-container {
  position: relative;
  width: 100%;
}

.js .Devisside .devis-file-trigger {
  display: block;
  padding: 14px 45px;
  background: #868559;
  color: #fff;
  font-size: 1em;
  transition: all .4s;
  cursor: pointer;
}

.js .Careerside .letter-file-trigger, .js .Careerside .cv-file-trigger {
  display: block;
  padding: 14px 45px;
  background: rgba(0, 126, 163, 0.46);
  color: #fff;
  font-size: 1em;
  transition: all .4s;
  cursor: pointer;
}

.js .letter-file, .js .cv-file, .js .devis-file  {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  padding: 14px 0;
  opacity: 0;
  cursor: pointer;
}
 
/* quelques styles d'interactions */
.js .letter-file:hover + .letter-file-trigger, .js .cv-file:hover + .cv-file-trigger, .js .devis-file:hover + .devis-file-trigger,
.js .letter-file:focus + .letter-file-trigger, .js .cv-file:focus + .cv-file-trigger, .js .devis-file:focus + .devis-file-trigger,
.js .letter-file-trigger:hover, .js .cv-file-trigger:hover, .js .devis-file-trigger:hover,
.js .letter-file-trigger:focus, .js .cv-file-trigger:focus, .js .devis-file-trigger:focus {
  background: rgba(140, 101, 10, 0.66);
  color: #fff;
}
 
/* styles du retour visuel */
.letter-return, .cv-return, .devis-return  {
  margin: 0;
}
.letter-return:not(:empty), .cv-return:not(:empty), .devis-return:not(:empty) {
  margin: 1em 0;
}
.js .letter-return, .js .cv-return, .js .devis-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
}
/* on complète l'information d'un contenu textuel
   uniquement lorsque le paragraphe n'est pas vide */
.js .letter-return:not(:empty):before, .js .cv-return:not(:empty):before, .js .devis-return:not(:empty):before {
  content: "Selected file: ";
  font-style: normal;
  font-weight: normal;
}