
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{
	color: #4c4c4c;
	font: 11px/15px Arial, Georgia, Verdana sans-serif;
	background: #fff url(/img/bg-body.jpg) 0 0 repeat-x
}

input,
select,
option,
textarea {
	border: 0;
	font: 11px/15px Arial, Georgia, Verdana sans-serif;
	background: transparent;
}

#bodycontent {
	position: relative;
	z-index: 3;
	margin: 0 auto;
	width: 980px;
	padding: 138px 0 28px;
	background: #fff url(/img/bg-bodycontent.gif) 0 0 repeat-x;
}
#bodycontent.activite {
	padding-top: 571px;
}
span#bodycontent-l,
span#bodycontent-r {
	display: block;
	position: absolute;
	top: 0;
	left: -26px;
	z-index: 1;
	width: 26px;
	height: 923px;
	line-height: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/bg-bodycontent-l.png);
}
span#bodycontent-r {
	left: 980px;
	width: 25px;
	background-image: url(/img/bg-bodycontent-r.png);
}

h1 {
	position: absolute;
	top: 33px;
	left: 15px;
	width: 255px;
}
h1 a {
	display: block;
	height: 77px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/logo.gif);
}
h2#baseline {
	display: none;
}


/**
 * @part : Menus
 */
#mactivites h3,
#mgeneral h3,
#mmultimedia h3 {
	display: none;
}

 /* @elmt : Activités sportives */
#mactivites { 
	position: absolute;
	top: 109px;
	left: 420px;
}
#mactivites ul li {
	float: left;
	height: 17px;
}
#mactivites ul li a {
	display: block;
	margin: 3px 0;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/spr-txt-mactivites.png) 0 0 no-repeat;
}
#mactivites ul li.m1 a { 
	width: 73px;
	padding: 0 26px 0 0;
	background-position: 0 -34px;
}
#mactivites ul li.m2 a { 
	width: 66px;
	background-position: 0 -45px;
}
#mactivites ul li.m1 a:hover { background-position: 0 -56px; }
#mactivites ul li.m2 a:hover { background-position: 0 -67px; }

#mactivites ul li strong a {
	margin: 0;
	height: 17px;
}
#mactivites ul li.m1 strong a,
#mactivites ul li.m1 strong a:hover { 
	width: 112px;
	background-position: 0 0;
}
#mactivites ul li.m2 strong a,
#mactivites ul li.m2 strong a:hover {
	width: 101px;
	background-position: 0 -17px;
}

/* @elmt : Menu Général */
#mgeneral,
#mmultimedia {
	position: absolute;
	top: 138px;
	left: 399px;
	z-index: 3;
	width: 569px;
}
#mmultimedia {
	left: 16px;
	width: 254px;
}
#mgeneral ul li,
#mmultimedia ul li {
	float: left;
	padding: 0 1px 1px 0;
	cursor: pointer;
}
#mgeneral ul li.m5,
#mmultimedia ul li.last {
	padding-right: 0;
}
#mgeneral ul li span,
#mgeneral ul li ul,
#mmultimedia ul li span,
#mmultimedia ul li ul {
	display: none;
}
#mgeneral ul li a,
#mmultimedia ul li a {
	display: block;
	padding: 0 1px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	background: url(/img/spr-bg-menu.gif) 0 -37px repeat-x;
	cursor: pointer;
}
#mgeneral ul li a span,
#mmultimedia ul li a span {
	display: block;
	height: 37px;
	line-height: 37px;
	background: #4c4c4c url(/img/mk-mgeneral.gif) 100% 28px no-repeat;
	cursor: pointer;
}
#mgeneral ul li.m1 a { width: 84px; }
#mgeneral ul li.m2 a { width: 136px; }
#mgeneral ul li.m3 a { width: 97px; }
#mgeneral ul li.m4 a { width: 114px; }
#mgeneral ul li.m5 a { width: 124px; }

