/**
 * Base stylesheet for all pages
 * @media          {screen}
 * @toc            generic, flashBG, wrapper, header, menuMain, core, main, opening, content, contextual, support, footer, sitemap, clearing
 * 
 * Hierarchy :
 * html
 *    body
 *       #flashBG
 *       #wrapper
 *          #header
 *             #identity
 *             #siteTools
 *                 #myVVF
 *                 #languages
 *          #menuMain
 *          #core
 *             #main
 *                #opening
 *                #content
 *                #contextual
 *                   #menuContextual
 *             #support
 *          #footer
 *          #sitemap
 */


/**
 * Generic rules
 * @section        generic
 */
body {
	margin:0; padding:0;
	background:#FFF url(body.jpg) repeat-x; color:#4A3872;
	font:12px/1.3 Arial, Verdana, Helvetica, sans-serif;
}

h2, h3, h4, h5, h6, dt, dd, p, span, img, form, fieldset, legend, table {margin:0; padding:0; border:0;}

table {border-collapse:collapse;}

ul, ol, dl {
	margin:1.3em 0; padding:0;
	list-style:none;
}

a {color:#4A3872;}

input, select, textarea {
	margin:0;
	background:#FFF; color:#4A3872;
	font:11px Arial, Verdana, Helvetica, sans-serif;
}

.submit input {background:transparent;}

.clearer {
	clear:both;
	height:0;
	overflow:hidden;
}

#js .hide {position:absolute; left:-10000px;}

#checkMessageContainer h3{
	color:#C60000;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:15px;
}


/**
 * Animated flash panoramic
 * @section        flashBG
 * @tree           #flashBG < body < html
 */
#flashBG {
	margin-bottom:-291px;
	width:100%; min-width:996px; height:291px;
	overflow:hidden;
}

#flashBG img {
	position:absolute; left:50%;
	margin-left:-640px;
}

/**
 * Player flash 
 * @section        player
 * @tree           #player < body < html
 */
#player {position:absolute; top:3px;}


/**
 * Header partenaire login 
 * @section        header_partenaire
 * @tree           #header_partenaire < body < html
 */
#header_partenaire p {
	color:#B5218B;
	text-transform:uppercase;
	margin-left:30px;
}

/**
 * Root container (except flashBG)
 * @section        wrapper
 * @tree           #wrapper < body < html
 */
#wrapper {
	/*position:relative; */
	z-index:1;
	padding:0 0 56px;
}

#wrapperTest {
	padding:0 !important;
}

/**
 * Identity, languages, login or account
 * @section        header
 * @tree           #header < #wrapper < body < html
 */
#header {
	position:relative; z-index:1;
	margin:0 auto;
	width:996px;

}

/* #identity (logo and baseline) */
#identity {position:absolute; top:8px; left:15px; z-index:10;}

/* #siteTools */
#siteTools {
	height:40px;
	background:url(siteTools.png) no-repeat;
}

#noIndigo {
	float:left;
	padding:7px 0 0 296px;
}

#siteToolsInner {float:right;}

/* #myVVF (login or account) */
#myVVF {float:left;}

#myVVF dl {margin:0; padding:8px 0 0;}

#myVVF dt, #myVVF dd {
	float:left;
	margin:0; padding:0 15px 0 0;
	font-size:10px;
}

#myVVF dt {font-size:11px; font-weight:bold;}

#myVVF dd {padding-top:1px;}

#myVVF a {
	padding-left:8px;
	background:url(3x5_myVVF.gif) no-repeat 0 .5em;
}

/* #languages (change language) */
#languages {float:left;}

#languages ul {margin:0; padding:8px 7px 0 0;}

#languages li {
	float:left;
	margin-right:6px;
	width:20px; height:15px;
	background:url(language.png) no-repeat;
}

#languages a {
	display:block;
	padding:1px 3px 4px 1px;
	width:16px; height:10px;
}
#languages img {display:block;}


