* {
  padding:0;
  margin:0;
  font-family : arial, sans-serif;
}

a {
  cursor:pointer;
}

ul.menu {
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  background:#1f81bb;
  height:25px;
  color:#fff;
  margin:10px;
  margin-top:2px;
  margin-bottom:0;
  
}

ul.menu li {
  list-style-type: none;
  display: inline-block;
  padding:2px;
  padding-left:4px;
  padding-right:4px;
  -moz-transition:all 1s;
  color:#ffffcb;
  margin-left:5px;
}
ul.menu li a {
  display:inline-block;
  width:100%;
  color:#ffffcb;
  text-decoration:none; 
}

ul.menu li:hover, ul.menu li.sel {
  background:#3ba1de;
  -moz-transition:all 0.5s;
  color:#fff;
}

ul.menu li:hover a,ul.menu li.sel a {
  color: #fff;
  text-decoration:underline;
  -moz-transition:all 1s;
}

div.sub_menu {
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  height:30px;
  background:#a0dcff;
  background:#f7dd1c;
  margin:10px;
  margin-top:0;
  padding:2px;
  padding-bottom:0;
  vertical-align:middle; 
}


table {
  border-collapse:collapse;
  border:1px solid #a0dcff;
  box-shadow: 5px 5px 5px rgba(190,190, 210, 0.5); 
}

caption, thead tr td {
  text-align:center;
  font-size:14pt;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  background:#1f81bb;
  height:25px;
  color:#fff;
  margin-top:2px;
  margin-bottom:0;
  padding-top:2px;
  vertical-align:middle;
}

thead tr { border:none; }

tr.pair {
  background:#fff;
}

tr.impair {
  background:#cdecff;
  background:#ffffcb;
}

tr.impair td, tr.pair td {
  border-left : 1px solid #a0dcff;
  border-right : 1px solid #a0dcff;
  background:none;
}

tr.pair:hover, tr.impair:hover {
  background: #afa;
  /*box-shadow: 2px 2px 2px rgba(128,192,128, 0.8); /*, 1px 1px 3px 0 #fff inset, -1px -1px 3px 0 #696 inset;*/
  /*-moz-transition: all 0.5s;*/
}


tr {
  /*-moz-transition: all 0.5s;*/
 }

td {
  font-size:10pt;
  padding:2px;
  height:20px;
  background: #dcf2ff;
  color: #33a;
}  

th {
  font-weight:bold;
  color:#1f81bb;
  background: #a0dcff;
}

tr.tot td {
  font-weight:bold;
  border:2px solid #f7aa1c;
  border-top: 2px solid #f7aa1c;
  height:22px !important;
  color: #1f81bb;
  background:#f4ee43;
}

