html {
    height:100%;
}

body {
    position:relative;
    margin:0 2em 0 0;
    padding:0;
    background:white url(/images/fond_hg.gif) no-repeat top left;
    font-family: Arial, Helvetica, sans-serif;
    font-size:small;
    top:0;
    left:0;
    min-height:100%;
    height:auto;
    min-width:976px;
}

a {
    color:black;
}

a img {
    border:none;
}

form {
    display:block;
    padding:0;
    margin:0;
}

input, select, button, .input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
}

.input {
    text-transform:capitalize;
}

input[type='submit'] {
  text-transform:capitalize;
}

#haut h1 {
    margin:0;
    padding:0;
    font-size:2em;
}

#bas {
    clear:both;
    height:78px;
    background:white url(/images/fond_b.gif) repeat;
    text-align:right;
    color:#D73650;
    font-size:x-small;
}

#haut {
    margin-bottom:1em;
}

#titre {
    height:40px;
    margin-left:318px;
    background:#D73650 url(/images/fond_hd.gif) no-repeat top right;
    color:white;
    padding-top:15px;
}

#titre h1 {
    margin:0;
    padding:0;
    font-size:1.2em;
    float:left;
}

#menu {
    float:left;
    width:14em;
    margin:0;
    padding:2.5em 0 1em .5em;
}

/* ie sucks */
* html #menu {
    margin-right:-3px;
}

#menu ul {
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}

#menu ul li {
    margin:0;
    padding:.25em;
}

#menu ul li a {
    display:block;
    color:#D73650;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    padding:0 0 0 1.5em;
}

#menu ul li.admin a {
    color:#0A6DB4;
}

#menu ul li:hover a, #menu ul li.menuon a {
    background:transparent url(/images/puce.gif) no-repeat center left;
}

#menu ul li a.mentions {
    font-size:12px;
    background:none;
    padding:1em 2.2em;
    font-weight:normal;
}

#menu ul li:hover a.mentions {
    background:none;
}

#menu ul li ul {
  margin-left:2em
}

#menu ul li ul li{
  padding:0;
  margin:.25em 0;
}

#menu ul li ul li a, #menu ul li.menuon ul li a, #menu ul li:hover ul li a {
  font-size:14px;
  font-weight:normal;
  background:none;
  padding:0;
  margin:0;
  width:100%; /* bug ie6 */
}

#menu ul li ul li.menuon a, #menu ul li ul li:hover a {
  text-decoration:underline;
}

#centre p {
    margin-top:0;
    padding-top:0;
}

#centre #calendrier input,#centre #calendrier select {
    width:auto;
}

#criteres fieldset {
    padding:.25em;
    margin:0;
    /*text-align:center;*/
    color:#D73650;
    border:1px solid #D73650;
}

#item_edit ul {
    display:block;
    margin:0 100px 0 0;
    padding:0;
    list-style:none;
}

#item_edit ul li ul {
    margin:0;
}

#item_edit ul li{
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}

#item_edit ul li.erreur {
    text-align:center;
}

#item_edit ul li.erreur span {
    margin:0;
    padding:0 .5em;
    line-height:1.5em;
    color:#D73650;
    background-color:#FFE850;
    text-align:center;
    font-weight:bold;
    border:1px dashed #D73650;
}

#item_edit ul li input[type='text'],#item_edit ul li input[type='password'],#item_edit ul li select {
    width:20em;
    margin:0;
    padding:0;
    border:1px solid black;
}

#item_edit #lots ul li input[type='text'],#item_edit #lots ul li input[type='password'],#item_edit #lots ul li select {
    width:10em;
    margin-left:1em;
    font-style:normal;
}

#item_edit ul li input[readonly='readonly'] {
    border:none;
}

#item_edit ul li fieldset input[type='text'] {
    width:auto;
}


#item_edit ul li label, #item_edit ul li div.label {
    display:block;
    float:left;
    width:35%;
    padding-right:1em;
    text-align:right;
    font-style:italic;
}

#item_edit #lots ul li label {
    font-size:.8em;
    float:none;
    display:inline;
}

#item_edit ul li label:first-letter, #item_edit ul li div.label:first-letter {
  text-transform:uppercase;
}

#bandeau {
    background-color:#FFFFFF;
    margin:.5em .5em .5em 16em;
    padding:.5em;
}

#bandeau a {
    display:block;
    float:right;
}

#auth {
    text-align:right;
    padding-right:1em;
}

#alerte {
    width:350px;
    margin:1em 1em 0em 0em;
    padding:0.1em;
    background-color:#FFE850;
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    border:1px dashed #D73650;
}

#alerte a {
    text-decoration:none;
    color:#D73650;
}

#criteres {
    margin:0 0 1em 0;
    padding:0;
    color:#D73650;
}

#criteres legend,#criteres label{
    text-transform:capitalize;
}


#actions {
    float:right;
    clear:right;
    margin:0;
    padding:0;
    font-size:x-small;
}

