/**
 * 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(/BelambraResources/img/bg/fiche-opening.png) no-repeat;
}

#illusFiche {
	position:absolute;z-index:3; right:0px; 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  h1 strong a {
    color:#fff;
    text-decoration:none;
}

.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(/BelambraResources/img/picto/picto-well-being.png) no-repeat;
}

#clubXtras li#nature {
	background:url(/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:1px;
	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(/BelambraResources/img/picto/picto-visite-virtuelle.png) no-repeat 0 3px;
	font-size:12px; font-weight:bold;
}
.fichePromo #tools li#seeMap {
	float:left;
	background:url(/BelambraResources/img/picto/picto-go-to-map.png) no-repeat 0 3px;
	font-size:12px; font-weight:bold;
}
.fichePromo #tools li#seeMap a {
    	padding-left:25px;
}
.fichePromo #tools li#seeClubVideo {
	float:left;
	background:url(/BelambraResources/img/picto/picto-go-to-video.png) no-repeat 0 3px;
	font-size:12px; font-weight:bold;
}
li#printThis {
	background:url(/BelambraResources/img/picto/picto-print.png) no-repeat
}

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

li#addToSelection {
	background:url(/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(/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 0px 20px; margin-left:-15px;
	font: 13.5px "Times New Roman",Times,Georgia,serif;
	width: 100%;
}

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

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

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

#menuContextual li.last {
	border:0;
	white-space:nowrap
}

#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 div {
	margin:0px 20px;
}
.fichePromo #content #mainContent div 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 14px !important;
}

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

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;
	list-style:none;
	
}
.section.on li{
	list-style:disc inside none;
}
.section.on .emphasis li{
	list-style:none;
}
#mainContent {
	float:left;
	width:492px;
}
#mainContent #mentionsContent{
	margin-left:20px;
	font-size:10px;
	opacity:.65;
	margin-bottom:25px;
}
#sideContent {
	float:right;
	width:178px; min-height:512px;
	background:url(/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;
}
/*
ENCART HOTEL CLUB ...
*/
#hotel{
	margin-left: auto; 
	margin-right: auto; 
	background-color:#ffffff;
	width:455px;
	margin-top:30px !important;
	border-style:solid;
	border-width:2px;
	border-color:#7D0048;	
	clear:none;
}
#hotel H2.title_entete{
	color:#c71b7a !important;
	clear:none !important;
	font-size:30px !important;
}
#hotel H3.title_entete{
	color:#c71b7a !important;
	font-size:16px !important;
	font-style:normal;
}
#hotel p{
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
}
#hotel .entete{
	background-image:url(/BelambraResources/img/encart/hotel.png);
	width:65px;
	height:119px;
	margin: -27px 0 0 15px !important;
	float:left;
}
#hotel ul#servicesPlus li {
    background: url(/BelambraResources/img/picto/picto-plus.gif) no-repeat scroll 0 3px transparent;
    padding-left: 20px;
    list-style: none outside none;
}


#club{
	margin-left: auto; 
	margin-right: auto; 
	background-color:#ffffff;
	width:455px;
	margin-top:0px !important;
	border-style:solid;
	border-width:2px;
	border-color:#007771;	
}
#club H2.title_entete{
	color:#007771 !important;
	clear:none !important;
	font-size:30px !important;
}
#club H3.title_entete{
	color:#007771 !important;
	font-size:16px !important;
	font-style:normal;
}
#club p{
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
}
#club .entete{
	background-image:url(/BelambraResources/img/encart/club.png);
	width:65px;
	height:65px;
	float:left;
	margin:0 !important;
}
#club ul#servicesPlus li {
    background: url(/BelambraResources/img/picto/picto-plus.gif) no-repeat scroll 0 3px transparent;
    padding-left: 20px;
    list-style: none outside none;
}


#residences{
	margin-left: auto; 
	margin-right: auto; 
	background-color:#ffffff;
	width:455px;
	margin-top:0px !important;
	border-style:solid;
	border-width:2px;
	border-color:#e20040;	
}
#residences H2.title_entete{
	color:#e20040 !important;
	padding-left:10px !important;
	clear:none !important;
	font-size:30px !important;
	margin: 5px 0 0 0 !important;
}
#residences H3.title_entete{
	color:#e20040 !important;
	font-size:14px !important;
	padding-left:10px !important;
	margin:0 !important;
	font-size:16px !important;
	font-style:normal;
}
#residences p{
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
}
#residences .entete{
	background-image:url(/BelambraResources/img/encart/residences.png);
	width:65px;
	height:65px;
	float:right;
	margin:0 !important;
}
#residences ul#servicesPlus li {
    background: url(/BelambraResources/img/picto/picto-plus.gif) no-repeat scroll 0 3px transparent;
    padding-left: 20px;
    list-style: none outside none;
}

#clipboardresidences {
	background-image:url(/BelambraResources/img/clipboard/cb_residences.png);
	width:250px;
	height:60px; 
	position:absolute;
	z-index:3;
	right:15px;
}
#clipboardresidences p{
	font-size:19px !important;
	font-weight:bold !important;
	margin:10px 15px 0 0;
	color:#e20040 !important;
	text-align:right;
}

#clipboardclub {
	background-image:url(/BelambraResources/img/clipboard/cb_club.png);
	width:250px;
	height:60px; 
	position:absolute;
	z-index:3;
	right:15px;
}
#clipboardclub p{
	font-size:19px !important;
	font-weight:bold !important;
	margin:10px 15px 0 0;
	color:#007771 !important;
	text-align:right;
}

#clipboardhotel {
	background-image:url(/BelambraResources/img/clipboard/cb_hotel.png);
	width:250px;
	height:100px; 
	position:absolute;
	z-index:3;
	right:15px;
	margin: -22px 0 0 0;
}
#clipboardhotel p{
	font-size:19px !important;
	font-weight:bold !important;
	margin:30px 15px 0 0;
	color:#b00067 !important;
	text-align:right;
}