/* @override http://www.residencepinede.com/beta/css/screen.css */

/**
* @author Den Markin <denmarkin@gmail.com>, http://dmarkin.name
* @version $Id$
* @package La Réserve de Beaulieu
*/

@import url(reset.css);

/* LAYOUT */
* {
	margin: 0;
}
html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
    margin-bottom: -246px;
	position: relative;
}
.wrapped {
    margin: 0 auto;
    width: 1000px;
}
#footer, .push {
	height: 234px;
	clear: both;
}
body {
    background: #FFF url(../images/interface/bodyBg.jpg) repeat-x;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #666;
	line-height: 18px;
    min-height: 707px;
}
.colSide {
	width: 258px;
	float: left;
}
.colMain {
	width: 742px;
	float: left;
}

/* COMMON */
object, embed {
    z-index: 100;
}
p {
	margin-bottom: 15px;
	text-align: justify;
	clear: both;
}
em {
	font-style: italic;
}
a {
	text-decoration: none;
	color: #786C63;
	cursor: pointer !important;
}
a:hover {
	text-decoration: underline;
}
.imaged {
	overflow: hidden;
	text-indent: -9000px;
	float: left;
}
h4 {
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 20px;
	margin-bottom: 10px;
}
h5 {
    font-family: Times, serif;
    font-size: 18px;
/*  font-weight: bold;*/
    font-style: italic;
	padding: 5px 0 15px 36px;
	margin-left: -36px;
	float: left;
	width: 100%;
	color: #433D3F;
	/*background: transparent url(../images/interface/h5Bg.png) no-repeat scroll left bottom;*/
}
strong {
	font-weight: bold;
}
.secondary {
	font-size: 10px;
	color: #988F85;
}

/* HEADER */
#header {
	height: 530px;
/*  background-color: #211919;*/
}
#header .wrapped {
	/*background: transparent url(../images/interface/logoBg.jpg) no-repeat;*/
	height: 100%;
	position: relative;
}
#header #logo {
	background: transparent url(../images/interface/logoMain.png) no-repeat;
	width: 149px;
	height: 170px;
	margin: 36px 0 0 13px;
	cursor: pointer;
}
#header #logoContainer,
#header #secondaryNavContainer {
	float: left;
	height: 125px;
}
#header #logoContainer {
	width: 200px;
}
#header #secondaryNavContainer {
	width: 800px;
}
#header #secondaryNavContainer ul {
	float: right;
	margin-right: 10px;
}
#header #secondaryNavContainer ul li {
	float: left;
	padding: 44px 10px 1px 10px;
/*  border-right: 1px solid #403935;*/
}
#header #secondaryNavContainer ul li.last {
	border: none;
}
#header #secondaryNavContainer ul li a {
	color: #5F666C;
	font-size: 11px;
}
#header #mainNavContainer {
	top: 276px;
	position: absolute;
}
#header #mainNavContainer ul li,
#header #mainNavContainer ul li a {
	float: left;
	width: 100%;
}
#header #mainNavContainer ul li a {
	color: #433D3F;
	padding-left: 30px;
    margin-bottom: 10px;
	font: 16px/22px Times, serif;
	width: 245px;
	overflow: hidden;
	text-decoration: none;
	background-position: 0;
	padding-top: 2px;
}
#header #mainNavContainer ul li ul {
	display: none;
}
#header #mainNavContainer ul li ul li a {
	padding: 0 0 0 42px;
/*  margin: 0;*/
  	color: #698598;
	font: 13px/22px Times, serif;
	float: left;
	width: 260px;
	margin-bottom: 10px;
}
#header #mainNavContainer ul li a.selected,
#header #mainNavContainer ul li a:hover {
    background: transparent url(../images/interface/markerMenu.png) no-repeat 0 3px;
}
#header #mainNavContainer ul li ul li a.selected,
#header #mainNavContainer ul li ul li a:hover {
    background: none;
	text-decoration: none;
}

#header #mainNavContainer ul li ul li a:hover {
	text-decoration: underline;
}



#header #galleryContainer {
	height: 405px;
}

