/* aojm3.css                                       */
/* Feuille de style en cascade du site de l'AOJM   */
/* Auteur: Jean-Claude Paré                        */
/* Dernière modification: 16 septembre 2008        */
/* Validée W3C                                     */

/* 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 : trebuchet ms, verdana, Arial, Helvetica, "sans serif";
   }
   
BODY, TD, TH, CAPTION, P, A, UL, LI, DIV, SPAN, LABEL, BLOCKQUOTE
   {
       font-size : 12px;
       line-height: 17px;
   }
   
BODY
   {
/*       background : transparent url(../images/FondPage1024.jpg);  */
/*       background : transparent url(../images/bg-gris-080.jpg);   */
/*       background-color:  #666666;   */
/*       background : transparent url(../images/fond_raye_vert.gif);  */
/*       background-color:  #A8C88A;      */
/*       background-color:  #CCFFCC;  */
       background : transparent url(../images/bg_page.gif);
       background-color:  #800000;
       color: #555555;
       text-align:         center;
       margin: 0px;
/*       margin-top :           5px;
       margin-bottom:         5px;  */
       padding:               0px;
   }
   
BLOCKQUOTE
   {
       margin-left : 25px;
   }
   
H1
   {
       color :        #1f3c79;
       font-size :       140%;
       font-weight :     bold;
       line-height :     100%;
       width: 100%;
       background-color: #F3F3F3;
       padding-bottom: 2px;
       border-bottom: 1px solid #1f3c79;
       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%; 
}
 
H6
   {
       color :        #1f3c79;
       font-size :       130%;
       font-weight :     bold;
       background-color: #F3F3F3;
       padding-bottom: 2px;
       border-bottom: 1px solid #1f3c79;
       text-decoration : none;
   }

 
TH {
font-weight : bold; 
text-align : center; 
}
 
.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; 
}
 
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; 
}
 
A:link {
color : #0000ff; 
}
 
A:visited {
color : #0000ff; 
}
 
A:hover {
color : #aa000f; 
}
 
A:active {
color : #aa0000; 
}
 
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; 
}
 
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; 
line-height: 70%;
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.newslinkmedium {
font-size : 8pt;
color : #1f3c79;
font-weight : bold;
text-decoration : none;
}

A.newslinkmedium:visited {
font-size : 8pt;
color : #1f3c79;
font-weight : bold;
text-decoration : none;
}

A.newslinkmedium:hover {
font-size : 8pt;
color : #1f3c79;
font-weight : bold;
text-decoration : underline;
}

A.newslinkmedium:active {
font-size : 8pt;
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; 
}
 
.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 {
color : #7f6244; 
}
 
.noirflouinv {
color : #000000; 
}
 
.red {
background : #900553; 
color : #ffffff; 
text-decoration : none; 
} 

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

.redtext {
color : #ff0000; 
} 

.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;
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; 
}
 

.newsContainer {
width : 100%;
background : #f3f3f3;
height : 21px;
padding-top : 0px;
text-align : right;
float : left;
}

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

.TickerContainer {
width : 550px;
background : #f3f3f3; 
height : 18px; 
padding-bottom : 3px;
float : left; 
} 

/* 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;
   }

.goBackTop {
text-align: right;
margin-top: 1em;
margin-bottom: 2em;
font-size: 80%;
}

#menuBack {
position: relative;
width : 100%;
height:  32px;
left: 0px;
background-color : #585858;
text-align: right;
vertical-align: middle;
}

#menuBack div#menuPos {
position: relative;
left: 1px;
background-color: #585858;
vertical-align: middle;
}

#menuBack a {
position: relative;
top: 5px;
left: -5px;
background-color: #585858;
vertical-align: middle;
}

#menuBack img {
position: relative;
vertical-align: middle;
}

#menuBasBack {
width : 100%;
height:  15px;
background-color : #585858;
text-align: center;
vertical-align: middle;
}

.hilite {
width: 100%;
height:  3px;
font-size: 25%;
background-color: #FFCC66;
}

#pageBack {
background : transparent url(../images/FondPageMusique.jpg);
width : 100%;
margin: 0px;
padding: 0px;
} 

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

#pageText {
width: 730px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 25px;
padding-right : 25px;
}

#pageTextNarrow {
width: 730px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 115px;
padding-right : 115px;
}

#pageTextMargin {
width: 630px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 75px;
padding-right : 75px;
}


#pageTextHome {
width: 730px;
padding-top : 0px;
padding-bottom : 20px;
padding-left : 25px;
padding-right : 25px;
}

#Facebook {
width: 130px;
height: 70px;
float: left;
}

#siteSearch {
width: 600px;
height: 70px;
float: left;
}

#columnLeft {
width: 460px;
margin-top: 0px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 15px;
float: left;
}

#columnRight {
width: 239px;
margin-top: 0px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
padding-left: 15px;
padding-right: 0px;
border-left: 1px solid;
float: left;
}

#vLine {
background : transparent url(.../images/vdots.gif);
background-repeat: repeat-y;
float: left;
}

.programLeft {
width: 200px;
padding-left:  175px;
padding-right: 10px;
float: left;
font-family : Arial, Helvetica, "sans serif";
}

.programRight {
width: 275px;
padding-left: 25px;
float: left;
font-family :  Arial, Helvetica, "sans serif";
}

.indent15 {
padding-left: 15px;
}

.indent25 {
padding-left: 25px;
}

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

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

#europePageBanner {
background : transparent url(../photos/europeBanner.jpg);
width : 100%;
height : 125px;
}

#homePageBanner {
background : transparent url(../images/bandeauAccueil.jpg);
width : 100%;
height : 125px; 
}
 
#pageHeader {
background-color : #ffffff; 
} 

#stdPageContainer {
width : 780px;
margin: 0px auto;
padding: 0px;
border:  1px solid;
background : transparent url(../images/fondGris2tons.jpg);
text-align: left;
}

#stdMobileContainer {
width : 200px;
margin: 5px auto;
padding: 5px;
border:  1px solid;
background : transparent url(../images/fondGris2tons.jpg);
text-align: left;
}

/* Slide Player v.2 */

#titleBar {
       width: 100%;
       color : #1f3c79;
       font-size : 15px;
       font-weight: bold;
       line-height : 20px;
       text-align: center;
       vertical-align: top;
       padding-bottom: 25px;
}

#captionDisplay {
       width: 575px;
       color : #FFFFFF;
/*       background-color: #585858;    */
       font-size : 15px;
       font-weight: bold;
       line-height : 18px;
       text-align: left;
       vertical-align: top;
       float: left;
}

#scrollButtons {
       width: 110px;
       color : #1f3c79;
       line-height: 20px;
       text-align: right;
       padding-right: 3px;
       float: left;
}