/*	-------------------------------------------------------------

	CANOE SANS-FIL

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Desc:			Base cascading style sheet
	Nom:			screen.css
	Version:		1.0
	Date:			2 Juillet 2008
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	BODY 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	body {
		font: 				normal 70%/140% Verdana, Tahoma, Arial, sans-serif;
		color: 				#6b6b6b;
		margin: 			0;
		padding: 			0;
		height:				100%;
		text-align: 		center;
		background: 		#f1f1f1; }

	form,
	ul,
	ol,
	li,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	img,
	embed,
	object {
		margin:				0;
		padding:			0; }

	ul,
	ol {
		list-style-type:	none; }

	img { 
		border: 			none; }

/*	-------------------------------------------------------------
	LINKS 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	a { 
		color: 				#ec1c2e;
		text-decoration: 	none;
		outline: 			0; /* prevent dotted border in Firefox */ }

	a:link, a:visited, a:active  {
		color: 				#ec1c2e;
		text-decoration: 	none;
		outline: 			0; /* prevent dotted border in Firefox */ }

	a:hover {
		color: 				#ec1c2e;
		text-decoration: 	underline;
		outline: 			0; /* prevent dotted border in Firefox */ }

	a.back { 
		color: 				#6b6b6b;
		text-decoration: 	none;
		padding:			0 0 0 12px;
		outline: 			0; /* prevent dotted border in Firefox */
		background:			transparent url("../../images/arrow_back.gif") no-repeat left center; }

	a.back:hover { 
		color: 				#010000;
		text-decoration: 	none;
		padding:			0 0 0 12px;
		outline: 			0; /* prevent dotted border in Firefox */
		background:			transparent url("../../images/arrow_back.gif") no-repeat left center; }