/**
 * Main navigation
 * @section        menuMain
 * @tree           #menuMain < #wrapper < body < html
 */

 #menuMain {
	position:fixed; bottom:0; left:0; z-index:5000;
	width:100%;	height:56px;
	background:url(menuMain.gif) repeat-x;
	font:bold italic 13px "Times New Roman", Times, Georgia, serif;
}

#menuMainTest {
	position:relative; z-index:1;
	height:32px;
	background:url(../img/bg/menuMainTest.gif) repeat-x;
	font:bold italic 13px "Times New Roman", Times, Georgia, serif;
}

#menuMainTest ul ul {
	display:none !important;
}

#menuMain ul {
	position:relative; top:24px;
	margin:0 auto; padding:0;
	width:996px;
}

#menuMainTest ul {
	position:relative; top:0;
	margin:0 auto; padding:0;
	width:996px;
}

#menuMain li, #menuMainTest li {
	float:left;
	height:32px;
	overflow:hidden;
}


/* normal */
#mDestinations{background:url(menuMain_content_club.gif) no-repeat; width:165px;}
#mOffers{background:url(menuMain_content_offers.gif) no-repeat; width:139px;}
#mAbout{background:url(menuMain_content_about.gif) no-repeat; width:172px;}
#mServices{background:url(menuMain_content_services.gif) no-repeat; width:112px;}
#mAccount{background:url(menuMain_content_account.gif) no-repeat; width:121px;}
#mPro{background:url(menuMain_content_pro.gif) no-repeat; width:101px;}
#mGroups{background:url(menuMain_content_groups.gif) no-repeat; width:85px;}
#mSeminars{background:url(menuMain_content_seminars.gif) no-repeat; width:101px;}


/* frFR */
#mDestinationsfrFR{background:url(menuMain_content_club.gif) no-repeat; width:165px;}
#mOffersfrFR{background:url(menuMain_content_offers.gif) no-repeat; width:139px;}
#mAboutfrFR{background:url(menuMain_content_about.gif) no-repeat; width:172px;}
#mServicesfrFR{background:url(menuMain_content_services.gif) no-repeat; width:112px;}
#mAccountfrFR{background:url(menuMain_content_account.gif) no-repeat; width:121px;}
#mProfrFR{background:url(menuMain_content_pro.gif) no-repeat; width:101px;}
#mGroupsfrFR{background:url(menuMain_content_groups.gif) no-repeat; width:85px;}
#mSeminarsfrFR{background:url(menuMain_content_seminars.gif) no-repeat; width:101px;}

/* enUS */
#mDestinationsenUS{background:url(../img/bg/en/menuMain_content_club.gif) no-repeat; width:124px;}
#mOffersenUS{background:url(../img/bg/en/menuMain_content_offers.gif) no-repeat; width:119px;}
#mAboutenUS{background:url(../img/bg/en/menuMain_content_about.gif) no-repeat; width:136px;}
#mServicesenUS{background:url(../img/bg/en/menuMain_content_services.gif) no-repeat; width:118px;}
#mAccountenUS{background:url(../img/bg/en/menuMain_content_account.gif) no-repeat; width:151px;}
#mProenUS{background:url(../img/bg/en/menuMain_content_pro.gif) no-repeat; width:152px;}
#mGroupsenUS{background:url(../img/bg/en/menuMain_content_groups.gif) no-repeat; width:94px;}
#mSeminarsenUS{background:url(../img/bg/en/menuMain_content_seminars.gif) no-repeat; width:102px;}

/* deDE */
#mDestinationsdeDE{background:url(../img/bg/de/menuMain_content_club.gif) no-repeat; width:102px;}
#mOffersdeDE{background:url(../img/bg/de/menuMain_content_offers.gif) no-repeat; width:163px;}
#mAboutdeDE{background:url(../img/bg/de/menuMain_content_about.gif) no-repeat; width:157px;}
#mServicesdeDE{background:url(../img/bg/de/menuMain_content_services.gif) no-repeat; width:79px;}
#mAccountdeDE{background:url(../img/bg/de/menuMain_content_account.gif) no-repeat; width:103px;}
#mProdeDE{background:url(../img/bg/de/menuMain_content_pro.gif) no-repeat; width:155px;}
#mGroupsdeDE{background:url(../img/bg/de/menuMain_content_groups.gif) no-repeat; width:85px;}
#mSeminarsdeDE{background:url(../img/bg/de/menuMain_content_seminars.gif) no-repeat; width:89px;}

