body{margin:0px;width:100%;height:100%;}

#div1, #file_list {
        text-align: left;
        color: #484B50;
}

#div1 {
        padding: 10px;
        border: 1px solid #b3b3b3;
        font: 13px Arial;
}

#upload_input input {font: 12px Arial; border: 1px solid #636363; margin-top: 1px; width: 100%;}
#files_list {font: 12px Arial; background-color: #ffffff;}
#files_list input {font: 12px Arial; border: 1px solid #c3c3c3; margin-top: 1px;}
#files_list a, #files_list a img {border:none;float:right;width:16px;height:16px;}
.myForm {font: 12px Arial; border: 1px solid #636363; margin-top: 1px;}
.xrow {background:#f9f9f9;border:1px solid #d9d9d9;padding:2px;margin-top:2px;width:99%;}
.xfname  {color: #333;float:left;}
.xdescr  {color: #aaa;}
.xdescr input {width: 300px;}
#submit_btn {margin-top:10px;margin-bottom:5px;}

/* CSS below required for Inline mode */
.data {border-collapse:collapse; background-color: #e9e9e9; width: 400px; margin-bottom: 3px;}
.data TR TD {border: 1px solid #a3a3a3; font: 12px Arial;}
.bar1 {border: 1px solid #a3a3a3; background-color: #f6f6f6; text-align: left; vertical-align: middle; height: 20px;}
.bar2 {width: 1%; background-color: #c9c9c9; height: 20px; text-align: left;}
.bar3 {width: 100%;text-align:center;margin-top:-19px;}
.message {width: 400px; border: 1px solid #909090; font: 11px Arial; margin-top: 5px; text-align: left; padding-left: 3px; background-color: #f9f9f9;}
.myLink  {font: bold 13px Arial; color: #303030; text-decoration: none;}
.btn     {font: 12px Arial; border: 1px solid #a3a3a3; background-color: #e9e9e9; margin-top: 3px; margin-bottom: 5px;}
.bar1x {width:400px;height: 30px;border: 1px solid #a3a3a3; background-color: #000000; text-align: left; vertical-align: middle; margin-top:7px;}
.bar2x {width: 1%; height: 30px; background-color: #c9c9c9; text-align: left;}
/* End of Inline CSS */

#xoverlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index:1001; 
/*
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
*/
}
#xwindow2 {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width:390px;
    height:320px;
    border-left: 2px solid #d4d0c8;
    border-top: 2px solid #d4d0c8;
    border-right: 2px solid #404040;
    border-bottom: 2px solid #404040;
    text-align:left;
    padding-top: 20px;
    z-index:1002;
}
#xwindow2hdr {
        position:absolute;
        top: 0px;
        left: 0px;
        background: #2c4887;
        font: bold 13px Arial;
        width:388px;
        height:18px;
        padding-left:2px;
        color:#FFFFFF;
}
#xwindow2close {
        position:absolute;
        top: 2px;
        right: 2px;
        cursor:pointer;
}
#xwindow3 {
    display: none;
    position: absolute;
    top: 37%;
    left: 50%;
    width: 700px;
    height: 436px;
    background-color: white;
    overflow: auto;
    border: 1px solid #70AED3;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
    border-radius: 10px;
    -webkit-border-radius: 10px; /* pour Chrome */ 
    z-index:1002;
    text-align:center;
}
#xiframe2 {
    width:390px;
    height:320px;
    z-index:1000;
}
#xiframe3 {
    margin-top:12px;
    width:670px;
    height:410px;
    z-index:1000;
}
#xiframe4 {
    position: absolute;
    z-index:1000;    
    display:none;

}

a#xwindow_close { 
    position:absolute;
    top:9px;
    right:10px;
    width: 16px;
    height: 16px;
    display:block;
    background: url(../images/xupload/btn-close2.gif) 0 0 no-repeat;
    text-decoration: none;
    z-index:1003;
}
a:hover#xwindow_close {
    background-position: -16px 0;
}

.divinputfile {
    position: relative;
    display: inline-block;
    width: 135px;
    height: 18px;
    margin: 0;
    vertical-align: middle;
    overflow: hidden;
}

.divinputfile::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231f5b9a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m17 8-5-5-5 5'/%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E");
    pointer-events: none;
}
.filepc {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 24px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    z-index: 2;
    font-size: 10px;
}

.fakeinputfile {
    position: relative;
    width: 145px;
    height: 24px;
    margin-top: 0;
    z-index: 1;
}

.fakeinputfile .fakefilepc {
    width: 115px;
    height: 18px;
    font-size: 10px;
    color: #243a70;
    background: transparent;
    box-sizing: border-box;
}

.divroulementfile {
    height: 20px;
    width: 145px;
    margin-top: 4px;
}

.divroulementfile a {
    font-size: 10px;
}
/* fin Bouton input file regie radio*/