/**
 * Home template for the #core container
 * Use as class name: <tag id="core" class="home">
 * @media          {screen}
 * @require        global.css
 * @toc            generic, flashBG, header, main, opening, content, contextual
 * 
 * Hierarchy :
 * [...]
 *    #flashBG
 * [...]
 *       #header
 *          #myVVF
 * [...]
 *          #main
 *             #opening
 *                #contactReminder
 *                #clubFocus
 *             #content
 *                #offers
 *                #news
 *             #contextual
 * [...]
 */


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


/**
 * Main contents (subject of the page)
 * @section        main
 * @tree           #main < #core < #wrapper < body < html
 */


/**
 * Page title, intro texts and images...
 * @section        opening
 * @tree           #opening < #main < #core < #wrapper < body < html
 */

/* #clubFocus */
#clubFocus {
	float:right;
	margin-top:30px; padding-right:60px;
}


/**
 * Actual content of the page
 * @section        content
 * @tree           #content < #main < #core < #wrapper < body < html
 */
#content {
	padding-right:0px;
	width:auto;
	position:relative;
	float:left
}


#holidayProposal {width:441px;}

#holidayThemes ul {margin:0;}
#holidayThemes li, #holidayThemes a, #holidayThemes img {float:left;}

#holidayDescriptions {
	border:1px solid #C1B4D0; border-width:0 1px 1px;
	background:#F4F3F8 url(../img/bg/home_holidayDescriptions_start.gif) repeat-x;
	font-size:11px;
}

#holidayDescriptions h2 {position:absolute; left:-10000px;}

#holidayDescriptionsInner {
	padding:0 10px 5px;
	background:url(../img/bg/home_holidayDescriptions_end.gif) repeat-x 0 100%;
}

#holidayDescriptions h3 {
	float:left;
	margin:10px 10px 0 0;
	color:#A40269;
	font:normal 23px "Times New Roman", Times, Georgia, serif !important;
}

#holidayDescriptions h3 a {
    color:#a40269;
    text-decoration:none;
}

#holidayDescriptions h3 a:hover {
    text-decoration:underline;
}

#holidayDescriptions .more {
	float:left;
	margin:17px 0 0;
}

#holidayDescriptions .more a {
	padding-left:8px;
	background:url(3x5_CD33A3.gif) no-repeat 0 .45em; color:#CC36A2;
}

#holidayDescriptions .chapo {
	clear:left;
	margin:0 0 3px;
	color:#9F89C1;
	font-weight:bold;
}

#holidayDescriptions .item {
	padding:8px 0 8px 8px; border:1px solid #D4CBDF;
	background:#FBFBFC url(../img/bg/home_holidayDescriptions_item.gif) repeat-x;
}

#holidayDescriptions .visual {
	float:left;
	margin-right:10px;
	width:111px;
}

#holidayDescriptions .content {
	float:left;
	width:210px;
}

#holidayDescriptions .content h4 {font-size:12px; font-weight:normal;}
#holidayDescriptions .content h4 strong {font-size:14px;}
#holidayDescriptions .content h4 a, #holidayDescriptions .content p  a {text-decoration:none}
#holidayDescriptions .content h4 a:hover, #holidayDescriptions .content p  a:hover {text-decoration:underline}
#holidayDescriptions .content p {
	margin:10px 0 0;
	min-height:4.2em;
}
#holidayDescriptions .content p.more {
	float:none;
	margin:0;
	min-height:0;
}

#holidayDescriptions .priceAndBook {
	float:left;
	width:70px;
	font-size:10px;
	text-align:right;
}

#holidayDescriptions .priceAndBook .price {
	display:block;
	font-size:15px; font-weight:bold;
}

#holidayDescriptions p.legal {
	margin:3px 0 0;
}

#holidayDescriptions .notes{
	margin:0;
	font-style:italic;
	text-align:right;
}


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

}

#contextual .item {margin-bottom:18px; border:1px solid #9DD1D1;}

#contextual p {font:normal 18px "Times New Roman", Times, Georgia, serif;}

/* #allOffers */
#contextual #allOffers {
	margin-bottom:5px; padding:5px; border:1px solid #73BEBE;
	background:#A1D6D5 url(home_allOffers.gif) repeat-x;
	font-size:11px;
}

#allOffers p {
	margin-bottom:5px;
	color:#FFF;
}

#allOffers div.more {
	float:right;
	margin:3px 0 0;
}
#allOffers .more a {
	padding-left:8px;
	background:url(3x5_FFFFFF.gif) no-repeat 0 .5em; color:#FFF;
	font-weight:bold;
	text-decoration:underline;
}

#allOffers .content li {
	float:left;
	margin-bottom:5px;
	width:228px;
}

#allOffers .content a {
	display:block;
	background:#FFF url(home_allOffers_item.png) no-repeat;
	text-decoration:none;
}

#allOffers .content a:hover {background-position:-228px 0;}

#allOffers .description {
	float:left;
	padding:5px 0 5px 12px;


}

#allOffers .region {color:#6D618D;}

#allOffers .promo {
	float:right; padding-right:4px;
	color:#337C7D;
	font-size:13px; font-weight:bold;
}
#allOffers .percent {
	padding:0 5px 0 1px;
	font-size:16px; font-weight:normal;
}

#allOffers .content a:hover .description {text-decoration:underline;}
#allOffers .content a:hover .promo {color:#6D618D;}

/* #discoverOurClubs */
#contextual #discoverOurClubs {
	border:0;
	font-size:11px;
}

#discoverOurClubs .content {
	padding:0 10px 5px; border:1px solid #9DD1D1; border-width:0 1px 1px;
	background:#FFF;
}
#discoverOurClubs p {margin:0;}
#discoverOurClubs p.more {text-align:right;}
#discoverOurClubs p.more a {
	padding-left:8px;
	background:url(3x5_337C7D.gif) no-repeat 0 .5em; color:#337C7D;
}

/* #news */
#contextual #news {
	margin:0; padding:5px 10px;
	background:#F9FCFC url(home_news.gif) repeat-x; color:#337C7D;
}

#news h2 {color:#144C4D;}

#news li {margin:10px 0;}

#news li .visual {
	float:left;
	margin-right:10px; border:1px solid #9DD1D1;
}

#news li .content {
	float:left;
	width:134px;
}

#news p {
	margin:0;
	font-weight:bold;
}
#news p.more {
	margin-top:3px;
	font-size:11px; font-weight:normal;
}
#news p.more a {
	padding-left:8px;
	background:url(3x5_337C7D.gif) no-repeat 0 .5em; color:#337C7D;
}

.thematic {
    width:400px !important;
    left:50% !important;
    margin-left:-200px !important;
}
.topBanner {
    margin-top:-2px;
    margin-bottom:20px;
}
.bottomBanner {
    overflow:hidden; clear:both;
    margin-top:20px;
}

/**
 * Auto-clearing method (do not work in IE)
 * @section        clearing
 */
#opening:after, #holidayThemes ul:after, #holidayDescriptions .item:after, #allOffers:after, #allOffers .content a:after, #news li:after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	content:".";
}