@charset "utf-8";
/* CSS Document for Osisko */

   	* { 
		border:0; margin:0; padding:0;
		font-family:Helvetica, Arial, Helvetica, sans-serif;
		font-size:12px; line-height:15px;
	}

	html { 
		height:100%;
		overflow-y:scroll;
		}
		
	body { 
		background:#979797 url(/en/img/bg_body.jpg) no-repeat;
		height:100%;
		text-align:center;
	}
		
	table, td, th, p, div, li, a, address, dl, dt, dd, input, select, textarea, label, strong, b {
		font-size:12px; line-height:18px; color:#2b2b2b;
		text-align:left;
	}

	p {	color:#3e3e3e; margin-bottom:10px; }
	
	p em { font-size:12px; }


	a:link, a:active, a:visited { 
		outline:none; color:#e9af29;
		text-decoration:none;position:relative; 
		}
		

	a:hover, a:visited:hover, a:hover *, a:visited:hover * { color:#000; background-position:0 -100px; outline: none;}
	
	
	h2  { 
		color:#202020;
		font-family:Helvetica, Arial, Helvetica, sans-serif;
		font-size:20px; line-height:25px;font-weight:normal;
	}

	h3 { 
		color:#202020;
		font-family:Helvetica, Arial, Helvetica, sans-serif;
		font-size:12px; line-height:20px;
		margin:10px 0 10px 0; 
	}

	ul { list-style:none; }
	
	sup { font-size:9px; postion:relative;  }


	div.hr {
		display:block;
		width:100%; height:1px;
		border-bottom:1px dotted #333;
	}
/* ajout ----------------------------------------------------------------- */

div.tabs_container {width:645px; height:28px; margin-top:-24px;}
ul.tabs li {display:block; float:left; height:21px; padding:4px; margin-left:-4px;}

ul.tabs li a {color: #6e6e6e; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
ul.tabs li a:hover {color:black;}

div.tabulation div.tab_left {width:13px; height:28px; background:url(../img/tab_left.gif); float:left;}
div.tabulation div.tab_middle {height:28px; background:url(../img/tab_middle.gif); float:left;}
div.tabulation div.tab_right {width:13px; height:28px; background:url(../img/tab_right.gif); float:left;}

div.panes {
	float:left;
	margin-top:20px;
	border:1px solid #FFF;
	width:655px;
	height:100%;
}

/*	Shell ----------------------------------------------------------------- */
	
	#main_wrapper {
		background:url(..//img/bg_main_wrapper.png) repeat-y;
		margin:0 auto;
		display:table;
		text-align:center;
		width:920px;
	}
		/* ie 6 alpha png hack */
		*html #main_wrapper  { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_main_wrapper.png", sizingMethod="crop"); background:none; }

	div.content_wrapper {
		background:url(../img/bg_content_wrapper.jpg) no-repeat top left;
		margin:0 10px 0 10px;
		width:900px;height:100%;
	}

	div.flashwrapper { margin:15px 0 6px 15px;  position:relative;}
		*html div.flashwrapper { margin:15px 0 15px 15px; }

	#panel_top_media.media-library { 
		background:url(/en/img/bg_panel_media-library.jpg) no-repeat; width:100%; height:240px;
	}
/*	Header ---------------------------------------------------------------- */

	div.header {
		padding:0 25px 0 25px;
		height:82px;
	}

	h1.h1_osisko { margin-top:17px; }

	h1.h1_osisko a {
		background:url(../img/h1_osisko.jpg) no-repeat;
		display:block;
		width:230px; height:62px;
		text-decoration:none; text-indent:-9999px;
	}
	
	h1.h1_osisko a:hover {
		background:url(../img/h1_osisko.jpg) no-repeat;
		display:block;
		width:230px; height:62px;
		text-decoration:none; text-indent:-9999px;
	}	

	div.header_left { float:left; width:230px; }
	
	div.header_right { 
		float:right;
		width:300px;
	}

	div.header_right ul { margin-top:7px; float:right; position:relative; left:7px; }

	div.ticker {
		background:url(http://www.osisko.com/en/img/newtickerfr.gif) no-repeat;
		text-indent:-9999px;
		margin-top:18px; float:right;
		width:135px; height:41px; 
	}
	

/*	Footer ---------------------------------------------------------------- */
	
	div.footer {
		background:url(../img/bg_footer.jpg) no-repeat top left;
		color:#c4c4c4;
		padding:30px 15px 0 25px;
		width:auto; height:60px;
	}

	div.footer_left { float:left; color:#c4c4c4;}
	div.footer_right { float:right;  }

	
/*	Objects ---------------------------------------------------------------- */

	/* horizontal list nav */
	ul.h_nav  { list-style:none; }
	ul.h_nav li { 
		float:left;
		height:15px; line-height:15px;
		margin-right:10px;
	}
	
	ul.h_nav li.pipe:after { content:"|"; color:#fff; }
	ul.h_nav li a { color:#fdb813; }
	ul.h_nav li.pipe a { padding-right:10px; }
	ul.h_nav li a:hover { color:#fff; }

		
/*	Columns -------------------------------------------------------------- */

	.col { float:left; }
	.col1 { width:180px; margin:0 25px 0 6px; }
	.col2 { width:405px; }
	.col3 { width:240px; }

	div.col3 a { color:#E9AF29; }
	div.col3 a:hover { color:#000; }
/*	Header panels object -------------------------------------------------- */
	
	div.breadcrumb {
		clear:both; float:none;
	}
	
	ul#hnav {
	  list-style:none;
	  width:700px; overflow:hidden;
	  position:relative;
	  top:15px; left:15px;
	}
	
	ul#hnav li {
		background:url(../img/bg_media_panel.png) no-repeat;
		position:relative;
		float:left;
		display:block;
		/*margin-right:2px;*/
		height:240px; width:125px;
		overflow:hidden;
		border-right:2px solid black;
	}
	
	ul#hnav li.media_panel_1 {
		background:url(../img/bg_media_panel_1.png) no-repeat;
		width:320px;
	}
	
	div.breadcrumb a { color:#E9AF29; }
	div.breadcrumb a:hover { color:#fff; }
	


	div.breadcrumb {
		color:#fff;
		display:block;
		margin:0 25px 0 25px;
	}

	div.breadcrumb a:hover { color:#fff; }

	div.content_body_top {
		background:url(../img/bg_content_body_top.png) repeat-y;
		display:block;
		width:900px; height:20px;
	}
		/* ie 6 alpha png hack */
		*html div.content_body_top { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_content_body_top.png", sizingMethod="crop"); background: none; }

	div.content_body {
		background:url(../img/bg_content_body.png) repeat-y;
		display:block;
		width:auto;
	}
		/* ie 6 alpha png hack */
		*html div.content_body  { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bg_content_body.png", sizingMethod="crop"); background: none; }

	div.body { margin:25px 0 0 25px; padding-bottom:100px; }
	
	div.content_body_btm {
		background:url(../img/bg_content_body_btm.gif) repeat-y;
		width:900px;
	}

	div.content_body_btm_corners {
		background:url(../img/bg_content_body_btm_corners.gif) no-repeat;
		width:900px;height:20px;
	}



/*	Columns -------------------------------------------------------------- */

	div.content_body div.col2 { padding-bottom:60px; }
	div.col3 div.content { margin-left:25px; margin-top:15px; }

	

		/* -- col2 and col3 header */	
		div.col2 div.content_head { 
			border-bottom:1px solid #898989;
			margin:20px 0 20px 0; height:30px;
		}
		
		div.col3 div.content_head { 
			border-bottom:1px solid #898989;
			width:215px;
			margin:20px 0 0px 0; padding-left:25px; 
			height:30px; 
		}

		/* send to a friend and print this page rollovers */
		a.a_stf { background:url(../img/a_stf.gif) no-repeat; width:101px; float:left; cursor:pointer;}
		a.a_print { background:url(../img/a_print.gif) no-repeat; width:103px; float:right; cursor:pointer;}
		
		div.col3 div.content_head a { 
			display:block; 
			text-indent:-9999px;
			margin-top:5px;
			height:20px;
		}
		
		div.col3 div.content_head a:hover { background-position:0 -30px; }
	
			/* -- content bottom (footer) */
		div.content_body_btm div.col1 {
			margin:0 0 0 25px;
		}

			*html div.content_body_btm div.col1 { margin:0 0 0 12px; }

		

		div.content_body_btm div.col2 {
			margin:0 0 0 5px;
		}
		
		div.content_body_btm div.col3 {
			
		}
		
		div.content_body_btm div.col2 div.date {
			float:left;
			font-size:11px;
		}
		
		div.content_body_btm div.col2 div.title { 
			border-left:1px solid #767779;
			float:left;
			margin-left:10px; padding-left:10px;
			width:300px; 
		}
		div.content_body_btm div.col2 div.title a, div.content_body_btm div.col3 div.title a { 
			color:#484848; font-size:11px; text-transform:capitalize; font-weight:bold;
		}
		
		div.content_body_btm div.col2 div.title a:hover, div.content_body_btm div.col3 div.title a:hover { color:#000; }
	
		div.content_body_btm div.col3 h3 { margin-left:25px; }
		
		div.content_body_btm div.col3 div.date {
			float:left;
			font-size:11px;
			margin-left:25px;
		}
		*html div.content_body_btm div.col3 div.date { margin-left:13px; }
		
		div.content_body_btm div.col3 div.title { 
			border-left:1px solid #767779; 
			float:left;
			margin-left:10px;padding-left:10px;
			width:120px;
		}

		div.content_body_btm div.col3 div.no_events { 
			float:left;
			margin-left:10px;padding-left:15px;
			width:220px; color:#999999;
		}	
		
		div.content_body_btm div.col3 div.more_events a{ 
			float:left; font-weight:bold;
			margin-left:15px;padding-left:10px;
			width:220px; color:#666666;
		}
			
		div.content_body_btm div.col3 div.more_events a:hover{ 
			float:left; font-weight:bold;
			margin-left:15px;padding-left:10px;
			width:220px; color:#000;
		}


/*	Mainnav -------------------------------------------------------------- */

	div.col1 ul.main_navigation {
		list-style:none;
		margin:25px 0 0 9px; padding:0 0 60px 0; 
	}
		*html div.col1 ul.main_navigation { margin-left:3px; }
	
	div.col1 ul.main_navigation li {
		background:url(../img/bullet_main_nav.gif) no-repeat 10px 6px;
		margin:0 0 10px 0;padding:0 0 0 0;
	}
	

	div.col1 ul.main_navigation li a {
		color:#6e6f72; font-size:16px;line-height:18px;
		margin-left:19px;
		width:140px; height:30px;
	}
	
	*html div.col1 ul.main_navigation li ul li a.ie6_nav {
		background:url(../img/bullet_sub_nav.gif) no-repeat;
		color:#6e6f72; font-size:12px; line-height:12px;
		display:block;
		margin:0px 0px -18px 0px ; /*padding:6px 0 0 30px;*/
		width:140px; 
	}
	
	div.col1 ul.main_navigation li a:hover { color:#000; }
	
	div.col1 ul.main_navigation li.open { background-position:10px -152px; }
	div.col1 ul.main_navigation li a.open { color:#000; }
	

	*html 	div.col1 ul.main_navigation li ul {
		display:none;
		list-style:none;
		margin:10px 0 15px 0; padding:0;
		width:140px;
	}

	div.col1 ul.main_navigation li ul {
		display:none;
		list-style:none;
		margin:10px 0 20px 0; padding:0;
		width:140px;
	}
	
	div.col1 ul.main_navigation li.open ul { display:block; }
	
	div.col1 ul.main_navigation li ul li {
		margin:0; padding:0; height:22px;
	}
	*html div.col1 ul.main_navigation li ul li a {
		background:url(../img/bullet_sub_nav.gif) no-repeat;
		color:#6e6f72; font-size:12px; line-height:12px;
		display:block;
		margin:0px 0px -18px 0px ; /*padding:6px 0 0 30px;*/
		width:140px; 
	}

	div.col1 ul.main_navigation li ul li a {
		background:url(../img/bullet_sub_nav.gif) no-repeat;
		color:#6e6f72; font-size:12px; line-height:12px;
		display:block;
		margin:0; padding:6px 0 0 30px;
		width:140px; height:18px;
	}
		*html div.col1 ul.main_navigation li ul li a.last { height:25px; }

	div.col1 ul.main_navigation li ul li a.last { height:25px; }
	
	div.col1 ul.main_navigation li ul li a:hover, 
	div.col1 ul.main_navigation li ul li a.active { background-position:0 -47px; color:#000; }
		

	div.col1 ul.main_navigation li.solo { background:none; }

div.col2_bottom {
	font-family: Arial, Helvetica, sans-serif; font-size:10px; 
	margin-top:10px; margin-left:200px; font-weight:bold;
	
}
		
div.col3_bottom {
	font-family: Arial, Helvetica, sans-serif; font-size:11px; 
	font-weight:bold;float:right; 
	margin-top:10px;margin-right:100px;
}
div.col3_bottom a {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666666;}

/*	Other/Hacks ----------------------------------------------------------- */

	.hide { display:none; }
	.fleft { float:left; }
	.clear { clear:both; display:block; }
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}

	.clearfix { display:inline-block; }
	/* Hide from IE Mac \*/
	
	.clearfix { display:block; }
	/* End hide from IE Mac */

	* html .clearfix { height:1px; } /*IE6*/
	
/**/

	#panel_top_media.other { 
		background:url(/en/img/bg_panel_other.jpg) no-repeat; width:100%; height:240px; 
		margin: 15px 15px; 
	}
	
	*html #panel_top_media.other { 
		background:url(/en/img/bg_panel_other.jpg) no-repeat; width:100%; height:240px; 
		margin: 15px 15px; 
	}