/* Style sheet for Avantage Interaction client */
/* By Natmark-Concept inc. 2008 All rights reserved. */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center; /* Hack for IE5/Win */
	font-size: 76%;
	color: #313131;
	background-color: #D7D7D7;
	margin: 0px;
	padding: 0px;
	}

html { overflow-y: scroll; } /* Hack to make the right-side scrollbar appear on all pages and avoid bumpy navigation */
img { border: 0px; }
.boyimg { padding-left: 12px; margin-bottom: 10px; }

/* Topbanner background colors */
.topbanner { width: 100%; height:153px; background-color: #A9B5BE; color: #313131; }
.topbanner2 { width: 100%; height:13px; background-color: #8292A2; color: #313131; }
.topbanner3 { width: 100%; height:1px; background-color: #D7D7D7; color: #313131; }
.topbanner4 { width: 100%; height:4px; background-color: #997F78; color: #313131; }

/* Top horizontal menu */
#topmenu { text-align: right; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: .85em; background-color: #ffffff; color: #6A2F1D; padding: 2px 20px 2px 0px; border-left: 1px solid #335e7e; background-image: url(../images/bkg-rightshade.gif); background-repeat: repeat-y; background-position: right; }
#topmenu ul, #topmenu li { margin: 0px; padding: 0px; list-style-type: none; display: inline; }
#topmenu a.topmenuoff:link, #topmenu a.topmenuoff:visited { background-color: #ffffff; color: #666666; text-decoration: none; padding: 2px; }
#topmenu a.topmenuoff:hover, a#topmenu .topmenuoff:active { background-color: #ffffff; color: #6a2f1d; text-decoration: none; padding: 2px; }
/* Top menu : selected state */
#topmenu a.topmenuon:link, #topmenu a.topmenuon:visited, #topmenu a.topmenuon:hover, #topmenu a.topmenuon:active { background-color: #ffffff; color: #6a2f1d; text-decoration: none; padding: 2px; }

#outerframe { width: 788px; margin: 0 auto; 
	border-left: 1px solid #335e7e;
	background-image: url(../images/bkg-rightshade.gif); background-repeat: repeat-y; background-position: right; 
	text-align:left; /* Counteract to IE5/Win Hack */
	background-color: #ffffff;
    color: #313131;
	}

/* Left menu section */
#left 			{ background-color: #ffffff; color: #335E7E; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1em;  }
#left .content	{ padding: 0px 0px 10px 0px; margin: 0px 5px 0px 12px; background-color: #F4F6F8; color: #335E7E; }
#left ul		{ padding: 0px; margin: 0px; }
#left li		{ list-style-type: none; padding: 0px; margin: 0px; }
/* Left vertical menu */
/*Top link (to set the top margin right) */
#left a.toplink:link, #left a.toplink:visited { display: block; background-color: transparent; color: #335E7E; text-decoration: none; font-size: 1em; padding: 0px 0px 0px 20px; margin: 0px 0px 0px -6px; font-weight: bold; }
#left a.toplink:hover, #left a.toplink:active { display: block; background-image: url(../images/link-on.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #6A2F1D; text-decoration: none; font-size: 1em; padding: 0px 0px 0px 20px; margin: 0px 0px 0px -6px; font-weight: bold; }
#left a.toplinkopen:link, #left a.toplinkopen:visited, #left a.toplinkopen:hover, #left a.toplinkopen:active { display: block; background-image: url(../images/link-on.gif); background-repeat: no-repeat; background-position: top left; background-color: #F4F6F8; color: #6A2F1D; text-decoration: none; font-size: 1em; padding: 0px 0px 6px 20px; margin: 0px 0px 0px -6px; font-weight: bold; }
/* Regular links */
#left a.menu:link, #left a.menu:visited { display: block; background-color: transparent; color: #335E7E; text-decoration: none; font-size: 1em; padding: 12px 0px 0px 20px; margin: 0px 0px 0px -6px; font-weight: bold; }
#left a.menu:hover, #left a.menu:active { display: block; background-image: url(../images/link-on.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #6A2F1D; text-decoration: none; font-size: 1em; padding: 12px 0px 0px 20px; margin: 0px 0px 0px -6px; font-weight: bold; }
#left a.menuon:link, #left a.menuon:visited, #left a.menuon:hover, #left a.menuon:active { display: block; background-image: url(../images/link-on.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #6A2F1D; text-decoration: none; font-size: 1em; padding: 12px 0px 0px 20px; margin: 0px 0px 0px -6px; font-weight: bold; }
#left a.menuopen:link, #left a.menuopen:visited, #left a.menuopen:hover, #left a.menuopen:active { display: block; background-image: url(../images/link-on.gif); background-repeat: no-repeat; background-position: top left; background-color: transparent; color: #6A2F1D; text-decoration: none; font-size: 1em; padding: 12px 0px 6px 20px; margin: 0px 0px 0px -6px; font-weight: bold; }
/* Sublinks */
#left a.submenu:link, #left a.submenu:visited { display: block; background-color: transparent; color: #335E7E; text-decoration: none; padding: 4px 0px 0px 8px; margin-left: 14px; font-size: .9em; }
#left a.submenu:hover, #left a.submenu:active { display: block; background-color: transparent; color: #6A2F1D; text-decoration: none; padding: 4px 0px 0px 8px; margin-left: 14px; font-size: .9em; }
#left a.submenuon:link, a.submenuon:visited, a.submenuon:hover, a.submenuon:active { display: block; background-color: transparent; color: #6A2F1D; text-decoration: none; font-size: .9em; padding: 4px 0px 0px 8px; margin-left: 14px; }

/* Right section */
#right 				{ width: 574px; border: 1px solid #D7D7D7; min-height: 476px; margin-bottom: 10px; }
#right .pagetitle	{ background-image: url(../images/rectangletitre.gif); background-position: left; background-repeat: repeat-y; background-color: #F4F6F8; color: #335E7E; font-size: 1em; font-weight: bold; padding: 6px 0px 6px 20px; margin-bottom: 0px; }
#right .content 	{ padding: 0px 30px 10px 20px; font-size: .90em; line-height: 1.50em; text-align: justify; }
#right li.entrylist 	{ line-height: 14px; margin-top: 0px; }
#right p 			{ margin-top: 0px; }
#right h1 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #335E7E; background-color: #ffffff; font-weight: bold; }
#right h2 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #335E7E; background-color: #ffffff; font-weight: bold; margin-bottom: 0px; }
#right h3 			{ font-size: 1em; color: #6A2F1D; background-color: #ffffff; font-weight: bold; margin-bottom: 0px; }
#right .subtitle 	{ font-size: .85em; color: #557A9F; background-color: #ffffff; font-weight: bold; }
#right a:link, #right a:visited	{ color: #335E7E; background-color: #ffffff; text-decoration: underline;} 
#right a:hover, #right a:active { color: #6A2F1D; background-color: #ffffff; text-decoration: overline; }
#right .title 		{ font-size: 1em; color: #6A2F1D; background-color: #ffffff; font-weight: bold; margin-bottom: 0px; }
#right .descriptive { margin-left: 20px; font-weight: normal; margin-top: 0px; }
#right ol, ul, li 	{ line-height: 16px; line-height: 1.80em; margin-top: 0px; }
#right blockquote 	{ font-style: italic; }
#right hr 			{ color: #486787; background-color: #486787; width: 100%; height: 1px; }
#right table 		{ border: 1px solid #486787; border-collapse: collapse; padding: 10px; }
#right .small 		{ font-size: 0.6em; }
#right a.small:link 	{ color: #313131; background-color: #ffffff; text-decoration: none; }
#right a.small:visited { color: #313131; background-color: #ffffff; text-decoration: none; }
#right a.small:hover 	{ color: #ED5E27; background-color: #ffffff; text-decoration: underline; }
#right a.small:active 	{ color: #ED5E27; background-color: #ffffff; text-decoration: underline; }
#right table.small { border: 1px solid #486787; border-collapse: collapse; padding: 11px; }
#right td.calendar 	{ background-color: #D8DCD4; color: #313131; }

#copyright { color: #313131; text-align: center; font-size: 0.8em; background-color: #d7d7d7; margin-bottom: 8px; }
#copyright a:link, #copyright a:visited { color: #313131; background-color: #d7d7d7; text-decoration: none; }
#copyright a:hover, #copyright a:active { color: #313131; background-color: #d7d7d7; text-decoration: underline; }