/* CSS pour le site Junex */

body {margin:0; background: #E3DDB0 url(../images/bg_stripes.gif) repeat 0 0; }
div, input, select, table, textarea {color:#585858; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 11px; line-height:12px }

h3 {
	font-size: 14px;
	margin: 20px 0 0;
}

a{ color: #1B2C3C; }

img {border: 0;}

/* div principal qui gère le gradient de gauche à droite */
div#frame {background: url(../images/bg_stripes_gradient.gif) repeat-x 0 0 ; text-align: center; width:100%; padding: 30px 0 30px 0;}
div#frame td.columnright {background: url(../images/ombredroit_bg.gif) repeat-y 0 0 ; }

/* Construction des menus en boîtes flottantes */
div#container_menu { background-color: #FFF; width: 205px ;	border: 1px solid #B2370E ; }

ul#menu { margin: 0 ; padding: 2px ; list-style-type: none ; text-align: left }
ul#menu li { margin: 0 0 0 0px ; padding: 0 ; }
ul#menu li a { display: block ; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:11px; width: 200px ; line-height: 20px ; color: #939393 ; text-indent: 20px ;	text-decoration: none ;	background: url(../images/smenu_bg_up.gif) no-repeat 0 0 ; border: 1px solid #FFF ; }
ul#menu li a:hover { color:#000 ; background: url(../images/smenu_bg_rl.gif) no-repeat 0 0 ; border: 1px solid #FFF ; }

/* Header du site avec menu outils */
div#top {padding-top: 15px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;}
div#top td.menutop { background: #7DB3D8 url(../images/top_bg.jpg) no-repeat 0 0; text-align: left; padding-left:12px; color:#FFF; font-size:10px;}
div#top a, div#top a:link, div#top a:visited, div#top a:active {text-decoration:none; color:#FFF;}
div#top a:hover {text-decoration:underline; color:#FFF;}

/* Header du site avec menu outils */
div#menu {padding-top: 7px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;}
div#menu td { background: #EB6E00 url(../images/menu_bg_gradient.gif) repeat-x 0 0; }

/* Dernière heure en accueil */
div#derniereheure {padding-top: 16px;}
div#derniereheure div.date {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight: bold; text-align: left; padding: 0 10px 0 10px;}
div#derniereheure div.title {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:15px; color:#DED5AB; font-weight: bold; line-height: 19px; text-align: left; padding: 15px 10px 0 10px;}
div#derniereheure div.txt {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; color:#B1B8BE; line-height: 15px; text-align: left; padding: 15px 10px 0 10px;}
div#derniereheure a, div#derniereheure a:link, div#derniereheure a:visited, div#derniereheure a:active, div#derniereheure a:hover {text-decoration:underline; color:#B1B8BE;}

/* Bourse en accueuil */
div#bourse {padding-top: 16px; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:10px; color:#1B2C3C;}
div#bourse div.ticker {padding: 14px 8px 5px;}
div#bourse div.ticker2 {border-top: 2px solid #1B2C3C;padding: 5px 8px;}


div#bourse div.graph {margin: 2px; display: block; width: 118px; height: 81px; background-image: url(http://chart.financialcontent.com/Chart?width=147&gtcolor=FFFFFF&ticker=TSXV%3AJNX&Account=ezir&bgcolor=FFFFFF&Client=ezir&gbcolor=FFFFFF&brcolor=FFFFFF&pvcolor=FFFFFF&ibcolor=FFFFFF&volume=1&height=140&params=width%3D280%26height%3D140%26shwidth%3D0%26type%3D0%26gtcolor%3DFFFFFF%26gbcolor%3DDB8600%26bgcolor%3DFFFFFF%26grcolor%3DCCCCCC%26lncolor%3DDB8600%26brcolor%3D6B6B6B%26shcolor%3DCCCCCC%26txcolor%3D6B6B6B%26itcolor%3D6B6B6B%26pvcolor%3DE90000%26ibcolor%3DFFFFFF%26volume%3D1%26ticker%3DTSXV%3AJNX&lncolor=DB8600&txcolor=6B6B6B&itcolor=FFFFFF&grcolor=FFFFFF&shcolor=FFFFFF&type=1&shwidth=0); background-position: -1px -11px;}
div#bourse td { color: #1B2C3C;}
div#bourse td.tickleft {padding-left: 6px; text-align: left;}
div#bourse td.tickright {padding-right: 6px; text-align: right;}


/* Section de contenu du site en colonnes */ 
div#content {padding-top: 7px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;}
div#content td.intro {background: #E1EFEE url(../images/home_photo_bg.jpg) no-repeat 0 bottom; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; color:#263A4A; text-align: justify; padding: 15px; line-height: 15px;}
div#content td.main {background: #CBDBE4 url(../images/main_bg.jpg) no-repeat 0 top; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; color:#263A4A; text-align: justify; line-height: 15px;}

/* My Comment */
#content {position: relative;}
div#content div.maintitle {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:20px; color:#C44A00; font-weight: bold; line-height: 24px; text-align: left; padding: 26px 22px 0 22px;}
div#content div.mainseparateur {padding: 0 22px 0 22px;}
div#content div.maintxt {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; color:#263A4A; line-height: 15px; text-align: left; padding: 5px 22px 10px 40px; background: url(../images/main_dot_cross.gif) no-repeat 22px 8px;}
div#content div.maintxt2 {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; color:#263A4A; line-height: 15px; text-align: left; padding: 5px 22px 10px 22px;}

/* Navigation secondaire et terciaire en colonne de gauche */
div#navsec {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:11px; line-height: 15px ; color: #FFFFFF ; background-color: #1B2C3C; font-weight: bold; text-align: left;}
div#navsec a, div#navsec a:link, div#navsec a:visited, div#navsec a:active {text-decoration:none; color:#FFFFFF;}
div#navsec a:hover {color:#DED5AB;}

div#navter {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:11px; line-height: 15px ; color: #FFFFFF ; background-color: #1B2C3C; text-align: left;}
div#navter a, div#navter a:link, div#navter a:visited, div#navter a:active {text-decoration:none; color:#D3E2E8; padding-left: 6px;}
div#navter a:hover {text-decoration:none; color:#DED5AB; background: url(../images/navsec_selecteur.gif) no-repeat 0 4px;}

/* Admin */
.admin {background-color: #ffffff; border: 1px dotted #EB6E00; color: #EB6E00; font-size: 9px; margin: 0 0 5px; padding: 2px;}
.admin a {color: #EB6E00; display: inline; text-decoration: underline;}
th {background: #FC8600 url(../images/menu_bg_gradient.gif) repeat-x bottom left; color: #ffffff; font-weight: bold; padding: 5px; text-align: left;}

/* liste de formulaires PDF */
ul#listepdf, ul.listeGraph, ul.listeImg { margin: 0; padding: 2px; list-style-type: none; list-style-position: outside; text-align: left;}
ul#listepdf li, ul.listeGraph li, ul.listeImg li {background: url(../images/icon-doc.gif) no-repeat 10px 5px;  margin: 0; font-family:Verdana, Tahoma, Helvetica, sans-serif; font-size:11px;  color: #1B2C3C; text-decoration: none; border: 0; padding: 3px 10px 10px 28px;}
ul#listepdf li a, ul.listeGraph li a, ul.listeImg li a {color: #C44A00; text-decoration: none; font-weight: bold;}
ul#listepdf li a:hover, ul.listeGraph li a:hover, ul.listeImg li a:hover {color:#C44A00; text-decoration: underline; font-weight: bold;}

ul.listeGraph li  {background: url(../images/Pictographique.gif) no-repeat 10px 4px;  padding: 3px 10px 10px 35px;}
ul.listeImg li {background: url(../images/PictoImages.gif) no-repeat 10px 4px;   padding: 3px 10px 10px 35px;}


p.smallright {
	font-size: 10px;
	margin: 0;
	text-align: right;
}

caption { 
	font-weight: bold;
	padding-bottom: 10px; 
}

thead td, tfoot td {
	background: #3D5767;
	border-bottom: 1px solid #1B2C3C;
	border-top: 1px solid #1B2C3C;
	color: #FFF;
}

table.line tbody td, table tbody td.line {
	border-bottom: 1px solid #1B2C3C;
}

table tbody td.stitre {
	background: #9eabb3;
}

/* Credits */

td#credits {
	text-align: right;
	padding: 4px;
}

td#credits a {
	color: #675f48;
	font-size: 9px;
	text-decoration: none;
}

/**** styles for cnn Matthiews ****/

.subtitle {
	color: #1B2C3C;
	font-size: 16px;
	line-height: 20px;
	margin: 5px 40px 15px 40px;
	text-align: left;
}

a.orange {
	color: #C44A00;
	font-weight: bold;
	text-decoration: none;
}
a.orange:hover { text-decoration: none; }

a.year {
	color: #73838E;
	font-weight: bold;
	text-decoration: none;
}
a.year:hover {	color: #263A4A;}

a.yearActive, a.yearActive:hover, .yearActive {
	color: #263A4A;
	font-weight: bold;
	text-decoration: none;
}

.orange { color: #C44A00;}
.moreinfo { color: #C44A00;margin:20px 0;}

table.menu2, table.menu2 div#navsec { background: #334B59;}