/*
 * Style pour l'affichage des défauts sous format HTML
 * Chemin où se trouve le fichier : 
 *      \APP\OUTILREP\EXE\DefXML\skin\lectdef.css
 */
body
{
   background-color: #cadae6;
   text-align: center;

   /*
    * Pour modifier la taille de la police de la page, changer cette valeur.
    * La valeur 1em correspond à la taille par défaut (celle donnée par le 
    * système) :
    * Une valeur > 1em augmentera la taille
    * Une valeur entre 0 et 1 la diminuera.
    */
   font-size: 1em;
}

div.ecu-footer,
div.ecu-header,
div.container
{
   width: 765px;
   margin-left: auto;
   margin-right: auto;
}

div.title
{
   text-align: center;
   color: #496BA3;
   margin-bottom: 10px;
   font-weight: bold;
}

th {
   /*
    * Pour modifier la taille de la police de la ligne de titre du tableau
    * changer cette valeur.
    */
   font-size: 0.8em;
}

td.ecuname    { width: 10%; }
td.code       { width: 8%; }
td.label      { width: 32%; }
td.status     { width: 10%; }
td.context    { width: 40%; }

span.ecuname
{
   font-weight: bold;

   /* Pour modifier la taille de la police de la colonne "Calculateur"
    * changer cette valeur (selon le même principe que pour body ci-dessus)
    */
   font-size: 0.8em;
}

span.ecuname,
span.code,
span.label,
span.characterization,
span.status,
span.location,
span.context
{
   float: left;
   width: 95%;
   margin : 0px;
   border : 0px;
}

span.label,
span.characterization
{
   margin: 5px;
   text-align: justify;
}

span.status,
span.location
{
   font-weight: bold;
}

span.location,
span.characterization
{
   margin-top: 10px;
}

span.context
{
   margin: 2px;
}

span.green,
span.red {
   /* Pour modifier la taille de la police de la colonne
    * "Statut & Localisation" changer cette valeur
    * (selon le même principe que pour body ci-dessus)
    */
   font-size: 0.8em;
}

span.green
{
   color: green;
}

span.red
{
   color: red;
}

span.ctx-label
{
   float: left;
   text-align: left;
}

span.ctx-value
{
   float: right;
}


div.ecu-header,
div.ecu-footer
{
   float: left;
   padding: 0;
   margin: 0;
}

div.ecu-footer
{
   background-image: url("bottom-bar.png");
   background-repeat: repeat-x;
}

div.ecu-header
{
   margin-bottom: 0px !important;
   margin-bottom: -4px;
   background-image: url("top-bar.png");
   background-repeat: repeat-x;
}


div.bottomleft,
div.bottomright,
div.topleft,
div.topright
{
   height: 15px;
   width: 15px;
}

div.topleft  {
   float: left;
   background-image: url("top-left.png");
   background-repeat: no-repeat;
}

div.topright {
   float: right;
   background-image: url("top-right.png");
   background-repeat: no-repeat;
}

div.bottomleft
{
   float: left;
   background-image : url("bottom-left.png");
   background-repeat: no-repeat;
}

div.bottomright
{
   float: right;
   background-image : url("bottom-right.png");
   background-repeat: no-repeat;
}


table {
   float: left;
   border: 1px solid #5b99d7;
   border-top: 1px solid #3c88d5;
   color: #496BA3;
   text-align: center;
}

th {
   border: 1px solid #3c88d5;
   background-color: #abc7ea;
}

td
{
   border: 1px solid #5b99d7;
}

div.no-defaults 
{
   float: left;
   width: 100%;
   border: 0;
   padding: 0;

   color: #496BA3;
   font-size: 2em;
   text-align: center;

   margin-top: 25%;
}