body { margin: 0; border-width: 0; padding: 0; background-color: #8CC3D4; }
#menu { position: absolute; left: 0; top: 0; width: 190px; height: 100%;
        margin: 0; padding: 10px 0 10px 10px; background-color: #FFFFFF; }
#page { position: absolute; left: 0; right:0; top: 31px;
        margin: 0; padding: 10px; background-color: #8CC3D4;
        border-width: 0 0 0 200px; border-color: #FFFFFF; border-style: solid }
#haut  { position: absolute; left: 0; right: 0; top: 0; height: 20px;
         margin: 0; padding: 5px; background-color: #8CC3D4;
         border-width: 0 0 1px 200px; border-color: #FFFFFF; border-style: solid; text-align: right }
#haut a { text-decoration: none }
a.acces_aide:hover { cursor: help; }
#menu a, #menu p { color: #B70B01; font-weight: bold; text-decoration: none }
a.menu { background-color: #FFFFFF; color: #B70B01; font-weight: bold; text-decoration: none }

#menu ul { margin-left: 0; padding-left: 0; list-style-type: none; color: #B70B01 }

#menu li { padding-left: 10px; }
#menu li:hover { background: linear-gradient(to right, #5e95a6 0%, #8CC3D4 100%); }

p.msg_info, td.msg_info { font-style: italic; }

div.message { border-radius: 0.6em;
              padding: 0.5em 1em 0.3em 1em; margin-bottom: 0.3em;
              display: inline-block; text-align: center;
              box-shadow: 0.7em 0.7em 0.5em #8d8d8d; 
              background-color: #5e95a6;              text-align: center; font-family: sans-serif; font-style: italic;
              overflow: hidden; transition: opacity 1s linear; }
div.info { position: absolute;
           border-radius: 0.6em;
           padding: 0.5em 1em 0.3em 1em; margin-bottom: 0.3em;
           display: none;
           box-shadow: 0.7em 0.7em 0.5em #8d8d8d; 
           background-color: #5e95a6;           font-family: sans-serif;
           overflow: hidden; }

div.erreur, em.erreur { color: #FF0000; }
div.fermeture { display: inline-block; margin-left: 3em; cursor: pointer; float:right;
                font-weight: lighter; font-style: normal; font-size: 150%; }

div.en_tete { width: 100%; border-width: 0 0 2px 0; border-style: groove; }
div.reglages { margin-bottom: 5px; }
div.tri { display: inline; float: right; margin-left: 5px; }
div.cote_a_cote { display: inline-block; padding: 1em; vertical-align: top;
                  border-style: solid; border-width: 2px; border-color: #888; }
div.activite { border-style: solid; border-width: 1px; border-color: #888;
               box-shadow: 0.4em 0.4em 0.3em #888;
               padding: 0 0.8em 0.8em 0.8em; margin-bottom: 1.5em; }

h2.titre_page { margin-top: 0.2em; margin-bottom: 0.2em; }
h3.titre_page { margin-top: 0.2em; margin-bottom: 0.2em; }

table.sans_bord { border-style: none; border-width: 0; }
table.sans_bord th { padding: 2px; }
table.sans_bord td { padding: 2px; }

table.basique, table.listing, table.journal, table.bilan, table.import, table.planning, table.peda, table.suivi, table.annuaire
        { border-collapse: collapse; border-style: solid; border-width: 2px; border-color: #888; }

th, td { vertical-align: top; }
th.normal { font-family: sans-serif; font-size: 12pt; text-align: left;
            border-style: solid; border-width: 1px; border-color: #888; padding: 3px; }
th.prix   { font-family: sans-serif; font-size: 12pt; text-align: right;
            border-style: solid; border-width: 1px; border-color: #888; padding: 3px; }
th.telephone { font-family: sans-serif; font-size: 12pt; text-align: center }
td.titre  { font-family: sans-serif; font-size: 10pt; text-align: left; vertical-align: top;
            border-style: solid; border-width: 1px; border-color: #888; padding: 3px; }
td.normal { font-family: sans-serif; font-size: 10pt; text-align: left; vertical-align: top;
            border-style: solid; border-width: 1px; border-color: #888; padding: 3px; }
td.prix   { font-family: sans-serif; font-size: 10pt; text-align: right; vertical-align: top;
            border-style: solid; border-width: 1px; border-color: #888; padding: 3px; }
td.ok     { font-family: sans-serif; font-size: 10pt; text-align: center; vertical-align: top;
            border-style: solid; border-width: 1px; border-color: #888; padding: 3px; }
td.telephone { font-family: sans-serif; font-size: 10pt; text-align: center; vertical-align: top }

td.alpha { font-family: Monospace; padding: 0 4px; text-align: center; }
td.selection { border-style: solid; border-width: 2px; border-color: #888888; }

blockquote.bordereau { font-family: sans-serif; font-size: 14pt }
p.bordereau { font-family: sans-serif; font-size: 14pt }
th.bordereau_normal  { font-family: sans-serif; font-size: 12pt; text-align: left }
th.bordereau_prix    { font-family: sans-serif; font-size: 12pt; text-align: right }
td.bordereau_normal  { font-family: sans-serif; font-size: 10pt; text-align: left }
td.bordereau_mode    { font-family: sans-serif; font-size: 10pt; text-align: right }
td.bordereau_prix    { font-family: sans-serif; font-size: 10pt; text-align: right }

th.etiquette { text-align:right; vertical-align:top; }
th.journal { border-style: solid; border-color: #888; border-width: 1px; padding: 1px 3px; margin: 0 }
th.import { border-style: solid; border-color: #888; border-width: 1px; padding: 1px 3px; margin: 0; text-align: left }
th.planning, th.basique {
    text-align: center; vertical-align: text-top;
    border-style: solid; border-color: #888; border-width: 2px; padding: 1px 3px; margin: 0 }
th.peda { text-align: right; vertical-align: text-top;
          border-style: solid; border-color: #888; border-width: 2px; padding: 1px 3px; margin: 0 }
th.suivi { text-align: right; vertical-align: text-top;
           border-style: solid; border-color: #888; border-width: 2px; padding: 1px 3px; margin: 0 }
td.etiquette { text-align:left; vertical-align:top; }
td.date { vertical-align: text-top; text-align: right; font-size: smaller;
          border-style: solid; border-color: #888; border-width: 1px; padding: 1px 3px; margin: 0 }
td.libelle { vertical-align: text-top; text-align: left; font-size: smaller;
             border-style: solid; border-color: #888; border-width: 1px; padding: 1px 3px; margin: 0 }
td.objet { vertical-align: text-top; text-align: left; font-size: smaller;
           border-style: solid; border-color: #888; border-width: 1px; padding: 1px 3px; margin: 0 }
td.credit { color: #008000; vertical-align: text-top; text-align: right; font-size: smaller;
            border-style: solid; border-color: #888; border-width: 1px; padding: 1px 3px; margin: 0 }
td.debit { color: #FF0000; vertical-align: text-top; text-align: right; font-size: smaller;
           border-style: solid; border-color: #888; border-width: 1px; padding: 1px 3px; margin: 0 }
td.mode { vertical-align: text-top; text-align: center; font-size: smaller;
          border-style: solid; border-color: #888; border-width: 1px; padding: 1px 3px; margin: 0 }
td.budget { vertical-align: text-top; text-align: center; font-size: smaller;
            border-style: solid; border-color: #888; border-width: 1px; padding: 1px 3px; margin: 0 }
td.valide { vertical-align: text-top; text-align: center; font-size: smaller;
            border-style: solid; border-color: #888; border-width: 1px; padding: 1px 3px; margin: 0 }
td.operation { vertical-align: text-top; text-align: center; font-size: smaller;
               border-style: solid; border-color: #888; border-width: 1px; padding: 1px 3px; margin: 0 }
td.titre_brut { vertical-align: bottom; text-align: left; font-weight: bold;
                border-style: solid; border-color: #888; border-width: 3px 1px 2px 1px; padding: 5px 10px 1px 10px; margin: 0 }
td.titre_section { vertical-align: bottom; text-align: left; font-weight: bold;
                   border-style: solid; border-color: #888; border-width: 3px 3px 2px 1px; padding: 5px 10px 1px 10px; margin: 0 }
td.insertion_section { vertical-align: text-top; text-align: center; background-color: #CCC;
                       border-style: solid; border-color: #888; border-width: 3px 2px 2px 2px; padding: 5px 10px 1px 10px; margin: 0 }
td.invite_insertion_section { vertical-align: text-top; text-align: center; font-size: 0.6em; color: #888;
                              border-style: solid; border-color: #888; border-width: 3px 2px 2px 2px; padding: 0 10px; margin: 0; }
td.section { vertical-align: text-top; text-align: center;
             border-style: solid; border-color: #888; border-width: 3px 2px 2px 2px; padding: 0; margin: 0 }
td.ligne_total { vertical-align: bottom; text-align: left; font-weight: bold;
                 border-style: solid; border-color: #888; border-width: 3px 0 1px 1px; padding: 5px 10px 1px 10px; margin: 0 }
td.ligne_total_droite { vertical-align: bottom; text-align: left; font-weight: bold;
                        border-style: solid; border-color: #888; border-width: 3px 3px 1px 1px; padding: 5px 10px 1px 10px; margin: 0 }
td.ligne_debut { vertical-align: bottom; text-align: left;
                 border-style: solid; border-color: #888; border-width: 3px 1px 1px 1px; padding: 5px 10px 1px 10px; margin: 0 }
td.ligne { vertical-align: bottom; text-align: left;
           border-style: solid; border-color: #888; border-width: 1px 1px 1px 1px; padding: 5px 10px 1px 10px; margin: 0 }
td.credit_ligne_total { color: #008000; vertical-align: bottom; text-align: right; font-weight: bold;
                        border-style: solid; border-color: #888; border-width: 3px 1px 1px 1px; padding: 5px 10px 1px 15px; margin: 0 }
td.debit_ligne_total { color: #FF0000; vertical-align: bottom; text-align: right; font-weight: bold;
                       border-style: solid; border-color: #888; border-width: 3px 1px 1px 1px; padding: 5px 10px 1px 15px; margin: 0 }
td.credit_ligne_total_droite { color: #008000; vertical-align: bottom; text-align: right; font-weight: bold;
                               border-style: solid; border-color: #888; border-width: 3px 3px 1px 1px; padding: 5px 10px 1px 15px; margin: 0 }
td.debit_ligne_total_droite { color: #FF0000; vertical-align: bottom; text-align: right; font-weight: bold;
                              border-style: solid; border-color: #888; border-width: 3px 3px 1px 1px; padding: 5px 10px 1px 15px; margin: 0 }
td.credit_ligne_debut { color: #008000; vertical-align: bottom; text-align: right;
                        border-style: solid; border-color: #888; border-width: 3px 1px 1px 1px; padding: 5px 10px 1px 15px; margin: 0 }
td.debit_ligne_debut { color: #FF0000; vertical-align: bottom; text-align: right;
                       border-style: solid; border-color: #888; border-width: 3px 1px 1px 1px; padding: 5px 10px 1px 15px; margin: 0 }
td.credit_ligne_debut_droite { color: #008000; vertical-align: bottom; text-align: right;
                               border-style: solid; border-color: #888; border-width: 3px 3px 1px 1px; padding: 5px 10px 1px 15px; margin: 0 }
td.debit_ligne_debut_droite { color: #FF0000; vertical-align: bottom; text-align: right;
                              border-style: solid; border-color: #888; border-width: 3px 3px 1px 1px; padding: 5px 10px 1px 15px; margin: 0 }
td.credit_ligne { color: #008000; vertical-align: bottom; text-align: right;
                  border-style: solid; border-color: #888; border-width: 1px 1px 1px 0; padding: 5px 10px 1px 15px; margin: 0 }
td.debit_ligne { color: #FF0000; vertical-align: bottom; text-align: right;
                 border-style: solid; border-color: #888; border-width: 1px 1px 1px 0; padding: 5px 10px 1px 15px; margin: 0 }
td.credit_ligne_droite { color: #008000; vertical-align: bottom; text-align: right;
                         border-style: solid; border-color: #888; border-width: 1px 3px 1px 0; padding: 5px 10px 1px 15px; margin: 0 }
td.debit_ligne_droite { color: #FF0000; vertical-align: bottom; text-align: right;
                        border-style: solid; border-color: #888; border-width: 1px 3px 1px 0; padding: 5px 10px 1px 15px; margin: 0 }
td.credit_brut { color: #008000; vertical-align: bottom; text-align: right;
                  border-style: solid; border-color: #888; border-width: 1px; padding: 5px 10px 1px 15px; margin: 0 }
td.debit_brut { color: #FF0000; vertical-align: bottom; text-align: right;
                  border-style: solid; border-color: #888; border-width: 1px; padding: 5px 10px 1px 15px; margin: 0 }
td.import { vertical-align: text-top; text-align: left; font-size: smaller; white-space: nowrap;
            border-style: solid; border-color: #888; border-width: 1px; padding: 1px 3px; margin: 0 }
td.basique { vertical-align: text-top; text-align: center; white-space: nowrap;
             border-style: solid; border-color: #888; border-width: 2px; padding: 0.1em 0.5em; margin: 0 }
td.planning { vertical-align: text-top; text-align: center; font-size: smaller; white-space: nowrap;
              border-style: solid; border-color: #888; border-width: 2px; padding: 1px 3px; margin: 0 }
td.supprime { text-decoration: line-through }
td.peda { vertical-align: text-top; text-align: left; font-size: smaller; white-space: nowrap;
          border-style: solid; border-color: #888; border-width: 2px; padding: 1px 3px; margin: 0 }
td.suivi { vertical-align: text-top; text-align: left;
           border-style: solid; border-color: #888; border-width: 2px; padding: 1px 3px; margin: 0 }
td.suivi_credit { color: #008000; vertical-align: text-top; text-align: right;
           border-style: solid; border-color: #888; border-width: 2px; padding: 1px 3px; margin: 0 }
td.suivi_debit { color: #FF0000; vertical-align: text-top; text-align: right;
           border-style: solid; border-color: #888; border-width: 2px; padding: 1px 3px; margin: 0 }
td.annuaire { vertical-align: text-top; text-align: left; white-space: nowrap;
              border-style: solid; border-color: #888; border-width: 2px; padding: 2px 4px; margin: 0 }
div.depot_budget { margin: 0; border-style: solid; border-width: 1px 0 0 0; border-color: #888; min-height: 8px; }
div.depot_ligne { margin: 0; border-style: solid; border-width: 1px 0 0 0; border-color: #888;
                  color: #888; font-size: 0.5em; text-align: center; vertical-align: middle; min-height: 12px; }
div.bougeable { display: inline-block; margin: 2px; padding: 2px 3px 0 3px;
                border: solid 2px; border-color: #888; border-radius: 5px; }
td.montant { font-family: sans-serif; text-align: right; }
strong.section { color: #888; }
div.parametrage { display: inline-block; float: right;
                  text-align: right; font-weight: bold; }
p.parametrage { text-align: right; font-weight: bold }
a.parametrage { font-weight: normal; text-decoration: none }
a.leger { text-decoration: none; color: #000000; }
a.bouton { text-decoration: none; background-color: #F0F0F0;
           display: inline-block; margin: 2px; padding: 2px 5px 1px 5px;
           border: solid 1px; border-color: #888; border-radius: 5px; }
span.bouton { text-decoration: none; background-color: #F0F0F0;
              display: inline-block; margin: 2px; padding: 2px 5px 0 5px;
              border: solid 1px; border-color: #888; border-radius: 5px; }
td.parametrage { text-align: right; font-weight: bold }
img { border: 0; }
li.aere { margin-top: 1em; }
p.droite { margin: 0; text-align: right; }
p.droite_debit { margin: 0; text-align: right; color: #FF0000; }
p.droite_credit { margin: 0; text-align: right; color: #008000; }
p.gauche { margin: 0; text-align: left; }
p.gauche_interligne { margin: 0.25em 0 0 0; text-align: left; }

fieldset { margin: 10px 0 10px 0; }
fieldset.navigation { display: contents; }

.sans_espace { margin-top: 0; margin-bottom: 0; }

div.creation { position: absolute; left: 1em; top: 3em;
               padding: 0.1em 1em 0.3em 1em;
               border: solid 3px #888; border-radius: 0.6em;
               box-shadow: 0.7em 0.7em 0.5em #8d8d8d;
               background-color: #8CC3D4;
               display: none; }

div.ventilation { position: absolute; left: 5em; top: 0;
                  z-index: 3;
		  width: 120%;
                  padding: 0.5em 0.5em 1em 0.5em;
                  border: solid 1px #888; border-radius: 0.5em;
                  box-shadow: -0.2em -0.2em 0.2em #8d8d8d;
                  background-color: #8CC3D4;
                  display: none; }

table.edition { border-collapse: collapse; border-spacing: 0; border-width: 0; }
tr.insertion { transition: background-color 1.5s; }
.edition th { font-style: italic; text-align: left; border-style: solid; border-width: 0 0 1px 0; border-color: #888; padding: 1px 5px 1px 5px; }
.edition td { border-width: 0; padding: 0 3px 0 3px; }
.edition .centre { text-align: center; }
.edition .cible { transition: height,background-color 400ms; }

input.petit_nombre { width: 3em; }

h2.impression, h3.impression, h4.impression { display: none; }
@media print {
 body { background-color: #FFFFFF; }
 #page { position: absolute; left: 0; right:0; top: 0;
         margin: 0; padding: 10px; background-color: #FFFFFF;
         border-width: 0; }
 #haut { display: none; }
 #menu { display: none; }
 div.en_tete { display: none; }
 div.reglages { display: none; }
 div.tri { display: none; }
 div.creation { display: none; }
 h2.impression, h3.impression, h4.impression { display: block; }
 h2.non_imprimable, h3.non_imprimable, h4.non_imprimable,
   p.non_imprimable, span.non_imprimable, form.non_imprimable { display: none; }
 tr.non_imprimable { display: none; }
 .non_imprimable { display: none; }
 td.parametrage, p.parametrage { display: none; }
 a { text-decoration: none; color: #000000; }
}