/**
 * Special template for the #core container
 * and offersClassic, offersReduced, groups, seminars subtemplates
 * Use as class names: <tag id="core" class="special[ offersClassic | offersReduced | groups | seminars]">
 * @media          {screen}
 * @require        global.css
 * @toc            main, opening, contextual, content, clearing
 * 
 * Hierarchy :
 * [...]
 *    #main
 *       #opening
 *          #contextual (note the particular location)
 *       #content
 * [...]
 */


/**
 * Main contents (subject of the page)
 * @section        main
 * @tree           #main < #core < #wrapper < body < html
 */
#main .deco {
	width:235px; height:35px;
	background:url(../img/bg/opening_content_special_bottom.png) no-repeat;
}


/**
 * Page title, intro texts and images...
 * @section        opening
 * @tree           #opening < #main < #core < #wrapper < body < html
 */
#opening {padding-bottom:0;}

.special #opening {
	background:transparent url(../img/bg/opening-extended.png) repeat-y;
	color:#fff;
	padding:8px 20px 0;
}

#opening .section {
	position:relative; z-index:9000;
	margin:5px -20px 0;
}

#opening .content {
	float:left;
	margin:0; padding:10px 0;
	width:421px;
	background:none;
}

/* form (only on offers) */
#openingForm {
	margin-top:1em;
	font-size:11px;
}

#opening .club, #opening fieldset {padding:.4em 0;}

#opening .legend {
	float:left;
	padding-top:.3em;
	width:100px;
	font-weight:bold;
}
#opening .destinations .legend {padding:0;}

#opening .startDate, #opening .fauxSelect, #opening .openCalendar {float:left;}

#opening .submit {
	float:right;
	padding-top:.4em;
}

#opening .box input {
	float:left;
	margin:.1em .3em 0 0;
}

#opening .box label {
	float:left;
	margin-right:1.3em;
}

#fClubOffers {width:237px;}
#fStartDateDayOffers, #fStartDateMonthOffers {width:20px;}
#fStartDateYearOffers {width:35px;}


/**
 * Menus, texts, images, etc. related to the current page 
 * @section        contextual
 * @tree           #content < #main < #core < #wrapper < body < html
 */
#contextual {
	float:left;
	margin:0; padding-bottom:10px;
	width:235px;
}

/* #menuContextual */
#menuContextual {
	padding:13px 21px 0 16px;
	text-transform:uppercase;
}

#menuContextual a, #menuContextual li.on a {padding:.5em 5px;}


/**
 * Actual content of the page
 * @section        content
 * @tree           #content < #main < #core < #wrapper < body < html
 */
#content {
	margin:0; padding-left:15px;
	width:661px;
}

/* main title */
#content h2 {
	position:relative;
	color:#5BB0B2;
	font-size:18px; font-weight:normal;
	text-transform:uppercase;
}

/* pagination */
#content .pagination {
	margin:0 0 .5em 15em;
	font-size:18px;
}
#content .pagination.first {margin-top:-1.3em;}

#content .pagination strong {
	color:#5BB0B2;
	font-size:18px; font-weight:normal;
}

#content .pagination ul {
	margin:0 0 0 .1em;
	font-size:11px;
	line-height:1;
}

#content .pagination li {display:inline;}

#content .pagination li strong {
	font-size:11px; font-weight:bold;
	text-decoration:underline;
}

/* special paragraphs */
#content p.more {
	position:absolute; top:.5em; right:14px;
	margin:0;
}

#content p.more a {
	padding-left:8px;
	background:url(../img/bullet/4x7_n_433369.gif) no-repeat 0 .4em; color:#433369;
	font-weight:bold;
}

/* #toc (table of contents) */
#toc ul {
	width:647px;
	overflow:hidden;
}

#toc li {display:inline;}

.js #toc li.off {display:inline;}

#toc li.on a {
	font-weight:bold;
	text-decoration:none;
	cursor:default;
}

/* show/hide */
.js #content .section.off {display:block;}
.js #content .section.off .content {display:none;}


/**
 * Subtemplate offersClassic (all special offers except "last minute")
 * @section        offersClassic
 */
.offersClassic #content .section {margin:0 0 1.3em -15px;}

.offersClassic #content .section h3 {
	padding:.3em 15px;
	background:url(../img/bg/main_clubName_offers.png) repeat-y; color:#4A3872;
	font:bold italic 18px "Times New Roman", Times, Georgia, serif;
}
.offersClassic #content .section h3 a {
	display:block;
	margin:-0.3em -15px; padding:.3em 15px;
	background:url(../img/bg/content_showHide_vert.gif) no-repeat 0 50%; color:#4A3872;
	text-decoration:none;
}
.offersClassic #content .section.on h3 {color:#5BB0B2;}
.offersClassic #content .section.on h3 a {background-position:-676px 50%; color:#4A3872;}
.offersClassic #content .section h3 span {float:left;}
.offersClassic #content .section h3 span.meta {
	float:right;
	padding-right:15px;
	font:bold 12px/1.95 Arial, Verdana, Helvetica, sans-serif;
}
.offersClassic #content .section h4 {font-size:12px;}
.offersClassic #content .section h4 span {font-weight:normal;}

.offersClassic #content .section p.infos {
	margin:0; padding:.3em 15px;
	color:#AC036D;
}

.offersClassic #content .section p.infos strong {text-transform:uppercase;}

.offersClassic #content .section div.dates {
	padding:.6em 15px;
	margin-left:15px;
	font-weight:bold;
	background-color:#ECECEC;
}
.offersClassic #content .section div.dates label {
	float:left;
	margin-right:5px; padding-top:.1em;
}

