/*=============================================================================
* Dark-Blue: #17365D
* Medium-Blue: #365f91
* Light-Blue: #4f81bd
*============================================================================*/
html {
   padding: 0;
   margin: 0;
   overflow-y: scroll;
}

/*=============================================================================
*
*============================================================================*/
body {
   padding: 0;
   margin: 0;
   background-color: #f1f0ff;
   background-image: url("../img/background/body-background.png");
   background-position: top center;
   background-repeat: repeat;
}

/*=============================================================================
*
*============================================================================*/
div#header {
   height: 533px;
   background-image: url("../img/background/header-background.png");
   background-position: top center;
   background-repeat: repeat-x;
}

div#header div#logo {
   width: 960px;
   height: 96px;
   margin: auto;
   padding: 8px 0 0 0;
}

div#header div#logo img.logo {
   border: none;
   width: 416px;
}

div#header h1 {
   position: absolute;
   color: #000000;
   font-size: 10px;
   line-height: 10px;
   font-family: verdana;
   padding: 0;
   margin: 28px 0 0 160px;
   text-indent: -9999px;
}

div#header h1 a {
   color: #ffffff;
   text-decoration: none;
}

div#header div#logo img.facebook {
   border: none;
   float: right;
}

/*=============================================================================
*
*============================================================================*/
div#navigation {
   height: 40px;
   width: 928px;
   margin: 4px auto 0 auto;
}

div#navigation ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
   height: 40px;
}

div#navigation ul li {
   float: left;
   padding: 0;
   margin: 0;
}

div#navigation ul li.first {
   margin: 0 !important;
}

div#navigation ul li a {
   display: block;
   color: #ffffff;
   text-align: center;
   width: 128px;
   line-height: 20px;
   padding: 9px 0 11px 0;
   font-family: verdana;
   text-decoration: none;
   font-size: 13px;
   font-weight: bold;
}

div#navigation ul li a:hover {
   text-decoration: underline;
}

div#navigation ul li a.active {
   color: #000000;
}

div#navigation ul li.separator {
   width: 2px;
   height: 40px;
   font-size: 1px;
}

div#navigation ul li#mansion a {
   width: 128px;
}

div#navigation ul li#accomodations a {
   width: 208px;
}

div#navigation ul li#spa a {
   width: 96px;
}

div#navigation ul li#packages a {
   width: 128px;
}

div#navigation ul li#tourism a {
   width: 224px;
}

div#navigation ul li#contact a {
   width: 144px;
}

/*=============================================================================
*
*============================================================================*/
div#communication {
   height: 320px;
   width: 940px;
   margin: auto;
   padding: 14px;
   background-image: url("../img/background/communication-background.png");
   background-position: center center;
   background-repeat: no-repeat;
}

div#communication ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

div#communication ul li {
   position: absolute;
   margin: 0;
   padding: 0;
   display: none;
   z-index: 5;
}

div#communication ul li a img {
   border: none;
}

div#communication li.active {
   display: block;
   z-index: 15;
}

div#communication li.last {
   z-index: 10;
}

/*=============================================================================
*
*============================================================================*/
div#page-list {
   margin: 0 auto;
   padding: 4px 0;
   font-family: arial;
   font-size: 10pt;
   color: #ffffff;
   text-align: center;
   height: 24px;
}

div#navigation ul {
   width: 960px;
   list-style-type: none;
   padding: 0;
   margin: auto 0;
   height: 24px;
}

div#navigation ul li {
   float: left;
   padding: 0;
   margin: 0;
}

div#page-list a {
   color: #ffffff;
   font-family: arial;
   text-decoration: none;
   font-size: 11pt;
   padding: 0px 8px;
   line-height: 20px;
}

div#page-list a:hover {
   text-decoration: underline;
}

div#page-list a.active {
   color: #000000;
}

/*=============================================================================
*
*============================================================================*/
div#page {
   margin: 0;
   padding: 0;
}

/*=============================================================================
*
*============================================================================*/
div#content {
	width: 960px;
   margin: 0 auto;
   min-height: 512px;
   padding: 4px 0 32px 0;
}

div#content h2 {
   font-family: arial;
   font-size: 20px;
   color: #421c52;
   padding: 0;
   margin: 24px 0 0px 0;
}

div#content h3{
   font-family: "Lucida Grande", Arial, Verdana, sans-serif;
   font-size: 16px;
   color: #732c7b;
   padding: 0;
   margin: 20px 0 0px 2px;
}

div#content h3 a{
   color: #732c7b;
}

div#content h4 {
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
   font-size: 15px;
   line-height: 150%;
   color: #732c7b;
   padding: 0;
   font-weight: normal;
   margin: 16px 0 0px 4px;
}

div#content p {
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
   font-size: 14px;
   line-height: 150%;
   color: #443266;
   padding: 0;
   margin: 16px 0 16px 8px;
}

