/*
 * *********************************************************************
 * 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: #fffacd; }
table									{ text-align: left }

table.collapse							{ border-collapse: collapse }
table.main								{ width: 800px; height: 100%; border-collapse: collapse; }
table.fullWidth							{ width: 100%; border-collapse: collapse; }
table.fullHeight						{ height: 100%; }
table.left								{ float: left; border-collapse: collapse; height: 100%; }
td.left									{ text-align: left; }

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 }

a.normal									{ text-decoration: none }

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: 9px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }

input.size								{ width: 200px; }

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



span.annotation				{ color: #000000; font: Verdana; text-decoration: none; text-transform: none; }
span.annotationBold			{ color: #000000; font: bold Verdana; text-decoration: none; text-transform: none; }
span.annotationItalic		{ color: #000000; font: italic Verdana; text-decoration: none; text-transform: none; }
span.annotationLink			{ color: #0000ff; font: Verdana; text-decoration: underline; text-transform: none; }

span.text						{ color: #000000; font: 11px/14px Verdana; text-decoration: none; text-transform: none; }
span.textBold					{ color: #000000; font: bold 11px/14px Verdana; text-decoration: none; text-transform: none; }
span.textItalic					{ color: #000000; font: italic 11px/14px Verdana; text-decoration: none; text-transform: none; }
span.textLink					{ color: #0000ff; font: 11px/14px Verdana; text-decoration: underline; text-transform: none; }
span.texteWhite					{ color: #ffffff; font: 11px/14px Verdana; text-decoration: none; text-transform: none }

div.bannerSubtitle				{ color: #000000; font: bold 12px Arial Black; text-decoration: none; text-transform: none }
div.bannerTitle					{ color: #000000; font: 20px Arial Black; text-decoration: none; text-transform: none }

td.bannerTitle					{ }


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

table.main 								{ width: 800px; height: 100%; border-right: 1px solid #666666; }
td.leftMain								{ width: 200px; height: 100%; background-color: #52a920; border-right: 1px solid #666666; vertical-align: top }
td.RightMain							{ width: 600px; height: 100%; background-color: #ffffff; vertical-align: top }

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

/* header styles 
========================================================================= */

td.banner								{ height: 100px; padding: 0px 50px 0px 50px;  background-image: url(../resources/ACCUEIL/ban_veranda_extension.jpg) ; background-color: #fffacd; }
td.title								{ height: 80px; }
td.tabsSky								{ height: 20px; }
td.tabsEarth							{ height: 30px; padding: 0px 50px 0px 50px;   ; background-color: #fffacd; vertical-align: bottom; }


/* Tabs styles 
========================================================================= */

td.tab									{ padding: 0px 10px; width: 100px; height: 20px; background-color: #fffacd;   ; background-repeat: repeat-x; border-top: 1px solid #f4a460; border-right: 1px solid #f4a460; border-left: 1px solid #f4a460; }
td.tabOver								{ padding: 0px 10px; width: 100px; height: 20px; background-color: #fffacd;   ; background-repeat: repeat-x; border-top: 1px solid #f4a460; border-right: 1px solid #f4a460; border-left: 1px solid #f4a460; }
td.subtabOver							{ height: 25px; padding: 0px 50px 0px 50px; background-color: #f4a460;   ; background-repeat: repeat-x; }

span.tab								{ white-space:nowrap; color: #000000; font: 12px Verdana; text-decoration: none; text-transform: none }
span.tabOver							{ white-space:nowrap; color: #000000; font: bold 12px Verdana; text-decoration: none; text-transform: none }

span.subtab								{ white-space:nowrap; color: #000000; font: 12px Verdana; text-decoration: none; text-transform: none }
span.subtabOver							{ white-space:nowrap; color: #000000; font: bold 12px Verdana; text-decoration: none; text-transform: none }

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

td.contentLanguage					{ padding: 10px 10px 0px; background-color: #fffacd; }
td.content							{ padding: 0px; background-color: #fffacd; }
td.center							{ padding: 15px 50px 15px 50px; background-color: #fffacd; }



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

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

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

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

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