.js .offersClassic #content .section ul.dates li.off {display:block;}
.offersClassic #content .section ul.dates li.on a {
	font-weight:bold;
	text-decoration:none;
}

.offersClassic #content .section p.legal {
	margin:0; padding:.6em 15px;
	font-size:11px;
}
.offersClassic #content .section p.legal span {font-style:italic;}

.offersClassic #content .item {
	margin-left:15px; padding:.6em 30px;
	background:#ECECEC url(../img/bg/main_offer_separator.gif) repeat-x;
}

.offersClassic #content .item ul {margin:.8em 0 0;}

.offersClassic #content .item li {
	float:left;
	margin-right:1em;
}
.offersClassic #content .item li.book {
	float:right;
	margin:0;
}

.offersClassic #content .item li a {
	padding-left:8px;
	background:url(../img/bullet/4x7_n_433369.gif) no-repeat 0 .4em; color:#433369;
	font-weight:bold;
}
.offersClassic #content .item li.book a {
	padding:0;
	background:none;
}


/**
 * Subtemplate offersReduced ("last minute")
 * @section        offersReduced
 */
.offersReduced #content .item {
	position:relative;
	margin:0 0 1.3em -15px; padding:1em 0;
}

.offersReduced #content .item h3 {
	padding:.3em 85px .3em 175px;
	background:url(../img/bg/main_clubName_offers.png) repeat-y; color:#4A3872;
	font:bold italic 16px "Times New Roman", Times, Georgia, serif;
}
.offersReduced #content .item h3 span {
	padding-left:1em;
	font:bold normal 11px Arial, Verdana, Helvetica, sans-serif;
}

.offersReduced #content .item p.type {
	position:relative;
	margin:-2.1em 0 1.5em 15px;
	width:149px; height:18px;
	background:url(../img/bg/main_clubType_vert.png) no-repeat; color:#FFF;
	font-size:11px; font-weight:bold;
	text-align:center;
	line-height:18px;
}

.offersReduced #content .item p.price {
	position:absolute; top:1.2em; right:14px;
	margin:0;
	font-size:10px;
	text-align:right;
	line-height:1;
}
.offersReduced #content .item p.price strong {
	display:block;
	color:#AC036D;
	font-size:17px;
}

.offersReduced #content .item p.legal {
	float:right;
	margin:-1em 0 0; padding-right:14px;
	width:160px;
	color:#AC036D;
	font-size:9px;
	text-align:right;
}

.offersReduced #content .item .content {padding:0 15px;}

.offersReduced #content .item .content p {margin-right:200px;}

.offersReduced #content .item ul {
	margin:.8em 0 0;
	text-align:right;
}

.offersReduced #content .item li {
	display:inline;
	margin-left:1em;
}

.offersReduced #content .item li a {
	padding-left:8px;
	background:url(../img/bullet/4x7_n_433369.gif) no-repeat 0 .4em; color:#433369;
	font-weight:bold;
}
.offersReduced #content .item li.book a {
	padding:0;
	background:none;
}

.offersReduced #content .item li img {
	margin-top:-0.1em;
	vertical-align:middle;
}

/* common to offersClassic and offersReduced */
.offersClassic #opening .section, .offersReduced #opening .section {background:url(../img/bg/opening_content_offers.jpg) repeat-y;}

.offersClassic #menuContextual, .offersReduced #menuContextual {background:url(../img/bg/menuContextual_offers_top.jpg) no-repeat;}
.offersClassic #menuContextual li.on a, .offersReduced #menuContextual li.on a {background-image:url(../img/bg/menuContextual_offers_on.jpg);}


/**
 * Subtemplate groups
 * @section        groups
 */
.groups #opening .section {background:url(../img/bg/opening_content_groups.jpg) repeat-y;}

.groups #menuContextual {background:url(../img/bg/menuContextual_groups_top.jpg) no-repeat;}
.groups #menuContextual li.on a {background-image:url(../img/bg/menuContextual_groups_on.jpg);}

.groups #menuContextual a {display:block;color:#394D57;}

.groups #content h2, .groups #toc, .groups #toc a {color:#415560;}

.groups #content .section {
	position:relative;
	margin-left:-15px; padding:1em 0;
}

.groups #content .section h3 {
	position:relative;
	margin:0 0 .5em; padding:.3em 15px;
	background:url(../img/bg/main_groupName.png) repeat-y; color:#415560;
	font:bold italic 18px "Times New Roman", Times, Georgia, serif;
}

.groups #content table {
	margin:0 15px;
	width:646px;
	font-size:12px;
}

.groups thead {background:url(../img/bg/main_offer_separator.gif) repeat-x 0 80%;}

.groups #content th, .groups #content td {
	padding:.2em 10px .2em 0;
	text-align:left;
}
.groups #content th {
	padding-bottom:1em;
	font:bold italic 15px "Times New Roman", Times, Georgia, serif;
}
.groups #content td.depts {font-weight:bold;}


/**
 * Subtemplate seminars
 * @section        seminars
 */
.seminars #opening .content {
	float:none;
	margin:5px -20px -8px; padding:8px 20px;
	width:auto;
	background:url(../img/bg/opening_content_seminars.jpg) repeat-y;
}

.seminars #content {color:#384B55;}

.seminars #content a {color:#384B55;}

.seminars #content .indigo img {vertical-align:middle;}

.seminars #content .map {text-align:center;}


/**
 * Auto-clearing method (do not work in IE)
 * @section        clearing
 */
#opening .section:after, #openingForm:after, #opening .box:after, #opening .club:after, #content .section h3:after, #content .section h3 a:after, #content .section .item ul:after, .offersClassic #content .section div.dates:after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	content:".";
}