#mgeneral ul li a {
	font-weight: bold;
}
#mmultimedia ul li a {
	font-size: 11px;
	text-align: left;
	background-position: 0 0;
}
#mmultimedia ul li a span {
	padding: 0 0 0 17px;
	background: #000 url(/img/mk-mmultimedia.gif) 9px 50% no-repeat;
}
/*
#mmultimedia ul li.m1 a { width: 107px; }
#mmultimedia ul li.m2 a { width: 77px; }
#mmultimedia ul li.m3 a { width: 61px; }
*/
#mmultimedia ul li.m1 a,
#mmultimedia ul li.m2 a,
#mmultimedia ul li.m3 a { width: 64px; }

#mgeneral ul li:hover a,
#mmultimedia ul li:hover a {
	background-position: 0 -74px;
}
#mgeneral ul li:hover a span {
	background-color: #41b0bb;
}
#mmultimedia ul li:hover a span {
	background-color: #41b0bb;
}
#mgeneral ul li:hover ul li a,
#mmultimedia ul li:hover ul li a {
	background-position: 1px 7px;
}

#mgeneral ul li:hover ul,
#mmultimedia ul li:hover ul {
	display: block;
}
#mgeneral ul li ul,
#mmultimedia ul li ul {
	position: absolute;
	top: 37px;
	left: 0;
	width: 567px;
	padding: 0 1px 15px 0;
	background: url(/img/spr-bg-menu-sub.png) 0 1px repeat-x;
}
#mmultimedia ul li ul {
	width: 955px;
	padding-right: 0;
	padding-left: 0;
	background: 0;
}
#mgeneral ul li ul li,
#mmultimedia ul li ul li {
	height: 23px;
	line-height: 23px;
	padding-left: 25px;
}
#mmultimedia ul li ul li {
	background: url(/img/spr-bg-menu-sub.png) -1px 1px repeat-x;
}
#mmultimedia ul li ul li.first {
	background-position: 0 1px;
}
#mmultimedia ul li ul li.last {
	padding-right: 25px;
	background-position: 100% 1px;
}
#mgeneral ul li ul li a,
#mmultimedia ul li ul li a {
	display: inline;
	padding: 0 0 0 9px;
	color: #fff;
	font-size: 12px;
	text-align: left;
	background: url(/img/mk-arrow-white.gif);
	background-repeat: no-repeat;
}
#mgeneral ul li ul li a:hover,
#mmultimedia ul li ul li a:hover {
	display: inline;
	color: #234360;
	background-image: url(/img/mk-arrow-blue.gif);
}
#mgeneral ul li.m1 ul li a,
#mmultimedia ul li.m1 ul li a,
#mgeneral ul li.m2 ul li a,
#mmultimedia ul li.m2 ul li a,
#mgeneral ul li.m3 ul li a,
#mmultimedia ul li.m3 ul li a,
#mgeneral ul li.m4 ul li a,
#mgeneral ul li.m5 ul li a { width: auto; }

#mgeneral ul li.disabled a {
	color: #aaa;
	cursor: not-allowed;
}
#mgeneral ul li.disabled:hover a {
	background-position: 0 -37px;
}
#mgeneral ul li.disabled:hover a span{
	background-color: #4c4c4c;
	cursor: not-allowed;
}
#mgeneral ul li.disabled:hover ul {
	display: none;
}

#mmultimedia ul li ul li.disabled a {
	color: #234360;
	cursor: not-allowed;
	background-image: url(/img/mk-disabled.gif);
	
}
/**
 * @end : Menus
 */

/* @elmt : Accès rapide aux destinations */
#mdestinations {
	position: absolute;
	top: 201px;
	left: 743px;
	z-index: 3;
	width: 225px;
}
.activite #mdestinations {
	top: 497px;
}
#mdestinations h3 {
	width: 198px;
	height: 30px;
	line-height: 30px;
	padding: 0 16px 0 11px;
	color: #091d21;
	font-size: 12px;
	cursor: pointer;
	background: url(/img/txt-title-mdestinations.png);
}
#mdestinations h3 span {
	display: block;
	background: url(/img/mk-v-large-darkblue.gif) 100% 50% no-repeat;
}
#mdestinations h3:hover,
#mdestinations.show h3 {
	color: #fff;
}
#mdestinations h3:hover span,
#mdestinations.show h3 span {
	background-image: url(/img/mk-v-large-white.gif);
}
#mdestinations div {
	display: none;
	position: relative;
	margin: -5px auto 0;
	width: 209px;
	padding: 8px 0 10px;
}
#mdestinations div dl {
	width: 177px;
	line-height: 18px;
	padding: 22px 16px 11px;
	font-weight: bold;
	background: url(/img/bg-mdestinations-list-m.png) 0 0 repeat-y;
}
#mdestinations div dl dt {
	padding: 0 0 0 9px;
	color: #73c3cc;
	background:url(/img/mk-croix-acces-rapide.gif) 0 7px no-repeat;
}
#mdestinations div dl dd {
	padding: 0 0 0 21px;
}
#mdestinations div dl dd a {
	color: #fff;
}
#mdestinations div dl dd a:hover {
	color:#ffe72c;
}

