/* use html {overflow: scroll;} to show th scrollbars even is the page doesn't need it */
/* use @media unknown for ie5/mac since all is hidden in ie5/mac when html {overflow: scroll;} */
@media screen {html {overflow: scroll;}}

body
{
font-family: Arial;
background: #ffffff;
margin-left: 0; /* to center */
margin-right: 0; /* to center */
margin-top: 0px;
padding-top: 0px;
text-align: center; /* bug ie 5, 6, 7? */
font-size: 12px;
}

p, th, td, div {text-align: justify; color: #000000;}
div.left {text-align: left;}
div.center {text-align: center;}
div.right {text-align: right;}

img {border: 0;}

a {color: #E65A02;text-decoration: none;}
a:hover {color: #378327;text-decoration: none;}

div.superglobal
{
	background: url(../img/zoo/bk-trick.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}

div.superglobal2
{
	background: url(../img/zoo/bk-global.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

div.global
{
	margin-left: auto; /* to center */
	margin-right: auto; /* to center */
	width: 851px; /* necessary to center */
	background: url(../img/zoo/bk-innerGlobal.jpg); /* in case of using horizontal scroll bar */
	background-repeat: no-repeat;
	background-position: top center;
}

/* small bug in ie5 macOS : dont't calculate properly relative height increment */

div.header
{
	width: 851px;
	height: 110px;
	border: 0;
	margin: 0;
	padding: 0;
}

div.flags
{
	width: 276px;
	height: 26px;
	position:relative;
	text-align:center;
	
	top: 5px;
	left:150px;
	
	padding: 0;
	margin: 0;
}

div.flags a img
{
	margin: 3px;
	width: 30px;
}

div.hpa
{
	color: #378327;
	text-align: right;
	padding-right: 75px;
	
	background:url(../img/zoo/4stars.gif);
	background-repeat: no-repeat;
	background-position: center right;
	text-align:right;
	
	width: 500px;
	height: 30px;
	line-height: 30px;
	position: relative;
	left: 200px;
	top:145px;
	font-size:16px;
}

div.mainMenu
{
	width: 160px;
	text-align: left;
	float: left;
}

div.mainMenuItem a
{
	/* block : used to define width and height to enlarge the clickable area */
	display: block;
	font-size: 16px;
	width: 150px;
	height: 38px;
	line-height: 38px;
	font-family: Arial;
	text-align: left;
	margin-left: 10px;
	color: #E65A02;
	text-decoration: none;
}

div.mainMenuItem a:hover
{
	color: #378327;
	text-decoration: none;
}

div.email
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	width: 64px;
	height: 64px;
}

div.email a
{
	display: block;
	width: 64px;
	height: 64px;
	background-image: url(../img/zoo/btn-email.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

div.email a:hover
{
	background-image: url(../img/zoo/bk-email.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

div.telephone
{
	width: 160px;
	text-align: center;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	color: #000000;
}

div.content
{
	/* remember: width + padding +3px (on ie 6) = actual size */
	/* remember: iframe must fit in the content */
	/* otherwise float doesn't work well */
	/* thus use margin-left:195 instead of 190, and no padding instead of 5 */
	width: 682px;
	margin-left: 162px;
	margin-top: 85px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.title
{
	font-size: 20px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #749f6b;	
}

iframe
{
/*
	doesn't work with ie6, therefore not used here
	width: 780px;
*/
}

div.bottom
{
	
	/* need a clear: both to align the bottom under the left menu */
	padding: 0px 10px 0px 10px;
	margin-left: 165px;
	clear: both;
}

div.contact
{
	text-align: center;
	background: url(../img/zoo/bk-bottom.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

div.innerContact
{
	/* seems to need this in the case where we use the bottom scrollbar */
	padding-top: 20px;
	font-size: 10px;
	margin-left: auto; /* to center */
	margin-right: auto; /* to center */
	width: 851px; /* necessary to center */
	text-align: center;
	background: url(../img/zoo/bk-innerBottom.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

/****/

div.logo
{
	text-align: center;
	background: #cae390;
	margin-left: auto; /* to center */
	margin-right: auto; /* to center */
	width: 1251px; /* necessary to center */
}

div.innerLogo
{
	/* seems to need this in the case where we use the bottom scrollbar */
	background: #cae390;
	text-align: center;
	margin-left: auto; /* to center */
	margin-right: auto; /* to center */
	width: 851px; /* necessary to center */
}

div.logo img
{
	padding: 5px;
}

div.campingQualite
{
	text-align: center;
}

div.news
{
	margin-top: 10px;
	text-align: center;
}

/****/

div.menu {text-align:center; color:#aeaeae; margin-top:8px;}

div.menu a {text-decoration: none; color:#E65A02; }
div.menu a:hover {text-decoration: none; color:#378327;}

h1 {color: #000000; font-size: 130%;}
h2 {color: #000000; font-size: 120%;}
h3 {color: #000000; font-size: 110%;}
h4 {color: #000000; font-size: 100%;}

h1.center {text-align:center;}
table.detail td h1 {text-align:center;}

span.important1 {font-weight: bold;color:#000000;}
span.important2 {text-decoration: underline;}
span.important3 {font-weight: bold; text-decoration: underline;}

div.part1
{
	/* to divide the content in two columns */
	float: left;
	width: 300px;
	padding: 5px;
}

div.part2
{
	/* to divide the content in two columns */
	padding: 5px;
	/* don't put width:xxx here since risk that this won't be to the right */
}

/****/

th.rates_header
{
	white-space: nowrap;
	color: #000000;
}

div.rates_header {padding-bottom: 5px; text-align: center;}

/********************/
/* table.rates_all  */
/* table.rates_camp */
/********************/

table.rates_all, table.rates_camp
{
border-collapse: collapse;
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
}

table.rates_all th.rates_header, table.rates_camp th.rates_header {color: #000000; background: #ffeab1; text-align: center;border: 1px solid #ffeab1;}
table.rates_all td.rates_date {color: #000000; background: #ffeab1; text-align: left; border: 1px solid #ffeab1; text-align: center;}
table.rates_all th.rates_alert {color: #000000; background: #ffeab1; text-align: left;
border-left: 1px solid #ffeab1; border-top: 1px solid #ffeab1; border-right: 1px solid #ffeab1; border-bottom: 1px solid #ffeab1;}

table.rates_all th.rates_label {color: #000000; background: #ffd6a6; text-align: left; border: 1px solid #cccccc; padding-left: 5px;}
table.rates_all td.rates_number_a, table.rates_camp td.rates_number_a {background: #ffffff; text-align: center;border: 1px solid #cccccc;}
table.rates_all td.rates_number_b, table.rates_camp td.rates_number_b {background: #f7f7f7; text-align: center;border: 1px solid #cccccc;}
table.rates_all td.rates_label_a, table.rates_camp td.rates_label_a {background: #ffffff; text-align: left;border: 1px solid #cccccc; padding-left: 5px;}
table.rates_all td.rates_label_b, table.rates_camp td.rates_label_b {background: #f7f7f7; text-align: left;border: 1px solid #cccccc; padding-left: 5px;}

table.rates_all td.rates_label_a a, table.rates_all td.rates_label_b a {color: #000000;}
table.rates_all td.rates_label_a a:hover, table.rates_all td.rates_label_b a:hover {text-decoration: underline;}

/*******************/
/* table.rates_one */
/*******************/

table.oneRatesTable {width: 100%;}
td.oneRatesLeft, td.oneRatesRight {text-align: center;width: 50%;}

table.rates_one {margin-left: auto; margin-right: auto; margin-top: 10px;}
table.rates_one {border-collapse:collapse;}

table.rates_one th.rates_header {color: #000000; background: #ffeab1;text-align:center;}
table.rates_one td.rates_number {background: #ffdca6; text-align: left;border: 1px solid #f7ceb5;}

table.rates_one th.rates_left {background: url(../img/zoo/details_middle_orange.gif) top left repeat-y; font-size: 8px;}
table.rates_one th.rates_right {background: url(../img/zoo/details_middle_orange.gif) top right repeat-y; font-size: 8px;}

table.rates_one td.number_of_night_left {background: url(../img/zoo/details_middle_orange.gif) top left repeat-y; text-align: center;}
table.rates_one td.number_of_night {background: #ffeab1; text-align: center;}
table.rates_one td.number_of_night_right {background: url(../img/zoo/details_middle_orange.gif) top right repeat-y; text-align: center;}

table.rates_one td.night_number_left {background: url(../img/zoo/details_middle_orange.gif) top left repeat-y; text-align: center; border-top: 1px solid #f7ceb5; width: 12.5%;}
table.rates_one td.night_number {background: #ffeab1; text-align: center; border: 1px solid #f7ceb5; width: 12.5%;}
table.rates_one td.night_number_right {background: url(../img/zoo/details_middle_orange.gif) top right repeat-y; text-align: center; border-top: 1px solid #f7ceb5; width: 12.5%;}

table.rates_one td.rates_date_left {background: url(../img/zoo/details_middle_orange.gif) top left repeat-y; text-align: center;}
table.rates_one td.rates_date {background: #ffeab1; text-align: center; border-left: 1px solid #f7ceb5; border-right: 1px solid #f7ceb5;}
table.rates_one td.rates_date_right {background: url(../img/zoo/details_middle_orange.gif) top right repeat-y; text-align: center;}

table.rates_one td.rates_number_left
{
	background: url(../img/zoo/details_middle_orange2.gif) top left repeat-y;
	border-top: 1px solid #f7ceb5; border-bottom: 1px solid #f7ceb5; border-right: 1px solid #f7ceb5;
}

table.rates_one td.rates_number_right
{
	background: url(../img/zoo/details_middle_orange2.gif) top right repeat-y;
	border-top: 1px solid #f7ceb5; border-bottom: 1px solid #f7ceb5; border-left: 1px solid #f7ceb5;
}

table.rates_one td.rates_top_left
{
	background: url(../img/zoo/details_top_orange.gif) top left;
	font-size: 8px;
	height: 15px;
}

table.rates_one td.rates_top_right
{
	background: url(../img/zoo/details_top_orange.gif) top right;
	font-size: 8px;
	height: 15px;
}

table.rates_one td.rates_bottom_left
{
	background: url(../img/zoo/details_bottom_orange.gif) top left;
	font-size: 8px;
	height: 15px;
}

table.rates_one td.rates_bottom_right
{
	background: url(../img/zoo/details_bottom_orange.gif) top right;
	font-size: 8px;
	height: 15px;
}

/****/

div.rates_date, div.rates_number, div.number_of_night
{
	padding: 2px;
	text-align: center;
}

/****/

div.rates_contener
{
	margin-left: auto;
	margin-right: auto;
	background: #fff7e0; /* #cae390 */
}

div.rates_top
{
	height:15px;
	font-size:8pt;
	background:url(../img/zoo/rates_top_beige.gif) bottom center no-repeat;
}

div.rates_middle h1
{
	margin-top: 0;
}

div.rates_middle
{
	padding-left: 10px;
	background: url(../img/zoo/rates_middle_beige.gif) top center repeat-y;
	text-align: center;
}

div.rates_bottom
{
	height: 15px;
	font-size: 8pt;
	background:url(../img/zoo/rates_bottom_beige.gif) top center no-repeat;
}

div.rates_content
{
}

/****/

p.rentals_intro
{
	margin-left: 15px;
	margin-right: 15px;
}

table.accommodation
{
	border-collapse: collapse;
	margin: 5px;
}

table.accommodation td.header
{
	padding: 3px;
	border: 1px solid #cccccc;
	background: #ffeab1;
	font-weight: bold;
	width: 50%;
}

table.accommodation td.simple-content
{
	border: 1px solid #cccccc;
	padding: 3px;
	
}

div.image
{
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

div.large_top_image
{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.image img
{
	border: 1px solid #aeaeae;
}

div.waterpark
{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 16px;
	color: #e65a02;
}

div.waterpark img
{
	display: none;
}

div.pointed {padding-left:10px;background-image: url(../img/zoo/circle-grey.gif);background-repeat:no-repeat;background-position:center left;}

table.availabilities
{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.availabilities td, table.availabilities th
{
	border:1px solid black;
	padding:3px;
}

table.availabilities td.legendForAvailabilities
{
	background:white;
	width:20%;
}
table.availabilities td.dateOfAvailabilities
{
	background:white;
	text-align:center;
	width:8%;
}

table.availabilitiesLegend
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

table.availabilitiesLegend td.label
{
	width: 80px;
	text-align: left;
}

table.availabilitiesLegend td.green
{
	background: #55aa55;
	padding-left: 10px;
	width: 20px;
}

table.availabilitiesLegend td.yellow
{
	background: yellow;
	padding-left: 10px;
	width: 20px;
}

table.availabilitiesLegend td.red
{
	background: red;
	padding-left: 10px;
	width: 20px;
}

table.availabilities a {color: #000000;}
table.availabilities a:hover {text-decoration: underline;}

/****/

table.distance
{
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #cccccc;
}

table.distance th
{
	text-align: center;
}

td.distanceRight {text-align:right;white-space: nowrap;}

div.distanceItem
{
	padding-left: 10px;
	background-image: url(../img/zoo/circle-grey.gif);
	background-repeat: no-repeat;
	background-position: center left;
	white-space: nowrap;
}

ul {padding-left:15px;list-style-image: url(../img/zoo/circle-grey.gif);}

h1.detail
{
	font-weight: bold;
	font-size: 130%;
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom: 0px;
}

h1.detail span
{
	color: #000000;
}

div.card
{
	text-align: center;
}

table.card
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 0;
	border-collapse: collapse;
	padding: 0;
}

table.card td
{
	margin: 0;
	padding: 0;
}

div.cardPhoto
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-right: 8px;
}

img.cardPhoto
{
	border:1px solid #cccccc;
}

td.cardDetails
{
	vertical-align: middle;
	width: 340px;
	height: 225px;
	border: 1px solid #cccccc;
	/*
	background: url(../img/zoo/details_orange.gif) center center no-repeat;
	border: 1px solid #f7ceb5;
	background: #fff7e7;
	*/
	
}

div.details_content
{
	padding-left: 10px;
}

div.cardPlan
{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.notice
{
	padding-top: 5px;
	padding-bottom: 5px;
}

/****/

div.globalSelector
{
	margin: 5px;
	text-align: center;
}

table.globalSelector
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	border-collapse: collapse;
	width: 100%;
}

td.globalSelector
{
	border: 1px solid #cccccc;
	vertical-align: middle;
	/*
	background-color:#fff7e0;
	border: 1px solid #f7ceb5;
	*/
}

table.selector
{
	border: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

table.selector th, table.selector td
{
	border: 0;
}

table.selector th
{
	text-align: center;
}

select.dateSelectorItem
{
	text-align: left;
}

table.quickQuote
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

table.quickQuote td
{
	padding: 5px;
}

table.quickQuote td.right
{
	text-align: right;
}

table.quickQuote td.total
{
	border-top: 1px solid #cccccc;
}

div.quoteError
{
	color: #000000;
	text-align: center;
	font-weight: bold;
}

div.alert
{
	color: #e65a02;
	text-align: center;
}

div.alert a
{
	color: #e65a02;
}

div.alert a:hover
{
	color: #378327;
}

div.result
{
	margin: 5px;
}

div.getUserInfoForm
{
	margin-top: 30px;
	text-align: center;
}

table.getUserInfoForm
{
	border: 1px solid #cccccc;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 5px;
}

div.formSubmit
{
	text-align: center;
	margin-top: 10px;
}

select
{
	color: #333399;
}

option
{
	color: #333399;
}

/****/

table.location
{
	margin-top: 10px;
}

/****/

div.acknowledgement
{
	margin-top: 50px;
}


/****/

div.com_contener
{
	margin-left: auto;
	margin-right: auto;
	background:url(../img/zoo/note2.gif) center left no-repeat;
	width:297px;
}

div.com_top
{
	padding-top: 10px;
	margin-left: 75px;
	width: 222px;
	height: 15px;
	font-size: 8pt;
	background: url(../img/zoo/com_top_grey.gif) bottom right no-repeat;
}

div.com_middle
{
	margin-left: 58px;
	padding-left: 1px;
	background: url(../img/zoo/com_middle_grey.gif) top right repeat-y;
	}

div.com_middle p {
	margin: 0;
	padding-left: 28px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	width: 200px;	
	background: url(../img/zoo/note2_voice_grey.gif) center left no-repeat;
}

div.com_bottom {
	margin-left: 75px;
	width: 222px;
	height: 15px;
	font-size: 8pt;
}

div.com_bottom {
	padding-bottom: 10px;
	background:url(../img/zoo/com_bottom_grey.gif) top right no-repeat;
}

/****/

div.com2_contener
{
	margin-left: auto;
	margin-right: auto;
	background:url(../img/zoo/note2.gif) center left no-repeat;
}

div.com2_top_left
{
	margin-left: 75px;
	height: 15px;
	background: url(../img/zoo/com_top_left_grey.gif) bottom left no-repeat;
}

div.com2_top_right
{
	margin-left: 15px; /* to be sure that the top left corner remains visible */
	height: 15px;
	font-size: 1pt;
	background: url(../img/zoo/com_top_right_grey.gif) bottom right no-repeat;
}

div.com2_middle_left
{
	background-image: url(../img/zoo/com_middle_left_grey.gif);
	background-repeat: repeat-y;
	background-position: 75px 0px;
}

div.com2_middle_right
{
	background: url(../img/zoo/com_middle_right_grey.gif) top right repeat-y;
}

div.com2_voice
{
	margin-left: 60px;
	background:url(../img/zoo/note2_voice_grey.gif) center left no-repeat;
}

div.com2_content
{
	margin-left: 20px;
	margin-right: 5px;
	text-align: center;
	background: #f7f7f7;
}

div.com2_bottom_left {
	margin-left: 75px;
	height: 15px;
	background:url(../img/zoo/com_bottom_left_grey.gif) top left no-repeat;
}

div.com2_bottom_right {
	margin-left: 15px; /* to be sure that the bottom left corner remains visible */
	height: 15px;
	font-size: 1pt;
	background:url(../img/zoo/com_bottom_right_grey.gif) top right no-repeat;
}

/****/

div.details_contener
{
	margin-left: auto;
	margin-right: auto;
	width:330px;
}

div.details_top
{
	width:330px;
	height:15px;
	font-size:8pt;
	background:url(../img/zoo/details_top_orange.gif) bottom center no-repeat;
}

div.details_middle
{
	padding-left: 10px;
	background: url(../img/zoo/details_middle_orange.gif) top center repeat-y;
	height: 197px;
}

div.details_bottom
{
	width: 330px;
	height: 15px;
	font-size: 8pt;
	background:url(../img/zoo/details_bottom_orange.gif) top center no-repeat;
}

td.details_content
{
	padding-left: 10px;
	vertical-align: middle;
	height: 195px;
}

/****/

div.diaporama
{
	width: 685px;
	height: 545px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	background:url(../img/zoo/cadre-diaporama.gif) center center no-repeat;
}

div.diaporama img
{
	border: 0;
	margin-top: 59px;
	margin-left: 35px;
}

/****/