/**
 * Product template for the #core container
 * Use as class name: <tag id="core" class="product">
 * @media          {screen}
 * @require        global.css
 * @toc            flashBG, main, opening, contextual, content, clearing
 * 
 * Hierarchy :
 * [...]
 *    #flashBG
 * [...]
 *             #main
 *                #opening
 *                #details
 *                #contextual
 *                   #seasonChoice
 *                   #menuContextual
 *                   #clubTools
 *                #content
 *                   #specialOffers
 * [...]
 */


/**
 * Animated flash panoramic
 * @section        flashBG
 * @tree           #flashBG < body < html
 */
#flashBG {
	margin-bottom:-457px;
	height:457px;
}

/* #controlVideo */
#controlVideo {
	position:absolute; top:160px; left:49.5%; z-index:10;
	width:46px; height:46px;
}
#controlVideo.off {display:none;}

#controlVideo img {display:block;}

/* #signature */
#signature {
	margin:0 auto -294px; padding:50px 0 0 294px;
	width:690px; height:243px;
}

.presta{float:left; margin:2px 35px 0 0;}

/**
 * Main contents (subject of the page)
 * @section        main
 * @tree           #main < #core < #wrapper < body < html
 */
#main {margin-top:275px;}

#partnerBannerContent {
	position:absolute; top:0;
}


/* #details */
#details {
	position:relative;
	color:#FFF;
}

#details dl {
	position:absolute; top:.7em; left:20px;
	margin:0;
}

#details dt {
	float:left;
	padding-right:5px;
}

#details dd {
	float:left;
	margin-right:15px; padding-top:14px;
	height:0;
	overflow:hidden;
	background:url(../img/picto/product_ranking.gif) repeat-x;
}
#details dd.r1 {width:14px;}
#details dd.r2 {width:28px;}
#details dd.r3 {width:42px;}
#details dd.r4 {width:56px;}
#details dd.r5 {width:70px;}

#details ul {
	margin:0;
	/*text-align:right;*/
}

#details li {
	padding:.3em 10px .3em 20px;
	background:url(../img/bg/opening_content.jpg) repeat-y;
}
#details li#clubType {
	background:url(../img/bg/opening_header.jpg) repeat-y;
	font-size:16px;
	text-align:right;
}
#details li#clubOpening {
	position:absolute; top:3em; left:0;
	background:none;
}
#details li#clubServices {
	position:absolute; top:3em; left:200px;
	padding:.3em 0;
	width:150px;
	background:none;
	text-align:right;
}
#details li#clubForfait {
	position:absolute; top:3em; left:350px;
	padding:.3em 0;
	width:150px;
	background:none;
	text-align:right;
}

#details li#clubServices img {margin-left:.3em;}
#details li#clubPrice {font-size:16px; text-align:right;}
#details li#clubPrice span {
	display:block;
	font-size:10px;
}
#details li#clubPrice span.legal br {display:none;}
#details li#clubBooking {margin-bottom:1em; text-align:right;}

#details li#clubVirtualTour {
	position:absolute; right:0pt; top:160px;
	padding:.1em 10px .1em 0;
	background:#FFF;
	font-weight:bold;
}
#details li#clubSpecialOffers {
	position:absolute; right:0px; top:125px;
	padding:.1em 10px .1em 0;
	background:#59AFB5 url(../img/picto/offres_speciales.gif) no-repeat 0 0;
	height:23px;
	min-width:100px;
	font-weight:bold;
}
#details li#clubVirtualTour a {
	padding-left:23px;
	background:url(../img/picto/visite_virtuelle.gif) no-repeat 0 .1em; color:#433369;
}
#details li#clubSpecialOffers a {
	position:relative;
	top:2px;
	padding:3px 0 0 25px;
	/*background:url(../img/bullet/4x7_n_433369.gif) no-repeat 0 .4em; */
	font-family:'Times New Roman',Arial,Verdana;
	font-size: 12px;
	/*font-style:italic;*/
	text-decoration:none;
	color:#fff;
}

#clubSwap {
	position:absolute;top:100px; left:15px;
	height:180px;width:471px;
	background: none;
}


/**
 * Page title, intro texts and images...
 * @section        opening
 * @tree           #opening < #main < #core < #wrapper < body < html
 */
#opening h1 img {position:absolute; top:-8px; left:538px;}


/**
 * Actual content of the page
 * @section        content
 * @tree           #content < #main < #core < #wrapper < body < html
 */
#content {width:440px;}

#content h2 {
	margin:0 0 1.3em;
	font:21px "Times New Roman", Times, Georgia, serif;
}
#content h2 strong {font-size:24px; font-style:italic;}

#content h3 {
	color:#AC036D;
	font:bold italic 19px "Times New Roman", Times, Georgia, serif;
}

#content ul.important {font-size:13px;}
#content ul.important li {
	padding-left:15px;
	background:url(../img/bullet/7x8_plus_4E3B79.gif) no-repeat 0 .3em;
}

