/* 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: #000000; font-family: Arial; font-size: 12px; }

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: #b22222; font-family: Arial; font-size: 18px; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none }
span.fontsSubtitle				{ color: #808080; font-family: Arial; font-size: 16px;  font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; ; text-transform: none }
div.fontsTitle					{ padding: 0px 0px 10px 0px; color: #b22222; font-family: Arial; font-size: 18px; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none }
div.fontsSubtitle				{ padding: 0px 0px 10px 0px; color: #808080; font-family: Arial; font-size: 16px;  font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; ; text-transform: none }
td.fontsContent,span.fontsContent,div.fontsContent { color: #000000; font-family: Arial; font-size: 12px; text-decoration: none; text-transform: none }

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

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

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

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

/*
 * *********************************************************************
 * Copyright 2005 - 2008
 * 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; 
	 background-color: #FFFFFF; 
}

/* Link styles
========================================================================= */
a.normal
{ 
	text-decoration: none;
}

/* Menu styles
========================================================================= */
td.menuItem						
{ 
	padding: 2px 10px 2px 10px; 
	text-align: center; 
}

span.menuItem	
{ 
	white-space: nowrap; 
	color: #FFFFFF; 
	font: 13px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	text-transform: none; 
}

span.menuItemActive			
{ 
	white-space: nowrap; 
	color: #EF171F; 
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	text-transform: none; 
}
span.menuItemOver				
{
	white-space: nowrap; 
	color: #EF171F; 
	font: 13px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	text-transform: none; 
}

span.submenuItem
{
	font: 13px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #000000;
}

span.submenuItemOver
{
	font: 13px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #EF171F;
}

span.submenuItemActive
{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #EF171F;
}

/* Footer styles
========================================================================= */
td.footer
{
	padding: 2px 5px 2px 5px; 
	text-align: left; 
	background-image: url("../design/images/footer/bas.jpg"); 
	background-repeat: repeat-x; 
}
span.annotation				
{ 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	text-transform: none;
}

/* Class selector
========================================================================= */

table.logo_keo
{
	width: 1024px;
	height: 50px;
}

table.menu
{
	width: 1024px;
	height: 59px;
	background-image: url("../design/images/menu.jpg");
	background-repeat: no-repeat;
}

div.borders
{
	border-style: solid; 
	border-color: #000000; 
	border-width: 2px; 
	width: 1024px;
}

table.tab_content
{
	width: 1024px;
}

table.logo
{
	width: 1024px;
}

td.moto_top
{
	background-image: url("../design/images/moto_top.jpg");
	width: 221px;
}

td.moto
{
	background-image: url("../design/images/moto.jpg");
	background-repeat: no-repeat;
	background-color: #D7D7D7;
	height: 128px;
	vertical-align: top;
	padding-top: 128px;
	text-align: center;
}

td.languages
{
	text-align: right;
	height: 13px;
	padding-right: 7px;
}

td.cap
{
	text-align: center;
	padding-top: 8px; 
	padding-bottom: 11px;
}

/* Layers
========================================================================= */

#banner
{
	width: 1024px;
	height: 197px;
	background-image: url("../design/images/banner.jpg");
	background-repeat: no-repeat;
}

#banner_down
{
	background-image: url("../design/images/bas.jpg");
	background-repeat: no-repeat;
	width: 1024px;
	height: 144px;
}

#div_menu
{
	overflow: auto; 
	left: 0px; 
	position: relative; 
	top: 0px;
}

#div_content
{
	overflow: auto;
	width: 803px;
}

#div_sousmenu
{
	overflow: auto;
	width: 221px;
}