#mdestinations div  span#mdestinations-list-t,
#mdestinations div  span#mdestinations-list-b {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 209px;
	height: 8px;
	background: url(/img/bg-mdestinations-list-t.png);
}

#mdestinations div  span#mdestinations-list-b {
	top: auto;
	bottom: 0;
	height: 10px;
	background-image: url(/img/bg-mdestinations-list-b.png);
}

#mdestinations.show div {
	display: block;
}

/**
 * @bloc : Contact téléphonique
 */
#tel{
	z-index:3;
	display:block;
	position:absolute;
	top:35px;
	left:419px;
	width:263px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/img/img-top-tel.gif) no-repeat 0 0
	}
#tel strong,#tel h3,#tel span{ display:none }
 
 
/* @elmt : Mon espace personnel */
#personalspace{
	position: absolute;
	top: 35px;
	left: 768px;
	z-index: 3;
	width: 209px;
}
#personalspace h3 {
	width: 121px;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/txt-title-personalspace.png);
}
#personalspace form p {
	padding: 3px 0 0;
}
#personalspace form p label {
	display: none;
}
#personalspace form p input {
	border: 1px solid #0c1a31;
	width: 169px;
	padding: 3px 5px;
	color: #000;
	background: #fff;
}
#personalspace form div.sbmt input {
	position: absolute;
	top: 22px;
	left: 184px;
	border: none;
	width: 24px;
	height: 24px;
	padding: 24px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	background: url(/img/btn-ok.png);
}
#personalspace ul {
	padding: 3px 0 0;
}
#personalspace ul li {
	float: left;
}
#personalspace ul li.m1 {
	padding: 0 7px 0 10px;
	background: url(/img/mk-double-arrow-white.gif) 0 7px no-repeat;
}
#personalspace ul li.m2 {
	padding: 0 0 0 7px;
	background: url(/img/bd-v-solid-white-9.gif) 0 5px no-repeat;
}
#personalspace ul li a {
	color: #fff;
	text-decoration: underline;
}
#personalspace ul li a:hover {
	text-decoration: none;
}
 
 
/**
 *@bloc : Header
 */
#header{
	z-index: 1;
	position: absolute;
	top: 137px;
	left: 0px;
	line-height: 0;
}
#header object a {
	display: block;
	width: 980px;
	height: 415px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/noflashplayer.jpg) 50% 50% no-repeat;
}
#header h3 {
	position: absolute;
	top: 309px;
	left: 0;
	width: 171px;
	height: 67px;
	padding: 31px 19px 8px 11px;
	background: url(/img/btn-calculer.png);
}
#header h3 a {
	display: block;
	height: 67px;
	line-height: 0;
	overflow: hidden;
	text-indent: -9999px;
}
	
	
#middle {
	position: relative;
	z-index: 1;
	width: 955px;
	min-height: 750px;
	padding: 0 12px 20px 13px;
	overflow: hidden;
}
#left {
	position: relative;
	z-index: 1;
	float: left;
	width: 400px;
}
#center {
	position: relative;
	z-index: 2;
	float: right;
	margin: 115px 0 0 -60px;
	width: 600px;
	padding: 0 0 0 15px;
	/*overflow: hidden;*/
}
#center h2.title {
	line-height: 28px;
	padding: 0 0 18px 0;
	color: #000;
	font-size: 19px;
}


