.drop_fichier textarea{
  display:none;
}

.drop_fichier>div.drop_fichier_upload{
  border:3px dashed #BBBBBB;
  text-align: center;
}

.drop_fichier>div.drop_fichier_upload.sur{
  border-color:#0111b2!IMPORTANT;
}

.drop_fichier>div.drop_fichier_upload.dans{
  min-height:1em;
  border-color:#22730d;
}

.drop_fichier div.drop_fichier_depot{
  height:6em;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:#fff;
  background:rgba(255,255,255,0.8);
  z-index:10;
}

.drop_fichier div.drop_fichier_depot>div{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
  -khtml-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  line-height:16px;
  vertical-align:text-top;
}

.drop_fichier>div>p.drop_fichier_valider{
  background:rgba(0,168,0,0.5);
  box-shadow: inset 0 0 5px 1px #444;
  height:40px;
  -webkit-transition: background .3s;
  -moz-transition: background .3s;
}

.drop_fichier>div>p.drop_fichier_valider::before , .drop_fichier>div>p.drop_fichier_valider::after {
  position:absolute;
  display:block;
  content:'';
  left:50%;
  -webkit-transform: translate(-50%,-50%);
  -khtml-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.drop_fichier>div>p.drop_fichier_valider::before {
  top:28px;
  height:0;
  width:0; 
  border-top:20px solid #fff;
  border-left:10px solid transparent;
  border-bottom:10px solid transparent;
  border-right:10px solid transparent;
} 

.drop_fichier>div>p.drop_fichier_valider::after {
  top:10px;
  background:#fff;
  width:8px;
  height:8px;
}

.drop_fichier>div>p.drop_fichier_valider:hover{
  background:rgba(0,168,0,1);
}

.drop_fichier>div.drop_fichier_upload img{
  display:inline-block;
  margin-right:1.5ex;
}

.drop_fichier_ligne , .drop_fichier_erreur{
  float:left;
  display:block;
  position:relative;
  width:100%;
  height:22px;
  border-bottom:1px solid #222;
  text-align:left;
  overflow:hidden;
}

.drop_fichier_erreur{
  background:#f5bebe;
}

.drop_fichier_erreur strong{
	float:right;
	display:block;
	cursor:pointer;
}

.drop_fichier_ligne:last-child{
  border-bottom:none;
}

.drop_fichier_ligne>span , .drop_fichier_erreur>span{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  padding:5px 1.5ex;
  z-index:3;
  font-size:12px;
  line-height:12px;
	color:#fff;
}

.drop_fichier_ligne>div.drop_fichier_pourcentage{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:0%;
  background:#0d79cc;
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0d79cc), to(#094777));
  background:-moz-linear-gradient(top, #0d79cc, #094777);
  z-index:1;
  border-right:1px solid #083e67;
  -webkit-transition:all 0.3s;
  -khtml-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
}

.drop_fichier_ligne>div.drop_fichier_pourcentage:after { 
  content: '||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||';
  display: block;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  overflow: hidden;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  transform: skewX(-30deg);
  -webkit-transform: skewX(-30deg);
  -moz-transform: skewX(-30deg);
  -o-transform: skewX(-30deg);
  font:bold 120px/80px sans-serif;
  letter-spacing: -6px;
  color: #000;
  opacity: 0.06;
  z-index:2;
}

.drop_fichier_ligne .croix{
  display:block;
  position:absolute;
  top:3px;
  right:3px;
  width:16px;
  height:16px;
  border-radius:50% 50%;
  transform:scale(1.3);
  cursor:pointer;
  -webkit-transition: background .3s;
  -moz-transition: background .3s;
}

.drop_fichier_ligne .croix::before , .drop_fichier_ligne .croix::after{
  background:#000;
  position:absolute;
  display:block;
  content:'';
  top: 47%;
  left: 15%;
  width: 70%;
  height: 6%;
} 

.drop_fichier_ligne .croix::before{
  transform: rotate(45deg);
}

.drop_fichier_ligne .croix::after{
  transform: rotate(-45deg);
} 
    
.drop_fichier_ligne .croix:hover {
  background:rgba(211,0,0,1);
  box-shadow: inset 0 0 5px 1px #444;
}

.drop_fichier_ligne .croix:hover::before{
  background: #fff;
  box-shadow: 0px 0px 8px -1px #555;
}

.drop_fichier_ligne .croix:hover::after{
  background: #fff;
  box-shadow: 0px 0px 8px -1px #555;
}

.drop_fichier_ligne .pourcentage{
  display:block;
  position:absolute;
  top:3px;
  right:22px;
  height:16px;
	color:#fff;
	font-weight:bold;
}

.form_image_apercu{
  width:90px;
  height:6em;
  border:3px solid #aaa;
  background:rgba(255,255,255,0.3);
  overflow:hidden;
}

.form_image_apercu>div{
  position:absolute;
  background:rgba(255,255,255,0.3);
  padding:1px;
  top:0px;
  right:0px;
  -webkit-border-radius:0 0 0 10px;
  -khtml-border-radius:0 0 0 10px;
  -moz-border-radius:0 0 0 10px;
  -ms-border-radius:0 0 0 10px;
  -o-border-radius:0 0 0 10px;
  border-radius:0 0 0 10px;
  z-index:5;
}

.form_image_apercu>div>a>svg{
	width:12px;
	height:12px;
}

.form_image_apercu>a>img{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%,-50%);
  -khtml-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  z-index:2;
}

.form_image_apercu>div.form_image_apercu_alert_rogner{
	font-size:9px;
	line-height:10px;
	padding:2.5em 1ex 0 1ex;
	color: #a80000;
	font-weight:bold;
  z-index:4;
}

.drop_fichier_activer{
  float:left;
  display:block;
  width:100%;
  text-align:center;
  line-height:2.5em;
  background: #fff;
  background: rgba(255,255,255,0.8);
  border:2px solid #BBBBBB;
  cursor:pointer;
}

.drop_fichier_txt_fini{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	background:#000;
	background:rgba(0,0,0,0.6);
	z-index:11;
}

.drop_fichier_txt_fini>div{
	position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -khtml-transform:translate(-50%,-50%); 
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
	background:#fff;
	padding:20px;
	z-index:12;
}

.drop_fichier_txt_fini>div:after{
	content:"X";
	position:absolute;
	top:0px;
	right:0;
  -webkit-transform:translate(50%,-50%);
  -khtml-transform:translate(50%,-50%); 
  -moz-transform:translate(50%,-50%);
  -ms-transform:translate(50%,-50%);
  -o-transform:translate(50%,-50%);
  transform:translate(50%,-50%);
  -webkit-border-radius:50%;
  -khtml-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  border-radius:50%;
	background:#fff;
	border:1px solid #000;
	font-weight:bold;
	color:#f00;
	font-size:20px;
	text-align:center;
	line-height:24px;
	width:26px;
	cursor:pointer;
}