#actions a {
    display:block;
    float:left;
    font-size:x-small;
    text-align:center;
    text-decoration:none;
    color:#D73650;
    padding-left:1em;
}

#tab_alertes {
    width:100%;
    border-collapse:collapse;
}

/* ie sucks */
* html #tab_alertes {
    margin-right:-3px; 
}

#tab_alertes tr th {
    color:#D73650;
}

#tab_alertes tr td {
    padding:.25em;
    border:1px solid black;
}

#tab_alertes tr td.emise {
	cursor: pointer;
    background-color:red;
}

#tab_alertes tr td.inhibee {
	cursor: pointer;
    background-color:orange;
}

#tab_alertes tr td.validee {
	cursor: pointer;
    background-color:green;
}

#liste_barres {
    display:block;
    clear:right;
    list-style:none;
    font-size:.8em;
    margin:0;
    padding:1em 0 0 0;
}

#liste_barres li{
    display:block;
    text-align:center;
    position:relative;
    float:left;
    margin:0;
    padding:0;
    width:124px;
    height:250px;
    padding:.25em 0;
    cursor:pointer;
    cursor:hand
}

#liste_barres #clear {
    clear:both;
    float:none;
    width:auto;
    height:0px;
}

#liste_barres div.barre {
    position:relative;
    top:0;
    left:0;
    margin:auto;
    width:102px;
    height:202px;
    border:1px solid black;
}

#liste_barres div.barre div.resultat, #liste_barres div.barre div.resultatalerte, #liste_barres div.barre div.seuil {
    box-sizing:content-box;
    position:absolute;
    z-index:10;
    bottom:0;
    left:0;
    width:100%;
    background-color:#0A6DB4;
    text-align:center;
    border-width:1px 0 0 0;
    border-style:solid;
    border-color:black;
    vertical-align:bottom;
    margin:0;
    padding:0;
}

#liste_barres div.barre div.resultatalerte {
    background-color:#D73650;
}

#liste_barres div.barre div.seuil {
    z-index:15;
    height:1em;
    border-width:0 0 1px 0;
    background-color:transparent;
    text-align:left;
    font-size:1.2em;
    padding-bottom:.2em;
    border-style:dashed;
}

#liste_barres div.barre div.texte {
    position:absolute;
    top:50px;
    left:0;
    width:100%;
    z-index:11;
    font-size:2em;
}

#titreprint {
    display:none;
}

#icone_alerte {
    vertical-align:middle;
}

#centre {
    padding:.5em 3em 0 14.5em;
}

#logo_ijitrack {
     position:absolute;
     top:0;
     left:0;
}

#logo_ijinus {
     float:right;
     margin-left:1em;
}

table.admin {
    width:100%;
    border-collapse:collapse;
}

/* ie sucks */
* html table.admin {
  margin-right:-3px
}

table.admin th,table.admin th a {
    color:#D73650;
}

table.admin td {
    border:1px solid black;
    padding:.2em;
    text-align:left;
}

a.nouveau,a.retour,a.supprimer {
    font-weight:bold;
    margin-right:3em;
    padding:.1em;
    color:#D73650;
}

a.nouveau {
    display:block;
    padding:.5em;
}

li.centre {
    text-align:center;
}

#droits, #droits ul {
    display:block;
    list-style:none;
    margin:0;
    padding:0;
}

#droits li, #droits ul li {
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    clear:right;
}

#droits li h3{
    font-style:italic;
    color:#D73650;
    margin:0;
    padding:0;
}

#droits li ul li {
    height:1.5em;
    margin-left:1em;
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:black;
}
#droits li ul li div.checkbox {
    float:right;
    font-size:.8em;
    height:100%;
}

#plan_livraison, #legende {
  font-size:11px;
  border-collapse:collapse;
  /*border:1px solid black;*/
}

#plan_livraison {
  margin-bottom:2em;
  /*width:100%;*/
}

#legende {
  float:left;
}

#plan_livraison colgroup col.ferie, table.prevision colgroup col.ferie, #legende tr.ferie td {
  background-color:#DDDDDD;
}

#plan_livraison colgroup col.aujourdhui, #legende tr.aujourdhui td {
  background-color:#FFFFBF;
}

#plan_livraison tr td, #plan_livraison tr th, #legende tr td, #legende tr th {
  border:1px solid black;
  height:15px;
}

#plan_livraison tr td, #legende tr td {
  text-align:center;
}

#plan_livraison tr.mois th {
  background-color:white;
}

#plan_livraison tr.jour td, #legende tr td {
  width:15px;
  height:15px;
  font-weight:bold;
}

#plan_livraison tr.matiere td, #legende tr.vide td {
  background-color:#D73650;
}

#plan_livraison tr.matiere td.mat, #legende tr.mat td {
  background-color:#B8D2E5;
}

#plan_livraison tr td.livraison, #legende tr.proposition td {
  background-color:#BBFFBB;
}