#path {
	position: absolute;
	top: 38px;
	right: 32px;
	z-index: 3;
	height: 25px;
	line-height: 25px;
}
#path h3 {
	display: none;
}	
#path a {
	padding: 0 9px 0 6px;
	color: #4c4c4c;
	font-weight: bold;
	background: url(/img/mk-arrow-grey.gif) 100% 6px no-repeat;
}
#path a:hover {
	text-decoration: underline;
}
#path span {	
	display: none;
}	
#path strong { 
	padding: 0 0 0 6px;
}


/**
 * @part : Footer
 */
#foo {
	height: auto;
	padding: 7px 0 0;
	overflow: hidden;
	background: url(/img/bg-footer.png) no-repeat;
}
#foo dl {
	float: left;
	padding: 21px 0 0;
	min-height: 158px;
	background: url(/img/bd-col-footer.png) 100% 0 no-repeat;
}
#foo dl.col1 {
	width: 133px;
	padding-right: 32px;
	padding-left: 14px;
}
#foo dl.col2 {
	width: 157px;
	padding-right: 36px;
	padding-left: 37px;
}
#foo dl.col3 {
	width: 107px;
	padding-right: 36px;
	padding-left: 36px;
}
#foo dl dt,
#foo dl dd {
	line-height: 16px;
}
#foo dl dt {
	padding: 0 0 15px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
#foo dl dd a {
	color: #7a7a7a;
}
#foo dl dd a:hover {
	text-decoration: underline;
}
#foo div {
	float: left;
	width: 304px;
	padding: 4px 48px 0 40px;
}
#foo div dl {
	float: none;
	min-height: 0;
	padding-top: 17px;
	background: 0;
}
#foo div dl dt {
	padding-bottom: 0;
}
#foo div dl dd,
#foo div dl.inline dt {
	display: inline;
}
#foo div dl.inline dt {
	padding-right: 4px;
}

#center div.wswg {
	line-height: 15px;
}

/* WSWG */
div.wswg {
	line-height: 15px;
	color: #4c4c4c;
}
div.wswg a {
	color: #6d6d6d;
	text-decoration: underline;
}
div.wswg a:hover {
	text-decoration: none;
}
div.wswg ol,
div.wswg ul {
	padding: 15px 0 7px 25px;
}
div.wswg ol {
	padding-left: 8px;
}
div.wswg ol li,
div.wswg ul li {
	padding: 0 0 0 15px;
	background: url(/img/mk-arrow-grey.gif) 0 7px no-repeat;
}
div.wswg ol li {
	list-style: decimal inside;
	background: 0;
}span.clear {
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	overflow: hidden;
	text-indent: -9999px;
}
/*
#mdestinations h3 {
	height: 44px;
	line-height: 44px;
	background: url(/img/acti/txt-title-mdestinations.png);
}
*/
#middle {
	z-index: 2;
	overflow: visible;
	background: url(/img/acti/bg-middle.jpg) 100% 100% no-repeat;
}
#left {
	float: left;
	width: 228px;
	padding: 0 17px 0 0;
}
#center {
	float: left;
	margin-top: 17px;
	margin-left: 0;
	width: 469px;
	padding-left: 0;
}
#right {
	position: relative;
	top: -60px;
	float: left;
	margin: 0 0 -65px;
	width: 222px;
	padding: 0 0 0 19px;
}

/**
 * @part : Actu windsurf/kitesurf
 */
#actu {
	margin: 0 0 16px;
	height: auto;
	padding: 0 17px 12px 13px;
	overflow: hidden;
	background: url(/img/acti2/bg-actus.jpg) left bottom no-repeat;
}
#actu h3 {
	margin: 0 -17px -72px -13px;
	width: 228px;
	height: 133px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/acti2/txt-title-actu-kitesurf.jpg);
}
.windsurf #actu h3 {
	background-image: url(/img/acti2/txt-title-actu-windsurf.jpg);
}

/* @bloc : actu */
#actu dl dt {
	line-height: 16px;
	padding: 0 0 6px 22px;
	font-size: 12px;
	font-weight: bold;
	background: url(/img/mk-cross-green.gif) 3px 4px no-repeat;
}
#actu dl dt a {
	color: #3b8b8f;
}
#actu dl dt a:hover { 
	text-decoration: underline;
}
#actu dl dd {
	padding: 0 0 6px;
	color: #184e51;
}
#actu dl dd a.img {
	display: block;
	padding: 0 0 12px;
}
#actu dl dd span {
	display: block;
	padding: 0 0 0 22px;
}
/* @end : actu */

