@charset "UTF-8";

.textBold {	font-weight:bolder;}
.textItalic {	font-style:italic;}
.textLeft {	text-align:left;}
.textRight {text-align:right;}
.textCenter {	text-align:center;}
.textJustify {	text-align:justify;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clearLeft {clear:left;}
.clearRight {clear:right;}	
.clearBoth {clear:both;}

/* --------------------------------
   * Resets default browser CSS.
----------------------------------- */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
img {
	max-width: 100%;
}
/* --------------------------------------------------------------   

   Contains every hack for Internet Explorer,

   so that our core files stay sweet and nimble.   

-------------------------------------------------------------- */
/* Elements
-------------------------------------------------------------- */

/* Fixes incorrect styling of legend in IE6. */
* html legend { margin:0px -8px 16px 0; padding:0; }                    

/* Fixes incorrect placement of ol numbers in IE6/7. */
ol { margin-left:2em; }

/* Fixes wrong line-height on sup/sub in IE. */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

/* Fixes IE7 missing wrapping of code elements. */
html>body p code { *white-space: normal; } 

/* IE 6&7 has problems with setting proper <hr> margins. */
hr  { margin: -8px auto 11px; }

/* Explicitly set interpolation, allowing dynamically resized images to not look horrible */
img { -ms-interpolation-mode: bicubic; }

/*--------------------------------------------------------------*/


/*------------------------------------

	Site

-------------------------------------*/

body {
	font:13px arial,sans-serif;
	color:#333;
	background:#88c5e3;
}

* html .jsPngFix { behavior: url("/iepngfix.htc"); }

/*------------------------------------
	BALISES
-------------------------------------*/
a {
	text-decoration:none;
	outline:none;
	color:#1484BD;
}
ul li { list-style:none;
	color: #4b4b4b; }
p { 
	color: #4b4b4b;
    font-size: 13px;
    margin: 0 0 14px;
    text-align: justify;
}
p.interlignDouble {
	line-height: 20px;
}
iframe {height:100%;}

/*------------------------------------

	BLOCKS

-------------------------------------*/

#blockGlobal {
	padding:0;
	background: url("../images/bgd_body.jpg") repeat-x scroll left top #88c5e3;
	margin:0 auto;
}

#blockGlobal #blockHeader, 
#blockGlobal #blockMenu, 
#blockGlobal #blockCenter, 
#blockGlobal #blockFooter {
	width:990px;
	margin:0 auto;
	background:#FFF;
}





#blockGlobal #blockCenter #Column-1 {
	float:left;
	width:230px;
	padding:12px 12px 12px 0;
	margin:12px 0 12px 10px;
	border-right:1px solid #DDD;
}

#blockGlobal #blockCenter #Column-2 {
	float:right;
	width:718px;
	margin:0 12px 0 0;
	padding:12px 0 12px 0;
}

* html #blockGlobal #blockCenter #Column-1 { margin-left:8px; }
* html #blockGlobal #blockCenter #Column-2 { margin-right:4px; }

/* --- Formulaires ------------------------------ */

#blockGlobal input.btnSubmit {
	padding:2px 5px;
	text-align:center;
	background:#666;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	border:0;
}

/*------------------------------------
	HEADER
-------------------------------------*/

#blockGlobal #blockHeader .blockLeft {
	background: url(../images/bgd_header-logo1.jpg) no-repeat top left;
	width: 310px;
	height: 175px;
	float: left;
	position: relative;
}
* html #blockGlobal #blockHeader .blockLeft {
	margin: 0;
	padding: 0;
}
#blockGlobal #blockHeader .blockLeft #sun{
	background: url(../images/bgd_header-soleil.png) no-repeat top left;
	width: 128px;
	height: 83px;
	position: absolute;
	margin: 6px 0 0 -16px;
}
#blockGlobal #blockHeader #blockCurve {
	background: url(../images/bgd_header-logo2.gif) no-repeat top left;
	width: 68px;
	height: 144px;
	float: left;
	position: relative;
}
* html #blockGlobal #blockHeader #blockCurve {
	padding: 0;
}
	
#blockGlobal #blockHeader .blockTopRight {
	background: url(../images/bgd_header-top-right.gif) no-repeat top left;
	width: 612px;
	height: 26px;
	float: left;
	position: relative;
}
#blockGlobal #blockHeader #blockCurve2 {
	background: url(../images/bgd_header-courbe.png) no-repeat top left;
	width: 43px;
	height: 118px;
	float: left;
	position: absolute;
	z-index: 100;
}

