A {
    text-decoration: none;
}
.msg{
position: absolute;
bottom:10px;
right: 20px;
}

.erreur,.info,.ok{
border: 1px solid;   
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;                
}

.erreur {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/error.png');
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('images/info.png');
}
.ok {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/success.png');
}

.rounded{            
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
}
.shadow{
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
}
.btn{
    background-color: #F5F5F5;
    border : 1px solid rgba(0,0,0,0.1);
    color : #666;
    font-weight: bold;    
    padding: 3px;        
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

#wrapper{
    width:800px;
    margin : 0 auto 0 auto;
}
#contenu{
    border:solid 1px #ccc;
    padding: 12px;
    overflow: auto;
}
#loginForm{
    width : 400px;
    margin : 200px auto 0 auto;
    border : 1px solid #ccc;
    padding: 10px;    
}
#loginForm table{
    width : 300px;
    margin : 0 auto 0 auto;
}
#loginForm table td {
    font-weight: bold;    
    font-weight: 200;
    width:100px;    
}
#menu{
    border:2px solid #ccc;
    border-top-left-radius: 40px;
   -moz-border-radius-topleft:40px;
   border-top-right-radius: 40px;
   -moz-border-radius-topright:40px;    
   padding: 10px;
   width:500px;
   margin : 0 auto 0 auto;
   text-align: center;
}
#menu a{
    margin-right: 20px;    
    height:50px;
    color:#1877D5;
    padding: 5px;
}
#menu a:hover{
    background-color:#F5F5F5;
}
a img{
    border:none;
}
#contenu a{    
    display: inline-table;    
}
#menu_acceuil{    
    width :500px;    
    margin : 0 auto 0 auto;       
}
#menu_acceuil table{ 
    width :500px;
    margin : 0 auto 0 auto;       
}
#menu_acceuil table td{
    text-align: center;
}
#menu_acceuil table a{
    border: 2px solid #ccc;
    padding: 20px;
    width: 100px;
}
#menu_acceuil table a:hover{
    border: 1px solid #DEF2FC;
    padding: 10px;
}
#header{
    border:2px solid #ccc;
    height: 80px;
    margin-bottom: 20px;
    padding: 5px;
}
#barre_tache{
    margin:5px;
    text-align: right;    
}
#options{
    border: 2px solid #E6F2FA;
    padding: 5px;
}
.titre{
    text-align: center;            
    height: 25px;    
    font-size:18px;
    font-weight:100;
    cursor: auto;
}
.liste {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ccc ;
    margin-top:10px;    
}
#modalwindow{
padding: 5px;
border: 4px double #ccc;
background: white;
text-align: center;
position : relative;
width : 500px;
}

.liste tr{
    padding: 5px;    
}

.liste th{
    background-color: #F5F5F5;
    color : #666;
    font-weight: bold;    
    text-align: left;        
}
.liste  td,.liste th{
    padding: 5px;
}
.liste td{
    border-bottom: #ccc solid 1px;
}
.form{
    width:500px;
    margin : 0 auto 0 auto;
    border: 2px solid #ccc;
    padding: 20px;    
}
.form td{
    color:#1877D5;
    font-weight: 300;
}
td.colval,td.colvalar {color: #808080;width: 100px;vertical-align: top;padding-left: 10px;}
td.colvalar {
    text-align: right;
    direction: rtl;
    font-family: tahoma;
}
td .oblig{
    color:red;
    font-size: 18;
}

.fltr{float: right}
.ar { font-family: tahoma; }
.active{
    display:block;
}
#pager a,span.p-disabled {
    display:inline-block;
    padding:3px 5px;
    margin:0 2px;
}
#pager a {
    text-decoration:none;
    border:solid 1px #CCC;
}
#pager a:hover {
    border:solid 1px #ebebeb;
}
#pager {
    overflow:hidden;
    margin: 10px 0;
}
#pager span.p-disabled {
    background-color: #ebebeb;
    color: #777;
}
.active_menu{
    background-color: #F5F5F5;
    border : 1px solid rgba(0,0,0,0.1);    
    font-weight: bold;
    padding: 5px;        
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}
.tree  { margin:0; padding:0; width:150px}
.tree li {list-style:none; padding-left:21px;}
.tree li.root {padding-left:0;}
.tree li li.dir {background:url(images/rootNode.gif) no-repeat 17px center; margin-left:-25px; padding-left:31px;}
.tree li li.root {padding-left:10px; background:url(images/justOne.gif) repeat-y 17px 0;}
.tree li li.root.last {background:none;}
.tree li li.last {background:url(images/lastRoot.gif) no-repeat 17px 0;}
.expand {background:url(images/plusMinus.gif) no-repeat; width:16px; _width:13px; height:16px; display:block; float:left; margin-top:2px; padding:0 5px 0 0; text-indent:-9999px; line-height:0; font-size:0;}
.contract {background-position:0 -16px;}
.expand:hover {cursor:pointer;}
.explorer{    
    width:100%;    
    border:1px solid #ccc;
}
.explorer td{
    border-bottom:1px solid #ccc;
}
.explorer_item,.tree li{
    cursor:pointer;
}
.exp_item{
    width:200px;
}