#plan_livraison td a {
  display:block;
  
  height:1.5em;
  text-decoration:none;
}

#plan_livraison span.libelle2 {
    font-weight:normal;
}

#plan_livraison td a.vert {
  color:white;
  background-color:green;
}

#plan_livraison td a.rouge {
  color:white;
  background-color:red;
}

#plan_livraison td a:hover {
  color:white;
  background-color:black;
}

#batiments {
  margin:auto;
  border-collapse:collapse;
  border:1px solid black;
}

#batiments th {
  padding:.25em;
}

#batiments td {
  text-align:center;
}

#batiments td input {
  font-size:8px;
}

#lots {
  display:block;
  float:left;
  width:100%;
  list-style:none;
  margin:0;
  padding:0;
  border:1px solid black;
  font-size:.8em;
}

#lots > li {
  display:block;
  padding:0;
  margin:0;
  float:left;
  width:100%;
}

#lots > li, #lots ul.periodes > li, #lots ul.articles > li{
  border-width:1px 0 0 0;
  border-style:solid;
  border-color:black;
}

#lots > li:first-child, #lots ul.periodes > li:first-child, #lots ul.articles > li:first-child {
  border:none;
}

#lots li.title {
  text-align:left;
  font-size:1.2em;
  font-weight:bold;
  padding:.25em 0;
}

#lots li.title {
  background-color:#CCCCCC;
}

#lots li ul {
  display:block;
  list-style:none;
  margin:0;
  padding:0;
}

#lots li ul li.title {
  background-color:#DDDDDD;
}

#lots li ul.lot {
  float:left;
  clear:left;
  width:33%;
  height:100%;
  text-align:right;
  padding:.25em 0;
}

#lots ul.lot li, #lots ul.periode li {
  padding-right:1em;
}

#lots li ul.periodes {
  width:67%;
  float:left;
}

#lots li ul.periodes > li, #lots li ul.periodes li ul.articles li {
  float:left;
  clear:left;
  width:100%;
}

#lots li ul.periodes li ul.periode {
  float:left;
  clear:left;
  width:50%;
  text-align:right;
  padding:.25em 0;
}

#lots li ul.periodes li ul.articles {
  width:49%;
  float:left;
  height:100%;
}

#lots li ul li ul li.title {
  background-color:#EEEEEE;
}

#lots li ul.periodes li ul.articles li ul.article {
  text-align:right;
  padding:.25em 0;
  float:left;
}

#lots input[type='text'], #lots select{
  width:13em;
}

#lots input[type='checkbox'] {
  margin-right:13em;
}

#valide {
  text-align:center;
}

#valide input {
  margin-top:1em;
}

#alarmes ul {
  display:block;
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
}

#chargements {
  text-align:center;
  border-collapse:collapse;

}

.popup {
  display:block;
  position:absolute;
  top:0;
  left:3em;
  margin:auto;
  background-color:white;
  border-width:3px;
  border-style:inset;
  border-color:#D73650;
  padding:1em;
  margin:.5em;
}

/* ie sucks */
* html #chargements {
  margin-right:-3px;
}

#chargements caption {
  font-weight:bold;
}

#chargements ul {
  display:block;
  list-style:none;
  margin:0;
  padding:0;
}

#chargements thead tr {
  background-color:#D73650;
  color:white;
}

#chargements tbody td {
  border:1px solid black;
}

#chargements tbody {
  font-size:11px;
}

#plan_livraison tr th.section{
  background-color:#D73650;
  color:white;
  font-size:1.5em;
}

.prevision {
    border-collapse:collapse;
}

.prevision tr td,.prevision tr th {
    border:1px solid black;
    padding:2px;
}

.prevision tr td {
    text-align:right;
}

#estimation h1 {
    margin:0 0 3px;padding:0;font-size:14px;
}

h1.rouge {
    color:#ff0000;
}

h1.bleu {
    color:#0000ff;
}

#estimation ul {
    margin:10px 0 0 30px;
    padding:0;
}

div.fermeture {
  text-align:right;
  font-size:1.5em;
}

div.fermeture a {
  text-decoration:none;
}

#roll {
  position:absolute;
  float:left;
  display:none;
  padding:5px;
  background-color:white;
  border:1px solid black;
}

@media print {

    body {
        background:none;
        min-width:750px;
    }

    #menu, #haut, #bas, #bandeau, #actions,#actions a, #alerte {
        display:none;
    }

    #centre {
       margin:0;
       padding:0;
    }
    
    #centre #criteres fieldset {
      margin:0;
      padding:0;
    }
    
    #centre img {
      width:100%;
    }

    #titreprint {
        display:block;
    }

}

#item_edit h3, #item_edit h4 {
  text-align:center;
  margin:0;
} 
.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #DDFFAC;
	background-image: url(/javascript/up.gif);
}
.sortdesc {
	background-color: #B9DDFF;
	background-image: url(/javascript/down.gif);
}
.nosort {
	cursor: default;
}