/* aojm.css                                       */
/* Feuille de style en cascade du site de l'AOJM  */
/* Auteur: Jean-Claude Paré                       */
/* Dernière modification: 15 mai 2005             */


/* Présentation générale du site */

   /* Couleurs (RVB):

        Noir                                #000000;
        Blanc                               #FFFFFF;
        Gris du menu                        #585858;
        Rehaussement Or                     #D8A21C; 
        Bleu foncé spécial (titres, etc.)   #1F3C79;
        Bleu (liens, etc.)                  #0000FF;
        Rouge (liens actifs)                #AA000F;
        Rouge vif                           #FF0000;
        Gris très pâle (fond des cellules)  #F3F3F3;
        Gris moyen (effet MouseOver)        #D7D7D7;
        Noirflou                            #7F6244;

   */

   BODY,TD,TH,CAPTION,P,H1,H2,H3,H4,H5,H6,A,UL,LI,DIV,SPAN,LABEL,BLOCKQUOTE
   {
       font-family:  Arial, Helvetica, sans serif;
   }

   BODY,TD,TH,CAPTION,P,A,UL,LI,DIV,SPAN,LABEL,BLOCKQUOTE
   {
       font-size:    9pt;
   
   }

   BODY
   {
/*       background: url(images/FondPage1024.jpg);    */
       background: url(images/bg_page.gif);
       color:                           #000000;
       margin: 0px;
   }

   BLOCKQUOTE
   {
       margin-left: 25px;
   }

   H1
   {
       color:         #1F3C79;
       font-family: Times New Roman, Times, Roman, serif;
       font-size:        200%;
       font-weight:      bold;
       line-height:      100%;
       text-decoration:  none;
   }

   H2
   {
       color:         #1F3C79;
       font-size:        140%;
       font-weight:      bold;
       line-height:      100%;
       text-decoration:  none;
   }

   H3
   {
       color:         #1F3C79;
       font-size:         9pt;
       font-weight:      bold;
       line-height:      100%;
   }

   H4
   {
       color:         #000000;
       font-size:        120%;
       font-weight:      bold;
       line-height:      100%;
   }

   H5
   {
       color:         #000000;
       font-size:        100%;
       font-style:     italic;
       font-weight:      bold;
       line-height:      100%;
   }

   /* "faux titre", utilisé comme en-tête ou barre d'espacement */
   H6
   {
       color:         #FFFFFF;
       background:    #00337F;
       font-size:      medium;
       text-align:     center;
   }

   /* Prise en charge des couleurs des barres de défilement */
   /* Fonctionne sous IE seulement */
   /*
   BODY
   {
       scrollbar-arrow-color:       #FF8080;
       scrollbar-face-color:        #FF8040;
       scrollbar-3dlight-color:     #FFFF00;
       scrollbar-highlight-color:   #FF0000;
       scrollbar-shadow-color:      #804040;
       scrollbar-darkshadow-color:  #000080;
       scrollbar-track-color:       #CFB88B; 
   }
   */

/* Tableaux */

   TH
   {
       font-weight:       bold;
       text-align:      center;
   }


