/* CSS Document */
body {
   margin: 0;
   font-family:Arial, Helvetica, sans-serif;
  /* text-align: center;*/
   background-image:url(images/logo1.gif);
   background-position:top right;
   background-repeat: no-repeat;
}
a, a:link, a:visited {
        text-decoration: none;
        color:#003399;/* bleu */
        padding:0;
        margin:0;
        background-color: transparent;
}
a:hover {
   color: #003366;  /* bleu */
   text-decoration: underline;
   background-color: transparent;
}
acronym, abbr{
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #339900;
        cursor:help;
}
input:focus {
   background-color: #FFCC33;
}
/*   Entete + logo + Aide, deconnection ....   */
#banniere{
   width: 95%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0.2em;
   margin-bottom: 0.2em;
   padding: 0 0.2em 0 0.2em;
   text-align: left;
   color:#003399;
   font-size: 0.8em;
/*   background-color: #FFCC00;*/
}
/*  navigation haute  */
#navhaut{
   width: 95%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0;
   margin-bottom: 0;
   text-align: left;
   font-size: 100%;
   padding-top: 0.5em;
   padding-bottom: 0.2em;
   padding-left: 0.7em;
   border-bottom: 1px solid #006699;
 /* background-color: #749DC9; */
}
#navhaut ul {
   display: inline;
   text-align: left;
   padding: 0;
   margin: 0;
}
#navhaut li {
   display: inline;
   padding: 0;
   margin: 0;
}
#navhaut li.last {
   border-right: 0;
}
#navhaut a:link, #navhaut a:visited {
   text-decoration: none;
   color:#006699;
   background-color:#FFCC00;
   font-weight: bold;
   padding: 0.1em 0.5em 0.2em 0.5em;
   border-top: solid #006699 1px;
   border-right: solid #006699 1px;
   border-left: solid #006699 1px;
   border-bottom: 0;
}
#navhaut a:hover {
   color: #CC0000;
   background-color:#FFFFCC;
}
#navhaut a:link.select, #navhaut a:visited.select{
   color: #CC0000;
   background-color:#FFFFCC;
   border-bottom: solid #FFFFCC 1px ;
}

/*   Navigation secondaire : contextuelle selon l'affichage en cours  */
#sousnav {
   font-size: 80%;
   text-align: left;
 /*  float: left;  */
}
#sousnav ul {
   display: inline;
   text-align: left;
   padding: 0;
   margin: 0;
}
#sousnav li {
   display: inline;
   margin-left: 0;
   margin-right: 0;
   text-align: left;
   padding: 0;
}

form #sousnav   {
   margin: 0;
   padding: 0px;
   font-size: 100%;
}
form #sousnav input  {
   border: solid #8080FF 1px;
   padding:0;
}
/*     partie centrale   */
#centre  {
   width: 95%;
 /*  height: 20em;*/
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
   border-left: solid #006699 1px;
   border-right: solid #006699 1px;
   border-bottom: solid #006699 1px;
   background-color: #FFFFCC;
   padding: 0 0.5em 0.5em 0.2em;
   text-align: center;
}
/*  formulaires de saisie  */
form h1 {
   font-size: 110%;
   line-height: 80%;
}

#centre form {
   margin: 0;
   padding: 2px;
   font-size: 75%;
}