/* nlNL */
#mDestinationsnlNL{background:url(../img/bg/nl/menuMain_content_club.gif) no-repeat; width:152px;}
#mOffersnlNL{background:url(../img/bg/nl/menuMain_content_offers.gif) no-repeat; width:158px;}
#mAboutnlNL{background:url(../img/bg/nl/menuMain_content_about.gif) no-repeat; width:139px;}
#mServicesnlNL{background:url(../img/bg/nl/menuMain_content_services.gif) no-repeat; width:95px;}
#mAccountnlNL{background:url(../img/bg/nl/menuMain_content_account.gif) no-repeat; width:116px;}
#mPronlNL{background:url(../img/bg/nl/menuMain_content_pro.gif) no-repeat; width:167px;}
#mGroupsnlNL{background:url(../img/bg/nl/menuMain_content_groups.gif) no-repeat; width:85px;}
#mSeminarsnlNL{background:url(../img/bg/nl/menuMain_content_seminars.gif) no-repeat; width:84px;}

#menuMain li a, #menuMainTest li a {
	display:block;
	overflow:hidden;
	padding-top:32px;
	height:0;
	text-decoration:none;
	color:#AB1881;
}

#menuMain li:hover, #menuMainTest li:hover, #menuMain li.on, #menuMainTest li.on {background-position:0 -32px;}
#menuMain li a:hover, #menuMainTest li a:hover, #menuMain li li.on a, #menuMainTest li li.on a {text-decoration:underline;}

#menuMain ul ul {
	position:absolute; top:-24px; left:-10000px;
	margin:0;
	width:984px;
}

#menuMain ul .on ul {left:0;}

#menuMain li li {
	padding:0 13px;
	height:auto;
}

#menuMain li li a {
	float:left;
	padding:0;
	height:23px;
	background:none;
	line-height:2;
}


/**
 * Container for core parts
 * @section        core
 * @tree           #core < #wrapper < body < html
 */
#core {
	margin:0 auto; padding-bottom:20px;
	width:996px;

}


/**
 * Main contents (subject of the page)
 * @section        main
 * @tree           #main < #core < #wrapper < body < html
 */
#main {
	position:relative;
	float:right;
	margin-top:100px; padding-right:0px;
	width:722px !important; 
	width:720px;	
	min-height:850px;

}

#partnerBannerContent {
	position:absolute; top:-130px; left:0;
	width:420px;
}


/**
 * Page title, intro texts and images...
 * @section        opening
 * @tree           #opening < #main < #core < #wrapper < body < html
 */
#opening {
	padding:8px 20px;
	width:430px;
	background:url(opening.png) repeat-y; 
	color:#FFFFFF;


}


#opening .content {
	margin:5px -20px -8px; padding:8px 20px;
	background:url(opening_content.jpg) repeat-y;
}

/*#opening h1 {
	position:relative;
	font:italic 25px "Times New Roman", Times, Georgia, serif;
}*/
#opening h1 span {
	display:block;
	font:normal 19px Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
}
#opening h1 span span {
	display:inline;
	font-size:15px;
	text-transform:none;
}
#opening h1 img {
	position:relative; top:-2px;
	vertical-align:middle;
}

#opening h2 {
	font-size:17px; font-weight:normal;
	text-transform:uppercase;
}

#opening p {
	margin:.3em 0;
	font-size:13px;
}


#en_tete {
	position:relative;
	font:italic 25px "Times New Roman", Times, Georgia, serif;
	color:#FFFFFF;
}

/* #breadcrumbs */
#breadcrumbs {
	margin:0 0 8px;
	font-size:10px;
	opacity:.65;
}
#breadcrumbs li {display:inline;}
#breadcrumbs a {color:#FFF;}


