﻿/* ==============================================================
*
* ThemesDetailsView control styles
*
/* --------------------------------------------------------------
themeDetailsContainer
-------------------------------------------------------------- */ 
.themeDetailsContainer {
  padding: 5px; 
  margin: 0px 5px 10px 5px;
  width: 500px;
}
.bienMangerArticle .themeDetailsContainer {
  border-top: solid 2px #F0BB50; 
  border-bottom: dotted 1px #F0BB50; 
}
.bienBougerArticle .themeDetailsContainer {
  border-top: solid 2px #F98080; 
  border-bottom: dotted 1px #F98080; 
}
.bienEtreArticle .themeDetailsContainer {
  border-top: solid 2px #F095F4; 
  border-bottom: dotted 1px #F095F4; 
}
.questionNutritionArticle .themeDetailsContainer {
  border-top: solid 2px #7FAEDB; 
  border-bottom: dotted 1px #7FAEDB; 
}
/* --------------------------------------------------------------
themeDetailsTitle
-------------------------------------------------------------- */ 
.themeDetailsTitle {
  text-align: left;
  font-size: 36px; 
  font-weight: bold; 
  font-family: Georgia;
  font-style: italic;
  padding: 10px 8px 10px 8px;
}
.bienMangerArticle .themeDetailsTitle {
  color: #CC6716;
}
.bienBougerArticle .themeDetailsTitle {
  color: #B53730;
}
.bienEtreArticle .themeDetailsTitle {
  color: #A434A7;
}
.questionNutritionArticle .themeDetailsTitle {
  color: #2E5F91;
}
/* --------------------------------------------------------------
themeDetailsContent
-------------------------------------------------------------- */ 
.themeDetailsContent {
  text-align: left;
  font-family: Verdana;
  font-size: 12px;
  margin: 0px 0px 8px 0px;
  overflow: hidden;
  height: 70px;
}
.bienMangerArticle .themeDetailsContent {
  color: #F0BB50;
}
.bienBougerArticle .themeDetailsContent {
  color: #F98080;
}
.bienEtreArticle .themeDetailsContent {
  color: #C85EE1;
}
.questionNutritionArticle .themeDetailsContent {
  color: #7FAEDB;
}

/* ==============================================================
*
* ThemeSmallPreview control styles
*
/* --------------------------------------------------------------
ThemeSmallContainer
-------------------------------------------------------------- */ 
.darkColorThemeSmallContainer, .baseColorThemeSmallContainer, .alternativeColorThemeSmallContainer,
.darkColorThemeSmallContainerHover, .baseColorThemeSmallContainerHover, .alternativeColorThemeSmallContainerHover{
  height: 282px;
  width: 181px;
  cursor: pointer;
} 
/* Question Nutrition */
.questionNutritionArticle .darkColorThemeSmallContainer{
  border: solid 1px #7FAEDB;
  background-color: #7FAEDB; 
}
.questionNutritionArticle .baseColorThemeSmallContainer{
  border: solid 1px #7FAEDB;
  background-color: white;
}
.questionNutritionArticle .alternativeColorThemeSmallContainer{
  border: solid 1px #7FAEDB;
  background-color: #EAEFF4;
}
.questionNutritionArticle .darkColorThemeSmallContainerHover,
.questionNutritionArticle .alternativeColorThemeSmallContainerHover{
  border: solid 1px #7FAEDB;
  background-color: white; 
}
.questionNutritionArticle .baseColorThemeSmallContainerHover{
  border: solid 1px #7FAEDB;
  background-color: #EAEFF4;
}
/* --------------------------------------------------------------
/* ThemeSmallTitle
-------------------------------------------------------------- */
.themeSmallTitle{
  font-family: Georgia; 
  font-size: 24px; 
  font-weight: bold; 
  font-style: italic; 
  border-top: dotted 1px black;
  border-bottom: dotted 1px black;
  text-align: left;
  margin: 8px 8px 20px 8px;
  padding: 8px 0px 8px 0px;
}
.questionNutritionArticle .themeSmallTitle{
  color: #2E5F91;
}
/* --------------------------------------------------------------
/* ThemeSmallContentsContainer
-------------------------------------------------------------- */
.themeSmallContentsContainer{
  height: 246px; 
  overflow: hidden;
}
/* --------------------------------------------------------------
/* ThemeSmallDescription
-------------------------------------------------------------- */
.themeSmallDescription{
  font-family: Verdana;
  font-size: 12px;
  text-align: left;
  margin: 0px 8px 0px 8px;
}
.darkColorThemeSmallContainer .themeSmallDescription{
  color: White;
}
/* --------------------------------------------------------------
/* ThemeSmallImage
-------------------------------------------------------------- */
.themeSmallImageContainer{
  float: left;
}
.themeSmallImage{
  width: 60px; 
  margin: 0px 8px 0px 8px; 
}
/* --------------------------------------------------------------
/* ThemeSmallLink
-------------------------------------------------------------- */
.themeSmallLink{
  text-align: left; 
  margin: 10px 0px 0px 8px;
}