/* SERVICES MENUS */
#fastbookingContainer {
	float: left;
	height: 35px;
	margin-top: 20px;
}
/*#langSelectorContainer {
    width: 258px;
}*/
#fastbookingContainer {
	width: 742px;
	font-size: 11px !important;
	background: url(../images/interface/bookingBkg.png) no-repeat;
}
#fastbookingContainer form {
	width: auto;
	margin: 7px 0 5px 10px;
}
#fastbookingContainer form #B1,
.button {
	background-color: #ADB785;
	border: none;
	color: #fff;
	height: 22px;
	margin-top: 1px;
	padding: 0 10px 2px;
	text-transform: uppercase;
	cursor: pointer;
}
#fastbookingContainer form #B1 {
	margin-left: 35px;
	font-size: 11px !important;
}
#fastbookingContainer form #cancelBooking {
	margin: 2px 0 3px 25px;
	font-size: 10px;
}
#frommonth,
#fromday,
#fromyear,
#nbdays,
#adulteresa,
#langSelector {
    display: none;
}
.de #fastbookingContainer form label { /* DEUTCH menu is too long*/
	margin: 3px 3px 0 0;
}
.de #fastbookingContainer form #fromyearDropDown,
.de #fastbookingContainer form #nbdaysDropDown {
	margin-right: 10px;
}
.de #fastbookingContainer form #B1 {
	margin-left: 10px;
}
.dropdown {
	width: auto;
}
.dropdown a:hover {
	text-decoration: none;
}
.dropdown dd ul li a:hover {
	background-color: #D8D6D5;
	color: #EEE6DB;
}
.dropdown dd {
	position:relative;
}
.dropdown dt a,
.dropdown dd ul li a,
.dropdown dt a span {
	font-size: 11px;
	cursor: pointer;
	display: block;
	padding: 1px 5px;
}
.dropdown dt a {
	background: #F4F0EA url(../images/interface/dropdown/arrow.png) no-repeat scroll right center;
	padding-right: 20px;
	border: 1px solid #DAD6D1;
}
.dropdown dd ul {
	background-color: #F4F0EA;
	border: 1px solid #DAD6D1;
	display: none;
	left: 0px;
	position: absolute;
	top: 1px;
	width: 100%;
	height: auto;
	max-height: 200px;
	overflow: auto;
}
.dropdown span.value {
	display:none;
}
#langSelectorDropDown {
	width: 145px;
	margin: -1px auto 0;
}
#langSelectorDropDown ul li {
    padding: 1px 5px !important;
    width: 125px;
}
#fastbookingContainer form #frommonthDropDown dt a,
#fastbookingContainer form #frommonthDropDown dd ul li,
#fastbookingContainer form #frommonthDropDown dd ul li a,
#fastbookingContainer form #fromyearDropDown dt a,
#fastbookingContainer form #fromyearDropDown dd ul li,
#fastbookingContainer form #fromyearDropDown dd ul li a {
	width: 25px;
}
#fastbookingContainer form #fromdayDropDown dt a,
#fastbookingContainer form #fromdayDropDown dd ul li,
#fastbookingContainer form #fromdayDropDown dd ul li a,
#fastbookingContainer form #nbdaysDropDown dt a,
#fastbookingContainer form #nbdaysDropDown dd ul li,
#fastbookingContainer form #nbdaysDropDown dd ul li a {
	width: 12px;
}
#fastbookingContainer form #adulteresaDropDown dt a,
#fastbookingContainer form #adulteresaDropDown dd ul li,
#fastbookingContainer form #adulteresaDropDown dd ul li a {
	width: 5px;
}
#fastbookingContainer form label,
#fastbookingContainer form a,
#fastbookingContainer form input,
#fastbookingContainer form dl,
#fastbookingContainer form dt  {
	float: left;
}
#fastbookingContainer form .dropdown dd ul {
	top: 24px;
}
#fastbookingContainer form label {
	margin: 3px 10px 0 0;
}
#fastbookingContainer form #fromyearDropDown,
#fastbookingContainer form #nbdaysDropDown {
	margin-right: 25px;
}

/* CONTENT */
.contentContainer {
	padding: 30px 40px 40px 0;
}
.contentContainer h1 {
	color: #433D3F;
	font-size: 28px;
	line-height: 50px;
	margin-bottom: 10px;
	font-family: Times, serif;
}
.contentContainer h3 {
	color: #716D68;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: -15px;
	font-family: Times, serif;
}
.contentContainer h6 {
	color: #201917;
	margin: 0;
	padding: 0 0 15px;
	font: italic 16px/19px Times, serif;
}
.contentContainer ul,
.contentContainer ul li {
	margin: 0;
	padding: 0;
/*  float: left;*/
/*  clear: both;*/
	width: 100%;
}
.contentContainer ul {
	margin-bottom: 15px;
}
.contentContainer ul li {
	list-style-position: inside;
	list-style-image: url(../images/interface/bullet.png);
}
.highlightsContainer ul {
	float: left;
	margin-bottom: 30px;
}
.highlightsContainer ul li {
	float: left;
	width: 200px;
	line-height: 20px;
	margin-right: 45px;
	color: #929292;
	font-size: 12px;
}
.highlightsContainer h6,
.highlightsContainer h6 a {
	color: #201917 !important;
	font-size: 15px;
	line-height: 19px;
	font-family: Times, serif;
	font-style: italic;
	margin: 0 0 8px;
	padding: 0;
	text-decoration: none;
}
.highlightsContainer a {
	color: #433D3F;
}
.highlightsContainer img {
	margin-bottom: 10px;
}
.downloadpdf {
	padding-left: 20px;
	background: url("../images/interface/pdf-icon.png") no-repeat scroll 0 2px transparent;
}