#blockGlobal #blockHeader .blockSlide {
	background: url(../images/img_header-1.gif) no-repeat top left;
	width: 605px;
	height: 118px;
	float: left;
}
#blockGlobal #blockHeader .blockSlide .blockImg{
	position: absolute;
}
#blockGlobal #blockHeader .blockRight {
	background: url(../images/bgd_header-right.gif) no-repeat top left;
	width: 7px;
	height: 118px;
	float: right;
}
* html #blockGlobal #blockHeader .blockRight {margin: 0 0 0 -1px;}
#blockGlobal #blockHeader .blockBottom {
	background: url(../images/bgd_header-bottom-right.gif) no-repeat top left;
	width: 680px;
	height: 31px;
	float: left;
}
* html #blockGlobal #blockHeader .blockBottom {margin:-3px 0 0 0}
/* logo */
#blockGlobal #blockHeader .blockLogo{	
}
#blockGlobal #blockHeader .blockLogo .firstLine,
#blockGlobal #blockHeader .blockLogo .secondLine {
	float:left;
}
#blockGlobal #blockHeader .blockLogo .firstLine{
	margin: 54px 0 0 26px;
}
* html #blockGlobal #blockHeader .blockLogo .firstLine{	margin: 54px 0 0 12px;}
#blockGlobal #blockHeader .blockLogo .firstLine span,
#blockGlobal #blockHeader .blockLogo .secondLine span
{ display:none; }

#blockGlobal #blockHeader .blockLogo .secondLine {
	margin:12px 0 0 22px;
}
* html #blockGlobal #blockHeader .blockLogo .secondLine {margin: 12px 0 0 15px;}


/* menu */
#blockGlobal #blockMenu {
	position: relative;
}
#blockGlobal #blockMenu .blockLeft{	
	background: url(../images/bgd_menu-left.jpg) no-repeat top left;
	width: 319px;
	height: 30px;
	float: left;
}
#blockGlobal #blockMenu #menu {
	float: left;
	background: url("../images/bgd_menu-center.gif") repeat-x scroll left top #fff;
	width: 656px;
	height: 30px;	
}
#blockGlobal #blockMenu #menu ul{
}
#blockGlobal #blockMenu #menu ul li{
	float: left;
	list-style: none;
}
* html #blockGlobal #blockMenu #menu ul li{
	margin-left:0;height:10px;
	display: block;
	float: left;
}
#blockGlobal #blockMenu #menu ul li a{
	font-family: "Trebuchet MS",arial,verdana,sans-serif;
	font-size: 14px;
	color: #143e53;
	font-weight: bold;
}
#blockGlobal #blockMenu #menu ul li a:hover{
	color: #fff;
}	
#blockGlobal #blockMenu #menu ul li a.activ{
	color: #fff;
}
#blockGlobal #blockMenu #menu ul li a span{
	background: url(../images/bgd_menu-separator.gif) no-repeat top right;
	vertical-align: middle;
	padding: 0 8px;
	display: block;
	height: 30px;
	margin: 0px 0;
	line-height: 25px;
	overflow:hidden;
	float: left;
	position:relative;	
}
* html #blockGlobal #blockMenu #menu ul li a span{height: 26px;}
	
#blockGlobal #blockMenu #menu ul li a.first span{
	margin: 0 0px 0 0;
	padding: 0 10px 0 0;
}
#blockGlobal #blockMenu #menu ul li a.first span span,
#blockGlobal #blockMenu #menu ul li a span span{
	padding: 0;
	background: none;
}
#blockGlobal #blockMenu #menu ul li a span span span{
}
#blockGlobal #blockMenu #menu ul li a.last span{
	background: none;
}

#blockGlobal #blockMenu .blockRight {
	float: left;
	background: url("../images/bgd_menu-right.gif") no-repeat scroll left top #fff;
	width: 15px;
	height: 30px;
	
}
/* center */ 
#blockGlobal #blockCenter{
	background: url("../images/bgd_center-middle.gif") repeat-y scroll left top #fff;
	
}
#blockGlobal #blockCenter .blockLeft{
	background: url("../images/bgd_center-left.gif") no-repeat scroll left top #fff;
	height: 500px;
	width: 6px;
	float: left;
}
#blockGlobal #blockCenter .blockRight{
	background: url("../images/bgd_center-right.gif") no-repeat scroll right top #fff;
	height: 500px;
	width: 6px;
	float: left;
}	
#blockGlobal #blockCenter .blockTop{
	background: url("../images/bgd_center-top.gif") no-repeat scroll left top #fff;
	/*height: 134px;*/
	float: left;
	width: 978px;
	padding: 0 0 20px 0;
}