/* ==============================================================
*
* ThemeMediumPreview control styles
*
/* --------------------------------------------------------------
ThemeMediumContainer
-------------------------------------------------------------- */ 
.darkColorThemeMediumContainer, .baseColorThemeMediumContainer, .alternativeColorThemeMediumContainer,
.darkColorThemeMediumContainerHover, .baseColorThemeMediumContainerHover, .alternativeColorThemeMediumContainerHover{
  height: 282px;
  width: 241px;
  cursor: pointer;
} 
/* Question Nutrition */
.questionNutritionArticle .darkColorThemeMediumContainer{
  border: solid 1px #7FAEDB;
  background-color: #7FAEDB; 
}
.questionNutritionArticle .baseColorThemeMediumContainer{
  border: solid 1px #7FAEDB;
  background-color: white;
}
.questionNutritionArticle .alternativeColorThemeMediumContainer{
  border: solid 1px #7FAEDB;
  background-color: #EAEFF4;
}
.questionNutritionArticle .darkColorThemeMediumContainerHover,
.questionNutritionArticle .alternativeColorThemeMediumContainerHover{
  border: solid 1px #7FAEDB;
  background-color: white; 
}
.questionNutritionArticle .baseColorThemeMediumContainerHover{
  border: solid 1px #7FAEDB;
  background-color: #EAEFF4;
}
/* --------------------------------------------------------------
/* ThemeMediumContentsContainer
-------------------------------------------------------------- */
.themeMediumContentsContainer{
  height: 243px;  
  overflow: hidden;
}
/* --------------------------------------------------------------
/* ThemeMediumTitle
-------------------------------------------------------------- */
.themeMediumTitle{
  font-family: Georgia; 
  font-size: 24px; 
  font-weight: bold; 
  font-style: italic; 
  border-top: dotted 1px black;
  border-bottom: dotted 1px black;
  text-align: left;
  margin: 8px 8px 20px 8px;
  padding: 8px 0px 8px 0px;
}
.questionNutritionArticle .themeMediumTitle{
  color: #2E5F91;
}
/* --------------------------------------------------------------
/* ThemeMediumDescription
-------------------------------------------------------------- */
.themeMediumDescription{
  font-family: Verdana;
  font-size: 12px;
  text-align: left;
  margin: 0px 8px 0px 8px;
}
.darkColorThemeMediumContainer .themeMediumDescription{
  color: White;
}
/* --------------------------------------------------------------
/* ThemeMediumImage
-------------------------------------------------------------- */
.themeMediumImageContainer{
  float: right;
  margin-right: 8px;
}
.themeMediumImage{
  width: 85px;  
}
/* --------------------------------------------------------------
/* ThemeMediumLink
-------------------------------------------------------------- */
.themeMediumLink{
  text-align: left; 
  margin: 8px 0px 0px 8px;
}

