/* FILE: default.css */

body {
      background: url(../pic/backgrounds/whitepaper.jpg) fixed;
      color:black;
      font: 13px Arial,Helvetica,sans-serif;
}
body table tr td {
      color:black;
      font: 13px Arial,Helvetica,sans-serif;
}     

p {
    width: 90%;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 1ex;
}
strong {
       font-weight: bold;
}

/* define super-script */
.sup { vertical-align: super; font-size: 80% }


p.note {
        font-size: 75%;
	text-decoration: none;
	text-align: left;
}

.red { color: red; text-decoration: none; }

#UQAM {
        font: bold 18px "Trebuchet MS", Arial, sans-serif;
        color: white;
        position:absolute;
        right:2ex; top:1.5ex;
        text-align: right;
}

#coordonnees {
	      margin: 2em;  
	      padding: 1em;
	      }


#main {
/* 	      float: right; */
	      width: 75%;
	      margin: 1ex;
/* 	      border: thin #225588 outset; */
	      padding: 0px;
/* 	      background: #EEEEEE; */
 }



#actualites {
	      float: right;
	      width: 20%;
	      margin-right: 2ex;
	      margin-top: 2ex;
	      border: thin #225588 outset;
	      padding: 0px;
	      background: #EEEEEE;
 }
#actualites dl { margin: 3px; }
#actualites dl dt { margin-left: 2px; margin-top: 2px; font-style: italic }
#actualites dl dt.first { margin-left: 2px; margin-top: 2px;
                          font-style: italic; font-weight: bold }
#actualites dl dd { padding-left: 3ex;
	            margin-left: 0px;
	            padding-bottom: 2px;
		    border-bottom: thin black dotted }
#actualites dl dd.first { padding-left: 3ex;
	            margin-left: 0px;
	            padding-bottom: 2px;
		    border-bottom: thin black dotted;
                    font-weight: bold
                          }
#actualites dl dd.last { padding-left: 3ex;
	            margin-left: 0px;
	            padding-bottom: 1px;
		    border-bottom: none }

#actualites ol { margin: 3px; padding: 0px }
#actualites ol li { margin-left: 2px; }

#actualites h3 {
	     font: bold 15px "Trebuchet MS", Arial, sans-serif; 
	     width: 100%;
	     text-align: center;
	     margin: 0px; padding: 0px;
	     background: #225588; color: white;
	     }


table.title {
              font: bold 18px "Trebuchet MS", Arial, sans-serif;
              text-decoration: none;
              background: #225588; color: white;
              margin-bottom: 1ex;
}

table.title tr td {
                    font: bold 18px "Trebuchet MS", Arial, sans-serif;
                    background: #225588; color: white;
                    padding-left:  .5ex;
                    padding-right: .5ex;
}

table {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 1ex;
}