/* Navigation */

   /* Liens dans les navigateurs */
   /* (effets de MouseOver par échange de classes, introduits le 5 avril 2002) */
   .nav
   {
       background: #F3F3F3;
   }

   .navOver
   {
       background: #D7D7D7;
   }

   A.navlink
   {
       text-decoration:     none;
       color:            #0000FF; 
   }

   A.navlink:visited
   {
       text-decoration:     none;
       color:            #0000FF; 
   }

   A.navlink:hover
   {
       text-decoration:     none;
       color:             0000FF; 
   }

   A.navlink:active
   {
       text-decoration:     none;
       color:            #0000FF; 
   }

   A.navlink2
   {
       text-decoration:     none;
       color:            #0000FF; 
   }

   A.navlink2:visited
   {
       text-decoration:     none;
       color:            #0000FF; 
   }

   A.navlink2:hover
   {
       text-decoration:     none;
       color:            #AA000F; 
   }

   A.navlink2:active
   {
       text-decoration:     none;
       color:            #0000FF; 
   }

   /* Liens standards */
   A:link
   {
       color:            #0000FF; 
   }

   A:visited
   {
       color:            #0000FF; 
   }

   A:hover
   {
       color:            #AA000F;
   }

   A:active
   {
       color:            #AA0000;
   }

   /* Liens personnalisés - taille */
   A.mediumlink
   {
       font-size: 14pt;
       text-decoration: none;
       color: #0000FF; 
   }

   A.mediumlink:visited
   {
       color: #0000FF; 
   }

   A.mediumlink:hover
   {
       color: #AA000f;
   }

   A.mediumlink:active
   {
       color: #AA0000;
   }

   A.largelink
   {
       font-size: 18pt;
       text-decoration: none;
       color: #0000FF; 
   }

   A.largelink:visited
   {
       color: #0000FF; 
   }

   A.largelink:hover
   {
       color: #AA000f;
   }

   A.largelink:active
   {
       color: #AA0000;
   }

   /* Liens personnalisés - style et(ou) apparence */
   A.comiclink
   {
       font-size: 12pt;
       text-decoration: none;
       color: #0000FF; 
   }

   A.comiclink:visited
   {
       color: #0000FF; 
   }

   A.comiclink:hover
   {
       color: #AA000f;
   }

   A.comiclink:active
   {
       color: #AA0000;
   }

   A.inline
   {
       color: #0000FF; 
   }

   A.inline:visited
   {
       color: #0000FF; 
   }

   A.inline:hover
   {
       color: #AA0000;
   }

   A.inline:active
   {
       color: #AA0000;
   }

   A.newslink
   {
       font-size:        9pt;
       color:        #1F3C79;
       font-weight:     bold;
       text-decoration: none;
   }

   A.newslink:visited
   {
       font-size:        9pt;
       color:        #1F3C79;
       font-weight:     bold;
       text-decoration: none;
   }

   A.newslink:hover
   {
       font-size:        9pt;
       color:        #1F3C79;
       font-weight:     bold;  
       text-decoration: underline;  
   }

   A.newslink:active
   {
       font-size:        9pt;
       color:        #1F3C79;
       font-weight:     bold;
       text-decoration: none;
  }

  A.newslinksmall
   {
       font-size:        7pt;
       color:        #1F3C79;
       font-weight:     bold;
       text-decoration: none;
   }

   A.newslinksmall:visited
   {
       font-size:        7pt;
       color:        #1F3C79;
       font-weight:     bold;
       text-decoration: none;
   }

   A.newslinksmall:hover
   {
       font-size:        7pt;
       color:        #1F3C79;
       font-weight:     bold;  
       text-decoration: underline;  
   }

   A.newslinksmall:active
   {
       font-size:        7pt;
       color:        #1F3C79;
       font-weight:     bold;
       text-decoration: none;
  }


   A.plain
   {
       color: #1F3C79;
       text-decoration: none;
   }

   A.plain:visited
   {
       color: #1F3C79;
   }

   A.plain:hover
   {
       color: #AA000F;
   }

   A.plain:active
   {
       color: #AA0000;
   }

   A.whlink
   {
       font-size: 8pt;
       color: #FFFFFF;
       text-decoration: none;
   }

   A.whlink:visited
   {
       font-size: 8pt;
       color: #FFFFFF;
       text-decoration: none;
   }

   A.whlink:hover
   {
       font-size: 8pt;
       color: #FFCC66;
       text-decoration: none;
   }

   A.whlink:active
   {
       font-size: 8pt;
       color: #FFCC66;
       text-decoration: none;
   }


/* Définition des classes */


   .blue
   {
       color:       #0000FF;
       background:  #FFFFFF;
   }

   .blueback
   {
       background:  #1F3C79;
       color:       #FFFFFF;
   }

   .bluehilite
   {
       color:         #1F3C79;
       font-size:        120%;
       font-weight:      bold;
       line-height:      100%;
   }
   
   .bluetextH3
   {
       color:         #1F3C79;
       font-size:         9pt;
       font-weight:      bold;
       line-height:      100%;
   }

   .bold
   {
       font-weight:      bold;
   }

   .buttons
   {
       font-size:     x-small;
       color:         #FFFFFF;
       background:    #900553;
       text-align:     center;
       text-decoration:  none;
       line-height:      25px;
   }

   .center
   {
       text-align: center;
   }

   .double
   { 
       text-decoration: underline overline; 
       color: #FF3333;
   }

   .formText
   {
       font-size: medium;
   }

   .fancyForm
   {
       font-size: medium;
   }

   .gaspetour
   {
       color:         #1F3C79;
       font-size:        110%;
       font-style:     italic;
       font-weight:      bold;
       line-height:      100%;
       text-align:      right;
   }


   .heading
   {
       color: #FFFFFF; 
       font-size: large;
       font-weight: bold;
   }

   .italic
   {
       font-style:     italic;
   }

   .leadin
   {
       font-family: Times New Roman, Times, Roman, serif;
       font-size: 100%;
       line-height: 110%;
   }

  .lightblue
   {
       background: #DAE4F3;
       color: #000000;
   }

   .logosmall
   {
       font-family:  'Comic Sans MS', Arial, Helvetica, sans serif;
       font-size: 9pt;
       color: #000000;
       background: #FFFFFF;
       text-decoration: none;
   }

   .logolarge
   {
       font-family:  'Comic Sans MS', Arial, Helvetica, sans serif;
       font-size: 18pt;
       color: #000000;
       background: #FFFFFF;
       text-decoration: none;
   }

   .newslinktext
   {
       font-size:        8pt;
       color:        #1F3C79;
       font-weight:     bold;
       text-decoration: none;
   }

   .noirflou
   {
/*       background: #000000; */
       color: #7F6244;
   }

   .noirflouinv
   {
/*       background: #7F6244; */
       color: #000000;
   }

   .red
   {
       background: #900553;
       color: #FFFFFF;
       text-decoration:  none;
   }

   .redhigh
   {
       color: #FF0000;
       font-weight: bold;
   }

   .redtext
   {
       color: #FF0000;
   /*    color: #900553; */
   }

   .smallbluehilite
   {
       color:         #1F3C79;
       font-size:         8pt;
       font-weight:      bold;
       line-height:      100%;
   }
   .smallredtext
   {
       font-size: 7pt;
       color: #FF0000;
   }

   .smalltext
   {
       font-size: 8pt;
   }

   .t2
   {
       color:         #1F3C79;
       font-size:        140%;
       font-weight:      bold;
       line-height:      100%;
       text-decoration:  none;
   }


   .texteInfobulle
   {
       font-size:        8pt;
       color:        #1F3C79;
       font-weight:     bold;
       text-decoration: none;
   }

   .text1 
   {
       font-family: "Times New Roman, Arial, sans-serif";
   /*  font-size: x-small; */
       color: #000000;
   }

   .text2 
   {
       font-family: "Times New Roman, Arial, sans-serif";
       font-size: 17px;
       color: #000000;
   }

   .text3 
   {
       font-family: Arial;
       font-size: 18px;
       color: #C00000;
   }

   .text4 
   {
       font-family: Arial;
       font-size: 18px;
       color: #FFFFFF;
   }

   .text5 
   {
       font-size: 11pt;
   }

   .title
   { 
       font-size:  14pt;
       color:  #000000;
       font-family:  Arial, Helvetica, sans serif;
   }
 
   .whtext2
   {
       font-size: 8pt;
       color: #FFFFFF;
   }

