html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
form,fieldset,legend,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
body{
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff
}
a{
	outline: 0;
	text-decoration:none
}
:focus{
	outline: 0
}
ol,ul{
	list-style: none
}
table{
	border-collapse: collapse;
	border-spacing: 0
}
caption,th,td{
	text-align: left
}
th,td{
	border: solid 1px #111
}
input,button,textarea{
	font-family: Arial, Helvetica, sans-serif
}
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.clearfix{
	display: inline-block
}
html[xmlns] .clearfix{
	display: block
}
* html .clearfix{
	height: 1%
}
span.clear{
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden
}
br.clear{
	clear: both
}
hr.clear{
	visibility:hidden;
	clear:both
}
#xblyss{
	display: none
}
/* wysiwyg */
div.xct{
	min-height:100px;
	/*outline: dotted 1px blue;*/
}
div.xct div,
div.xct iframe{
	/*clear: both;*/
	margin: 0 0 1em 0;
	padding:0;
	/*outline: dotted 1px #ddd;*/
	/*cursor: help;*/
	/*border: 0;*/
	/*background: none*/
}
div.xct div.x2c:after,
div.xct div.x3c:after,
div.xct div.x4c:after,
div.xct div.x13c:after,
div.xct div.x23c:after,
div.xct div.x14c:after,
div.xct div.x34c:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
div.xct div.x2c,
div.xct div.x3c,
div.xct div.x4c,
div.xct div.x13c,
div.xct div.x23c,
div.xct div.x14c,
div.xct div.x24c{
    display: inline-block
}
html[xmlns] div.xct div.x2c,
html[xmlns] div.xct div.x3c,
html[xmlns] div.xct div.x4c,
html[xmlns] div.xct div.x13c,
html[xmlns] div.xct div.x23c,
html[xmlns] div.xct div.x14c,
html[xmlns] div.xct div.x24c{
    display: block
}
* html div.xct div.x2c,
* html div.xct div.x3c,
* html div.xct div.x4c,
* html div.xct div.x13c,
* html div.xct div.x23c,
* html div.xct div.x14c,
* html div.xct div.x24c{
    height: 1%
}

div.xct div div{
	/*clear: none;*/
	/*outline: dotted 1px #bbb;*/
}
div.xct div div div{
	/*outline: dotted 1px #999;*/
}

div.xct div div.xl,
div.xct div iframe.xl{
	float: left
}
div.xct div div.xr,
div.xct div iframe.xr{
	float: right
}

/* txt */
div.xct div.x13c div.xl,
div.xct div.x23c div.xr{
	width: 30%;
	overflow: hidden
}
div.xct div.x13c div.xr,
div.xct div.x23c div.xl{
	width: 65%;
	overflow: hidden
}
div.xct div.x14c div.xl,
div.xct div.x34c div.xr{
	width: 21%;
	overflow: hidden
}
div.xct div.x14c div.xr,
div.xct div.x34c div.xl{
	width: 74%;
	overflow: hidden
}
div.xct div.x2c div{
	width: 47%;
	overflow: hidden
}
div.xct div.x3c div{
	width: 30%;
	overflow: hidden
}
div.xct div.x3c div.xc,
div.xct div.x3c iframe.xc{
	display: inline;
	float: left;
	margin: 0 0 0 5%
}
div.xct div.x4c div{
	width: 21%;
	overflow: hidden
}
div.xct div.x4c div.xc,
div.xct div.x4c iframe.xc{
	display: inline;
	float: left;
	margin: 0 0 0 4%
}
div.xct div.x2c div div,
div.xct div.x3c div div,
div.xct div.x4c div div{
	width: auto
}

body{
	background-color:#fff;
	text-align: center;
}

#bodycontent {
	position: relative;
	margin: 0 auto;
	width: 980px;
	padding-top: 60px;
	text-align: left;
}

#bodycontent h1 {
	position: absolute;
	top: 20px;
	left: 290px;
	margin: 0;
	width: 400px;
	height: 105px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/home/fun-and-fly.png) no-repeat;
}

#bodycontent h2 {
	margin: 0 0 50px 0;
	width: 980px;
	height: 46px;
	text-indent: -9999px;
	overflow: hidden;
	background : url(/img/home/bg-h2.jpg) no-repeat;
}

#glisse{
	position: relative;
	float: left;
	margin: 0 0 10px 0;
	width: 476px;
	height: 512px;
	background : url(/img/home/bg-glisse.jpg) 0 12px no-repeat;
}
#glisse h3{
	width: 328px;
	height: 23px;
	text-indent: -9999px;
	overflow: hidden;
	background : url(/img/home/dest-glisse.png) no-repeat;
}
#glisse li{
	position: absolute;
	top: 183px;
	right: 0;
	list-style: none;
	background : url(/img/home/kitesurf-.png) no-repeat;
}
#glisse li a{
	display: block;
	width: 131px;
	height: 53px;
	text-indent: -9999px;
	overflow: hidden;
	background : url(/img/home/kitesurf.png) no-repeat;
}
#glisse li.wind{
	right: 133px;
	background : url(/img/home/windsurf-.png) no-repeat;
}
#glisse li.wind a{
	display: block;
	width: 164px;
	height: 53px;
	background : url(/img/home/windsurf.png) no-repeat;
}
#glisse li a:hover{
	background: none;
}

#plongee{
	position: relative;
	float: right;
	margin: 0 0 10px 0;
	width: 474px;
	height: 512px;
	background : url(/img/home/bg-plongee.jpg) 6px 12px no-repeat;
}
#plongee h3{
	width: 474px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background : url(/img/home/plonger.png) no-repeat;
}
#plongee li{
	position: absolute;
	top: 183px;
	left: 6px;
	list-style: none;
	background : url(/img/home/plongee-.png) no-repeat;
}
#plongee li a{
	display: block;
	width: 164px;
	height: 53px;
	text-indent: -9999px;
	overflow: hidden;
	background : url(/img/home/plongee.png) no-repeat;
}
#plongee li a:hover{
	background: none;
}

#to{
	display: inline;
	clear: both;
	float: left;
	margin: 0 0 0 167px;
	width: 316px;
	height: 18px;
	/*
	text-indent: -9999px;
	overflow: hidden;
	background : url(/img/home/to.png) no-repeat;
	*/
	color: #163642;
	font: bold 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#lic{
	display: inline;
	float: right;
	/*margin: 0 27px 0 0;*/
	margin: 0;
	/*width: 442px;*/
	width: 467px;
	height: 18px;
	/*
	text-indent: -9999px;
	overflow: hidden;
	background : url(/img/home/licence.png) no-repeat;
	*/
	color: #0a2c38;
	font: bold 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#tsc{
	float: left;
	margin: -20px 0 20px 0;
	width: 80px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
	background : url(/img/home/tsc.png) no-repeat;
}

#part {
	display: none;
}