/**
 * Actual content of the page
 * @section        content
 * @tree           #content < #main < #core < #wrapper < body < html
 */


#js #content .off {display:none;}

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

.generic #contextual {
	padding-top:185px;
	width:220px;
	background:url(contextual_deco.jpg) no-repeat;
}

#contextual ul {margin:0;}

.generic #contextual p {padding:0 26px 0 4px;}
.generic #contextual p a {font-weight:bold;}
/*
#contextual .deco {
	position:absolute; top:185px; left:185px;
	width:20px; height:200px;
	background:url(../img/bg/menuContextual_deco.png) no-repeat;
}*/

/* #menuContextual */
.groups #menuContextual {
	/*padding:0 21px 0 1px;*/
	font-size:12px; font-weight:bold;
}

.groups #menuContextual li {border-top:1px solid #E4E1DD;}
.groups #menuContextual li.on {border-color:#FFF;}

.groups #menuContextual a {
	display:block;
	padding:.5em 5px .5em 3px;
	color:#3D2C62;
	text-decoration:none;
}
.groups #menuContextual a:hover {text-decoration:underline;}
.groups #menuContextual li.on a {
	padding-left:20px;
	background:url(menuContextual_item_on.jpg) no-repeat 0 50%; color:#FFF;
	text-decoration:none;
}


/**
 * Search tools, contact infos, newsletter...
 * @section        support
 * @tree           #support < #core < #wrapper < body < html
 */
#support {
	position:relative;
	float:left;
	margin:96px 0 0 20px;
	width:240px;
}

#support .item {
	/*position:relative; */
	margin-bottom:4px; 
	border:1px solid #E5B9D8;
	background:#FFF;
	z-index:1;
}

#support .item .content {
	border-top:1px solid #E5B9D8;
	background:url(support_item.gif) repeat-x;
}
#js #support .off .content {position:relative; display:none;}

#support .item p {
	padding:4px 24px 4px 8px;
	background:#F9F1F7 url(support_title.gif) repeat-x; color:#A8036B;
	font:normal 16px "Times New Roman", Times, Georgia, serif;
}

#support .item p a {
	display:block;
	margin:-4px -24px -4px -8px; padding:4px 24px 4px 8px;
	background:url(support_showHide.gif) no-repeat 0 -9999px; color:#A8036B;
	text-decoration:none;
}

#support .on p a {background-position:-238px .6em;cursor:pointer;}
#support .off p a {background-position:0 .6em;}

/* #bookingTool */
#bookingTool {position:relative; margin-bottom:20px; padding-top:43px; /*z-index:99;*/}

#bookingForm p, #multiSearchForm p {
	position:absolute; top:0; left:0;
	padding:4px 8px 0;
	width:104px; height:39px;
	background:url(support_bookingTool_title.gif) no-repeat -120px 0; color:#FFF;
	font:normal 16px/1 "Times New Roman", Times, Georgia, serif;
}

#dnn_TopTemplate_dnnMenuContainer{
	margin-left:6px;
}

.de-DE #bookingForm p, .de-DE #multiSearchForm p {
	font-size:13px
}

#multiSearchForm p {left:120px;}
#bookingTool .on p {background-position:0 0;}
#bookingTool .on p, #bookingTool .on p a {
	color:#AB0F70;
	cursor:default;
}
#bookingForm p a, #multiSearchForm p a {
	display:block;
	/*height:38px;*/
	color:#FFF;
	text-decoration:none;
}

#js #bookingTool .off .content, #js #bookingTool .off .submit {display:none;}

#bookingTool .on .content {
	padding:10px 0 0 15px; border:1px solid #E5B9D8; border-width:0 1px;
	background:#FFF url(support_bookingTool_content.gif) repeat-x;
	font-size:11px;
}

.de-DE #bookingTool .on .content label, .nl-NL #bookingTool .on .content label {
	font-size:10px
}

#bookingTool .contentInner {width:223px;}
#bookingTool #multiSearchForm .contentInner {overflow:hidden;}

