/*
	outer background	: #97C0DD
	inner background	: #fff
	light blue			: #3267a5
	dark blue			: #0a458a
	red					: #ff3333
	light grey			: #afbcd6
*/

*									{ margin: 0; padding: 0; border: 0; }
img									{ border:0 ; }
html								{ height:100%; }
a:focus								{ outline: none;}

/* ---[ Mise en page/Structure des pages ] --------------------------------------------------------------- */

body								{ text-align: center; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; color:#3267a5;	background: #97C1DD url(background.gif) repeat-x top left; height:100%; }
#leftshadow							{ position:absolute; width:20px; left:-20px; top:0px; height:100%; background: Transparent url(leftshadow.png) repeat-y; overflow:hidden; }
#rightshadow						{ position:absolute; width:20px; right:-20px; top:0px; height:100%;	background: Transparent url(rightshadow.png) repeat-y; overflow:hidden; }
#contenant							{ position:relative; clear: left; margin: 0 auto; width: 964px; text-align:left; background: #fff url(backcontent.gif) repeat-y top left; min-height:100%; }
#mainNav							{ background-color:#f7f6f6;	padding: 15px 0; border-bottom: dotted 1px #d2dae0; }
#contenu							{ font-family: Verdana, sans-serif;	}
#logo								{ position:absolute; top:19px; left:42px; width:211px; height:47px; background: #fff url(../images/ntb.jpg) no-repeat left top;}

#header								{ position:relative; width:965px; height:114px; background: #fff url(headerback.jpg) no-repeat top left; font-size:10px; }
#topmenuwrapper						{ position:relative; margin: 10px 0 0 0; border: solid 1px #ebebeb; }

ul.menutop							{ margin-top:10px; list-style-type:none; padding: 5px 0 5px 8px; float:right; height:24px; background: #fff URL(topmenubackleft.gif) no-repeat top left; }
ul.menutop li						{ float:left; padding: 2px 8px 0 8px; height:24px; }
ul.menutop li a						{ text-decoration:none; color:#0a458a; text-transform:uppercase; font-weight:bold; }
ul.menutop li a:hover				{ color:#f33; }

div#lang							{ margin:10px 10px 0 0; display:block; float:right; padding: 7px 8px 5px 8px; background: #fff URL(topmenubackright.gif) no-repeat top right; height:24px; }
div#lang a							{ text-decoration:none; color:#0a458a; font-weight:bold; }
div#lang a:hover					{ color:#f33; }

div#searchbox						{ display:block; float:right; margin:10px 5px 0 0; background: #fff URL(topmenubacksearch.gif) no-repeat top left; height:24px; width:204px; padding: 6px 0 0 4px; }
div#searchbox form					{ display:inline; }
.searchseab							{ display:inline; }
.inputboxseab						{ color:#0a458a; text-transform:uppercase; font-weight:bold; font-size:10px; padding:0px; font-weight:normal; }

/* -------------------------------------- MAIN MENU  -------------------------------------- */

ul.menumain							{ clear:both; list-style-type:none; height:30px; margin: 0; background: url(backmenu.gif) repeat-x;	}
ul.menumain li						{ position:relative; float:left; border-right: solid 1px #d2dae0; text-transform:uppercase; font-size:10px; font-weight:bold; z-index:600; }
ul.menumain li a					{ display:block; line-height: 30px;	padding: 0 10px; text-decoration:none; color:#fff; }
ul.menumain li.active				{ background: url(backmenu_over.gif) repeat-x; }
ul.menumain li:hover,
ul.menumain li.over					{ background: url(backmenu_over.gif) repeat-x; }
ul.menumain li:hover ul,
ul.menumain li.over ul				{ display: block;} 
ul.menumain ul						{ position:absolute; display: none; list-style-type:none; top:30px;	left:0px; }
ul.menumain ul li.active			{ background-image:none; background-color:#e1e6f1; }
ul.menumain ul li					{ display:block; width:170px; float:none; background-color:#e1e6f1;	border-bottom: solid 2px #fff; padding: 0; }
ul.menumain ul li:hover,
ul.menumain ul li.over				{ background-color: #b4ceee; background-image: none;} 
ul.menumain ul li a					{ padding: 0 10px; display:block; width:150px; color: #0a458a; line-height: 20px; }

#footer								{ position:absolute; bottom:0; border-top: dotted 1px #d2dae0; width:964px; height:87px; background: #fff url(footerback.gif) no-repeat top left ; text-align:center; color:#afbcd6; font-size:11px; }
#footer p							{ padding:25px 0 0 0; }
#footer span.signature				{ display:block; font-size:10px; margin:8px 0 0 0; }
#nkologo							{ position:absolute; top: 18px; right: 23px; width:63px; height:46px; background: Transparent url(../images/nko.png) no-repeat top left;}
#nkalogo							{ height:50px; background: Transparent url(../images/nka_small.gif) no-repeat top right;}

/* -------------------------------------- CORPORATE BOX  -------------------------------------- */

#corporate							{ position:absolute; bottom:90px; height: 60px; width:644px; line-height: 1.5em; border-top: dotted 1px #d2dae0; padding: 10px 0 0 20px; font-size:10px; }
#corporate ul						{ font-size:10px; list-style-type:none; margin: 5px 0 0 0; }	
#corporate ul li					{ display: inline; background: #fff url(bullet.gif) no-repeat top left;	padding: 0 20px 0 10px; }
#corporate ul li a					{ text-decoration:none; color:#0a458a; }
#corporate ul li a:hover			{ color:#f33; }

#leftColHome						{ position: absolute;	width: 450px; height: 405px; background: #fff url(home.jpg) no-repeat top left;	font-family: Verdana, sans-serif; font-weight:normal; padding: 10px 0 0 200px; }
#leftColHome_OLD					{ position: absolute; top:50%; margin-top: -210px;	width: 450px; height: 405px; background: #fff url(home.jpg) no-repeat top left;	font-family: Verdana, sans-serif; font-weight:normal; padding: 10px 0 0 200px; }
#leftColHome h1						{ font-size:40px; padding:0; margin:0; }
#leftColHome h2						{ padding:0 0 0 3px; margin:0; color:#f33; font-size:25px; }

/* -------------------------------------- BUTTUN LIST HOME PAGE --------------------------------------*/


#btnlist							{ position:absolute; top: 600px; padding:0; margin:0; border:0; border-collapse:collapse; height: 97px; width:658px; }
#btnlist_OLD							{ position:absolute; bottom: 100px; padding:0; margin:0; border:0; border-collapse:collapse; height: 97px; width:658px; }

#btnlist td							{ padding:0; margin:0; height: 97px; text-align: right; }
#btnlist td a						{ display:block; padding: 25px 10px 0 0; font-size:12px; font-weight:normal; text-decoration:none; color:#0a458a; height: 72px;	line-height:1.3em; }
#nkoBtn a							{ width: 156px; background: #fff url(nkoBtn.jpg) no-repeat bottom right; }
#foodBtn a							{ width: 154px;	background: #fff url(foodBtn.jpg) no-repeat bottom right; }
#neuroBtn a							{ width: 155px;	background: #fff url(neuroBtn.jpg) no-repeat bottom right; }
#cardioBtn a						{ width: 153px;	background: #fff url(cardioBtn.jpg) no-repeat bottom right; }
#nkoBtn a:hover						{ background: #fff url(nkoBtn_over.jpg) no-repeat bottom right; }
#foodBtn a:hover					{ background: #fff url(foodBtn_over.jpg) no-repeat bottom right; }
#neuroBtn a:hover					{ background: #fff url(neuroBtn_over.jpg) no-repeat bottom right; }
#cardioBtn a:hover					{ background: #fff url(cardioBtn_over.jpg) no-repeat bottom right; }

/* -------------------------------------- PRESS RELEASE BOX --------------------------------------*/

div.press table						{ margin:0 20px 0 25px; border: none; border-collapse:collapse;	}
div.press td.contentheading			{ padding:5px 0; font-weight:bold; line-height:1.4em; font-size:11px; }
div.press td.contentheading a		{ color:#3267a5; text-decoration:none; }
div.press td.contentheading a:hover { color: #f33; }
div.press table.contentpaneopen td	{ font-size:11px; line-height:1.6em; }
div.press p							{}

/* -------------------------------------- WE COMMUNICATE BOX --------------------------------------*/
div.comm							{}
div.comm h3							{ display:block; margin: 97px 0 5px 0;	font-family: Arial, sans-serif;	border: none; background: #fff url(h3bullet.gif) no-repeat top left; color: #f33; text-transform:none; font-size: 23px;	padding: 5px 0 0 24px; }
div.comm table						{ margin:0 20px 0 25px;	border: none; border-collapse:collapse;	}
div.comm td.contentheading			{ padding:5px 0; font-weight:bold; line-height:1.4em; font-size:11px; }
div.comm table.contentpaneopen td	{ font-size:11px; line-height:1.6em; }

/* -------------------------------------- STOCK MARKET --------------------------------------*/
#market								{ width: 278px; border-collapse:collapse; margin: 0 0 11px 0; }
#market td  						{ background-color: #e1e6f1; border-bottom: solid 2px #fff; padding: 4px 2px; font-size: 10px; }
#market td a						{ text-decoration: none; color:#3267a5 }
#market td a:hover					{ color: #f33; } 

.preload							{ position:absolute; left:-10000px;	visibility:hidden; }
h1									{ font-size:22px; margin: 0 0 15px 0; font-weight:normal; }
h1 a								{ text-decoration:none; }
h2									{ font-size:16px; margin: 15px 0 10px 0; font-weight:normal; color:#f33;}
h4									{ display:block; font-size:18px; padding: 15px 0 12px 0; font-weight:normal; }

#leftCol							{ float:left; width:630px; padding: 20px 0 0 20px; line-height: 1.5em; }
#leftCol ul							{ list-style-position:outside; list-style-image: url(bigbullet.gif); margin-left:16px; }
#leftCol ul li						{ padding: 0 0 10px 0; }
#leftCol ul ul,
#leftCol ul.compact					{ list-style-position:outside; list-style-image: url(bullet.gif); margin:0 0 12px 16px; padding:0; }
#leftCol ul ul li,
#leftCol ul.compact li				{ padding: 0; }
#leftCol ul.padded 					{ margin-left:30px; }
#leftCol ul.legend					{ list-style-type:none;	list-style-image:none; margin:15px 0 10px 0; padding:15px 0 0 0; border-top: solid 1px #ccc; font-size: 10px; }
#leftCol ul.legend li				{ padding:0; line-height: 1.3em; }
#leftCol p							{ padding: 0 0 12px 0; }
#leftCol a							{ color:#0a458a; }
#leftCol a:hover					{ color:#f33; }
#leftCol table.tableau				{ border-collapse: collapse; }
#leftCol table.tableau th			{ background: #f8f8f8;	text-align:center;	border:solid 1px #e8e8e8; padding:5px; }
#leftCol table.tableau td			{ text-align:center; border:solid 1px #e8e8e8; vertical-align:top; padding:5px; }
#leftCol ol 						{ list-style-position:outside; list-style-type:decimal;	margin:0 0 10px 35px; }
#leftCol ol li						{ padding: 0 0 5px 0; }
#leftCol ol ol						{ list-style-type:lower-alpha; }

#rightCol							{ float:right; width: 278px; padding: 18px 11px 87px 11px;}
div.rightColBox						{ position:relative; border: solid 1px #ebebeb;	margin: 0 0 13px 0;	background: #fff url(taglineback.gif) repeat-y top left;	z-index:10; }
div.rightColBox img.header			{ position:absolute; top:0; left:0; }
div.rightColBox img.footer			{ position:absolute; bottom:0; left:0; }

div.section table					{ display : block; border-collapse:collapse; margin: 12px 0 5px 25px; text-transform:uppercase;	font-size:10px;	font-weight:bold; width: 240px; }
div.section table td				{ background: #fff url(bullet.gif) no-repeat top left; padding: 0 10px 8px 10px; vertical-align:top; width:50%; }
div.section table td a				{ color: #3267a5; text-decoration: none; }
div.section table td a:hover		{ color:#f33; } 

div.researchTagLine					{ height: 314px; padding: 22px 0 0 25px; }
div.productsTagLine 				{ height: 360px; padding: 22px 0 0 25px; }
div.dietaryTagLine					{ height: 374px; padding: 22px 0 0 25px; }
div.foodTagLine						{ height: 294px; padding: 22px 0 0 25px; }
div.acastiTagLine					{ height: 374px; padding: 22px 0 0 25px; }
div.neuroTagLine					{ height: 385px; padding: 22px 10px 0 25px; }

#rightCol h2						{ font-size:21px; font-weight:100; line-height:1.3em; }
#rightCol h3						{ font-family: Arial, sans-serif; height: 27px;	border-bottom: dotted 1px #cfd7df; background: #fff url(h3back_bullet.gif) no-repeat top left; color: #f33;	text-transform:uppercase; font-size: 16px; padding: 10px 0 0 25px; }
#rightCol h3 a						{ text-decoration:none; color:#f33; }
#rightCol h3 a:hover				{ text-decoration:none; color:#d11; }

.red								{ color: #f33; }
.green								{ color:#14a652; }
.exp								{ position: relative; top: -3px; font-size: 70%; margin:0; padding:0; }
.expTitle							{ position: relative; top: -10px; font-size: 50%; margin:0; padding:0; }
.center								{ text-align: center !important; }

/* -------------------------------------- BOARDS OF DIRECTORS --------------------------------------*/

div.board							{ margin: 15px 6px 10px 6px; padding: 12px; border: outset 2px #e1e6f1;	text-align:justify; }
div.board h2						{ font-size:16px; margin: 10px 0; text-align: center; color:#f33; }
div.board h3						{ text-align: center; margin: 10px 0; font-size:14px; font-weight:bold;	}
div.board h4						{ margin:0 0 5px 0; padding:0; font-size:12px; color:#f33; }

/* -------------------------------------- FINALCIAL REPORTS --------------------------------------*/

#annualReports						{ margin: 20px 0 40px 0; border: none; border-collapse: collapse; }
#annualReports td					{ padding: 5px 30px 5px 0; color: #f33; font-size:12px; font-weight: bold; }
#annualReports td.padded			{ padding: 0 0 0 10px; }

#quarterReports						{ font-family: Verdana, sans-serif;	margin: 20px 0 20px 0; }
#quarterReports .disabletxt 		{ color:#bbb !important; }
#quarterReports td					{ padding: 0 30px 10px 0; }
#quarterReports td h2				{ margin:0; padding:0; font-size:12px; font-weight:bold; }
#quarterReports td h3				{ display: inline; color: #f33; font-size: 16px; font-weight:normal; }
#quarterReports td h3 a				{ text-decoration:none; color:#f33; }
#quarterReports td h3 a:hover		{ color:#d11; }
span.pdf							{ color: #f33; font-size:10px;	text-transform:uppercase; }


/* -------------------------------------- CONTACT --------------------------------------*/

div.contact h3						{ background: #fff url(h3back_bullet2.gif) repeat-y top left !important; height:46px !important; margin: 0 0 10px 0;}
div.contact p						{ padding: 0 0 10px 25px; text-transform:uppercase; font-size:10px; font-weight:bold; }
div.contact ul						{ text-transform:uppercase; font-size:10px; font-weight:bold; padding: 0 0 10px 25px; list-style-type:none; }
div.contact ul li					{ background: #fff url(bullet2.gif) no-repeat top left; padding: 0 10px 8px 10px; }
div.contact ul li a					{ text-decoration:none; color:#0a458a; }
div.contact ul li a:hover			{ color:#f33; }
#contactform						{}
#contactform td						{ padding:  5px 10px 5px 0; }
.btnField,
.textfield							{ border: inset 1px #ddd; width: 325px;	}
#contactform textarea				{ border: inset 1px #ddd; width: 475px;	}
.radiofield, .boxfield				{ border:none !important; }
.btnField							{ background-color: #cfdcf6; color: #3267a5 ; width: 75px; }
table.contentpaneopensearch			{ margin: 10px 0; }
table.contentpaneopensearch td div	{ padding: 0 0 5px 0; }

table.contentpaneopensearch fieldset		{ padding: 0 0 10px 0; }
table.contentpaneopensearch .smallsearch	{}
table.contentpaneopensearch .pagenav		{ padding-top:10px; text-transform:uppercase; font-size:10px; padding: 0 5px; text-decoration:none; }
table.contentpaneopensearch .highlight		{ color:#f33; }
#searchresult div select					{ display:none; }
#searchresult div label						{ display:none; }
#searchresult div div						{ text-transform:uppercase;	font-size:10px; }
table.contentpaneopensearch					{ /*border: solid 1px #eaeaea; padding: 5px;*/ }
table.contentpaneopensearch label			{ text-transform:uppercase;	font-size:12px; }
table.contentpaneopensearch td				{ /*padding: 2px;*/ }
table.searchintrosearch, 
table.searchintrosearch td					{ padding:0; margin:0; color:#f33; }
table.searchintrosearch						{ display:none; }
#searchresult button						{ border: inset 1px #ddd; background-color: #cfdcf6; color: #3267a5 ; width: 75px; margin: 0 10px; }
#search_searchword							{ border: inset 1px #ddd; width: 150px; }