/*
    Uniform Theme: Uniform Default
    Version: 1.8
    By: Josh Pyles
    License: MIT License
    For use with the Uniform plugin:
    http://uniformjs.com/
    */

/* General settings */
div.uploader, div.uploader span.action, div.button, div.button span {
    background: transparent;
    -webkit-font-smoothing: antialiased; 
}
div.uploader {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
div.uploader:focus { outline: 0;}
div.uploader, div.uploader *, div.button, div.button * { margin: 0; padding: 0;}

div.checker input,
input[type="search"],
input[type="search"]:active { -moz-appearance: none; -webkit-appearance: none;}


div.uploader {
    height: auto;
    width: 100%;
    cursor: pointer;
    position: relative;
    /*overflow: hidden;*/
    border:1px solid #343f48;
}

div.uploader span.action {
    height: 30px;
    width: 55px;
    margin:0; display: inline; float: right;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    font:italic 12px/30px 'galetteregular', Trebuchet, Arial, sans-serif;
    color:#343f48 !important;
    -webkit-transition: background 0.3s linear 0s;
    transition: background 0.3s linear 0s;

}
div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 30px;
    width: calc(100% - 55px);
    text-align: left;
    font:13px/30px 'galetteregular', Trebuchet, Arial, sans-serif;
    color:#343f48;
    padding:0 0 0 5px;
}
div.uploader:hover span.filename { }

div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: default;
    width: 100%;
    height: 100%;
}

div.uploader.active span.action { }
div.uploader.hover, div.uploader.focus { }
div.uploader.hover span.action, div.uploader.focus span.action { background-position: 0;}

.uploadFile { display: none;}

.uploadFile.wrongFile div.uploader span.action, 
.uploadFile.wrongFile div.uploader.hover span.action, 
.uploadFile.wrongFile div.uploader.focus span.action { background-position: 0;}
.uploadFile.wrongFile div.uploader span.filename { color: #a9181c;}

.uploadFile.green div.uploader span.action, 
.uploadFile.green div.uploader.hover span.action, 
.uploadFile.green div.uploader.focus span.action { background-position: 0;}


.erreur .uploader { border:1px solid #a9181c;}
.erreur .uploader span.action { background: #a9181c; color:#fff!important;}
.erreur .uploader span.filename { color:#a9181c;}

div.uploader span.action { width: 55px;}
div.uploader span.filename {}
div.uploader.disabled span.action, div.uploader.disabled.active span.action { color: #000;}
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {  color: #000;}
input.uniform-input, input.uniform-input:focus {  }


#file1 { width: 100%; margin:10px 0;}