#blockGlobal #blockCenter .column-2{
	/*background: url("../images/bgd_center-top.gif") no-repeat scroll left top #fff;
	height: 144px;*/
	margin: 20px 0 0 20px;
	width: 700px;
	float: left;
}

#blockGlobal #blockCenter .column-1 {
	width: 220px;
	margin: 20px 0 0 20px;
	float: left;
}
* html #blockGlobal #blockCenter .column-1 {margin: 20px 0 0 10px}
#blockGlobal #blockCenter .column-1 .block-1 h2{
	width: 220px;
	height: 30px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	background: url("../images/bgd_blockLeft_top.gif") no-repeat center top;
}
#blockGlobal #blockCenter .column-1 .block-1 h3{
	color: #1484bd;
	font-size: 14px;
	font-weight: bold;
}
#blockGlobal #blockCenter .column-1 .block-1 h2 span{
	color: #fff;
	line-height: 28px;
	padding: 0 0 0 55px;
}
#blockGlobal #blockCenter .column-1 .block-1 .content{
	background: url("../images/bgd_blockLeft_bottom.gif") no-repeat center bottom;
	padding: 10px 0 20px 15px;
	float: none;
	margin: 0;
}
#blockGlobal #blockCenter .column-1 .block-1 .content img{
	margin: 8px 0 0 0;
	border: 1px solid #1484bd;
}
#blockGlobal #blockCenter .column-1 .block-wifi{
	color: #1484bd;
	font-size: 14px;
	font-weight: bold;
	margin: 40px 0 0 0;
	text-align: center;
}
#blockGlobal #blockCenter .column-1 .block-wifi a{
	display: block;
}
#blockGlobal #blockCenter .column-1 .block-petit-fute{
	color: #1484bd;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 0 0;
	text-align: center;
}
#blockGlobal #blockCenter .column-1 .fb_iframe_widget{
	margin: 0px 0 0 0;
	text-align: center;
}
#blockGlobal #blockCenter .column-1 .block-petit-fute span{
	margin: 0 0 10px 0;
	display: block;
}

#blockGlobal #blockFooter {
	background: url("../images/bgd_footer.gif") no-repeat scroll left bottom #88c5e3;
	height: 106px;
	width: 990px;
	padding: 0px 0 0 0;
	text-align: center;
	color: #767676;	
}	

#blockGlobal #blockFooter .partenaires{
	text-align: center;
	margin: 0 0 5px 0;
	padding: 20px 0 0 0;		
}
#blockGlobal #blockFooter .partenaires a {
	margin: 0 8px;
}
#blockGlobal #blockFooter .partenaires a span{
	display: none;
}
	
/*************************/
/* 		block btn 1
/*************************/

#blockGlobal .blockBtn-1{
}
#blockGlobal .blockBtn-1 span{
float:left;
vertical-align:middle;
background:url("../images/bgd_btn-1-left.gif") no-repeat left top;
color:#fff;
padding:0 0 0 8px;
	
}
#blockGlobal .blockBtn-1 span span{
background:url("../images/bgd_btn-1-right.gif") no-repeat right top;
padding:0 7px 0 0;	
}
#blockGlobal .blockBtn-1 span span span{
	font-size: 13px;
	font-weight: bold;
	height: 29px;
	line-height:1.5;
	background:#fff url("../images/bgd_btn-1-center.gif") repeat-x left top;
	padding:0px 5px 0 3px;
	line-height: 26px;	
}
#blockGlobal .blockBtn-1.news{
	margin: 12px 0 0 36px;
}

/*************************/
/* 		tableau
/*************************/


#blockGlobal #blockCenter .column-2 .tabRates {
	width: 95%;
	margin: 10px auto; 
	text-align: center;
}
#blockGlobal #blockCenter .column-2 .tabRates td{
	text-align: center;
	padding: 2px;
}
#blockGlobal #blockCenter .column-2 .tabRates thead tr{
	border-bottom: #1484bd 1px solid;
	color: #1484bd;
}
#blockGlobal #blockCenter .column-2 .tabRates thead td{
	border-right: 	#DDD 1px solid;
}
#blockGlobal #blockCenter .column-2 .tabRates thead td.last{
	border-right: none;	
}
#blockGlobal #blockCenter .column-2 .tabRates tbody tr{
	border-bottom: #DDD 1px solid;
}
#blockGlobal #blockCenter .column-2 .tabRates tbody td.title {
	font-weight: bold;
	text-align: left;
}
#blockGlobal #blockCenter .column-2 .tabRates thead td{
	font-weight: bold;	
	padding: 5px 0;
}