#bookingTool .on .submit {
	padding:10px 0 0 16px;
	width:224px; height:35px;
	background:url(support_bookingTool_end.png) no-repeat;
}

/* #bookingForm, #multiSearchForm */
#bookingForm select {padding:1px; border:1px solid #7F9DB9;}

#bookingForm .club select {width:208px;}
#bookingForm .club, #bookingForm .club #fRegion {margin-bottom:7px;}
#bookingForm .stayLength select {width:81px;}
#bookingForm .people select {width:50px;}

#bookingForm #seeClub {margin:1px 0 0;}
#bookingForm #seeClub a {
	padding-left:8px;
	background:url(3x5_CD33A3.gif) no-repeat 0 .5em; color:#CC36A2;
}

#bookingForm label, #bookingForm legend span, #multiSearchForm .club label {
	display:block;
	padding-bottom:1px;
	font-weight:bold;
}

#bookingToolDate {border-color:#7F9DB9;}

#js #bookingForm .day, #js #bookingForm .month, #js #bookingForm .year {position:absolute; left:-10000px;}

#bookingForm .day input, #bookingForm .month input, #bookingForm .year input {
	margin:0; padding:1px 2px; border:1px solid #7F9DB9;
	width:40px;
}

#bookingForm .openCalendar a.open {
	position:relative;
	overflow:hidden;
	padding-top:15px;
	width:17px; height:0;
	background:url(support_calendar.gif) no-repeat;
}

#bookingForm .startDate {
	float:left;
	width:127px;
	overflow:hidden;
}
#bookingForm .startDate legend span {width:127px;}

#bookingForm .stayLength {
	float:left;
	width:81px;
}

#bookingForm .people {
	clear:left;
	padding-top:7px;
}

#bookingForm .people span {
	display:block;
	padding-top:2px;
	font-size:9px;
}

#bookingForm .adults, #bookingForm .children, #bookingForm .babies {
	float:left;
	width:74px;
}

#multiSearchForm legend span {
	display:block;
	width:223px;
	font-size:11px; font-weight:bold;
}

#multiSearchForm .box {
	float:left;
	margin-right:10px; padding:2px 0;
}

#multiSearchForm .box input {
	float:left;
	background:none;
}

#multiSearchForm .box label {
	float:left;
	margin:0; padding:2px 0 0 3px;
	font-size:9px;
}

html > body #multiSearchForm .box label {
	padding:1px 0 0 3px
}

#multiSearchForm fieldset {margin-bottom:7px;}
#multiSearchForm fieldset.services {margin:0;}
#multiSearchForm .activities .box {width:100px;}
#multiSearchForm .services .box {width:200px;}

/* #contactTool */
#contactTool .content {
	padding:10px 10px 8px 10px;
	font-size:11px;
}

#contactTool .tel {
	padding-left:42px;
	background:url(support_contactTool.gif) no-repeat 4px 10px;
}

#contactTool {margin:0;}

#contactTool div.chapo {
	margin-bottom:8px;
	font-weight:bold;
}

#contactTool span.offFrance {
	display:block;
	margin:4px 6px 0 0;
	color:#483972;
	font-size:9px;
	text-align:right;
}

#contactTool span.or {
	display:block;
	color:#CC36A2;
	font-size:14px; font-weight:bold;
}

#contactTool div.more a {
	padding-left:8px;
	background:url(3X5_CD33A3.gif) no-repeat 0 .5em; color:#CC36A2;
}

/* #contactTool */
#catalogTool .content {
	padding:10px 0;
	font-size:11px;
}

#catalogTool dl {margin:0;}

#catalogTool dt {
	margin:0 10px;
	font-weight:bold;
}

#catalogTool dd {font:14px "Times New Roman", Times, Georgia, serif;}

#catalogTool dd.alt {background:url(catalogTool_alt.jpg) no-repeat;}

#catalogTool dd a {
	float:left;
	padding:8px 0;
	width:238px;
	text-decoration:none;
}

