/* ==============================================================
*
* HTML web controls
*
============================================================== */
img{
  border: none 0px transparent; 
}
html{
  scrollbar-base-color: #E4D8D1;
}
/* RadComboBox */
.RadComboBoxDropDown_Default .rcbHovered{
  background: beige;
}

/* ==============================================================
*
* MAIN
*
============================================================== */
#lvbBackground{
  background-image: url(Images/wallpaper.gif);
  background-repeat: repeat;
  margin: 0;
  color: #5E5E5E;
}
#lvbRootLayout{
  width: 970px;
  background-color: White; 
}
#lvbFooter{
  clear: both; 
  text-align: center; 
  border-top: dotted 1px black;
  border-bottom: solid 3px black;
  padding-bottom: 4px; 
}

/* LAVIEBELLE.CH Title & Search & Language */
#lvbTitleHeader{
  height: 50px; 
  width: 100%; 
  border-top: solid 3px black;
  border-bottom: dotted 1px black;
  margin-top: -5px;
}
#lvbTitleHeader table{
  vertical-align: middle; 
  height: 100%; 
  margin-left: 25px;
}
a.lvbTitleDefault{
  background-image: url(Images/logo/laviebelle_logo_noir.jpg);
  height: 28px; 
  width: 200px;
  display: inline-block;
}
a.lvbTitleBienManger{
  background-image: url(Images/logo/laviebelle_logo_jaune.jpg);
  height: 28px; 
  width: 200px;
  display: inline-block;
}
a.lvbTitleBienBouger{
  background-image: url(Images/logo/laviebelle_logo_saumon.jpg);
  height: 28px; 
  width: 200px;
  display: inline-block;
}
a.lvbTitleBienEtre{
  background-image: url(Images/logo/laviebelle_logo_rose.jpg);
  height: 28px; 
  width: 200px;
  display: inline-block;
}
.spacerForNestleLogo{
  /* permet d'éviter que le logo Nestlé positionné en absolu en bas à droite
 ne vienne par dessus le contenu lorsque la zone contrale n'a pas assez de contenu */
 margin-bottom: 80px;
}
a.languageSelector{
  color: Black;
  font-weight: normal;
  text-decoration: none;
}
a.languageSelected{
  color: Black;
  font-weight: bold;
  text-decoration: none;
}
 /* LANGUAGE COLORS */
.langFR{ color: Blue;}
.langDE{ color: Orange;}

/* ==============================================================
*
* Search box
*
============================================================== */
.searchPanel{
  float: right;
  margin-right: 8px; 
  margin-top: 5px;
}
.lvbSearchBox{
  font-family: Verdana; 
  font-size: 9.6px;
  height: 18px;
  width: 100%;
  border: solid 1px gray;
  display: inline-block;
}
.lvbSearchBtn{
  background-image: url(Images/searchBackground.png);
  background-position: center;
  height: 22px; 
  width: 100%;
  display: inline-block;
  border: solid 1px gray;
  cursor: pointer;
}

/* ==============================================================
*
* Rubric Master
*
============================================================== */
.rubricMasterTable {
  vertical-align: top;
  table-layout: fixed;
  width: 100%;
}
.rubricMasterTable .leftColumn{
  width: 183px; 
  vertical-align: top;
  padding-top: 2px;
}
.rubricMasterTable .centerColumn{
  width: 582px; 
  text-align: left;
  vertical-align: top;
}
.rubricMasterTable .rightColumn{
  width: 192px;
  text-align: left;
  vertical-align: top;
  padding-right: 8px;
}

/* ==============================================================
*
* Misc Master
*
============================================================== */
.miscMasterTable {
  vertical-align: top;
  table-layout: fixed;
  width: 100%;
}
.miscMasterTable .leftColumn{
  width: 183px; 
  vertical-align: top;
}
.miscMasterTable .leftColumn .contentContainer{
  border-top: solid 3px gray; 
  padding-top: 40px;
  margin-left: 8px;
}
.miscMasterTable .centerColumn{
  width: 582px; 
  text-align: right;
  vertical-align: top;
}
.miscMasterTable .centerColumn .contentContainer{
  width: 500px; 
  border-top: solid 3px #A57D66;
  padding-top: 15px;
  margin-right: 8px;
  float: right;
  text-align:left;
}
.miscMasterTable .rightColumn{
  width: 192px;
  padding-right: 8px;
  text-align: left;
  vertical-align: top;
}