#explorer_view{
    margin: 0;
}
.folder_selected{
    background-color: #F2F6FA;
    font-weight: bold;
}
.name_folder{
    
}
#url{
    cursor:default;
}
#url span{
    text-decoration: underline;
    cursor: pointer;
}
/* all context menus have this class */
.context-menu {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        
        background-color: #f2f2f2;
        border: 1px solid #999;
        
        list-style-type: none;
        margin: 0; 
        padding: 0;
      }
.context-menu a {
        display: block;
        padding: 3px;
        text-decoration: none;
        color: #333;
}
.context-menu a:hover {
        background-color: #666;
        color: white;
}
.cuted{
          text-decoration: line-through;
}
.green{
          background-color: green;
}
.inlineblock {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;    
}
#postes{    
    width :550px;    
    margin : 0 auto 0 auto;       
}
.poste{ 
    width :200px;
    height: 200px;    
    float: left;
    margin : 0 auto 0 auto;           
    padding: 5px;
    margin: 20px;
    text-align: center;
}
.poste .menu_poste{
    display: none;    
    z-index: 100;
    color: white;        
    margin:0; padding:0;        
    background: rgba(0, 0, 0, 0.4);        
    border: 2px solid #FFF;
}
.menu_poste li{
    text-align: center;
    list-style: none;
    padding: 2px;
    border-bottom: white 1px solid;
}
.menu_poste li a {
    color: white;
    font-weight: bold;    
    display: block;
    width: 100%;    
}
.menu_poste li a:hover {
    background-color:#ccc;
}
.poste_bg{    
    width:100%;height:100%;margin-top: 3px;    
    border: 1px solid #ccc;
}
#pic_show{ width:600px; height:300px; padding:1px; border:1px solid #CCC; background-color:#FFF; margin-bottom:10px; }
 #pic_show img{ position:absolute; display:none; } 
 ul#thumbs li.active{ border:2px solid #000;     background:#fff; padding:2px; } 
 ul#thumbs, ul#thumbs li{ margin:0; padding:0; list-style:none; }
 ul#thumbs li{ float:left; margin-right:7px; margin-bottom:5px; border:1px solid #CCC; padding:3px; cursor:pointer; }
 ul#thumbs img{ float:left; width:80px; height:80px; line-height:80px; overflow:hidden; position:relative; z-index:1;     }
 #mesPostes_container{
     height:320px;
     overflow: auto;   
     width: auto;   
 }
.time{
    border: 1px solid #ccc;
    margin: 5px;
    padding: 5px;
    width: 200px;
    margin: 0 auto 5 auto;
}
#prev,#next{
    width:25px;
    height:25px;     
    vertical-align: middle;
    padding: 0;    
}
.perso{
    border: 1px solid #ccc;
    background: #F7F5F7;    
    margin: 5px;    
}
.folder_ico{    
    background-image: url(images/directory.png);
    width: 16px;
    height: 16px;    
    display:block; float:left; margin-top:2px;
}
.center{
    margin: 0 auto 0 auto;
}