/* --- MISE EN PAGE --- */
HTML, BODY
{
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  padding: 0;
}
BODY
{
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  font-size: 1rem;
}

#Tete,
#Pied
{
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
#Corps
{
  flex-grow: 1;
  background-color: #f6f4fa;
  overflow: auto;
  padding: 0 6px;
}
#Pied
{
  display: flex;
  flex-direction: row;
}
#Pied DIV
{
  flex-basis: 25%;
}
#Pied DIV:nth-child(2)
{
  flex-basis: 50%;
  text-align: center;
}
#Pied DIV:last-child
{
  text-align: right;
}

@media print {
  HTML, BODY
  {
    height: auto;
  }
  #Tete, #Pied
  {
    display: none;
  }
  #Corps
  {
    overflow: visible;
  }
}

/* --- ELEMENTS STANDARD --- */
*
{
  font-family: Verdana, sans-serif;
}
H1
{
  font-size: 125%;
}
H2
{
  font-size: 115%;
  text-align: center;
  color: #133343;
  border-top: 1px solid #133343;
}
H3
{
  font-size: 115%;
  color: tomato;
}

UL, LI
{
  margin-top: 0;
  margin-bottom: 0;
}
UL.liens LI
{
  margin-top: 8px;
  margin-bottom: 6px;
}
TD
{
  vertical-align: top;
}

VAR
{ /* Noms des champs de données */
  font-style: normal;
  color: Purple;
  font-variant: small-caps;
}

/* --- CLASSES --- */
/* Message d'info */
.msgInfo
{
  border: 1px solid Gray;
  color: Navy;
  margin: 20px;
  padding: 10px;
}

/* Message d'info */
.msgAlerte
{
  border: 1px solid Green;
  color: DarkGreen;
  margin: 20px;
  padding: 10px;
}

/* Message d'erreur */
.msgErreur
{
  border: 1px solid Orange;
  color: Red;
  margin: 20px;
  padding: 10px;
}
.msgErreur SPAN
{
  color: #303030;
  font-variant: small-caps;
}

/* Smartfields en erreur */
INPUT.errone,
TEXTAREA.errone,
SELECT.errone
{
  border: 1px solid Orange;
  color: Red;
}

.g
{
  text-align: left;
}
.c
{
  text-align: center;
}
.d
{
  text-align: right;
}

/* Petite note généralement en SPAN */
.note
{
  color: Teal;
  font-style: italic;
}

/* Dans les formulaires de saisie : astérisque d'infobulle d'aide à la saisie */
.aide
{
  color: Teal;
  cursor: help;
}

/* --- POLICES PIED DE PAGE --- */
#Pied
{
  border-top: 1px solid #808080;
  font-size: 80%;
}
#Pied .profil
{
  font-variant: small-caps;
}
#Pied .info
{
  font-variant: small-caps;
  color: #fe2032;
}
#Pied .info I
{
  font-style: normal;
  color: #404040;
}
#Pied .copy
{
  font-variant: small-caps;
}
#Pied .copy A
{
  font-variant: normal;
  font-size: 70%;
}

/* --- Pour réduire un peu les grosses icones --- */
IMG {
  height: 1.2em;
  vertical-align: middle;
}