html, body {
	height:100%;
	margin: 0px;
	padding: 0px;
	
}

body, p, div, table, tr, td, ul, li {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

p, td.sub_content table td, td.sub_content li {
	line-height: 15px;
}

td.sub_content ul {
	margin: 7px 0px 0px 15px;
	padding: 0px;
}

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;; 
	margin: 0px;
	color: #003399;
	font-size: 16px;
	padding-top: 25px;
	font-weight: bold;
	padding-bottom: 10px;
}

h2 {
	padding: 0px;
	color: #5A656C;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

h2.pressrelease {
	margin: 10px 0px 10px 0px;
}

h3 {
	padding: 0px;
	color: #5A656C;;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

h4 {
	padding: 0px;
	color: #FFFFFF;;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}
h2 a:hover { color: #5A656C; }
h2.no-link a, h3.no-link a:hover { color: #A3B5BE; }

h3 a:hover { color: #A3B5BE; }
h3.no-link a, h3.no-link a:hover { color: #5A656C; }

/*--- Entete d'un tableau catalogue ---*/

tr.CatalogHead {font-weight : bold; color: #003399; font-size:small; text-align : center}

.marge {
margin-left: 4em;
} 

/*--- Contenu d'un tableau catalogue ---*/

tr.CatalogContent {color: #000000; font-size: 7px}

/* ------------------------- */
/* ---- HOME PAGE STYLES --- */
/* ------------------------- */
table.body {
	width: 712px;
	height: 100%;
}
td.left {
	background-image:  url(../imag/bg_left.gif);
	background-repeat: repeat-y;
}
td.right {
	background-image:  url(../imag/bg_right.gif);
	background-repeat: repeat-y;
}
table.home {
	background-color: #FFFFFF;
	height: 100%;
}
td.hm_background {
	background-image:  url(../imag/bg_home.gif);
	background-repeat: no-repeat;
}
td.hm_content {
	background-image:  url(../imag/hm_title.gif);
	background-repeat: no-repeat;
	height: 226px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 16px;
	padding: 55px 20px 0px 25px;
	font-weight: bold;
}
td.hm_content p, td.hm_content li {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 17px;
}

td.research, td.research p {
	font-size: 11px;
	color: #FF9933;
	font-weight: bold;
}
table.researchdev {
	font-size: 11px;
	margin-left: 15px;
	margin-top: 10px;
}
td.research_txt a:link, td.research_txt a:visited, td.troxatyl_txt a:link, td.troxatyl_txt a:visited {
	color: #3D7DBC;
	font-weight: bold;
}
td.research_txt {
	font-size: 11px;
	color: #8A8A8A;
	padding-right: 5px;
	padding-bottom: 10px;
}
td.research_txt p {
	color: #8A8A8A;
}
td.wht_spacer {
	background-color: #FFFFFF;
}

/* ------------------------ */
/* ---- SUB PAGE STYLES --- */
/* ------------------------ */
td.sub_content {
	width: 493px;
	padding: 0px 20px 15px 25px;
}
td.sub_content p {
	padding: 7px 0px 7px 0px;
	margin: 0px;
}
td.navigation {
	background-image:  url(../imag/bg_navigation.gif);
	background-repeat: no-repeat;
	background-color: #E6E6E6;
}
td.news_header, td.news_header p {
	color: #666666;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
}
table.news {
	margin-top: 25px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
td.news_txt {
	font-size: 10px;
	color: #8A8A8A;
	padding: 0px 10px 0px 10px;
}
td.news_txt p {
	font-size: 10px;
	color: #8A8A8A;
	margin: 8px 0px 5px 0px;
}
td.news_txt a:link, td.news_txt a:visited {
	color: #3D7DBC;
}
td.subnews_link {
	padding: 5px 10px 5px 10px;
}
td.subnews_link a:link, td.subnews_link a:visited {
	font-size: 11px;
	color: #FF9933;
	font-weight: bold;
}

/* ------------------------ */
/* --- Sub-Navigation List ---*/
/* ------------------------ */
#navcontainer {
	width: 290;
}
#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a {
	color: #666666;
	display: block;
	height: 15px;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:  url(../imag/bg_nav_off.gif);
	background-repeat: no-repeat;
}
#navcontainer a:link, #navlist a:visited {
	color: #666666;
	text-decoration: none;
}
#navcontainer a:hover {
	color: #666666;
	background-image:  url(../imag/bg_nav_on.gif);
	background-repeat: no-repeat;
}
#navlist {
	border-bottom:1px solid #FFFFFF;
}
#navlist li.on a:link, #navlist li.on a:visited {
	background-image:  url(../imag/bg_nav_on.gif);
	background-repeat: no-repeat;
}
#subnavlist li.subnav a:link, #subnavlist li.subnav a:visited {
	height: 15px;
	padding: 2px 0px 0px 18px;
	background-image:  url(../imag/bg_subnav_off.gif);
	background-repeat: no-repeat;
}
#subnavlist li.subnav a:hover {
	background-image:  url(../imag/bg_subnav_on.gif);
	background-repeat: no-repeat;
}
#subnavlist li.subnavon a:link, #subnavlist li.subnavon a:visited {
	height: 15px;
	padding: 2px 0px 0px 18px;
	background-image:  url(../imag/bg_subnav_on.gif);
	background-repeat: no-repeat;
}
#subnavlist li.subnavon a:hover {
	background-image:  url(../imag/bg_subnav_on.gif);
	background-repeat: no-repeat;
}