/*	-------------------------------------------------------------
	TYPOGRAPHTY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

	p {
		color: 				#6b6b6b;
		line-height: 		1.7em;
		margin: 			0;
		padding: 			0; }

	.strong {
		font-weight:		bold;
	}

/*	-------------------------------------------------------------
	COMMON
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.clear {
		clear:				both;
		display:			block;
		height:				0;
		overflow:			hidden;
		margin:				0;
		padding:			0; }

	.clearandspace {
		clear:				both;
		display:			block;
		height:				20px;
		overflow:			hidden;
		margin:				0;
		padding:			0; }

/*	-------------------------------------------------------------
	INTERFACE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	/* container */
	div.container {
		margin: 			0 auto;
		padding: 			0;
		width: 				100%;
		background:			transparent url("../../images/bg_container.gif") no-repeat top center;}

	/* wrapper */
	div.wrapper {
		margin: 			0 auto;
		padding: 			0;
		width: 				810px;
		text-align: 		left;
		border:				none;
		border-left:		1px solid #9c9c9c;
		border-right:		1px solid #9c9c9c;  }
	
	/* header */
	div.header {
		margin: 			0 auto;
		padding: 			0;
		width: 				810px;
		height:				170px;
		text-align: 		left; }
		
		/* graybar */
		div.graybar {
			position:			relative;
			margin: 			0 auto;
			padding: 			0;
			width: 				810px;
			height:				30px;
			background:			#a3a3a4; }
			
		div.leftgraybar {
			position:			absolute;
			left:				10px;
			padding: 			0;
			height:				30px;
			text-align: 		left; }		

		div.rightgraybar {
			position:			absolute;
			right:				10px;
			padding: 			0;
			height:				30px;
			text-align: 		right;}		

		div.graybar a { 
			color: 				#fff;
			text-decoration: 	none;
			outline: 			0; /* prevent dotted border in Firefox */ }

		div.graybar a:hover {
			color: 				#fff;
			text-decoration: 	underline;
			outline: 			0; /* prevent dotted border in Firefox */ }

		div.graybar div.content {
			line-height:		29px;
			color:				#fff;
			font-weight:		normal; }	

		div.graybar div.content ul {
			list-style-type:	none;
			display:			inline;
			margin:				0;
			padding:			0; }

		div.graybar div.content ul li {
			display:inline;
			overflow:hidden;
			color:#ffffff; }
			
		div.graybar div.content li.texte {
			font-size:			11px;
			color:				#ffffff !important; }

		div.graybar div.content li img {
			vertical-align:		middle; }
			
		div.graybar div.content li a.iconeMail {
			height:				28px;
			width:				15px;
			padding:			5px 0px;
			background:			transparent url("../../images/icon_mail.gif") no-repeat center; }
			
		div.graybar div.content li a.iconePhone {
			height:				28px;
			width:				15px;
			padding:			5px 0px; 
			background:			transparent url("../../images/icon_mobile.gif") no-repeat center; }
			
		div.graybar div.content li a.iconeRss {
			height:				28px;
			width:				15px;
			padding:			5px 0px;
			background:			transparent url("../../images/rss_1.gif") no-repeat center; }

		div.graybar div.content li a.iconeMail:hover, li a.iconePhone:hover, li a.iconeRss:hover {
			text-decoration:	none; }

		/* head */
		div.head {
			position:			relative;
			margin: 			0 auto;
			padding: 			0;
			width: 				810px;
			height:				87px;
			text-align: 		left;
			background:			#ffffff url("../../images/bg_head.gif") repeat-x left center; }		

			div.head div.logo img {
				position:		absolute;
				left:			19px;
				top:			19px; }	

			div.head div.search {
				position:		absolute;
				right:			19px;
				top:			7px;
				width:			400px; }	

		/* Top Navigation */
		div.topnavigation {
			position:			relative; 
			padding:			0; 
			margin:				0; 
			clear:				both; 
			width:				100%; }
			
			ul#menu, ul#sousmenu {
				position:			relative;
				font-family:		arial, sans-serif; 
				list-style-type:	none; 
				margin:				0; 
				padding:			0; 
				text-transform:		uppercase;
				display:			block;   
				overflow:			hidden; }
   
			ul#menu {
				font-size:			12px;
				clear:				both;	
				height:				26px; 
				background:			transparent url("../../images/bg_menu1_off.gif") repeat-x; }
   
			ul#menu li {
				float:				left; 
				height:				26px; 
				padding:			0 2px 0 0; 
				background:			transparent url("../../images/pipe_menu1.gif") no-repeat right; }
   
			ul#menu li a:link, ul#menu li a:visited {
				display:			block;
				padding:			3px 5px;
				line-height:		20px;
				color:				#fff;
				font-weight:		bold;
				text-decoration:	none;
				text-align:			center; }
   
			ul#menu li a:hover {
				background:			transparent url("../../images/bg_menu1_on.gif") repeat-x;}

			ul#menu li.selected a {
				background:			transparent url("../../images/bg_menu1_on.gif") repeat-x;}
   
			ul#menu li.home a {
				display:			block;
				width:				38px;
				cursor:				default;
				height:				0;
				padding:			26px 0 0 0;
				overflow:			hidden;
				cursor:				pointer;
				background:			transparent url("../../images/home_menu1_off.gif") no-repeat; }
   
			ul#menu li.home a:hover {
				background:			transparent url("../../images/home_menu1_on.gif") repeat-x;}

	ul#sousmenu {height:31px; background:url(http://canoe.com/accueil2007/images/bg_menu2_off.gif) repeat-x;font-size:11px;}
	ul#sousmenu li {
		float:left;
		height:31px;
		padding:0 2px 0 0;
		background:url(http://canoe.com/accueil2007/images/pipe_menu2.gif) no-repeat right 7px;
	}
	ul#sousmenu li a:link,
	ul#sousmenu li a:visited {
		display:block;
		padding:0 5px;
		line-height:24px;
		color:#707070;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
	}
	ul#sousmenu li a.on,
	ul#sousmenu li a:hover {background:url(http://canoe.com/accueil2007/images/bg_menu2_on.gif) repeat-x;}
	
	ul#sousmenu li.c_partenaires {position:relative;display:block; background:none;float:right;}
	ul#sousmenu ul#icone {margin:0;padding:0;}
	ul#sousmenu ul#icone li {background:none;}
	ul#sousmenu ul#icone li a:link,
	ul#sousmenu ul#icone li a:visited {
		display:block;
		height:0;
		padding:25px 0 0 0;
		overflow:hidden;
	}
	ul#sousmenu ul#icone li a#jdm:link,
	ul#sousmenu ul#icone li a#jdm:visited  {width:50px;background:url(http://canoe.com/accueil2007/images/logo_jdm.gif) no-repeat;}
	ul#sousmenu ul#icone li a#jdq:link,
	ul#sousmenu ul#icone li a#jdq:visited  {width:57px;background:url(http://canoe.com/accueil2007/images/logo_jdq.gif) no-repeat;}
	ul#sousmenu ul#icone li a#lcn:link,
	ul#sousmenu ul#icone li a#lcn:visited {width:72px;background:url(http://canoe.com/accueil2007/images/logo_lcn.gif) no-repeat;}
	ul#sousmenu ul#icone li a#tva:link,
	ul#sousmenu ul#icone li a#tva:visited {width:64px;background:url(http://canoe.com/accueil2007/images/logo_tva.gif) no-repeat;}

			
	/* content */	
	div.main-content {
		margin:				0 auto;
		padding:			10px;
		width: 				790px;
		height:				100%;
		background:			#ffffff; }
		
		div.flash {
			float:				left;
			margin:				0;
			padding:			0;
			width: 				481px;
			height:				250px;
			background:			#ffffff; }
		
		div.bigbox {
			float:				right;
			margin:				0;
			padding:			0;
			width: 				300px;
			height:				250px;
			background:			#ffffff; }				

	div.contentinfo {
		margin:				10px 0 0 0;
		padding:			0;
		width: 				790px;
		height:				auto; }
		
		div.contentinfo div.tabs {
			float:				left;
			margin:				0;
			padding:			0;
			background:			#ffffff;
			width: 				118px; }

   
		div.contentinfo div.tabs-content {
			float:				left;
			margin:				0;
			padding:			0;
			width: 				630px;
			min-height:			300px !important; }		

/*	-------------------------------------------------------------
	SECTION TEXT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/  
	div#text h1 { 
		font-size:			1.4em;
		color: 				#000;
		margin: 			0 0 10px 0; }

	div#text h2 { 
		font-size:			1.3em;
		color: 				#000;
		margin: 			0 0 0 0; }

	div#text h3 { 
		font-size:			1em;
		color: 				#000;
		margin: 			15px 0 5px 0; }

	div#text p { 
		margin:				0 0 10px 0; }

	div#text span { 
		color:				#333232;
		font-weight:		bold; }

	div#text ul { 
		list-style:			none;
		padding:			0 0 0 19px;
		margin:				0 0 10px 0; }

		div#text ul li { 
			line-height:	160%; }

			
/*	-------------------------------------------------------------
	jQuery Tabs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	@media projection, screen { 
		.ui-tabs-hide {
			display: 		none; } }

	@media print {
		.ui-tabs-nav {
			display: 		none; } }

	.ui-tabs-nav {
		list-style: 		none;
		margin: 			0;
		padding: 			0;
		width:				100%;
		background: 		#ffffff; }

		.ui-tabs-nav:after {
			display: 			block;
			clear: 				both;
			content: 			" "; }
   
		.ui-tabs-nav li {
			margin: 			13px 0 0 0; }
   
		.ui-tabs-nav a {
			display:			block;
			line-height:		30px;
			margin: 			0;
			text-decoration:	none; }
   
		.ui-tabs-nav a {
			margin: 			0; 
			padding: 			0;
			font-size:			0.9em;
			color:				#ffffff !important;
			text-align: 		left;
			text-indent:		10px;
			text-decoration: 	none !important;
			font-weight:		bold;
			white-space: 		nowrap; /* required in IE 6 */    
			outline: 			0; /* prevent dotted border in Firefox */
			width:				118px;
			height:				31px;
			display:			block;
			background:			url("../../images/tabs.gif") no-repeat 0 0; }
   
		.ui-tabs-nav .ui-tabs-selected a {
			background:			url("../../images/tabs.gif") no-repeat 0 -32px;
			text-decoration:	none;   }
   
		.ui-tabs-nav .ui-tabs-selected a:hover span {
			color:				#6b6b6b;
			text-decoration:	none;  }
   
		.ui-tabs-nav a:hover span {
			color:				#000;
			text-decoration:	none;  }
   
		*>.ui-tabs-nav a span { /* hide from IE 6 */
			width: 				auto;
			height: 			auto;
			margin:				0; }
   
		.ui-tabs-nav .ui-tabs-selected a span {
			padding-bottom:		inherit; }
   
		.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
			cursor: 			pointer;
			color:				#6b6b6b !important; }
   
		.ui-tabs-panel {
			position:			relative;
			width:				100%;
			min-height:			330px;
			background:			#f1f1f1;
			padding:			20px;
			border:				1px solid #c6c6c6; }

/*	-------------------------------------------------------------
	footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	div.footer {
		margin: 			0 auto;
		padding: 			0;
		width: 				810px;
		border:				none;
		border-left:		1px solid #9c9c9c;
		border-right:		1px solid #9c9c9c; }
		
	div.dots {
		height:10px; 
		background:url("../../images/dots.gif") repeat-x; 
		clear:both; 
		overflow:hidden;}

	div#footerFr {
		margin:0px 3px;
		background:url("../../images/bg_footer.gif") repeat-x bottom;
		padding-bottom:15px;}
		
	div.footerBleu {
		margin:0px;padding:10px 0px 5px 0px; 
		position:relative;
		color:#bfbfbf;
		font-size:11px; }
		
	div.footerBleu a {
		color:#225b88;
		text-decoration:none;
		font-size:11px; }
		
	div.footerBleu a:hover {
		text-decoration:underline;
		font-size:11px; }