/* 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: #ff4500; 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 .border 					{ padding: 5px 10px 5px 10px }


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

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

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


span.annotation					{ color: #ff4500; font: Arial; text-decoration: none; text-transform: none; }
span.annotationLine				{ color: #ff4500; font: Arial; text-decoration: underline; text-transform: none; }
span.annotationBold				{ color: #ff4500; font: bold Arial; text-decoration: none; text-transform: none; }
span.annotationItalic			{ color: #ff4500; font: italic Arial; text-decoration: none; text-transform: none; }
span.annotationLink				{ color: #0000ff; font: Arial; text-decoration: underline; text-transform: none; }
span.annotationBlue				{ color: #3f7eec; font: Arial; text-decoration: none; text-transform: none; }

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

span.subtitle						{ color: #9f9f9f; font: 16px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }
span.title							{ color: #9f9f9f; font: bold 18px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }

div.bannerSubtitle					{ color: #00ffff; font: 16px Verdana, sans-serif; text-decoration: none; text-transform: none; }
div.bannerTitle						{ color: #00ffff; font: bold 24px Verdana, sans-serif; text-decoration: none; text-transform: none; }

td.bannerTitle 						{ vertical-align:bottom; }

a.normal							{ text-decoration: none; }

/* Menu styles
========================================================================= */

td.menuMain							{ background-image: url(../resources/colorbar.gif); background-repeat: repeat-x; background-color: #696969; }
table.menuMain						{ width: 800px; height: 30px; }

span.menuItem						{ white-space:nowrap; color: #00ffff; font: 12px Verdana, sans-serif; text-decoration: none; text-transform: none; }
span.menuItemOver					{ white-space:nowrap; color: #00ffff; font: bold 12px Verdana, sans-serif; text-decoration: none; text-transform: none; }

/* submenu styles
========================================================================= */

td.submenuMainLeft				{ width: 176px; padding: 10px 0px 0px 0px; vertical-align: top; }
td.submenuMainRight				{ width: 176px; padding: 10px 0px 0px 0px; vertical-align: top; }
table.submenuHeader				{ width: 176px; height: 30px; background-image: url(../resources/colorbar.gif); background-repeat: repeat-x; background-color: #696969; }
table.submenuMain					{ width: 176px; background-image: url(../resources/Copie_de_PHQreduiteverticale.jpg); background-repeat: repeat-x; background-color: #696969; }

td.submenuItems					{ padding: 15px; vertical-align: top; }

td.submenuCornerLeftTop			{ width: 14px; height: 30px; vertical-align: top; }
td.submenuCornerCenterTop		{ width: 150px; height:30px; text-align: center; }
td.submenuCornerRightTop		{ width: 14px; height: 30px; vertical-align: top; }
td.submenuCornerLeftBottom		{ width: 14px; height: 14px; }
td.submenuCornerCenterBottom	{ width: 150px; height: 14px; }
td.submenuCornerRightBottom	{ width: 14px; height: 14px; }

span.submenuItem					{ color: #000080; font: 12px Verdana, sans-serif; text-decoration: none; text-transform: none; }
span.submenuItemOver				{ color: #000080; font: bold 12px Verdana, sans-serif; text-decoration: none; text-transform: none; }

/* Top styles
========================================================================= */

table.topMain						{ width: 800px; }

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

table.contentMain					{ width: 800px; height: 400px; }
td.contentMain						{ padding: 0px 0px 0px 0px; vertical-align: top; }

/* Bottom styles
========================================================================= */

table.bottomMain					{ width: 800px; height: 30px; }

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

table.bannerMain					{ height: 175px; background-image: url(../design/bundles/banners/highway.jpg); background-color: #ffffff; }

td.bannerCornerTop				{ width: 772px; height: 14px; }
td.bannerCornerRight			{ width: 14px; height: 147px; }
td.bannerCornerBottom			{ width: 772px; height: 14px; }
td.bannerCornerLeft				{ width: 14px; height: 147px; }