/* Shared styles
========================================================================= */

table.main						{ width: 800px; border-collapse: collapse; }


table.fullWidth					{ width: 100%; border-collapse: collapse; }
div.fullWidth					{ width: 100%; border-collapse: collapse; }

table.fullwidthHeight			{ width: 100%; height: 100%; border-collapse: collapse; }
.fullwidthHeight				{ width: 100%; height: 100%;  }

table.normal					{ width: auto; height: auto; border-collapse: collapse; }

table.left						{ float: left; border-collapse: collapse; }
table.center					{ margin: auto; border-collapse: collapse; }
table.right						{ float: right; border-collapse: collapse; }

*html td.left					{ text-align: left; }
*html td.center					{ text-align: center; }
*html td.right					{ text-align: right; }

td.textRight					{ text-align: right; }
td.textLeft						{ text-align: left; }

span.language					{ font: 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }
span.languageBold				{ font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }

/* Content Styles
========================================================================= */

td.article						{ color: #191970; font-family: Verdana; font-size: 10px; }

td.contentLarge1col				{ width: 100%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }
td.contentLarge2col				{ width: 70%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }
td.contentLarge3col				{ width: 60%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }
td.contentSmall2col				{ width: 30%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }
td.contentMedium2col			{ width: 50%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }
td.contentSmall3col				{ width: 20%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }
td.contentMedium3col			{ width: 33%; height: 300px; padding: 5px 10px 5px 10px; vertical-align: top; }

.contentLarge1col				{ width: 100%; padding: 5px 10px 5px 10px; }

.cols							{ width: 100% }
.cols .col						{ float:left; overflow-x:hidden;}

.cols .large1					{ width: 100%; }
.cols .large2					{ width: 70%; }
.cols .medium2					{ width: 50%; }
.cols .small2					{ width: 30%; }
.cols .large3					{ width: 60%; }
.cols .medium3					{ width: 33%; }
.cols .small3					{ width: 20%; }

.col .content 					{ }


/* Articles Styles
========================================================================= */

span.fontsTitle					{ color: #000080; font-family: Verdana; font-size: 14px; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none }
span.fontsSubtitle				{ color: #191970; font-family: Verdana; font-size: 12px;  font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; ; text-transform: none }
div.fontsTitle					{ padding: 0px 0px 10px 0px; color: #000080; font-family: Verdana; font-size: 14px; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none }
div.fontsSubtitle				{ padding: 0px 0px 10px 0px; color: #191970; font-family: Verdana; font-size: 12px;  font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; ; text-transform: none }
td.fontsContent,span.fontsContent,div.fontsContent { color: #191970; font-family: Verdana; font-size: 10px; text-decoration: none; text-transform: none }

/* Breadcrumb styles
========================================================================= */

span.breadcrumb					{ color: #ff8c00; font-family: Verdana; font-size: 9px; text-decoration: none; text-transform: none  }

/* Footer styles
========================================================================= */

td.powered						{ padding: 0px 5px 0px 5px; }

/*
 * *********************************************************************
 * Copyright 2005 - 2007
 * Center for Engineering and Technology Transfer of the HEIG-VD (CeTT)
 *
 * KEO is developed by CeTT (Switzerland). The code and all underlying 
 * concepts and data models are owned fully and exclusively by CeTT and 
 * are protected by copyright law and international treaties.
 *
 * Warning: Unauthorized reproduction, use or distribution of this
 * program, concepts, documentation and data models, or any portion of
 * it, may result in severe civil and criminal penalties, and will be
 * prosecuted to the maximum extent possible under the law.
 * *********************************************************************
*/

/* Shared styles
========================================================================= */

html, body								{ cursor:default; height: 100%; margin: 0px; padding: 0px; border: 0px; background-color: #000080; border-collapse: collapse; }
table									{ text-align: left }

table.collapse							{ border-collapse: collapse; border 1px }
table.fullWidth							{ width: 100%; }
table.fullHeight						{ height: 100%; }
table.right								{ float: right; }

img.left								{ vertical-align: middle; margin-right: 20px; border: 0px }
img.right								{ vertical-align: middle; margin-left: 20px; border: 0px }
img.bullet								{ vertical-align: middle; margin-right: 4px; border: 0px }

*html td.tableLeft					{ text-align: left; }
*html td.tableCenter				{ text-align: center; }
*html td.tableRight					{ text-align: right; }

a.normal								{ color: #ff8c00; text-decoration: none }

td.textLeft								{ text-align: left; }
td.textCenter							{ text-align: center; }
td.textRight							{ text-align: right; }

td.normal								{ vertical-align: top }
td.column								{ padding-left: 5px; padding-right: 5px }
td.article								{ padding-bottom: 20px }
td.articleSmall							{ padding-bottom: 10px }
td.shortcut								{ padding-top: 10px; padding-bottom: 10px }
td.shortcutSmall						{ padding-bottom: 5px }

input.text								{ color: #121212; font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }

input.size								{ width: 200px; }

/* Text styles
========================================================================= */



span.annotation					{ color: #ff8c00; font-family: Verdana; font-size:9px; text-decoration: none; text-transform: none; }
span.annotationLine				{ color: #191970; font-family: Verdana; text-decoration: underline; text-transform: none; }
span.annotationBold				{ color: #191970; font: bold Verdana; text-decoration: none; text-transform: none; }
span.annotationItalic			{ color: #191970; font: italic Verdana; text-decoration: none; text-transform: none; }
span.annotationLink				{ color: #0000ff; font-family: Verdana; text-decoration: underline; text-transform: none; }

span.text							{ color: #191970; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }
span.textLine						{ color: #191970; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; text-transform: none; }
span.textBold						{ color: #191970; font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }
span.textItalic						{ color: #191970; font: italic 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }
span.textLink						{ color: #0000ff; font: Verdana; text-decoration: underline; text-transform: none; }

span.subtitle						{ color: ; font: 8px , sans-serif; text-decoration: none; text-transform: none; }
span.title							{ color: ; font: bold 18px , sans-serif; text-decoration: none; text-transform: none; }

div.bannerSubtitle					{ color: #ffa500; font: 20px Verdana, sans-serif; text-decoration: none; text-transform: none; }
div.bannerTitle					{ color: #ffa500; font: bold 28px Verdana, sans-serif; text-decoration: none; text-transform: none; }

/* body styles 
========================================================================= */

table.main 								{ width: 1024px; height: 100%; border: 1px solid #666666}
td.leftMain								{ width: 180px; height: 100%; background-color: #000080; border-right: 1px solid #666666; vertical-align: top }
td.RightMain							{ width: 844px; height: 100%; background-color: #000080; vertical-align: top }

td.footer								{ height: 20px; padding: 0px 20px 0px 20px; background-color: #000080; }

/* Banner styles
========================================================================= */

td.banner								{ width: 100%; height: 120px; padding: 10px 10px 10px 10px; border-bottom: 1px solid #666666;  background-image: url(../resources/Banniere/banner.jpg) ; background-color: #ffa500; background-repeat: repeat-x;}

td.logo									{ width: 200px; height: 100px; }
td.path									{ width: 100%; height: 19px;   ; background-color: #000080; padding: 0px 10px 0px 10px; border-bottom: 1px solid #666666; background-repeat: repeat-x; }
td.path	.masque							{ overflow: hidden; white-space: nowrap }
/* Menu styles
========================================================================= */

span.menuItem						{ color: ; font: 14 Verdana; text-decoration: none; text-transform: none; }
td.menuMain							{ height: 25px; background-color: #000080; }
td.menuItem							{ padding: 0px 7px 0px 7px; height: 25px; }

span.menu								{ color: #ffffff; font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none }
span.menuOver							{ color: #ffffff; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none }

/* Content styles
========================================================================= */

table.mainContent					{ width: 800px; height: auto; }
td.contentLanguage					{ padding: 5px 10px 5px 10px; background-color: #ffa500; }
td.content							{ height: 100%; padding: 0px; background-color: #ffa500; vertical-align: top; }

/* ThemePlusMenu Style Sheet */

.ThemePlusSubMenuTable
{
	font-family: Verdana;
	font-size: 14;
	color: #ffa500;
	background-color: #000080;

	padding: 0px;
	border: 0px;

	cursor: default;
}

.ThemePlusSubMenu
{
	position: absolute;
	visibility: hidden;

	border: 0;
	padding: 0px;
}

.ThemePlusSubMenuTable
{
	border: 1px solid #000080;
}

.ThemePlusMenu
{
	font-family: Verdana;
	font-size: 14;
	color: #ffa500;
	background-color: #000080;
		
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 3px 5px 3px 5px;
}

.ThemePlusSubMenuTable td
{
	white-space: nowrap;
	padding: 5px 5px 5px 5px;
}

.ThemePlusMainItem,.ThemePlusMainItemHover,.ThemePlusMainItemActive,
.ThemePlusMenuItem,.ThemePlusMenuItemHover,.ThemePlusMenuItemActive
{
	white-space: nowrap;
}

.ThemePlusMainItemHover
{
	color: #ffa500;
	background-color: #4169e1;
}

.ThemePlusMenuItemHover
{
	color: #ffa500;
	background-color: #4169e1;
}

td.ThemePlusMenuSplit
{
	overflow: hidden;
	background-color: inherit;
}

div.ThemePlusMenuSplit
{
	height: 1px;
	margin: 1px 0px 1px 0px;
	overflow: hidden;
	background-color: inherit;
	border-top: 1px solid white;
}

.ThemePlusMenuVSplit
{
	border: 0px;
	padding: 0px;
}

.ThemePlusMainFolderText,.ThemePlusMainItemText
{
	padding: 3px 10px 3px 5px;
	width: 165px;
	overflow: hidden;
	width: 165px; 
	overflow: hidden;
	white-space:normal;
}