/************************************************************************************************************************************************************************************************************/
/* Styles                                                                                                                                                                                                   */
/************************************************************************************************************************************************************************************************************/


/* styles globaux */

   * { margin:0px; padding:0px; font-family:Verdana, Arial, Sans-serif; font-size:8pt; }
   a:link {color: blue;font-weight:bold;margin-top:4px;}     /* unvisited link */
   a:visited {color: blue;font-weight:bold;margin-top:4px;}  /* visited link */
   a:hover {color: blue; font-weight:bold;margin-top:4px;}   /* mouse over link */
   a:active {color: blue;font-weight:bold;margin-top:4px;}   /* selected link */

/* Fenêtre */

   .fenetre { padding:6px; }

/* Introduction (première ligne) */

   .intro { font-weight:bold; }

/* Table principale, permet le centrage horizontal du contenu */

   .principale { border-collapse:collapse; margin:0px; width:100%; height:100%; }
   .travail { text-align:left;vertical-align:top;background-color:silver; } /* zone de travail */

/* Groupe d'éléments qui contient les visuels qui défilent (colonne de droite) */

  .pellicule { width:154px; height:787px; overflow:hidden; border-right:1px solid #dbdbdb; background-color:white; } /* DIV fixe qui sert de 'masque' */
  .mouvement { position:relative;top:0px; } /* DIV qui défile effectivement */
  .tab_pellicule { border-collapse:collapse; } /* Tableau qui contient les visuels */
  .cell_pellicule { width:150px; height:100px; font-size:1px; } /* Cellule qui contient les photos */
  .legende { width:150px; height:20px; font-size:7pt; vertical-align:top; text-align:center; background-color:silver; } /* Cellule qui contient la légende de la photo */


/* Tableau des salons (colonne du milieu) */

  .cell_contenu { padding-left:22px; } /* colonne du milieu */
  .vignettes {border-collapse:collapse; } /* La table */
  .logo_salon { width:120px; text-align:center; background-color:white; } /* La cellule qui contient le logo du salon */
  .desc_salon { text-align:left; padding-left:12px; vertical-align:top; } /* la cellule qui contient la description du salon */
  .datum { vertical-align:top; text-align:left; } /* La cellule qui contient la date de l'événement */
  .separe { height:12px; }
  
/* Pieds de page */

  .minigl { font-size:7pt; color:red; }
  .miniagl { font-size:7pt; color:red; }