#catalogTool dd img {float:left;}

#catalogTool dd span {
	float:left;
	padding-left:8px;
	width:170px;
	background:url(3X5_CD33A3.gif) no-repeat 0 .5em;
}

#catalogTool p.more {
	margin:0 10px;
	text-align:right;
}

#catalogTool p.more a {
	padding-left:8px;
	background:url(3X5_CD33A3.gif) no-repeat 0 .5em; color:#CC36A2;
}

/* #newsletterTool */
#newsletterTool .content {
	padding:10px 15px 8px 0;
	font-size:11px;
}

#newsletterForm .email {
	padding-left:62px;
	background:url(support_newsletterTool.gif) no-repeat 8px 8px;
}

#newsletterForm .email label {display:block;margin-bottom:5px;}

#newsletterForm .email input {
	padding:1px 2px; border:1px solid #E5B9D8;
	width:130px;
}

#newsletterForm .submit {
	float:right;
	margin-top:-19px;
}

/* #paymentTool */
#paymentTool .content, #assuranceTool .content, #protectionTool .content {
	padding:0 15px 10px;
	font-size:11px;
}
#paymentTool p, #assuranceTool p, #protectionTool p {margin:0; padding:10px 0 0;}
#paymentTool p.more a, #assuranceTool p.more a, #protectionTool p.more a {
	display:block;
	padding-left:8px;
	background:url(3x5_CD33A3.gif) no-repeat 0 .5em; color:#CC36A2;
}


/* #socialNetworks */

#socialNetworks li {
    display:inline; float:left;
    margin-right:18px;
}
#socialNetworks li.last {
    margin-right:0;
}
#socialNetworks ul {
    overflow:hidden;
    margin:10px 0 5px 15px;
}

/**
 * @section        footer
 * @tree           #footer < #wrapper < body < html
 */
#footer {background:#F9F7FC url(footer.gif) repeat-x;}

#footer ul {
	margin:0; padding:1em 10px;
	text-align:center;
}

#footer li {display:inline;}

#footer a {
	color:#251A45;
	text-decoration:none;
}
#footer  a:hover {text-decoration:underline;}


/**
 * Mini sitemap on each page
 * @section        footer
 * @tree           #sitemap < #wrapper < body < html
 */
#sitemap {
	padding-bottom:1em; border-top:1px solid #F0EBF5;
	background:#F9F7FC;
}

#sitemap .content {
	margin:0 auto;
	width:984px;
}

#sitemap .column {
	float:left;
	margin-left:78px;
	width:250px;
}

#sitemap span {text-align:center;}
#sitemap span {
	margin:1em 0;
	font-size:12px;
}

#sitemap ul {margin:0;}

#sitemap a {
	color:#351F4D;
	text-decoration:none;
}
#sitemap a:hover {text-decoration:underline;}


/**
 * Auto-clearing method (do not work in IE)
 * @section        clearing
 */
#siteTools:after, #menuMain:after, #core:after, #main:after, .startDate:after, .submit:after, #sitemap .content:after, #bookingForm .people:after, 
#multiSearchForm fieldset:after, #support .content:after, #catalogTool dd:after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	content:".";
}

.spiderOff
{
	display:none;
}

/* pagination */

.pagination {
	overflow:hidden;
	margin:20px 0 5px;
	text-align:center;
}

.pagination strong {
	font-weight:bold;text-decoration:underline;
	color:#B5218B;
}

.pagination ul {
	display:inline;
	font-size:11px;
}
.pagination li {
	display:inline;
	padding:0 4px;border-left:1px solid #483972;
	font-size:12px;
}

.pagination li.first {
	border:0;
}

li#pageBack, li#pageNext {
	border:0;
	font-size:11px
}
li#pageBack {
	padding-left:10px;
	background:url(page-prev.gif) no-repeat 0 5px;
}

li#pageNext {
	padding-right:10px;
	background:url(page-next.gif) no-repeat 100% 5px;
}

#ajaxLoader {
	display:block;
	width:35px; margin:20px auto;
}