/* 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: #ffffff; 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: #ff6347; font-family: Verdana; font-size: 14px; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none }
span.fontsSubtitle				{ color: #fffacd; 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: #ff6347; 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: #fffacd; 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: #ffffff; font-family: Verdana; font-size: 10px; text-decoration: none; text-transform: none }

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

span.breadcrumb					{ color: ; 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; background-color: #ffffff; }

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


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

span.text						{ color: #ffffff; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }
span.textLine					{ color: #ffffff; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; text-transform: none; }
span.textBold					{ color: #ffffff; font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: none; }
span.textItalic					{ color: #ffffff; 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: #ffffff; font: 16px Verdana, sans-serif; text-decoration: none; text-transform: none; }
div.bannerTitle					{ color: #ffffff; font: bold 24px Verdana, sans-serif; text-decoration: none; text-transform: none; }

td.bannerTitle 					{  }

a.normal						{ text-decoration: none; }

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

td.menu							{ width: 180px; height: auto;   ; background-repeat: repeat; background-color: #000000; vertical-align: top; }

td.firstLevel					{ width: 180px; height: 30px; padding: 6px 5px 0px 5px;  background-image: url(../resources/menu_filet.png) ; background-repeat: repeat-x;  background-color: #000000; vertical-align: top; }
*html td.firstLevel { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../resources/menu_filet.png", sizingMethod="scale"); }

td.secondLevel					{ width: 180px; height: 30px; padding: 6px 5px 0px 35px;   ; background-repeat: repeat-x;  background-color: #000000; vertical-align: top; }

span.menuItem					{ white-space:nowrap; color: #fffaf0; font: 14px Century Gothic, sans-serif; text-decoration: none; text-transform: none; }
span.menuItemOver				{ white-space:nowrap; color: #fffaf0; font: bold 14px Century Gothic, sans-serif; text-decoration: none; text-transform: none; }

span.submenuItem				{ white-space:nowrap; color: #fffaf0; font: 12px Century Gothic, sans-serif; text-decoration: none; text-transform: none; }
span.submenuItemOver			{ white-space:nowrap; color: #fffaf0; font: bold 12px Century Gothic, sans-serif; text-decoration: none; text-transform: none; }

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

td.content						{ padding: 0px; height:  300px ; background-color: #000000; vertical-align: top; }

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

table.bannerMain				{ height: 175px;  background-image: url(../resources/banniere_bouteilles_bieres_cultes_V3.jpg) ; background-repeat: repeat; background-color: #ffffff; }