/*************************/
/* 		titres
/*************************/
#blockGlobal #blockCenter .column-2 h2 {
	font-size: 20px;
	color: #1484bd;
	font-weight: bold;
	/*text-align: center;*/
	/*margin: 0 0 0 50px;*/
}
#blockGlobal #blockCenter .column-2 h3 {
	font-size: 14px;
	color: #1484bd;
	font-weight: bold;
	margin: 10px 0 10px 15px;
}
#blockGlobal #blockCenter .column-2 h4 {
	font-size: 12px;
	color: #1484bd;
	text-decoration: underline;
	margin: 0 0 0 30px;
	font-weight: bold;
}
	
/*************************/
/* 		liens
/*************************/
#blockGlobal #blockCenter a.return {
	background:url("../images/bgd_puce1.gif") no-repeat left center;
	padding: 0 0 0 10px;
	margin: 15px 0 0;
	display: block;	
}

/*************************/
/* 		block
/*************************/

#blockGlobal #blockCenter .column-2 .block-1 {
	background:url("../images/bgd_block-1_top.gif") no-repeat left top;
	padding: 6px 0 0 0;
}
#blockGlobal #blockCenter .column-2 .block-1 .bottom {
	background:url("../images/bgd_block-1_bottom.gif") no-repeat left bottom;
	padding: 0 0 6px 0;
}
#blockGlobal #blockCenter .column-2 .block-1 .content {
	background:url("../images/bgd_block-1_center.gif") repeat-y left top;
	padding: 8px 15px 10px 13px;
}



#blockGlobal #blockCenter .column-2 .block-2 {
	background:url("../images/bgd_block-2_top.gif") no-repeat left top;
	padding: 7px 0 0 0;	
}
#blockGlobal #blockCenter .column-2 .block-2 .bottom {
	background:url("../images/bgd_block-2_bottom.gif") no-repeat left bottom;
	padding: 0px 0 10px 0;
	/*background: #d20000;*/
	
}
#blockGlobal #blockCenter .column-2 .block-2 .content{
	background:url("../images/bgd_block-2_center.gif") repeat-y left top;
	padding: 0 10px 0 10px;
}
* html #blockGlobal #blockCenter .column-2 .block-2 .content{height: 1%;}
#blockGlobal #blockCenter .column-2 h2 {
	background:url("../images/bgd_title_middle.gif") repeat-x left top;
	margin: 0 0 25px;
}
#blockGlobal #blockCenter .column-2 h2 span{
	background:url("../images/bgd_title_left.gif") no-repeat left top;
	display: block;
	height: 30px;
}
#blockGlobal #blockCenter .column-2 h2 span span{
	background:url("../images/bgd_title_right.gif") no-repeat right top;
	padding: 0 0 0 62px;
	line-height: 30px;
}

/*************************/
/* 		list
/*************************/
	
#blockGlobal #blockCenter ul {
	padding: 0;
	margin: 0 0 0 10px;
}
#blockGlobal #blockCenter ul li{
	background:url("../images/bgd_list.gif") no-repeat left center;
	padding: 0 0 0 20px;
	margin: 5px 0;
}
#blockGlobal #blockCenter ul {
}

	
/*************************/
/* 		page home
/*************************/
#blockGlobal #blockCenter .home h1.welcome{	
	background:url("../images/bgd_title_home.gif") no-repeat left top;
	margin: 0 0 10px;
	display: block;
	width: 450px;
	height: 25px;
	margin: 8px auto 25px auto;
}
#blockGlobal #blockCenter h1.welcome span{
	display: none;
}
#blockGlobal #blockCenter .home .blockImg1{
	text-align: center;
	margin: 15px 0;
}
#blockGlobal #blockCenter .home .blockImg1 img{
	width: 480px;	
}
#blockGlobal #blockCenter .home .blockPromo{
	width: 600px;
	margin: 20px 35px;	
}
#blockGlobal #blockCenter .blockPromo .percent{
	width: 92px;
	height: 92px;
	background:url("../images/bgd_promo.gif") no-repeat left top;
	text-align: center;
	float: left;
	margin: 0 20px 0;
}
#blockGlobal #blockCenter .blockPromo .percent span{
	color: #fff;
	float: left;
	font-size: 22px;
	margin: 30px 12px;
	display: block;
	font-weight: bold;
}
#blockGlobal #blockCenter .blockPromo .line-1{
	color: #1484BD;
	font-size: 18px;
	font-weight: bold;
	float: left;
	margin: 7px 0;
}
#blockGlobal #blockCenter .blockPromo .line-2{
	float: left;
	text-aling: justify;
	width: 440px;
	font-size: 14px;
	margin: 5px 0;
}

	
/*************************/
/* 		page choix
/*************************/
#blockGlobal #blockCenter .column-2 .block-2 .choice {
	float: left;
	width: 207px;
	margin: 0 3px 2px 3px;
	text-align: center;
	overflow: hidden;
	position: relative;
}
/** html #blockGlobal #blockCenter .column-2 .block-2 .choice {margin: 0;}*/
#blockGlobal #blockCenter .column-2 .block-2 .choice h3{
	color: #1484bd;
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0;
	paddin: 0;
}
#blockGlobal #blockCenter .column-2 .block-2 .choice .blockBtn-1{
	margin: 4px 0 0 55px;;
}
#blockGlobal #blockCenter .column-2 .block-2 .choice img{
	border: 1px solid #1484bd;
}
	
