/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */

ul {
    list-style: none;
    padding:0;
    margin:0;
}

li { 
    padding-left: 1em; 
    text-indent: -.7em;
    line-height: 25px;
}

li:before {
    content: "•";
    padding-right:10px;
    font-size:22px;
    color: #39c7f4; /* or whatever color you prefer */
}

.float-left{
	float: left;	
}

.float-right{
	float: right;
}
#page1{
	background:url(../image/bgimage2.png) 50% 0 no-repeat fixed;
	color: white;
	height:570px;
	min-height: 570px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	z-index: 1;
}
#page1 .bg{
	background: url(../bg/image/slide1_1.png) 0 no-repeat;
	height: 570px;
	min-height: 570px;
	left:0px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 200;; 
}


#page2{
	z-index:2px;
	height:940px;
	min-height: 940px;
}
#page2 .bg2{
	background: url(../bg/image/slide2_2.png) 0 0 no-repeat fixed;
	margin: 0 auto;
	height:940px;
	min-height: 140px;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}

#page3{
	z-index:2px;
	background:url(../image/bgimage2.png) 50% 0 no-repeat fixed;
	color: white;
	height:620px;
	min-height: 620px;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
}
#page3 .bg3{
	margin: 0 auto;
	height:620px;
	min-height: 620px;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}


#page4{
	z-index:2px;
	height:530px;
	min-height: 530px;
}
#page4 .bg4{
	background: url(../bg/image/slide4_2.png) 0 0 no-repeat fixed;
	margin: 0 auto;
	height:530px;
	min-height: 530px;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 0;	
}
#page5{
	z-index:2px;
	background:url(../image/bgimage2.png) 50% 0 no-repeat fixed;
	color: white;
	height:660px;
	min-height: 660px;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
}
#page5 .bg3{
	margin: 0 auto;
	height:660px;
	min-height: 660px;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}


#page6{
	z-index:2px;
	color: white;
	height:512px;
	min-height: 512px;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
}





#EVENTS{
	z-index:2px;
}
#EVENTS .bg{
	background: url(../bg/EN/bgeve2_EN.png) 0 0 no-repeat fixed;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}


.contentscroll{
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0;
	z-index: 2;	
}


/*	###############################################################################
	############################		news		#######################################
	###############################################################################
*/

#NEWSIMG{
	background:url(../image/bgimage2.png) 50% 0 no-repeat fixed;
	color: white;
	height:720px;

	margin: 0 auto;
	padding: 0;
	z-index: 1;
}
#NEWSIMG .bg{
	background: url(../bg/EN/bgnews1_EN.png) 50% 0 no-repeat fixed;
	height: 720px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}

#NEWS{
	z-index:2px;
}
#NEWS .bg{
	background: url(../bg/EN/bgnews2_EN.png) 0 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}
/*	###############################################################################
	############################		CSR		#######################################
	###############################################################################
*/
#CSRIMG{
	color: white;
	height: 716px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#CSRIMG .bg{

	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#CSR{
	z-index:2px;
}
#CSR .bg{
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}


/*	###############################################################################
	############################		ART		#######################################
	###############################################################################
*/
#ARTIMG{
	background:url(../image/bgimage2.png) 50% 0 no-repeat fixed;
	color: white;
	height: 716px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#ARTIMG .bg{
	background: url(../bg/EN/bgart1_EN.png) 90% 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#ART{
	z-index:2px;
}
#ART .bg{
	background: url(../bg/EN/bgart2_EN.png) 0 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}
/*	###############################################################################
	############################		CUL		#######################################
	###############################################################################
*/
#CULIMG{
	background:url(../image/bgimage2.png) 50% 0 no-repeat fixed;
	color: white;
	height: 716px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#CULIMG .bg{
	background: url(../bg/EN/bgcul1_EN.png) 90% 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#Culinary{
	z-index:2px;
}
#Culinary .bg{
	background: url(../bg/EN/bgcul2_EN.png) 0 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}
/*	###############################################################################
	############################		tou		#######################################
	###############################################################################
*/
#TOUIMG{
	background:url(../image/bgimage2.png) 50% 0 no-repeat fixed;
	color: white;
	height: 716px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#TOUIMG .bg{
	background: url(../bg/EN/bgtou1_EN.png) 90% 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#Tourisme{
	z-index:2px;
}
#Tourisme .bg{
	background: url(../bg/EN/bgtou2_EN.png) 0 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}

/*	###############################################################################
	############################		Celebrations		#######################################
	###############################################################################
*/
#CELEBRATIONIMG{
	background:url(../image/bgimage2.png) 50% 0 no-repeat fixed;
	color: white;
	height: 716px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#CELEBRATIONIMG .bg{
	background: url(../bg/EN/bgcelebration1_EN.png) 90% 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#Celebrations{
	z-index:2px;
}
#Celebrations .bg{
	background: url(../bg/EN/bgcelebration2_EN.png) 0 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}
/*	###############################################################################
	############################		ARTevents		#######################################
	###############################################################################
*/
#TOUIMG{
	background:url(../image/bgimage2.png) 50% 0 no-repeat fixed;
	color: white;
	height: 716px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#TOUIMG .bg{
	background: url(../bg/EN/bgtou1_EN.png) 90% 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#ARTevents{
	z-index:2px;
}
#ARTevents .bg{
	background: url(../bg/EN/bgtou2_EN.png) 0 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}
/*	###############################################################################
	############################		Culinary events		#######################################
	###############################################################################
*/
#TOUIMG{
	background:url(../image/bgimage2.png) 50% 0 no-repeat fixed;
	color: white;
	height: 716px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#TOUIMG .bg{
	background: url(../bg/EN/bgtou1_EN.png) 90% 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#Culinaryevents{
	z-index:2px;
}
#Culinaryevents .bg{
	background: url(../bg/EN/bgtou2_EN.png) 0 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}
/*	###############################################################################
	############################		TheTravelClub		#######################################
	###############################################################################
*/
#TOUIMG{
	background:url(../image/bgimage2.png) 50% 0 no-repeat fixed;
	color: white;
	height: 716px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#TOUIMG .bg{
	background: url(../bg/EN/bgtou1_EN.png) 90% 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#TheTravelClub{
	z-index:2px;
}
#TheTravelClub .bg{
	background: url(../bg/EN/bgtou2_EN.png) 0 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}
/*	###############################################################################
	############################		about		#######################################
	###############################################################################
*/
#ABOUTIMG{
	background:url(../image/bgimage2.png) 50% 0 no-repeat fixed;
	color: white;
	height: 716px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#ABOUTIMG .bg{
	background: url(../bg/EN/bgabout1_EN.png) 90% 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#ABOUT{
	z-index:2px;
}
#ABOUT .bg{
	background: url(../bg/EN/bgabout2_EN.png) 0 0 no-repeat fixed;
	height: 950px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 0;	
}
/*	###############################################################################
	############################		contact		#######################################
	###############################################################################
*/
#CONTACTIMG{
	color: white;
	height: 700px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	z-index:0;
}



#third{
	background:url(../image/bgimage3.png) 50% 0 no-repeat fixed;
	color: white;
	height: 716px;
}
#third .bg{
	background: url(../image/title1.png) 50% 0 no-repeat fixed;
	height: 716px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}
#fifth{
	background: #ffffff;
	height: 716px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.story{
	margin: 0 auto;
	min-width: 960px;
	width: 1300px;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
}