#subnavlist2 li.subnav a:link, #subnavlist2 li.subnav a:visited {
	height: 30px;
	padding: 2px 0px 0px 18px;
	background-image:  url(../imag/bg_subnav2_off.gif);
	background-repeat: no-repeat;
}
#subnavlist2 li.subnav a:hover {
	background-image:  url(../imag/bg_subnav2_on.gif);
	background-repeat: no-repeat;
}
#subnavlist2 li.subnavon a:link, #subnavlist2 li.subnavon a:visited {
	height: 30px;
	padding: 2px 0px 0px 18px;
	background-image:  url(../imag/bg_subnav2_on.gif);
	background-repeat: no-repeat;
}
#subnavlist2 li.subnavon a:hover {
	background-image:  url(../imag/bg_subnav2_on.gif);
	background-repeat: no-repeat;
}

td.formhead {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
	color: #FF9933;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px dotted #DFDFDF;
}
table.formtable {
	border: 1px solid #DFDFDF;
}
table.form {
	background-color: #FFFFFF;
}
table.form_info td {
	color: #727272;
	font-size: 12px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
input, textarea, select {
	border: 1px solid #CCCCCC;
}

/* ---------------------- */
/* ---- FOOTER STYLES --- */
/* ---------------------- */
table.footer {margin-top:10px;}
td.footer {font-size:10px;color:#666666;padding:10px;line-height:15px;}
td.footer p {font-size:10px;color:#666666;line-height:15px;}
td.footer a:link, td.footer a:visited {font-size:10px;color:#666666;padding-right:1px;padding-left:1px;}
td.footer a:hover {color:#3D7DBC;text-decoration:none;}


/* ---------------------- */
/* ---- LINK STYLES --- */
/* ---------------------- */
td.sub_content a:visited {
	color: #6786A4;
}

a:link {
	color: #5A656C;
	text-decoration: none;
}
a:visited {
	color: #5A656C;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/* ---------------------- */
/* Dropdown List*/
/* Information from: http://www.alistapart.com/articles/dropdowns/ */
/* ---------------------- */
td.bg_menu {
	height: 17px;
	background-color: #999999;
}
td.dropdown {
	background-color: #999999;
}
/*the padding and margin set to zero and the list-style set to none*/
td.dropdown ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
td.dropdown li a:link, td.dropdown li a:link, td.dropdown li a:visited, td.dropdown li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
td.dropdown li a:hover, td.dropdown li a:hover {
	text-decoration: none;
}
/* styles for top main menu */
td.dropdown li.topelement, td.dropdown li.topelementon {
	width: 4em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
td.dropdown li.topelement1, td.dropdown li.topelement1on {
	width: 6em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
td.dropdown li.topelement2, td.dropdown li.topelement2on {
	width: 5.5em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
td.dropdown li.topelement3, td.dropdown li.topelement3on {
	width: 6.3em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
td.dropdown li.topelement4, td.dropdown li.topelement4on {
	width: 6em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
td.dropdown li.topelement5, td.dropdown li.topelement5on {
	width: 6.5em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
td.dropdown li.topelement6, td.dropdown li.topelement6on {
	width: 6em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
td.dropdown li.topelement7, td.dropdown li.topelement7on {
	width: 6em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
td.dropdown li.topelement,
td.dropdown li.topelement1,
td.dropdown li.topelement2,
td.dropdown li.topelement3,
td.dropdown li.topelement4,
td.dropdown li.topelement5,
td.dropdown li.topelement6,
td.dropdown li.topelement7 {
	background-image: url(../imag/bg_mainnav_off.gif);
}
td.dropdown li.topelementon, td.dropdown li.topelement:hover, td.dropdown li.topelement.over,
td.dropdown li.topelement1on, td.dropdown li.topelement1:hover, td.dropdown li.topelement1.over,
td.dropdown li.topelement2on, td.dropdown li.topelement2:hover, td.dropdown li.topelement2.over,
td.dropdown li.topelement3on, td.dropdown li.topelement3:hover, td.dropdown li.topelement3.over,
td.dropdown li.topelement4on, td.dropdown li.topelement4:hover, td.dropdown li.topelement4.over,
td.dropdown li.topelement5on, td.dropdown li.topelement5:hover, td.dropdown li.topelement5.over,
td.dropdown li.topelement6on, td.dropdown li.topelement6:hover, td.dropdown li.topelement6.over,
td.dropdown li.topelement7on, td.dropdown li.topelement7:hover, td.dropdown li.topelement7.over {
	background-image: url(../imag/bg_mainnav_on.gif);
}
/*to transform the first-level list into a horizontal menu bar - 
	for this example, we are going to float them to the left.
	go to http://www.alistapart.com/articles/taminglists/ for other methods of placement
*/
td.dropdown li {
	color: #FFFFFF;
	float: left;
}
td.dropdown li ul li a {
	float: left;
	position: relative;
	width: 15.5em;
	color: #FFFFFF;
	margin-top: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	padding: 1px 0px 3px 12px;
	background-image:  url(../imag/bg_dropnav_off.gif);
}
td.dropdown li ul li a:hover {
	text-decoration: none;
	background-image:  url(../imag/bg_dropnav_on.gif);
}
/*The position has been set to relative because we want the position of the 
	second-level, nested lists to be relative to the first-level list items
*/
/*second-level lists that will be the dropdowns themselves*/
td.dropdown li ul {
	display: none;
	position: absolute;
	width: 16.5em;
	top: 20px;
	left: 0;
	margin-top: 2px;
	margin-left: -3px;
	background-color: #FFFFFF;
	/*
	background-color: #B2B2B2;
	*/
	border-bottom: 2px solid #0000CC;
}
/*IE only */
*html td.dropdown li ul {
	top: 0.7em;
	margin-top: 9px;
	margin-left: 0px;
}
/*reset the top and left properties on all but IE browsers*/
td.dropdown li > ul {
	top: 1.25em;
	left: 4px;
}
td.dropdown li ul a {
	width: 20em;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	float: left;
	padding: 5px 0px 5px 5px;
}
/*IE only*/
*html td.dropdown li ul a {
	width: 100%;
}
td.dropdown li ul a:hover {
	color: #FFFFFF;
	background-color: #C4D2D6;
	text-decoration: underline;
}
td.dropdown li ul li:hover{
	color: #FFFFFF;
}
/* make a second-level list appear when its parent list item is "rolled over" */
td.dropdown li:hover ul, td.dropdown li.over ul{
	display: block;
}
/* says that any list that is nested in a list item that has the cursor hovering over it should be displayed */
/* NOTE: Because the lists are floated left, the content underneath it needs to be set free of the floating by applying "clear: left" to it. */


/* ---------------- */
/*Dropdown List HOME*/
/* ---------------- */
/* There were some small differences between the home page and the sub-page navigation. I'm not sure why, I think it has something to do with all of the "if" statements in the sub-pages for dreamweaver, but I'm not sure. I had to create this extra dropdown list to control the home page styles of the navigation. */

/* Information from: http://www.alistapart.com/articles/dropdowns/ */
td.bg_menu {
	height: 17px;
	background-color: #999999;
}
td.dropdownhome {
	background-color: #999999;
}
/*the padding and margin set to zero and the list-style set to none*/
td.dropdownhome ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
td.dropdownhome li a:link, td.dropdownhome li a:link, td.dropdownhome li a:visited, td.dropdownhome li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
td.dropdownhome li a:hover, td.dropdownhome li a:hover {
	text-decoration: none;
}
/* styles for top main menu */
td.dropdownhome li.topelement, td.dropdownhome li.topelementon {
	width: 7.5em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
td.dropdownhome li.topelement1, td.dropdownhome li.topelement1on {
	width: 9.5em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
td.dropdownhome li.topelement2, td.dropdownhome li.topelement2on {
	width: 9.5em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
td.dropdownhome li.topelement3, td.dropdownhome li.topelement3on {
	width: 9em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
td.dropdownhome li.topelement4, td.dropdownhome li.topelement4on {
	width: 20.5em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
td.dropdownhome li.topelement5, td.dropdownhome li.topelement5on {
	width: 0.5em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
}
td.dropdownhome li.topelement6, td.dropdownhome li.topelement6on {
	width: 6.1em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
td.dropdownhome li.topelement7, td.dropdownhome li.topelement7on {
	width: 8em;
	padding: .2em;
	float: left;
	position: relative;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}
td.dropdownhome li.topelement,
td.dropdownhome li.topelement1,
td.dropdownhome li.topelement2,
td.dropdownhome li.topelement3,
td.dropdownhome li.topelement4,
td.dropdownhome li.topelement5,
td.dropdownhome li.topelement6,
td.dropdownhome li.topelement7 {
	background-image:  url(../imag/bg_mainnav_off.gif);
}
td.dropdownhome li.topelementon, td.dropdownhome li.topelement:hover, td.dropdownhome li.topelement.over,
td.dropdownhome li.topelement1on, td.dropdownhome li.topelement1:hover, td.dropdownhome li.topelement1.over,
td.dropdownhome li.topelement2on, td.dropdownhome li.topelement2:hover, td.dropdownhome li.topelement2.over,
td.dropdownhome li.topelement3on, td.dropdownhome li.topelement3:hover, td.dropdownhome li.topelement3.over,
td.dropdownhome li.topelement4on, td.dropdownhome li.topelement4:hover, td.dropdownhome li.topelement4.over,
td.dropdownhome li.topelement5on, td.dropdownhome li.topelement5:hover, td.dropdownhome li.topelement5.over,
td.dropdownhome li.topelement6on, td.dropdownhome li.topelement6:hover, td.dropdownhome li.topelement6.over,
td.dropdownhome li.topelement7on, td.dropdownhome li.topelement7:hover, td.dropdownhome li.topelement7.over {
	background-image: url(../imag/bg_mainnav_on.gif);
}
/*to transform the first-level list into a horizontal menu bar - 
	for this example, we are going to float them to the left.
	go to http://www.alistapart.com/articles/taminglists/ for other methods of placement */
td.dropdownhome li {
	color: #FFFFFF;
	float: left;
}
td.dropdownhome li ul li a {
	float: left;
	position: relative;
	width: 15.5em;
	color: #FFFFFF;
	margin-top: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	padding: 1px 0px 3px 12px;
	background-image:  url(../imag/bg_dropnav_off.gif);
}
td.dropdownhome li ul li a:hover {
	text-decoration: none;
	background-image:  url(../imag/bg_dropnav_on.gif);
}
/*
	The position has been set to relative because we want the position of the 
	second-level, nested lists to be relative to the first-level list items
*/
/*second-level lists that will be the dropdowns themselves*/
td.dropdownhome li ul {
	display: none;
	position: absolute;
	width: 16.5em;
	top: 20px;
	left: 0;
	margin-top: 2px;
	margin-left: -3px;
	background-color: #FFFFFF;
	border-bottom: 2px solid #FF9933;
}
/*IE only */
*html td.dropdownhome li ul { 
	top: .7em;
	margin-top:9px;
	margin-left:0px;
}
/*reset the top and left properties on all but IE browsers*/
td.dropdownhome li > ul {
	top: auto;
	left: auto;
}
td.dropdownhome li ul a {
	width:20em;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	float: left;
	padding: 5px 0px 5px 5px;
}
/*IE only*/
*html td.dropdownhome li ul a {
	width: 100%;
}
td.dropdownhome li ul a:hover {
	color: #FFFFFF;
	background-color: #C4D2D6;
	text-decoration: underline;
}
td.dropdownhome li ul li:hover{
	color: #FFFFFF;
}
/*make a second-level list appear when its parent list item is “rolled over” */	
td.dropdownhome li:hover > ul, td.dropdownhome li.over ul{ display: block; }
/*says that any list that is nested in a list item that has the cursor hovering over it should be displayed*/

/* NOTE: Because the lists are floated left, the content underneath it needs to be set free of the floating by applying "clear: left" to it.*/