/*************************/
/* 		page mobil-home
/*************************/
#blockGlobal #blockCenter .column-2 .mobilHome ul {
	margin: 0 0 20px 10px;	
}
#blockGlobal #blockCenter .column-2 .block-2 {
	text-align: center;
	margin: 20px 0;
}
#blockGlobal #blockCenter .column-2 .block-2 img{
	margin: 8px 15px;	
}
	
/*************************/
/* 		page roulotte
/*************************/
	
#blockGlobal #blockCenter .column-2 .roulotte ul {
	margin: 0 0 20px 10px;	
}
	
/*************************/
/* 		page caravane
/*************************/
	
#blockGlobal #blockCenter .column-2 .caravane ul {
	margin: 0 0 20px 10px;	
}
	
/*************************/
/* 		page emplacement
/*************************/
#blockGlobal #blockCenter .column-2 .location .photo1 {
	float: left;
	margin: 0 20px 20px 0;
}
#blockGlobal #blockCenter .column-2 .location .photo2 {
	float: right;
	margin: 20px 0 0 20px;
}
#blockGlobal #blockCenter .column-2 .block-2.location {
	text-align: center;
	margin: 20px 0;
}
#blockGlobal #blockCenter .column-2 .block-2.location img{
	margin: 8px 15px;	
}
	
/*************************/
/* 		page activités
/*************************/
#blockGlobal #blockCenter .column-2 .min1{
	float: right;
	margin: 0 0 20px 20px;
}
#blockGlobal #blockCenter .column-2 .min2{
	float: left;
	margin: 0 20px 20px 0;
}
	
/*************************/
/* 		page partenaires
/*************************/
#blockGlobal #blockCenter .column-2 .partenaires {
	text-align: center;
	margin: 0 0 20px 0;
}
#blockGlobal #blockCenter .column-2 .partenaires a{
	margin: 0 10px 20px 10px;
	/*float: left;
	display: block;*/
	line-height: 80px;	
}
#blockGlobal #blockCenter .column-2 .partenaires a span{
	display: none;
}
	
/*************************/
/* 		page réservation
/*************************/
#blockGlobal #blockCenter .column-2 {
}
	
/*************************/
/* 		page infos pratiques
/*************************/
#blockGlobal #blockCenter .column-2 .block-1 p.wifi {
	line-height: 30px;
}
#blockGlobal #blockCenter .column-2 .block-1 p.wifi span {
	display: block;
    float: left;
    line-height: 30px;
    margin: 6px 0 0;
    width: 55px;
}

	
/*************************/
/* 		form
/*************************/
#blockGlobal #blockCenter .column-2 form{
	clear: both;
}
#blockGlobal #blockCenter .column-2 form dl{
	margin: 0 0 0 20px;
}
#blockGlobal #blockCenter .column-2 form dl dt{
	clear: both;
	float: left;
	width: 30%;
	margin: 5px 0; 
}
#blockGlobal #blockCenter .column-2 form dl dt label{
	float: right;
}
#blockGlobal #blockCenter .column-2 form dl dd{
	float: left;
	margin: 4px 0 4px 20px; 
	width: 60%;
	padding: 0;
}
#blockGlobal #blockCenter .column-2 form dl dd input{
	margin: 2px 0;
	float: left;
	padding: 0;
}
#blockGlobal #blockCenter .column-2 form dl dd ul{
	clear: left;
	margin: 0;
}
#blockGlobal #blockCenter .column-2 form dl #electricity-element label{
	float: left; 
	clear: left;
	
}
#blockGlobal #blockCenter .column-2 {
}