/* Ticker */

 #ScrollContainer {
    position:    absolute;      /* Do not change */
    overflow:      hidden;      /* Do not change */
    width:	     100%;      /* ticker width  */
    height:	     18px;      /* ticker height */
    padding-top:      3px;      /* use to center or position display */
    margin-left:      0px;      /* use to center or position display */
    background:   #F3F3F3;
    float:          right;
 }

 #Scroll, #ScrollFollower {
    position:    absolute;     /* Do not change */
    margin-left:     100%;     /* same as *ScrollContainer width  */
    height:	     18px;     /* same as *ScrollContainer height */
 }

 #ScrollWidthTakerContainer {
    visibility:    hidden;     /* Do not change */
    width:        10000px;     /* max width possible */
 }

 #ScrollWidthTaker {
    float:           left;     /* Do not change */
 }


    /* ________________________
      | ticker look            |
       ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */

  #Scroll span.titre, a.titre:link, #Scroll a.titre:visited, #Scroll a.titre:hover, #Scroll a.titre:active, #ScrollFollower span.titre, a.titre:link, #ScrollFollower span.titre, a.titre:visited, #ScrollFollower a.titre:hover, #ScrollFollower a.titre:active { 
/*  color:        #80020E;    */
    color:        #1F3C79;
    font-weight:     bold;
    text-decoration: none;
  }

  #Scroll span.surtitre, a.surtitre:link, #Scroll a.surtitre:visited, #Scroll a.surtitre:hover, #Scroll a.surtitre:active, #ScrollFollower span.surtitre, a.surtitre:link, #ScrollFollower a.surtitre:visited, #ScrollFollower span.surtitre, a.surtitre:hover, #ScrollFollower a.surtitre:active {
    color:        #000000;
    text-decoration: none;
  }


  /* #Scroll a:hover, #ScrollFollower a:hover {
    color:#060300;
  } */

  #Scroll, #ScrollFollower, #ScrollWidthTaker {
    font-weight:         normal;
    font-family:  verdana,arial;
    font-size:             11px;
    color:              #000000;
   }


/* Positionnement */

  #DateContainer
   {
    width:         195px;
    background:  #F3F3F3;
    height:	    18px;
    padding-top:     3px;
    text-align:    right;
    float:          left;
   }

  #TickerContainer 
   {
    width:         580px;
    background:  #F3F3F3;
    height:	    18px;
    padding-top:     0px;
    float:          left;
   }

  #pageBack
   {
       background: transparent url(images/FondPageMusique.jpg);
       width: 780px;
   }

  #pageBackAlt
   {
       background: transparent url(images/FondPorteeAide.gif);
       width: 780px;
   }

  #pageText
   {
       margin-top:     25px;
       margin-bottom:  25px;
       margin-left:    50px;
       margin-right:   50px;
   }

  #pageBanner
   {
       background: transparent url(images/bandeauChefs.jpg);
       width:  780px;
       height: 125px;
   }

  #bostonPageBanner
   {
       background: transparent url(photos/BostonBanner.jpg);
       width: 780px;
       height: 125px;
   }

  #homePageBanner
   {
       background: transparent url(images/bandeauAccueil.jpg);
       width: 780px;
       height: 125px;
   }

  #pageHeader
   {
	background-color: #FFFFFF;
   }

  #stdPageContainer
   {
       width: 780px;
       margin: 0px auto;
       background: transparent url(images/fondGris2tons.jpg);
   }

  #stdPageContainer div.SubHeaderPos
   {
       font-size: 140%;
       font-color: red;
       text-align: left;
   }