/*//////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////
/////                                                                                          /////
/////     MsCMS - Main CSS Styles                                                              /////
/////     Version  2.1.0                                                                       /////
/////                                                                                          /////
/////     --------------------------------------------------------------------------------     /////
/////                                                                                          /////
/////     (C)2008 PiraMedia                                                                    /////
/////     http://piramedia.nitro-glycerin.org                                                  /////
/////                                                                                          /////
////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////*/



/*===| Notes |====================================================================================//

  Bleu-violet du logo :   #7f7fb5
  Orange du logo :        #faa425
  Jaune des panneaux :    #ffc800

/*==| BASIC HTML STYLES |=========================================================================*/

body {
  background: #7f7fb5;
  color: #ffffff;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;
}

h1 {
  color: #faa425;
  font: italic bold 20px Verdana, Arial, Helvetica, sans-serif;
}

h2 {
  color: #ffffff;
  font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}

a {
  color: #faa425;
  text-decoration: none;
}

a:hover {
  text-decoration: underline overline;
}

hr {
  color: #faa425;
}

/*==| LISTS STYLES |==============================================================================*/

dt {}

dd {}

/*==| FORMS STYLES |==============================================================================*/

.Fieldset {
  margin-bottom: 20px;
}
.Input {
  border: 1px solid #ffffff;
  width: 350px;
}

.InputTD {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}

.LabelTD {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  width: 150px;
}

.Legend {
  color: #faa425;
  font-weight: bold;
}

.Select {
  border: 1px solid #ffffff;
  width: 350px;
}

.Textarea {
  border: 1px solid #ffffff;
  height: 150px;
  width: 350px;
}

/*==| TABLES STYLES |=============================================================================*/

td{
  vertical-align: top;
}

.TableTitle {
  color: #ffffff;
  font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}

.TableSubTitle {
  font-weight: bold;
}

.TableLine1 {
  background-color: #9b9bc5;
}

.TableLine2 {
  background-color: #60609b;
}

/*==| TEMPLATES STYLES |==========================================================================*/

.TemplateBackground {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#TemplateTable {
  width: 100%;
}

#TemplateFooter {
  color: #ffffff;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  height: 50px;
  text-align: center;
}

#TemplateFooter a {
  color: #ffffff;
  text-decoration: underline;
}

#TemplateFooter a:hover {
  color: #c0c0c0;
  text-decoration: underline;
}

/*==| MODULE MENU STYLES |========================================================================*/

#ModuleMenu {
  background : url("../../media/design/Tronc.jpg") repeat-y;
  color: #000000;
  font: bold 12px Arial, Helvetica, sans-serif;
  vertical-align: top;
  width: 205px;
}

#ModuleMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#ModuleMenu li {
  height: 50px;
  margin: 10px;
  text-align: left;
  width: 205px;
}

#ModuleMenu a {
  color: #000000;
  display: block;
  height: 50px;
  padding : 10px 25px 0 55px;
  text-decoration: none;
  vertical-align : middle;
}

#ModuleMenu a:hover {
  color: #000000;
  height : 50px;
  text-decoration: none;
}

.MenuHome {
  background : url('../../media/design/MenuHome.png') no-repeat;
}

.MenuHome:hover {
  background : url('../../media/design/MenuHomeUp.png') no-repeat;
}

.MenuPresentation {
  background : url('../../media/design/MenuPresentation.png') no-repeat;
}

.MenuPresentation:hover {
  background : url('../../media/design/MenuPresentationUp.png') no-repeat;
}

.MenuPractical {
  background : url('../../media/design/MenuPractical.png') no-repeat;
}

.MenuPractical:hover {
  background : url('../../media/design/MenuPracticalUp.png') no-repeat;
}

.MenuReservation {
  background : url('../../media/design/MenuReservation.png') no-repeat;
}

.MenuReservation:hover {
  background : url('../../media/design/MenuReservationUp.png') no-repeat;
}

.MenuRents {
  background : url('../../media/design/MenuRents.png') no-repeat;
}

.MenuRents:hover {
  background : url('../../media/design/MenuRentsUp.png') no-repeat;
}

.MenuGallery {
  background : url('../../media/design/MenuGallery.png') no-repeat;
}

.MenuGallery:hover {
  background : url('../../media/design/MenuGalleryUp.png') no-repeat;
}

.MenuActivities {
  background : url('../../media/design/MenuActivities.png') no-repeat;
}

.MenuActivities:hover {
  background : url('../../media/design/MenuActivitiesUp.png') no-repeat;
}

.MenuLinks {
  background : url('../../media/design/MenuLinks.png') no-repeat;
}

.MenuLinks:hover {
  background : url('../../media/design/MenuLinksUp.png') no-repeat;
}

.MenuContact {
  background : url('../../media/design/MenuContact.png') no-repeat;
}

.MenuContact:hover {
  background : url('../../media/design/MenuContactUp.png') no-repeat;
}

/*==| MODULE SUBMENU STYLES |=====================================================================*/

#ModuleSubMenu {
  border-bottom : 1px solid #000000;
  font: bold 15px Arial, Helvetica, sans-serif;
  height: 30px;
  white-space: nowrap;
}

#ModuleSubMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#ModuleSubMenu li {
  display : inline;
  height: 10px;
  margin: 0 10px;
}

#ModuleSubMenu a {
  background : url('../../media/design/SubMenu.png') no-repeat;
  color: #000000;
  padding : 0 0 5px 35px;
  text-decoration: none;
}

#ModuleSubMenu a:hover {
  background : url('../../media/design/SubMenuUp.png') no-repeat;
  color: #ffc800;
  text-decoration: none;
}

/*==| MODULE PAGE STYLES |========================================================================*/

#ModulePage {
  padding-right: 20px;
  vertical-align: top;
}

.ModulePageOK dt {
  border-bottom-color: #7f7fb5;
  border-style: none none solid;
  border-width: 1px;
  color: #7f7fb5;
}

.ModulePageOKDD {
  display: block;
  font-weight: bold;
}

.ModulePageErrors dt {
  border-bottom-color: #ff0000;
  border-style: none none solid;
  border-width: 1px;
  color: #ff0000;
}

.ModulePageErrorsDD {
  display: block;
  font-weight: bold;
}

/*==| SHADOWS STYLES |============================================================================*/

.ShadowBackground, .SubShadowDown, .ShadowRight {
  display: inline-table;
  /* \*/display: block;/**/;
}

.ShadowBackground {
  background: url("../../media/design/ShadowBackground.jpg") right bottom no-repeat;
}

.ShadowDown {
  background: url("../../media/design/ShadowDown.jpg") left bottom no-repeat;
}

.ShadowRight {
  padding: 0 20px 20px 0;
  background: url("../../media/design/ShadowRight.jpg") right top no-repeat;
}

.ShadowRight img {
  display: block;
}

/*==| HISTORY STYLES |============================================================================*/

.HistoryLeft {
  font-weight : bold;
  vertical-align : top;
  white-space : nowrap;
}

.HistoryRight {
  vertical-align : top;
}

/*==| TARIFS STYLES |==========================================================================*/

.TarifsDetails {
  vertical-align : top;
}

.TarifsCHF {
  vertical-align : top;
  white-space : nowrap;
}

.TarifsPrix {
  text-align : right;
  vertical-align : top;
  white-space : nowrap;
}

.TarifsPar {
  vertical-align : top;
  white-space : nowrap;
}

/*==| RESERVATION STYLES |========================================================================*/

.Input2Chars {
  border : 1px solid #000064;
  width : 25px;
}

.Input4Chars {
  border : 1px solid #000064;
  width : 50px;
}

/*================================================================================================*/