div#content p strong {
   font-weight: normal;
   color: #443266;
}

div#content p strong.bolder {
   font-weight: bold;
   color: #443266;
}

div#content a {
   color: #732c7b;
   text-decoration: none;
}

div#content a:hover {
   text-decoration: underline;
}

div#content ul {
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
   font-size: 14px;
   line-height: 150%;
   color: #443266;
   padding: 0;
   margin: 16px 0 16px 48px;
   list-style-type: square;
}

div#content li {
   padding: 0 8px 0 8px;
   margin: 0;
}

.right {
   float: right;
}

.left {
   float: left;
}

/*=============================================================================
*
*============================================================================*/
div.even, div.odd {
   clear: both;
	padding: 0;
   margin: 0;
}

div.even img {
	float: left;
}

div.odd img {
	float: right;
}

/*=============================================================================
*
*============================================================================*/
#page-services #concierge { padding: 16px 0 0 0; }
#page-services #concierge img { margin: 0 16px 0 24px; }
#page-services #concierge h3 { margin-top: 16px; }
#page-services #concierge p { margin-right: 48px; margin-bottom: 48px; }

/*=============================================================================
*
*============================================================================*/
#page-accomodations .room {
   height: 180px;
   margin: 8px 0;
   padding: 4px 0;
}

#page-accomodations .room img {
   margin: 0 16px;
   padding: 4px;
   border: 1px solid #9c8aa5;
   float: left;
   background-color: #ffffff;
}

#page-accomodations .room a:hover img {
   border: 1px solid #bdaec6;
}

/*=============================================================================
*
*============================================================================*/
#page-concert #domaine-forget {  }
#page-concert #domaine-forget img { margin: 8px 32px 0 16px; }
#page-concert div.promotion { margin: 32px 0 24px 0; }

/*=============================================================================
*
*============================================================================*/
#page-whales #croisieres-aml {  }
#page-whales #croisieres-aml img { margin: 8px 32px 0 16px; }

/*=============================================================================
*
*============================================================================*/
#page-casino #casino-charlevoix {  }
#page-casino #casino-charlevoix img { margin: 0px 32px 0 16px; }

/*=============================================================================
*
*============================================================================*/
#page-profile #manoir-hortensia { float: right; margin: 0 64px 0 32px; }

#page-profile #domaine-forget { margin-top: 32px; }
#page-profile #domaine-forget img { margin: 0 48px 0 16px; }
#page-profile #domaine-forget h3 { padding: 24px 0 0 0; }
#page-profile #domaine-forget p { margin: 16px 48px 16px 8px; }

#page-profile #croisieres-aml { margin: 80px 0 24px 0; }
#page-profile #croisieres-aml img { margin: 0 96px 0 48px; }
#page-profile #croisieres-aml h3 { margin: 0px 0 0 64px; }
#page-profile #croisieres-aml p { margin: 16px 48px 16px 64px; }

/*=============================================================================
*
*============================================================================*/
table.tarification {
   width: 720px;
   font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
   font-size: 14px;
   line-height: 150%;
   color: #443266;
   padding: 0;
   margin: 16px 0 16px 8px;
   border-collapse: separate;
   border-spacing: 1px;
   background-color: #d2b48c;
}

table.tarification td, table.tarification th {
   padding: 4px;
   margin: 0;
   background-color: #ffffff;
}

table.tarification td.price {
   text-align: right;
   width: 160px;
}

table.tarification tr.even td {
   background-color: #f7f1e9;
}

table.tarification tr.seasons td {
   text-align: center;
   font-size: 12px;
}

table.tarification td.conditions {
   font-size: 12px;
}

/*=============================================================================
*
*============================================================================*/
#page-rates table.tarification {
   width: 896px;
   font-family: arial;
   font-size: 14px;
   line-height: 150%;
   color: #443266;
   padding: 0;
   margin: 16px auto;
   border-collapse: separate;
   border-spacing: 1px;
   background-color: #d2b48c;
}

#page-rates table.tarification td, #page-rates table.tarification th {
   padding: 4px;
   margin: 0;
   background-color: #ffffff;
}

#page-rates table.tarification td.price {
   text-align: right;
   width: 160px;
}

#page-rates table.tarification tr.even td {
   background-color: #f7f1e9;
}

#page-rates table.tarification tr.seasons td {
   text-align: center;
   font-size: 12px;
}

#page-rates table.tarification td.conditions {
   font-size: 12px;
}

/*=============================================================================
*
*============================================================================*/
#page-rental table.tarification {
   width: 896px;
   font-family: arial;
   font-size: 14px;
   line-height: 150%;
   color: #443266;
   padding: 0;
   margin: 16px auto;
   border-collapse: separate;
   border-spacing: 1px;
   background-color: #d2b48c;
}