/* ==============================================================
*
* Right Side bar : POLL
*
============================================================== */
.rightPollTitle{
  position: relative;
  top: 0px;
}
.pollQuestion{
  color: #653721;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
  padding-left: 4px;
  border-bottom: dotted 1px black;
  margin-bottom: 6px;
}
.pollAnswer, .pollChoices li{
  color: #a57d66;
  font-size: 11px;
  margin-bottom: 6px;
  padding-left: 4px;
}
.pollChoices li{
  margin-bottom: 1px;
}
.pollBarContainer{
  float: right;
  width: 100px;
}
.pollBar{
  background: #AB8F79;
  display: inline-block;
  color: White;
  font-size: 10px;
  text-align: center;
  padding: 1px 0;
}
.pollViewResult{
  color: #653721;
  font-size: 11px;  
  font-weight: bold;
  display: block;
  margin-left: 8px;
  margin-top: 10px;
  text-decoration: none;
}
.pollViewResult:hover{
  text-decoration: underline;
}
.pollChoices ul{
  margin: 0;
  padding-left: 0px;
  list-style-type: none;
}


/* ==============================================================
*
* Sorting menu + Pager
*
============================================================== */
.sortingContainer{
  padding: 10px 0px 10px 15px;
  text-align: left;  
}
.sortingContainer .sortTitle{
  color: #A57D66;
}
.sortingContainer a, .sortingContainer a:hover, .sortingContainer a:visited{
  font-family: verdana; 
  font-size: 12px; 
  color: #653721;
  text-decoration: none;
  font-weight: bold;
}
.sortingContainer a:hover{
  text-decoration: underline;
}
.sortAscBtn, .sortDescBtn{
  background-position: right;
  background-repeat: no-repeat;
  width: 70px;
  display: block;
}
.sortAscBtn{
  background-image: url(Images/sortAsc.png);
}
.sortDescBtn{
  background-image: url(Images/sortDesc.png);
}
/* Pager */
.pagingContainer{
  text-align: center;
  margin-bottom: 8px;
}

/* ==============================================================
*
* Legal
*
============================================================== */
.legalContainer{
  height: 500px;
  overflow: auto;
}


/* ==============================================================
*
* Contact form
*
============================================================== */
.contactForm{
  margin: 0px 8px 8px 8px;
  font-family: Verdana;
  font-size: 11px;
}
.contactForm .labelCell{
  vertical-align: top;
  text-align: left;
}
.contactForm .valueCell{
  vertical-align: top;
  text-align: left;
}
.contactForm .requiredTextCell{
  text-align: left;
  padding-bottom: 15px;
}
.contactForm .buttonsCell{
  text-align: left;
  padding-top: 15px;
}
.contactForm .rdBtn{
  margin-left: 20px;
}
.contactFrom .lBox{
  width: 100%;
}
.contactForm .bigTextBox, .contactForm .mediumTextBox, .contactForm .smallTextBox{
  height: 15px;
}
.contactForm .bigTextBox{
  width: 250px;
}
.contactForm .mediumTextBox{
  width: 200px; 
}
.contactForm .smallTextBox{
  width: 42px;
}
.sendBtn{
  width: 65px;
  border: solid 1px #A57D66;
  color: #653721;
  cursor: pointer;
  background-color: White;
  font-weight: bold;
  margin-right: 15px;
}
.contactForm .valSummary{
  font-weight: bold;
}
.contactForm .successSend{
  color: #653721;
  text-align: left;
}
/* address */
.contactForm .addressContainer{
  border: solid 1px #A57D66;
  background-color: #E4D8D1;
  padding: 16px 0px 16px 16px;
  margin-top: 20px;
}
.contactForm .addressCell{
  text-align: left;
  width: 205px;
}

input:disabled.disabledTb{
  color: black;
}

a.downloadItem{
  color: #5E5E5E;
  text-decoration: none; 
}
a.downloadItem:hover{
  text-decoration: underline; 
}

a.noItemToDownload{
  text-decoration: none; 
  color: #5E5E5E;
  cursor: default;
}