th.num, td.num  {text-align:right}
th.centre, td.centre {text-align:center}
th.no_op,  td.no_op   {width:50px}
th.dt_op,  td.dt_op   {width:70px}
th.imput,  td.imput   {width:300px}
th.ref,    td.ref     {width:200px}
th.lib,    td.lib     {width:300px}
th.mont,   td.mont    {width:80px}
th.action, td.action  {width:80px}
td.credit { color:#3a3 !important; }
td.debit { color:#a33 !important; }
td.rec { color:#99f !important }
th.mois { width:60px; }

input[type=submit], input[type=cancel], input[type=button], button, a.bouton {
 /*font-size:8pt; */
    -moz-user-select: none;
    background: none repeat scroll 0 0 #EBEBEB;
    border-radius: 1000px 1000px 1000px 1000px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 
                0 1px 0 rgba(0, 0, 0, 0.2) inset, 
                0 0 1px rgba(0, 0, 0, 0.8) inset, 
                0 0 1px #000000 inset, 0 10px 5px -5px #FFFFFF inset, 
                0 -20px 10px -10px rgba(255, 255, 255, 0.8) inset, 
                0 -13px rgba(0, 0, 0, 0.1) inset;
    cursor: default;
    display: inline-block;
    font: 13px/20px "Lucida Grande",sans-serif;
    height: 21px;
    margin: 0 10px;
    padding: 0 13px;  
  text-align:center;
  border:none;
}

input[type=submit]:hover, input[type=cancel]:hover, input[type=button]:hover, button:hover, a.bouton:hover {
  box-shadow: 0 0 2px 3px rgba(248, 140, 0, 0.45) inset, 
              0 0 1px rgba(0, 0, 0, 0.8) inset;

}

select {
-moz-user-focus: normal;
    -moz-user-select: none;
    border: 1px solid rgba(0, 0, 0, 0.6);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.4) inset, 
                0 4px 6px rgba(255, 255, 255, 0.4) inset, 
                0 11px 0 -2px rgba(255, 255, 255, 0.2) inset, 
                -21px 0 0 -2px rgba(255, 255, 255, 0.2) inset, 
                /*-22px 0 0 -2px rgba(0, 0, 0, 0.6) inset, */
                0 13px 8px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.2);
    height: 20px;
    margin: 0;
    background:#fff;
}
a.bouton_rouge {
  display:inline-block;
  padding-top:2px;
  padding-left:4px;
  padding-right:4px;
  border-radius: 5px;
  /*border:1px solid rgba(0,0,0,0.1);*/
  background:#f7a91c;
  /*box-shadow: -2px -2px 2px rgba(0,0,0,0.2) inset, 2px 2px 2px rgba(255,255,255,0.8) inset;*/
  height:16px;
  font-size:8pt;
  text-decoration:none;
  color:#ac0303;
  margin-top:2px;
  margin-bottom:2px;
  -moz-transition: all 0.5s;
}

a.bouton_rouge:hover {
  background:rgba(247,169,28, 0.8);
  -moz-transition: all 0.1s;
}

a.bouton_vert {
  display:inline-block;
  padding-top:2px;
  padding-left:4px;
  padding-right:4px;
  border-radius: 5px;
  /*border:1px solid rgba(0,0,0,0.1);*/
  background:#1b8c17;
  /*box-shadow: -1px -1px 1px 0 rgba(0,0,0,0.2) inset, 1px 1px 1px 0 rgba(255,255,255,0.8) inset;*/
  height:16px;
  font-size:8pt;
  text-decoration:none;
  color:#fff;
  margin-top:2px;
  margin-bottom:2px;
  -moz-transition: all 0.5s;
}

a.bouton_vert:hover {
  background:rgba(27,140,23, 0.8);
  -moz-transition: all 0.1s;
}

a.bouton_bleu {
  display:inline-block;
  padding-top:2px;
  padding-left:4px;
  padding-right:4px;
  border-radius: 5px;
  /*border:1px solid rgba(0,0,0,0.1);*/
  background:#6c76e3;
  /*box-shadow: -2px -2px 2px rgba(0,0,0,0.2) inset, 2px 2px 2px rgba(255,255,255,0.8) inset;*/
  height:16px;
  font-size:8pt;
  text-decoration:none;
  color:#fff;
  margin-top:2px;
  margin-bottom:2px;
  -moz-transition: all 0.5s;
}

a.bouton_bleu:hover {
  background:rgba(108,118,227, 0.8);
  -moz-transition: all 0.1s;
}

caption  {
  text-align:left;
  padding-left:5px;
}
 
div.close {
  position:absolute;
  right:-5px;
  text-align:center;
  display:inline-block;
  cursor:pointer;
  border:1px solid #fff;
  border-radius:5px;
  width:20px;
  box-shadow: 0 10px 10px -5px rgba(255,255,255, 0.6) inset;
  box-shadow: 0 -10px 10px -5px rgba(0,0, 0, 0.4) inset;
  margin-bottom:2px;
}

#popup_det {
  position:absolute;
  opacity:0.9;
  width:500px;  
}

#popup_det th, #popup_det td {
  font-size:8pt;
}

/*div.sub_menu select {
  border-radius : 3px;
  height:20px;
  border:1px solid #a71212;
  mergin:4px;
}*/