#content p.more {text-align:right;}

/* #specialOffers */
#specialOffers h2 {
	position:relative; left:0;
	margin-left:-10px; padding:.1em 10px;
	background:#5DB2B4 url(../img/bg/main_offer_title.gif) repeat-x; color:#FFF;
	font:italic 21px "Times New Roman", Times, Georgia, serif;
}

#specialOffers li {
	float:left;
	margin-bottom:1em; padding-right:15px;
	width:200px;
}

#specialOffers li .description {font-size:11px;}

#specialOffers li .description span.legal {
	display:block;
	min-height:3em;
}

#specialOffers li strong {
	display:block;
	text-transform:uppercase;
}

#specialOffers li .price {
	display:block;
	color:#5DB2B4;
	font-size:20px;
	line-height:1;
}

#specialOffers li a {
	display:block;
	margin-top:.2em; padding-left:7px;
	background:url(../img/bullet/3x6_n_5DB2B4.gif) no-repeat 0 .4em; color:#5DB2B4;
}


/**
 * Menus, texts, images, etc. related to the current page 
 * @section        contextual
 * @tree           #content < #main < #core < #wrapper < body < html
 */
#contextual {width:205px;}

#contextual .deco {top:57px;}

/* #seasonChoice */
ul#seasonChoice {
	margin-bottom:1.3em;
	font-size:12px; font-weight:bold;
	text-transform:uppercase;
}

#seasonChoice li {padding:.2em 0;}

#seasonChoice img {
	margin-top:-2px;
	vertical-align:middle;
}

#seasonChoice li.on a {
	padding-right:18px;
	background:url(../img/picto/product_season_on.gif) no-repeat 100% 50%;
	text-decoration:none;
}

/* #menuContextual */
/*#menuContextual {text-transform:uppercase;}*/

/* #clubTools (print, send to friend...) */
#contextual #clubTools {
	margin:15px 21px 0 1px; padding:.5em 0;
	background:url(../img/bg/product_clubTools.jpg) repeat-y;
	font-size:11px;
}

#clubTools a {
	display:block;
	padding:.3em 5px .3em 20px;
	background:url(../img/bullet/4x7_n_FFFFFF.gif) no-repeat 10px .6em; color:#FFF;
	text-decoration:none;
}
#clubTools a:hover {text-decoration:underline;}


/**
 * Auto-clearing method (do not work in IE)
 * @section        clearing
 */
#details dl:after, #specialOffers ul:after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	content:".";
}

#googlemap{margin:10px 0 20px 20px;}
#accessMap{margin:10px 0 20px x; font-weight:bold;}
#opening h1 img.pictoRenovation{position:static;margin:0 0 0 10px;}



/* fiche club promo */
.fichePromo #support {
	margin-top:138px
}

.fichePromo #main {
	width:699px;margin-top:138px; padding:0;
}
.fichePromo #opening {
	overflow:hidden;
	height:244px;padding-top:25px;
	background:url(/belambra/BelambraResources/img/bg/fiche-opening.png) no-repeat;
}

#illusFiche {
	position:absolute;z-index:3; right:15px; top:-60px;
}

.fichePromo  h1 {
	/*float:left;*/
	width:410px;
	font-size:28px; font-style:normal !important;
	color:#fff;
}

.fichePromo  h1 strong {
	display:block;
	font:bold 14px Arial, sans-serif; /*text-transform:uppercase*/
}

.fichePromo  .date {
	float:left;
	width:400px;
	color:#b1a4cf 
}

#clubXtras {
	position:absolute; top:58px; left:250px
}

#clubXtras li {
	float:left; display:inline;
	margin-right:10px; padding-left:25px;
	font-size:10px;line-height:20px;text-transform:uppercase;
	color:#b1a4cf 
}

#clubXtras li#wellBeing {
	background:url(/belambra/BelambraResources/img/picto/picto-well-being.png) no-repeat;
}

#clubXtras li#nature {
	background:url(/belambra/BelambraResources/img/picto/picto-nature.png) no-repeat;
}

.fichePromo .fares {
	position:absolute; right:15px; top:75px;
	width:230px;
	font-size:14px;text-align:right;
	color:#fff;
}

.fichePromo #opening .discount {
	display:inline;
	padding-left:15px;
	background:transparent url(../img/bullet/3x5_n_DDDAE2.gif) no-repeat scroll 5px 4px;
	text-decoration:underline;
}

.fichePromo #opening .discount a {
	color:#fff;
}

.fichePromo #opening .discount a:hover {
	color:#B1A4CF
}

.fichePromo #opening .discount strong {
	text-transform:uppercase
}

.fichePromo #opening .formerPrice {
	overflow:hidden;clear:both;
	margin-top:20px;
	font-size:10px;
}

.fichePromo #opening .formerPrice del, .fichePromo #opening .formerPrice del.noPromo {
	float:right;
	margin:-5px 0 0 10px;
	font-size:28px;
}