.titre1 {
   font-size:110%;
   color: #006633;
   font-weight: bold;
   text-align: left;
   background-color: #FFFF99;
}
.clearCenter {
    clear: both;
    text-align: center;
}
.clearLeft {
    clear: both;
    text-align: left;
}
.clearRight {
    clear: both;
    text-align: right;
}
.col100 {
   float: left;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
.col70 {
   float: left;
   width: 70%;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
.col50 {
   float: left;
   width: 50%;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
.col30 {
   float: left;
   width: 33%;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
.col25 {
   float: left;
   width: 25%;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#centre label{        /*** Mise en forme des intitulés de champs ***/
   float: left;
   width: 8em;
   text-align: left;
   margin: 0 .5em 0.1em .5em;;
   padding: 0;
   line-height: 1.7em;
}

#centre input, #centre select, #centre textarea{
   vertical-align:top;
   color: #000066;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 90%;
}

/*
#centre fieldset {
   border: solid #006633 1px;
   margin: 0 0 5px 0;
   padding: 0 0 5px 0;
   clear: both;
}
#centre fieldset legend{
  /* display: inline;
   padding: 3px;
   font-weight:bold;
   font-size:110%;
   color: #006633;
}
*/
/*   AFFICHAGE LISTES   */
table.liste {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   font-size: 75%;
   padding: 0;
   margin : 0;
   border-collapse:collapse;
   border-bottom: 1px solid #FF3300;
}
table.liste caption{
   font-size: 130%;
   color: #FF3300;
   font-weight: bold;
   margin-bottom: .5em;
}
.liste td, .liste tr {
   border-left: 1px solid #FF3300;
   border-right: 1px solid #FF3300;
   border-top:0;
   border-bottom: 0;
   padding: 0px;
   margin : 0;
 /*  text-align: left; */
}
.liste th {
   border: solid #FF3300 1px ;
}
tr.ligne1 {
   background-color: #CCCCFF;
}
tr.ligne2 {
   background-color: #FFCC99;
}
tr.total, tr.total td{
   border-top: 1px solid #FF3300;
   border-bottom: 1px solid #FF3300;
   background-color:#FFFF99;
   text-align:right;
   font-weight: bold;
}

tr.pied, tr.pied td{
   border-top: 1px solid #FF3300;
   border-bottom: 1px solid #FF3300;
   background-color:inherit;
   text-align:left;
}
/*  Colonnes de saisie des articles */
.titrelignesaisie{
   width: 95%;
   margin-left: auto;
   margin-right: auto;
   padding: 0;
}
#fenetreLignes {
   width: 95%;
   margin-left: auto;
   margin-right: auto;
 /*  height: 20em;
   overflow: auto; */
   padding: 0;
   clear:both;
}
.lignesaisie {
   padding: 0;
   clear:both;
}
.lignesaisie-depassement{
   padding: 0;
   clear:both;
}
.lignesaisie-depassement .col1{
   background-color: #FF0000;
}
.titrelignesaisie .col1, .titrelignesaisie .col2,
.titrelignesaisie .col2, .titrelignesaisie .col3,.titrelignesaisie .col4,
.titrelignesaisie .col5, .titrelignesaisie .col6 {
   text-align: center;
   font-weight: bold;
   background-color:#FF0000;
   line-height: 1.5em;
   padding: 0;
   color: #FFFF00;
   border-top: solid #006600 1px;
   border-bottom: solid #006600 1px;
}

.titrelignesaisie .col1 {
   text-align: left;
}
.col1 {
   width: 20%;
   float: left;
   text-align: left;
}
.col2 {
   width: 33%;
   float: left;
   text-align: left;
}
.col3 {
   width: 15%;
   float: left;
   text-align: right;
}
.col4 {
   width: 10%;
   float: left;
   text-align: right;
}
.col5 {
   width: 10%;
   float: left;
   text-align: right;
}
.col6 {
   width: 2%;
   float: left;
   text-align: right;
}

.col3 input, .col4 input, .col5 input, #rempourcent, #remmontant{
   text-align: right;
}
.readonly {
   background-color: #FFFF99;
   border: solid #C0C0FF 1px;
}
.totauxsaisie{
   width: 95%;
   margin-left: auto;
   margin-right: auto;
   padding: 0;
   clear:both;
}
/*   PAS UTILISES   */
.affiche_inline {
   display: inline;
}
.cache {
   display: none;
}

/*  FENETRE AFFICHAGE LISTE DES ARTICLES POUR CHOIX */
#listearticles {
        position: absolute;
        left: 5%;
        top: 5em;
        width:50em;
        height: 15em;
        background-color: #FFFFFF;
        border: solid #FF0000 4px;
        overflow: auto;
        display: none;
        text-align: left;
        font-size: 70%;
        padding: 3px;
        z-index: 50;
}
#listearticles div.col1 {
   width: 15%;
   display: inline;
   font-weight: bold;
   padding: 0 0 0 2px;
}

#listearticles div.col2 {
   width: 70%;
   display: inline;
   padding: 0 0 0 2px;
   overflow: hide;
}
#listearticles div.col3 {
   width: 10%;
   display: inline;
   padding: 0 0 0 2px;
}

#listearticles a {
   background-color: none;
   color: #000000;
   font-weight: bold;
}

#listearticles a:hover {
   background-color: #FF0000;
   color: #FFFFFF;
   text-decoration: none;
}
#listearticles div {
   font-family:Courier New;
}