#actu a.all {
	display: block;
	float: right;
	margin: 6px 0 0;
	line-height: 16px;
	padding: 0 0 0 8px;
	color: #008088;
	font-size: 12px;
	font-weight: bold;
	background: url(/img/mk-large-blue.gif) 0 7px no-repeat;
}
#actu a.all:hover {
	text-decoration: underline;
}

/**
 * @end : Actu windsurf/kitesurf
 */


/* @elmt : Newsletter Fun and Fly */
#newsletter {
	position: relative;
	margin: 15px 0 16px;
	width: 226px;
	padding: 3px 3px 6px 3px;
	background: url(/img/acti2/bg-newsletter.jpg) 0 0 no-repeat;
}
#newsletter h3 {
	display: none;
}
#newsletter a {
	display: block;
	height: 91px;
	overflow: hidden;
	text-indent: -9999px;
}


/* @elmt : Votre avis nous intéresse */
#avis {
	margin: 18px 0 35px 2px;
	padding: 80px 10px 0;
	background: url(/img/acti2/bg-avis.jpg) no-repeat;
}
#avis h3 {
	display: none;
}
#avis li {
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	background:url(/img/acti2/mk-double-arrow-black.gif) 0 6px no-repeat;
}
#avis a {
	color: #000;
}
#avis a:hover {
	text-decoration: underline;
}

/* @elmt : facebook. Rejoignez-nous */
#facebook {
	display: block;
	margin: 0 0 23px 2px;
	width: 216px;
	height: 54px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/acti2/btn-facebook.jpg);
}

/**
 * @part : Notre selection
 */
#selection {
	position: relative;
	margin: 0 0 32px;
	background: url(/img/acti2/bg-selection-b.jpg) 0 100% no-repeat;
}
#selection h3 {
	margin: 0 0 29px;
	height: 34px;
	overflow: hidden;
	text-indent: -9999px;
	background:url(/img/acti2/bg-selection-t.jpg);
}
#selection #offers {
	padding: 0 0 0 14px;
	height: auto;
	min-height: 100px;
	overflow: hidden;
	/*background: url(/img/acti/bg-selection-b.jpg) 0 100% no-repeat;*/
}
/* @bloc : offresel */
#selection #offers div.clear {
	clear: left;
}
#selection #offers div {
	float: left;
	width: 206px;
	padding: 0 20px 24px 0;
}
#selection #offers div h4 {
	padding: 0 0 2px 0;
	line-height: 19px;
	color: #e85622;
	font-size: 15px;
}
#selection #offers div p {
	height: auto;
	line-height: 15px;
	color: #2a5154;
	font-size: 11px;
}
#selection #offers div p a.img {
	float: right;
	margin: -12px 0 0 15px;
	width: 85px;
	height: 64px;
	line-height: 0;
	padding: 2px;
	background: url(/img/acti/bg-selection-img.png);
}
#selection #offers div p a {
	line-height: 16px;
	color: #2a5154;
	font-size: 12px;
}
#selection #offers div p a.prix {
	display: inline-block;
	margin: 4px 0 0;
	padding: 1px 13px 1px 3px;
	color: #fff;
	font-size: 11px;
	background-color: #235b60;
}

#selection a.all{
	position: absolute;
	top: 16px;
	left: 235px;
	line-height: 16px;
	padding: 0 0 0 8px;
	color: #576446;
	font-size: 11px;
	font-weight: bold;
	background: url(/img/acti/mk-medium-arrow-kaki.gif) 0 6px no-repeat;
}
#selection a.all:hover {
	text-decoration: underline;
}
/* @end : Notre selection */

/**
 * @part : Coté planète & Carte club
 */

