/* BALISES GENERIQUES DU HTML */
BODY {
  color: Black;
  background-color: white;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  padding-left: 11em;
}

H1 { text-align: center; }
H2 { text-align: center; }
H3 { text-align: center; text-decoration: underline; }

IMG { border: 0px; }

A         { text-decoration: none; }
A:link    { color: blue; }
A:visited { color: purple; }
A:hover   { text-decoration:underline; }

OL, UL {
  list-style-position:inside;
  margin: 0px 0px 0px 0px;
  margin-left : 0px;                   /* Permet de ne pas avoir d'indentation dans */
  padding-left: 0px;                   /* Mozilla (par defaut dans IE)              */
}

UL { list-style-type:square; }

ADDRESS {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted;
  text-align: left;
  border-width:1px;
}  

TT,PRE
{
  /* Utilisé pour les commandes système */
  /* Utilisé pour les blocs de commandes */
  color:navy;
}

TT
{
  /* Utilisé pour les commandes système */
  font-style:italic;
}

PRE
{
  /* Utilisé pour les blocs de commandes */
  /* Haut Droite? Bas Gauche */
  /* On ne veut pas de lignes blanches autour de PRE => Haut et Bas = 0px; */
  /* On veut 15px de decalage a gauche pour indenter le code */
  margin: 0px 15px 0px 15px;
}

/***********************/
/* BALISES SPECIFIQUES */
/***********************/
BODY.SUGGESTION {
  padding-left:0;
}

/* BARRE VERTICALE */
DIV.navbar {                           /* Barre verticale complete */
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 7em;                            /* Distance entre le pingouin et la barre verticale */
  left: -2em;
  width: 14em;
}

DIV.navbarimg {                        /* Le pingouin */
  position: absolute;
  top: 2em;
  left:+3em;  
}
DIV.navbartitre {                      /* Section de Barre Verticale */
  margin: 10px 10px 0em 3em;           /* Position de toute la barre de titre Haut Bas Gauche Droite */
  color:red;
}

LI.navbaritem {
  list-style-image:url('/icons/ball.green.png');
  list-style-position: inside;
}

/* BARRE HORIZONTALE */
SPAN.barhoriz {
  background-color: #C0C0C0;
  text-align:justify;
  margin-right:0.5em;
  padding:0.2em;
  border-style:solid;
  border-color: #777777;
  /*border-width:1px;*/
  border-width:0px;
  background-image:url(/icons/degradtranspetit.png);
}
/*SPAN.barhoriz  A:link {
  color: grey;
}*/
/*SPAN.barhoriz  A:visited {
  color: red;
}*/

/******************************/
/* Zone de la page principale */
/******************************/
DIV.contenu {
  margin-top:0.50em;
  border-width:1px;
  border-top-style:solid;
  border-top-color: #E0E0E0;
  padding:0.5em;
}

DIV.Description { font-style:italic; }
SPAN.petittitre {
  color: #FA4444;
  text-decoration:underline;
}
TABLE.shots { border-spacing:1em; } 
TABLE.download { border-spacing:1em; }

/********************/
/* BOITES ARRONDIES */
/********************/
div.titlediv { 
  /* Boites arrondies pour les Tips et les commentaires */
  /* Bandeau du haut */
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: black;
  -moz-border-radius: 2ex 2ex 0ex 0ex; /* Arrondi en haut seulement */
  background: #dfdfdf;
  margin-top: 7px;                     /* Ecart entre deux boites */
}
div.bodydiv { 
  /* Boites arrondies pour les Tips et les commentaires */
  /* Boite de donnees */
  padding: 1ex 1%;
  background-color: #fbfbfb;
  border: 1px solid #444;
  -moz-border-radius: 0ex 0ex 2ex 2ex; /* Arrondi en bas seulement */
  overflow:auto;
}

/******************************/
/* Balises vides actuellement */
/******************************/
DIV.Options { }
SPAN.Langage { }
DIV.changelog { }