.highlighted
    {
       background-color:Yellow;
    }
    .highlightedVOIR
    {
       color:White;
       background-color:Blue;
    }

    .highlightedGoodCode
    {
       color:White;
       background-color:Blue;
    }

body {

font-family: Arial, sans-serif;

}

body, html {
  height: 100%;
}

input.export_solo {  
    overflow: hidden;
    font-family: Arial, sans-serif;
    width: 39ch;
    resize: none;
    border:solid 1px black;
    text-align:left;
    text-transform: uppercase;
}

input.export_multi {  
    overflow: hidden;
    font-family: Arial, sans-serif;
    width: 39ch;
    resize: none;
    text-align:left;
    text-transform: uppercase;
}

span.calcul_chr {  
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #666666;
    text-align:left;
}

input.login    {
width:245px;
display:block;
border: 1px solid #999;
height: 20px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

input.loginButton    {
width:100px;
display:block;
border: 1px solid #999;
height: 22px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

/* Sortable tables */

table.sortable {
  font-size:11pt;
}

table.sortable thead {
    background-color:#CCC;
    font-weight: bold;
    cursor: pointer;
}
table.sortable thead th{
    padding-left:3px;
    padding-right:3px;
}


/*il faut utilisé cette méthode + codephp lors de la création des
tr afin d'être compatible avec IE8 et antérieur
Le probleme c'est que lors du trie par colonne le background suit*/
table.sortable tbody tr.row1{background: #eee;}
table.sortable tbody tr.row0{background: #FFF;}

/*cette technique convient mieu pour les navigateurs qui le supporte
car le background des lignes concerve l'alternance lors du tri par colonne*/
table.sortable tbody tr:nth-child(odd) {background: #eee;}
table.sortable tbody tr:nth-child(even) {background: #FFF;}

table.sortable td {padding-left:3px; padding-right:3px;}
table.sortable tbody.highlight tr:hover {background-color: yellow;}

table.formulaire thead th{text-align: left;}

div.transbox
  {
  height:100%;
  width:100%;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  background: rgba(64, 64, 64, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f404040, endColorstr=#7f404040);
  position:fixed;
  left:0px;
  top:0px; 
  padding:0px 0px 0px 0px;
  z-index:1;
  }

div.DialogMain
  {
  height:100%;
  width:100%;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  position:absolute;
  left:0px;
  top:0px; 
  padding:0px 0px 0px 0px;
  z-index:2;
  }

.hidden_transbox
  {
  visibility: hidden;
  display: none;
  height:100%;
  width:100%;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  background: rgba(64, 64, 64, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f404040, endColorstr=#7f404040);
  position:absolute;
  left:0px;
  top:0px; 
  padding:0px 0px 0px 0px;
  }

.unhidden_transbox
  {
  visibility: visible;
  display: block;
  height:100%;
  width:100%;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  background: rgba(64, 64, 64, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f404040, endColorstr=#7f404040);
  position:absolute;
  left:0px;
  top:0px; 
  padding:0px 0px 0px 0px;
  }

div.centeredLogin {
  position:absolute;
  top:50%;
  left:50%;
  width:450px;
  height:300px;
  margin-top: -150px;
  margin-left: -225px;
  margin-right: auto;
  margin-bottom: auto;
  opacity:1;
  padding:0px 0px 0px 0px;

}

div.centered {
  position:relative;
  top:100px;
  height:50%;
  width:50%;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  opacity:1;
  padding:0px 0px 0px 0px;
}

div.stylish
  {
  position:relative;
  left:0px;
  top:0px; 
  height:100%;
  width: 100%;

  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #CCCCCC;
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image:
    -webkit-gradient(linear, left top, right top, from(#CCCCCC), to(#EEEEEE));
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image:
    -webkit-linear-gradient(left, #CCCCCC, #EEEEEE);
  /* Firefox 3.6 - 15 */
  background-image:
    -moz-linear-gradient(left, #CCCCCC, #EEEEEE);
 /* Opera 11.1 - 12 */
  background-image:
    -o-linear-gradient(left, #CCCCCC, #EEEEEE);
 /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image:
    linear-gradient(to right, #CCCCCC, #EEEEEE);

  filter:alpha(opacity=100); /* For IE8 and earlier */
  background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
  background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEEEEE, endColorstr=#CCCCCC);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding:0px 0px 0px 0px;
  border: 1px solid #999;
  border: inset 1px solid #333;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  z-index:1;
  }




table.fullcenter
  {
  height:100%;
  width: 100%;
  text-align:center;
  font-weight:bold;
  vertical-align:middle;
  padding:0px 0px 0px 0px;
  }


div.stylishContent    {
  position:relative;
  left:0px;
  top:-420px;
  height:100%;
  width: 100%;
  border:0px;
  padding:0px;
  font-size: 14px;
  font-style: italic;
  line-height: 24px;
  font-weight: bold;
  color: #007c86;
  text-decoration: none; 
  z-index:2;
}


div.centeredDialog {
  position:absolute;
  top:50%;
  left:50%;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  opacity:1;
  padding:0px 0px 0px 0px;
}

div.stylishDialog    {
  position:relative;
  left:0px;
  z-index:2;
  height:100%;
  width: 100%;
  border:0px;
  padding:0px;
  text-decoration: none;
}

div.image_building
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  left:0px;
  top:42px; 
  position:relative;
  z-index:-1;
}



div.entete
{
  height:6px;
  width: 100%;
  position:fixed;
  left:0px;
  top:0px; 
  background-color:#016259;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-bottom:30px solid #34312c;
  border-top:6px solid #34312c;
}

div.entete_left
{
  height:6px;
  width: 40%;
  position:fixed;
  left:0px;
  top:6px; 
  background-color:#a5a7a6;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-bottom:0px;
  border-top:0px;
}

div.menubar
{
  height:30px;
  width: 100%;
  position:fixed;
  left:0px;
  top:12px; 
  background-color:#34312c;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-bottom:0px;
  border-top:0px;
}

div.menubar table
{
  height:30px;
  width: 100%;
  color: #ffffff;
  font-size:11pt;
  font-weight:bold;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  border:0px;
}

div.menubar td
{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  vertical-align: middle;
  text-align: left;
}

div.menubar a
{
  color: #ffffff;
  font-size:11pt;
  font-weight:bold;
  text-decoration:none;
}

div.menubar img
{
  float:left;
  text-align:center;
  margin-right:6px;
  margin-left:3px;
}

div.entete_dialog
{
  height:6px;
  width: 100%;
  position:absolute;
  left:0px;
  top:0px; 
  background-color:#016259;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-bottom:30px solid #34312c;
  border-top:6px solid #34312c;
z-index:99;
}

div.entete_dialog_left
{
  height:6px;
  width: 40%;
  position:absolute;
  left:0px;
  top:6px; 
  background-color:#a5a7a6;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-bottom:0px;
  border-top:0px;
z-index:99;
}

div.entete_dialog_title
{
  height:30px;
  width: 100%;
  position:absolute;
  left:0px;
  top:12px; 
  background-color:#34312c;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-bottom:0px;
  border-top:0px;
z-index:99;
}

div.entete_dialog_title p
{
  color: #ffffff;
  font-size:16pt;
  font-weight:bold;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:3px 0px 0px 5px;
}