/* @elmt : Coté planete */
#coteplanete {
	position: relative;
	margin: 0 10px 18px;
	padding: 7px 0 0 73px;
	color: #000;
}
#coteplanete img {
	position: absolute;
	top: 7px;
	left: 0;
}
#coteplanete h3 {
	width: 109px;
	padding: 7px 0 9px 0;
}
#coteplanete h3 a {
	display: block;
	height: 21px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/acti2/spr-txt-acti.gif) 0 -17px no-repeat;
}
#coteplanete li {
	padding: 0 0 0 8px;
	background: url(/img/acti/mk-min-star-black.gif) 0 4px no-repeat;
}
#coteplanete li a {
	color: #000;
}
#coteplanete li a:hover {
	text-decoration: underline;
}

/* @elmt : Carte club */
#carteclub {
	margin: 0 5px 16px;
	color: #000;
}
#carteclub img {
	float: right;
}
#carteclub h3 {
	width: 92px;
	padding: 7px 0 11px;
}
#carteclub h3 a {
	display: block;
	height: 17px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/acti2/spr-txt-acti.gif) 0 0 no-repeat;
}
#carteclub p a {
	padding: 0 0 0 8px;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	background: url(/img/acti2/mk-carteclub.gif) 2px 6px no-repeat;
}
#carteclub p a:hover {
	text-decoration: none;
}

/* @elmt : Rechercher un voyage */
#searchtravel{
	margin: 0 0 4px;
	background: url(/img/acti2/bg-searchtravel-t.png) 0 0 no-repeat;
}
#searchtravel h3 {
	position: relative;
	z-index: 2;
	margin: 0 0 -12px 27px;
	width: 168px;
	height: 58px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/acti2/txt-title-searchtravel.jpg);
}
#searchtravel form {
	position: relative;
	z-index: 1;
	width: 168px;
	padding: 23px 27px 0;
	background: url(/img/acti2/bg-searchtravel-b.jpg) 0 0 no-repeat;
}
#searchtravel form p {
	padding: 0 0 7px 0;
}
#searchtravel form p label {
	display: block;
	line-height: 16px;
	padding: 0 0 2px 15px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background: url(/img/mk-cross-white.gif) no-repeat 0 5px;
}
#searchtravel form p.checkbox label {
	display: block;
	line-height: 15px;
	padding: 0 0 0 3px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	background: 0;
}
#searchtravel form p.checkbox input {
	display: block;
	float: left;
	margin: 0 6px 0 0;
	width: 13px;
	height: 13px;
	
}
#searchtravel form p select {
	margin: 0 0 0 3px;
	width: 150px;
	color: #5f4f0f;
	border: 1px solid #206372;
	background: #fff;
}
#searchtravel form p select option {
	padding: 0 5px;
	color: #5f4f0f;
	background: #fff;
}
#searchtravel form div {
	padding: 0 0 10px;
}
#searchtravel form div.sbmt input {
	display: block;
	margin: 5px auto;
	width: 88px;
	height: 22px;
	padding: 22px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/btn-valider.png);
	cursor: pointer;
}

#searchtravel dl {
	line-height: 14px;
	padding: 0 27px 11px 35px;
	color: #fff;
	font-size: 12px;
	background: url(/img/acti2/bg-searchtravel-b.jpg) 0 100% no-repeat;
}
#searchtravel dl dt a {
	padding: 0 0 0 16px;
	color: #fff;
	font-weight: bold;
	background: url(/img/acti/mk-double-arrow-white.gif) 0 6px no-repeat;
}
#searchtravel dl dt a:hover {
	text-decoration: underline;
}
#searchtravel dl dd {
	padding: 4px 0 8px 16px;
}


#events {
	position: relative;
	width: 197px;
	height: 116px;
	padding: 50px 13px 13px;
	font-size: 12px;
	background: url(/img/acti2/bg-events.jpg);
}
#events h3 { display: none; }
#events h4 { margin: 6px 0 10px; }
#events h4 a {
	color: #fff;
	font-size: 13px;
}
#events h4 span {
	display: inline-block;
	margin: 0 0 5px;
	color: #235b60;
	font-weight: normal;
	font-size: 11px;
}
#events-all {
	margin: 0 0 0 62px;
	padding: 0 0 0 16px;
	color: #464646;
	font-weight: bold;
	background: url(/img/acti2/bg-all-events.png) 0 3px no-repeat;
}
#events img {
	position: absolute;
	top: -10px;
	left: 130px;
	-webkit-transform: rotate(-5deg);
	   -moz-transform: rotate(-5deg);
	    -ms-transform: rotate(-5deg);
	     -o-transform: rotate(-5deg);
	        transform: rotate(-5deg);
	
	-webkit-box-shadow: -5px 0 9px rgba(0, 0, 0, .42);
	   -moz-box-shadow: -5px 0 9px rgba(0, 0, 0, .42);
	        box-shadow: -5px 0 9px rgba(0, 0, 0, .42);
}