/* ==============================================================
*
* ThemeBigPreview control styles
*
/* --------------------------------------------------------------
ThemeBigContainer
-------------------------------------------------------------- */ 
.darkColorThemeBigContainer, .baseColorThemeBigContainer, .alternativeColorThemeBigContainer,
.darkColorThemeBigContainerHover, .baseColorThemeBigContainerHover, .alternativeColorThemeBigContainerHover{
  height: 282px;
  width: 492px;
  cursor: pointer;
} 
/* Question Nutrition */
.questionNutritionArticle .darkColorThemeBigContainer{
  border: solid 1px #7FAEDB;
  background-color: #7FAEDB; 
}
.questionNutritionArticle .baseColorThemeBigContainer{
  border: solid 1px #7FAEDB;
  background-color: white;
}
.questionNutritionArticle .alternativeColorThemeBigContainer{
  border: solid 1px #7FAEDB;
  background-color: #EAEFF4;
}
.questionNutritionArticle .darkColorThemeBigContainerHover,
.questionNutritionArticle .alternativeColorThemeBigContainerHover{
  border: solid 1px #7FAEDB;
  background-color: white; 
}
.questionNutritionArticle .baseColorThemeBigContainerHover{
  border: solid 1px #7FAEDB;
  background-color: #EAEFF4;
}
/* --------------------------------------------------------------
/* ThemeBigContentsContainer
-------------------------------------------------------------- */
.themeBigContentsContainer{ 
  height: 243px;
  overflow: hidden;
}
/* --------------------------------------------------------------
/* ThemeBigTitle
-------------------------------------------------------------- */
.themeBigTitle{
  font-family: Georgia; 
  font-size: 36px; 
  font-weight: bold; 
  font-style: italic;
  border-style: dotted; 
  border-width: 1px 0px;
  border-color: black;
  text-align: left;
  margin: 8px 8px 15px 8px;
  padding: 8px 3px 8px 3px;
}
.questionNutritionArticle .themeBigTitle{
  color: #2E5F91;
}
/* --------------------------------------------------------------
/* ThemeBigDescription
-------------------------------------------------------------- */
.themeBigDescription{
  font-family: Verdana;
  font-size: 12px;
  text-align: left;
  margin: 0px 8px 0px 8px;
}
/* --------------------------------------------------------------
/* ThemeBigImage
-------------------------------------------------------------- */
.themeBigImage{
  width: 235px; 
  margin: 8px; 
}
.themeBigLink{
  text-align: left; 
  margin: 8px 8px 8px 8px;
}

/* ==============================================================
*
* ThemeTreePreview control styles
*
/* ------------------------------------------------------------ */
.themeTreeContainer{
  border: solid 1px #7FAEDB;
  font-family: Verdana;
  font-size: 11px;
  background-color: #EAEFF4;
  width: 560px;
  margin-right: 4px;
}
.themeTreeContainer a, .themeTreeContainer a:hover, .themeTreeContainer a:visited{
  text-decoration: none;
  color: #2E5F91;
  font-weight: normal;
}
.themeTreeContainer .parentThemeTitle{
  text-transform: uppercase;
  font-size: 12px;
  text-align: left;
  margin:10px 8px 10px 8px;
}
.subThemeTreeContainer{  
  margin-left: 4px;
}
.subThemeTreeContainer .subThemeTitle{
  border-top: dotted 1px #7FAEDB;
  border-bottom: dotted 1px #7FAEDB;
  text-align: left;
  height: 34px;
  padding-top: 6px;
  margin-bottom: 4px;
}
.subThemeTreeContainer a, .subThemeTreeContainer a:hover, .subThemeTreeContainer a:visited{
  font-weight: bold;
}
.subThemeTreeContainer .articleTitle{
  text-align: left;  
}
.subThemeTreeContainer .articleTitle a, .subThemeTreeContainer .articleTitle a:hover, .subThemeTreeContainer .articleTitle a:visited{
  font-weight: normal; 
}