#page-rental table.tarification td, #page-rates table.tarification th {
   padding: 4px;
   margin: 0;
   background-color: #ffffff;
}

#page-rental table.tarification td.price {
   text-align: right;
   width: 256px;
}

#page-rental table.tarification tr.even td {
   background-color: #f7f1e9;
}

#page-rental table.tarification tr.seasons td {
   text-align: center;
   font-size: 12px;
}

#page-rental table.tarification td.conditions {
   font-size: 12px;
}

/*=============================================================================
*
*============================================================================*/
#page-packages div.package { margin: 32px 0; }
#page-packages div.package img { float: left; margin: 8px 24px 0 16px; border: none; }
#page-packages div.promotion { float: right; margin: 0 0 0 24px; }

/*=============================================================================
*
*============================================================================*/
#page-home div.testimonial { width: 640px; height: 224px; margin: 24px 0 24px 0; background-color: #ffffff; }

#page-home div.package { width: 448px; margin: 32px 32px 24px 0; float: left; }
#page-home div.package h3 { margin-top: 0; }
#page-home div.package img { float: left; margin: 12px 24px 20px 16px; border: none; }
#page-home div.package p { font-size: 12px; margin-bottom: 0; }

#page-home div.separator { clear: both; width: 896px; height: 1px; margin: 0 auto; background-image: url("../img/background/separator.png"); background-position: center center; background-repeat: repeat; }

#page-home div.promotion { margin: 32px 0 24px 0; }

/*=============================================================================
*
*============================================================================*/
div.gallery {
	padding: 0;
   margin: 16px 0 16px 8px;
}

div.gallery a img {
	border: 1px solid #9c8aa5;
	padding: 4px;
	margin: 8px;
   background-color: #ffffff;
}

div.gallery a:hover img {
	border: 1px solid #bdaec6;
}

/*=============================================================================
*
*============================================================================*/
#page-contact #map {  }
#page-contact #map img { border: 1px solid #9c8aa5; padding: 4px; background-color: #ffffff; margin: -32px 0 0 0; }

/*=============================================================================
*
*============================================================================*/
#page-history #hortensia { float: right; width: 490px; margin: 0 16px 8px 24px; }
#page-history #hortensia img { border: 1px solid #9c8aa5; padding: 4px; background-color: #ffffff; margin: 0; }
#page-history #hortensia p { font-size: 12px; margin: 16px 16px 12px 16px; }

/*=============================================================================
*
*============================================================================*/
#page-profile #activities { margin: 80px 0 16px 0px; }

/*=============================================================================
*
*============================================================================*/
div.clear {
	clear: both;
}

/*=============================================================================
*
*============================================================================*/
div#footer {
   clear: both;
   height: 258px;
   background-image: url("../img/background/footer-background.png");
   background-position: center center;
   background-repeat: repeat-x;
}

div#footer #classification {
   float: right; margin: 24px 48px 0 0; border: none;
}

/*=============================================================================
*
*============================================================================*/
div#copyright {
   width: 960px;
   margin: auto;
}

div#copyright p {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   line-height: 100%;
   padding: 4px;
   margin: 2px 0 0 0;
   text-align: center;
}

div#copyright p a {
	color: #ffffff;
   text-decoration: none;
}

div#copyright p a:hover {
   text-decoration: underline;
}


/*=============================================================================
*
*============================================================================*/
div#sitemap {
   width: 960px;
   margin: auto;
   height: 192px;
   border-bottom: 1px solid #ffffff;
}

div#sitemap ul {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   line-height: 150%;
   padding: 0;
   margin: 16px 0 0 8px;
   list-style-type: none;
   float: left;
}

div#sitemap ul.accomodations {
   width: 180px;
}

div#sitemap ul.packages {
   width: 160px;
}

div#sitemap ul.spa {
   width: 128px;
}

div#sitemap ul.tourism {
   width: 180px;
}

div#sitemap ul.mansion {
   width: 128px;
}

div#sitemap ul.contact {
   width: 128px;
}

div#sitemap ul li {
   padding: 0;
   margin: 0;
}

div#sitemap ul li a {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}

div#sitemap ul li a:hover {
   text-decoration: underline;
}

div#sitemap ul ul {
   margin: 0;
   padding: 0 0 0 12px;
   float: none;
}

div#sitemap ul ul li {
   padding: 0;
   margin: 2px 0;
}

div#sitemap ul ul li a {
   font-family: arial;
   font-size: 8pt;
   color: #ffffff;
   font-weight: normal;
}

/*=============================================================================
*
*============================================================================*/
div#signature {
   padding: 2px;
   margin: 0;
   text-align: center;
   font-family: arial;
   color: #ffffff;
   font-size: 8pt;
   font-weight: bold;
}

div#signature a {
   color: #ffffff;
   text-decoration: none;
}