#galerievideo {
	width: 468px;
	height: 494px;
	background: url(/img/acti2/bg-videos-b.jpg) 0 100% no-repeat;
}
#galerievideo h3 {
	height: 53px;
	overflow: hidden;
	text-indent: -9999px;
	background:url(/img/acti2/bg-videos-t.jpg);
}
#galeriebig {
	position: relative;
	margin: 2px 0 10px 35px;
	padding: 6px 9px;
	width: 380px;
	height: 289px;
}
#galeriebig h4 {
	position: absolute;
	top: -26px;
	left: 0;
	width: 398px;
	color: #1f1e13;
	text-align: center;
}
#galeriebig div {
	position: relative;
	z-index: 1;
}
#galeriebig span {
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 2;
	display: block;
	width: 358px;
	height: 7px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/acti2/ms-galeriebig-t.png);
}
span#ms_galeriebig_r,
span#ms_galeriebig_l {
	width: 20px;
	height: 295px;
}
span#ms_galeriebig_r { left: 378px; background-image: url(/img/acti2/ms-galeriebig-r.png); }
span#ms_galeriebig_b { top: 288px; background-image: url(/img/acti2/ms-galeriebig-b.png); }
span#ms_galeriebig_l { left: 0; background-image: url(/img/acti2/ms-galeriebig-l.png); }

#box_galerieliste {
	position: relative;
	margin: 0 auto;
	width: 348px;
	padding: 0 9px;
	color: #1f1e13;
}
#box_galerieliste h5 {
	padding: 0 0 0 8px;
}
#galerieliste {
	margin: 5px 0;
	width: 348px;
	height: 81px;
	overflow: hidden;
}
#galerieliste ul {
	width: 99999px;
}
#galerieliste li {
	float: left;
	margin: 0 5px 0;
	border: 3px solid #c8c8c6;
	width: 100px;
	height: 75px;
	overflow: hidden;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#galerieliste li a,
#galerieliste li img {
	display: block;
}
#galerieliste li a {
	position: relative;
}
#galerieliste li a span {
	position: absolute;
	top: 59px;
	left: 0;
	display: block;
	width: 90px;
	height: 15px;
	line-height: 15px;
	padding: 0 5px;
	color: #fff;
	background: #000;
}
*+html #galerieliste li a {
	position: static;
}
*+html #galerieliste li a span {
	position: static;
	top: auto;
	left: auto;
	margin-top: -31px;
}
#galerieliste li a.rel {
	position: static;
	display: none;
}

#box_galerieliste button {
	position: absolute;
	top: 57px;
	left: 0;
	display: block;
	margin: 0;
	border: 0;
	width: 4px;
	height: 7px;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/acti2/btn-galerieliste-prev.gif);
	cursor: pointer;
}
#box_galerieliste button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button#galeries-next {
	left: 362px;
	background-image: url(/img/acti2/btn-galerieliste-next.gif);
}

#galerievideo_all {
	float: right;
	margin: 0 20px 0 0;
	padding: 0 0 0 8px;
	color: #552d12;
	font-weight: bold;
	background: url(/img/acti2/mk-galerievideo-all.gif) 0 5px no-repeat;
}
#galerievideo_all:hover {
	text-decoration: underline;
}

div.pubs{
	width: 217px;
	padding-top: 10px;
	margin: 0 0 16px 1px;
	background: url(/img/txt-title-pub.gif) no-repeat center top;
    
}
div.pubs div{
	border: 1px solid #666;
	margin: 0 0 10px 0;
}
div.pubs div a{
	display: block;
	border: none;
}
div.pubs div img,
div.pubs div object{
	display: block;
}