/* CONTACTS */
.portrait {
	width: 100px;
}
.contactsList li {
	list-style-type: none !important;
	list-style-image: none !important;
	float: left;
	width: 100%;
}
.contactsList li .colL,
.contactsList li .colR {
	float: left;
	padding-bottom: 20px;
}
.contactsList li .colL {
	width: 0px;
	padding-right: 0px;
}
.contactsList li .colR {
	width: 562px;
}

/* VINTAGE OFFERS & NEWS */
.illustration {
	width: 150px;
}
.offersList li,
.newsList li {
	list-style-type: none !important;
	list-style-image: none !important;
	float: left;
	width: 705px !important;
	padding: 22px 16px !important;
	border: 1px solid #DEDAD4;
	background-color: #f4f0ea;
	margin-bottom: 35px !important;
}
.offersList li ul li,
.newsList li ul li {
	list-style-image: url("../images/interface/bullet.png") !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #786E63;
	float: none !important;
	width: auto;
}
.offersList li .colL,
.offersList li .colR,
.newsList li .colL,
.newsList li .colR {
	float: left;
}
.offersList li .colL {
	width: 450px;
	padding-right: 30px;
}
.offersList li .colR {
	width: 190px;
	text-align: right;
}
.offersList li .colR h5 {
	color: #786D63;
	padding-bottom: 10px;
	padding-top: 0;
}
.newsList li .colL {
	width: 150px;
	padding-right: 30px;
}
.newsList li .colR {
	width: 490px;
}
.newsList li h6 {
	margin-bottom: 20px;
}
a.button {
	float: right;
	margin: 5px 0;
	color: #fff;
	font: 11px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
a.button:hover {
	text-decoration: none;
}

/* FOOTER */
#footer {
	background: #E4DCD1 url(../images/interface/footerBg.png) repeat-x;
	position: relative;
	font-size: 11px;
	color: #666666;
}
#footer #subscriptionContainer,
#footer #linksContainer {
	width: 300px;
	float: left;
}
#footer #subscriptionContainer {
	margin: 50px 0 0 40px;
	height: 100px;
}

#footer #linksContainer {
	margin: 35px 0 0 40px;
}
#footer #linksContainer li {
	float: left;
}
#footer #linksContainer li,
#footer #linksContainer li a {
	color: #666;
	font-size: 11px;
}
#footer #linksContainer li a {
	margin: 0 5px;
}
#footer #subscriptionContainer h4 {
	margin-bottom: -2px;
	color: #666;
	font-size: 16px;
}
#footer #subscriptionContainer p {
	margin-bottom: 7px;
	padding-top: 3px;
	color: gray;
}
#footer #subscriptionContainer .button {
	height: 25px;
    padding: 4px 3px 5px 10px;
    width: 105px;
	margin: 0 0 0 4px;
	float: left;
	background: #fffeff url(../images/interface/greenArrow.png) no-repeat 5px 7px;
	color: #ADB785;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px dotted #dcdcdc;
}
.ru .button {
    font-size: 11px !important;
}
#footer #subscriptionContainer #kkjudt-kkjudt {
	font-size: 11px;
	padding: 5px;
	color: #999999;
	width: 175px;
	border: 1px dotted #dcdcdc;
	float: left;
	height: 13px;
}
.ru #footer #subscriptionContainer #kkjudt-kkjudt {
	width: 165px;
}
#footer #partnersContainer,
#footer #contactsContainer {
	width: 640px;
	float: left;
	margin-right: 20px;
	text-align: right;
}
#footer #contactsContainer {
	margin: 10px 0 0;
}
#footer #contactsContainer h4 {
	font-size: 16px;
	color: #666;
	margin-bottom: 15px;
}
#footer #contactsContainer p {
	margin-top: -10px;
	text-align: right;
	color: gray;
}
#footer #partnersContainer {
	margin: 88px 0 33px;
}
#footer #partnersContainer ul {
	float: right;
	margin-right: 20px;
}
#footer #partnersContainer ul li {
	float: left;
	margin-left: 30px;
}
#footer #partnersContainer ul li a.imaged {
	text-align: left;
	text-indent: -9000px;
}
#footer #partnersContainer #pin {
	width: 178px;
	height: 41px;
	background: transparent url(../images/interface/logos/pinede-link.png) no-repeat;
}
#footer #partnersContainer #tlshotw {
	width: 136px;
	height: 25px;
	background: transparent url(../images/interface/logos/tlshotw.png) no-repeat;
	margin-top: 6px;
}
#footer #partnersContainer #michelin {
	width: 68px;
	height: 28px;
	background: transparent url(../images/interface/logos/michelin.png) no-repeat;
	margin-top: 3px;
}
#footer #partnersContainer #pca {
	width: 104px;
	height: 30px;
	background: transparent url(../images/interface/logos/pca.png) no-repeat;
}