tr.important td {  background: #AAC4DD; }

tr.current td {  background: #CCE6FF;}

h1 {
     font: bold 18px "Trebuchet MS", Arial, sans-serif;
     text-decoration: none;
     background: #225588; color: white;
     margin-bottom: 1ex;
     margin-top: 1ex;
     margin-left: 0ex;
     margin-right: 0ex;
     padding-left: 1ex;
     padding-top: .5ex;
     padding-bottom: .5ex;
}

h2 {
     font: bold 16px "Trebuchet MS", Arial, sans-serif;
     text-decoration: none;
     background: #4477aa; color: white;
     margin-bottom:0px;
     padding-left: 1ex;
     padding-top: .5ex;
     padding-bottom: .5ex;
}
h3 {
     font: bold 13px "Trebuchet MS", Arial, sans-serif;
     text-decoration: none;
     background: #6699cc; color: white;
     margin-bottom:1ex;
     padding-left: 1ex;
     padding-top: .5ex;
     padding-bottom: .5ex;
}

/* ---- links ----------------------------------------- */

a:link { background: none; color:#2055BB; text-decoration:none; }
a:visited { background: none; color:#2055BB; text-decoration:none; }
a:hover { background: none; color:#cc0000; text-decoration:none }
a:active { background: none; color:red; text-decoration:none; }


/* ---- navigation --------------------------------------- */


.navigation { 
 margin: 8px 0px 0px 0px;
/*  padding: 0px; */
 width: 156px;
 font-size: 120%;
}

.navigation a { 
 display: block;
 padding: 3px;
 border: 2px hidden white;
} 

.navigation a:link { 
 color: black;
/* font-weight: bold; */
}

.navigation a:visited { 
 color: black;
/* font-weight: bold; */
}

.navigation a:hover { 
 border: 2px solid #39346A;
/*  background: #839DD5; */
} 


.navigation ul
{
 margin-left: 0px;
 padding-left: 0px;
 padding-right: 0px;
 margin-top: 20px;
/*  padding-left: 0px; */
 list-style: none;
 border-bottom: 1px solid #839DD5;
}

.navigation ul li { 
 margin-left: 0px;
 padding-left: 0px;
 border-top: 1px solid #839DD5;
}
.navigation ul li.last { 
 border-bottom: 1px solid #839DD5;
}
.navigation ul li.off { 
 background: none;
}
.navigation ul li.on { 
 background: #839DD5;
}


.navigation ul ul
{
 display:none;
 font-size: 75%;
 padding-left:0px;
 margin: 0px 0px 5px 0px;
 border: none;
 background: white;
 list-style: none;
}
.navigation ul ul li { 
 border: none;
 margin-left: 3ex;
}

.navigation ul ul a { 
 display: block;
 padding: 0px;
} 



/* ---- misc. formatting --------------------------------------- */

.linkMail {
	font: bold 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: none; color:#CC0000;
}
.linkText {
	font: bold 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: none; color:#336699;
}


table caption { text-align: left }

table.programme { margin: 1em }
table.programme td { padding: 0.5em 1em 0.5em 1em }
table.programme th {
          font: bold 14px "Trebuchet MS", Arial, sans-serif;
          text-decoration: none;
          background: #839DD5; color: white;
          text-align: left;
          padding-left: 0.5em;
          padding-right: 0.5em;
}

table.exercises thead tr th { font: bold 13px Arial,Helvetica,sans-serif; }

td.heure { font-weight: normal; color: black }
td.conferencier { font-weight: bold; color: #336699 }
td.coffee-break { color: #333333 }
td.titre { font-weight: bold; font-style: italic; color: #336699 }

tr.off { background: none }
tr.on { background: #cccccc }


dl.persons {
	background: white;
	width: 90%;
        border: 1pt solid #839DD5;
}
dl.persons dt {
	font: bold 16px "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
	background: #839DD5; color: white;

	margin-bottom: .5em;
	text-align: left;
	padding-left: 1em }
dl.persons dd {
	background: none; color: black;
	margin-bottom: 1em;
	}

dl.programme {
	background: white;
	width: 90%;
        border: none;
}
dl.programme dt {
	font: bold 16px "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
	background: #839DD5; color: white;

	margin-bottom: .5em;
	text-align: left;
	padding-left: 1em }
dl.programme dd {
	background: none; color: black;
	margin-bottom: 1em;
	}



ul {
/*  	list-style-type:  disk; */
}

ul li {
/* 	list-style-type: none; */
	margin: 0;
	width:100%;
}

p.topOfPage {
	font: bold 10px Arial, Helvetica, sans-serif;
	width: 90%;
	background: none; color:#CC0000;
	text-decoration: none;
	text-align: left;
}
.tableBottom {
	font: bold 10px Arial, Helvetica, sans-serif;
	width: 90%;
	background: none; color:#CC0000;
	text-decoration: none;
	margin-bottom: 2ex;
}
.tableBottom tr td {
	font: bold 10px Arial, Helvetica, sans-serif;
}
.lastChanges { font-size: 75%; color:black }
.timestamp { color:#336699 }