.fichePromo #opening .formerPrice del {
	text-decoration:none !important;
}

.fichePromo .fareCondition {
	/*float:left;*/
	width:410px;
	margin:0.3em 0pt 0pt;
	color:#C2E4FF;
	font-size:12px;
}

.fichePromo #opening .discountRate {
	font-size:11px;
	color:#0cc;
}

.fichePromo #opening .discountRate strong {
	font-size:24px; font-weight:normal;
}

.fichePromo #opening .book {
	display:block; overflow:hidden; clear:both;
	margin:10px 0
}

.fichePromo #tools {
	position:absolute;overflow:hidden; clear:both; top:260px; left:0;
	width:678px; padding-left:20px;
	background:#161122
}

.fichePromo #tools ul {
	height:19px;line-height:19px;margin:0;
}

.fichePromo #tools li {
	float:right; display:inline;
	margin-right:12px;
	font-size:10px;
	background-position:0 3px;
}
.fichePromo #tools li a {
	text-decoration:none;	
	color:#bcadd0;
	padding-left:18px;
}

.fichePromo #tools li#virtualVisit {
	float:left;
	background:url(/belambra/BelambraResources/img/picto/picto-visite-virtuelle.png) no-repeat 0 3px;
	font-size:12px; font-weight:bold;
}

li#printThis {
	background:url(/belambra/BelambraResources/img/picto/picto-print.png) no-repeat
}

li#sendToFriend {
	background:url(/belambra/BelambraResources/img/picto/picto-send.png) no-repeat
}

li#addToSelection {
	background:url(/belambra/BelambraResources/img/picto/picto-add-to-selection.png) no-repeat
}

.fichePromo #content {
	float:none; overflow:hidden;
	width:auto; height:auto; margin:0;border:1px solid #C1B4D0; border-top:0;
	background:#F4F3F8 url(/belambra/belambraResources/img/bg/no-results.jpg) repeat-x;
}

#seasonMenu {
	position:relative;overflow:hidden;clear:both;left:-1px;
	width:700px;margin:0 -1px 0 0;
	background:#3a2d59;
}

#seasonMenu li {
	float:left
}

#seasonMenu li img {
	display:block
}

#menuContextual {
	overflow:hidden; 
	padding:10px 10px 10px 20px; margin-left:-15px;
	font: 13.5px "Times New Roman",Times,Georgia,serif;
}

#menuContextual li {
	float:left;
	padding:0 15px 5px;
	border-right:1px solid #675884
}

#menuContextual li  a {
	font-weight:bold;text-decoration:none;
}

#menuContextual li.on a, #menuContextual li  a:hover {
	color:#ad0069;
	white-space:nowrap;
}

#menuContextual li.last {
	border:0
}

#js #content #menuContextual .off {display:inline;}

.fichePromo #content h2, .fichePromo #content .section h3 {
clear:both;
	margin: 12px 20px;
	font-size:18px; font-weight:bold;
}
.fichePromo #content h4 {
	margin: 12px 20px;
}

.fichePromo #content h2.emphasis {
	font-style:italic; font-weight:bold; font-size:20px;
	color:#ad0069;
}

.fichePromo #content p {
	margin: 12px 20px;
}
.fichePromo #content #mainContent div div {
	margin:0px 20px;
}
.fichePromo #content #mainContent div div p{
	margin: 12px 0px;
}
div.emphasis {
	position:relative;
	width:464px; border:1px solid #c1b4d0; margin:12px 20px;
	font-size:11px; font-weight:bold;
	background:#fff;
}

div.emphasis  ul#servicesPlus {
	padding:10px 0 5px 14px !important;
}

div.emphasis ul#servicesPlus li {
	padding-left:20px;
	background:url(/belambra/BelambraResources/img/picto/picto-plus.gif) no-repeat
}

ul#servicesPlusPictos {
	float:right;overflow:hidden;clear:both;
}

div.emphasis ul#servicesPlusPictos {
	position:absolute; right:15px; bottom:-5px;
}

ul#servicesPlusPictos  li {
	float:left;padding-right:5px;
}

.fichePromo #content .section ul {
	padding:0 20px; margin:0 0 12px;
}

#mainContent {
	float:left;
	width:492px;
	
}

#sideContent {
	float:right;
	width:178px; min-height:512px;
	background:url(/belambra/BelambraResources/img/bg/bg-fiche-promo.png) no-repeat
}

#sideContent h2 {
	font-style:italic;
	color:#206f7f;
}

#sideContent h3 {
	padding:10px 8px 0 20px;
	font: normal 12px Arial, sans-serif;
	color:#3d2c62
}

#sideContent h3 strong {
	display:block;
	text-transform:uppercase
}

#sideContent  p.discount {
	margin:0 20px;
	font-weight:bold; font-size:14px;
	color:#206f7f;
}

#sideContent  p.notes {
	margin:0 20px;
	font-style:italic; font-size:10px;
}

#sideContent .reserver {
	margin:0 20px;
}