@charset "utf-8";

.js .input-file-container {
  height: 150px;
  cursor: pointer;
}
.js .input-file-trigger {
  display: block;
  padding: 10px;
  color: #000000b3;
  font-size: 1em;
  transition: all .4s;
  cursor: pointer;
  vertical-align: middle;
  
}
.js .input-file {
/*  width: 225px;*/
  opacity: 0;
  cursor: pointer;
}
 
/* quelques styles d'interactions */
.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: #1c348a;
  color: #fff;
}
 
/* styles du retour visuel */
.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 1em 0;
}
.js .file-return {
  font-size: 1.5em;
  font-weight: bold;
  height: 150px;
}
/* on complète l'information d'un contenu textuel
   uniquement lorsque le paragraphe n'est pas vide
.js .file-return:not(:empty):before {
  content: "Fichier sélectionné : ";
  font-style: normal;
  font-weight: normal;
} */