* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
/* ######### Mise en page générale ############ */
body {
	background-color: #FFF0DE;
	background-image: url(/interface/bande_gauche.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
div.bande_droite {
	background-image: url(/interface/bande_droite.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

.page {
	width: 770px;
	margin-left: 12%;
	margin-right: 12%;
}

.contenu {
	width: 720px;
	font-size: 0.8em;
	background-image: url(/interface/fond_page.gif);
	background-repeat: repeat-y;
	padding-left: 25px;
	padding-right: 25px;
	clear: both;
}
.espaceur {
	clear: both;
}

/* ######## LIENS ######### */
a:link { font-weight: 700; color: #ffffff; text-decoration: underline; }
a:hover { font-weight: 700; color: #294f9e; text-decoration: underline; }
a:active { font-weight: 700; color: #294f9e; text-decoration: underline; }
a:visited { font-weight: 700; color: #ffffff; text-decoration: none; }

/* ########## CONTENU PAGE ########## */
h1 {
	font-size: 1.5em;
	font-weight: 700;
	color: #FFFFFF;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 20px;
	background-image: url(/interface/boule.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: left;
}
h2 {
	font-size: 1.2em;
	font-weight: 700;
	color: #294f9e;
	padding-top: 1em;
	padding-bottom: 0.8em;
	padding-left: 10px;
	background-image: url(/interface/carre_blanc.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-align: left;
}
.contenu p {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.contenu img {
	border: 3px solid #ffffff;
	margin: 2px 5px 2px 5px;
}
sup {
	font-size: 0.8em;
	vertical-align: 0.5em;
}
small {
	font-size: 0.8em;
}
.dates_ouverture {
	font-size: 1.4em;
	font-weight: 700;
	text-align: center;
}
div.ligne {
	width: 100%;
	vertical-align: top;
	clear: both;
}
div.colonne {
	float: left;
	vertical-align: top;
}
ul {
	list-style-type: none;
	list-style-image: none;
	text-align: left;
}
li {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

/* ######## TABLEAU ######### */
table {
	border: 0px;
	background-color: #B5D7F9;
	margin: 5px 20px 5px 20px;
	padding: 5px;
	font-size: 1em;
}
th {
	text-align: left;
	vertical-align: middle;
	margin: 3px;
	padding: 3px;
	font-weight: 700;
}
td {
	text-align: left;
	vertical-align: top;
	margin: 3px;
	padding: 3px;
}
td.right {
	text-align: right;
}

/* ########## RESERVER ########### */
div.bouton_reserver {
	width: 200px;
	height: 40px;
	margin: 10px;
	margin-right: 21%;
	margin-left: 21%;
}
div.bouton_reserver a {
	display: block;
	float: left;
	width: 200px;
	height: 40px;
	text-indent: -2000px;
	overflow: visible;
	background: url(interface/reserver.gif) 0px 0px no-repeat;
}
div.bouton_reserver a:hover, div.bouton_reserver a:focus, div.bouton_reserver a:active {
	background-position: 0px -40px;
}
/* ########### IMPRIMER ########### */
div.imprimer {
	position: relative;
	float: right;
	margin-right: 10px;
	clear: both;
}
div.imprimer a {
	display: block;
	float: left;
	width: 110px;
	height: 33px;
	text-indent: -2000px;
	overflow: hidden;
	background: url(interface/imprimer.gif) 0px 0px no-repeat;
}
div.imprimer a:hover, div.imprimer a:focus, div.imprimer a:active {
	background-position: 0px -33px;
}
/* ######## FORMULAIRE ######### */
fieldset {
	border:2px solid #b7d7f6;
	margin:0px;
	padding:3px;
	margin-bottom: 5px;
}
legend {
	margin-bottom: 5px;
	font-weight: 700;
	color: #294f9e;
}
label {
	font-weight: normal;
	display:block;
	float:left; 
	width:110px;
}
input,textarea {
	font-size: 0.9em;
}
input[type=submit] {
	font-weight: bold;
	background-color: #b7d7f6;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #294f9e;
	border-left: 2px solid #294f9e;
	padding: 3px;
	margin: 2px;
	margin-left: 40%;
	margin-right: 40%;
	background-image: url(/interface/puce_fleche_b7d7f6.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;
}

/* ######## HAUT DE PAGE ######### */
.hautdepage {
	width: 100%;
	height: 166px;
	background-image: url(/interface/fond_haut.gif);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
}
.hautdepage a.masque {
	position: absolute;
	top: -100px;
}
.hautdepage p {
	position: relative;
	height: 49px;
	margin-right: 10px;
	text-align: right;
	font-size: 0.75em;
	font-weight: 700;
}
.hautdepage a:link, .hautdepage a:visited {
	color: #000000;
	text-decoration: underline;
}
.hautdepage img {
	border: 0px;
}
img.logo {
	float: left;
}

/* ############# MENU ########### */
.hautdepage div.menu {
	position: relative;
	height: 89px;
	float: right;
	text-align: right;
}

.menu ul {
	width: 476px;
	height: 88px;
	background-image: url(interface/menu.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
}

.menu li {
	list-style: none;
	position: absolute;
	display: block;
	overflow: hidden;
	padding: 0px;
	text-indent: -2000px;
}

#services { left: 0px; top: 0px; width: 143px; height: 42px; }
#activites { left: 142px; top: 0px; width: 143px; height: 42px; }
#reserver { left: 284px; top: 0px; width: 143px; height: 42px; }
#emplacements { left: 43px; top: 44px; width: 143px; height: 42px; }
#tarifs { left: 185px; top: 44px; width: 143px; height: 42px; }
#acces { left: 327px; top: 44px; width: 143px; height: 42px; }

.menu li a {
	display: block;
	height: 42px;
}

#services a:hover, #services a:focus, #services a:active {
	background: url(interface/menu.gif) 0px -88px no-repeat; }
#activites a:hover, #activites a:focus, #activites a:active {
	background: url(interface/menu.gif) -142px -88px no-repeat; }
#reserver a:hover, #reserver a:focus, #reserver a:active {
	background: url(interface/menu.gif) -284px -88px no-repeat; }
#emplacements a:hover, #emplacements a:focus, #emplacements a:active {
	background: url(interface/menu.gif) -43px -132px no-repeat; }
#tarifs a:hover, #tarifs a:focus, #tarifs a:active {
	background: url(interface/menu.gif) -185px -132px no-repeat; }
#acces a:hover, #acces a:focus, #acces a:active {
	background: url(interface/menu.gif) -327px -132px no-repeat; }

/* ########## DRAPEAUX ############ */
.drapeaux {
	position: relative;
	margin-right: 40px;
	display: block;
	height: 28px;
}
.drapeaux ul {
	float: right;
	list-style-image: url("/interface/pxl_transparent.gif"); /* pour qu'explorer 5.0 affiche le menu */
}
.drapeaux li {
	float: left;
	padding: 0px;
}
.drapeaux li a {
	display: block;
	width: 29px;
	height: 28px;
	text-indent: -2000px;
	overflow: hidden;
}
#francais a {
	background: url(/interface/drap_fr.gif) 0px 0px no-repeat; }
#english a {
	background: url(/interface/drap_an.gif) 0px 0px no-repeat; }
#espanol a {
	background: url(/interface/drap_es.gif) 0px 0px no-repeat; }
#deutsch a {
	background: url(/interface/drap_al.gif) 0px 0px no-repeat; }
#nederlander a {
	background: url(/interface/drap_ne.gif) 0px 0px no-repeat; }

#francais a:hover, #francais a:focus, #francais a:active {
	background: url(/interface/drap_fr_r.gif) 0px 0px no-repeat; }
#english a:hover, #english a:focus, #english a:active {
	background: url(/interface/drap_an_r.gif) 0px 0px no-repeat; }
#espanol a:hover, #espanol a:focus, #espanol a:active {
	background: url(/interface/drap_es_r.gif) 0px 0px no-repeat; }
#deutsch a:hover, #deutsch a:focus, #deutsch a:active {
	background: url(/interface/drap_al_r.gif) 0px 0px no-repeat; }
#nederlander a:hover, #nederlander a:focus, #nederlander a:active {
	background: url(/interface/drap_ne_r.gif) 0px 0px no-repeat; }

/* ######## BAS DE PAGE ######### */
.basdepage {
	width: 100%;
	height: 37px;
	background-image: url(/interface/fond_bas.gif);
	background-repeat: no-repeat;
	text-align: left;
	clear: both;
}
.basdepage img {
	border: 0px;
}
li.retour_accueil {
	float: left;
	width: 179px;
	height: 37px;
	overflow: hidden;
	text-indent: -2000px;
	padding: 0px;
}
li.retour_accueil a {
	display: block;
	width: 179px;
	height: 37px;
	background: url(interface/retour_accueil.gif) 0px 0px no-repeat;
}
li.retour_accueil a:hover, li.retour_accueil a:focus, li.retour_accueil a:active {
	background-position: 0px -37px;
}
li.haut_page {
	float: right;
	width: 147px;
	height: 37px;
	overflow: hidden;
	text-indent: -2000px;
	padding: 0px;
}
li.haut_page a {
	display: block;
	width: 147px;
	height: 37px;
	background: url(interface/haut.gif) 0px 0px no-repeat;
}
li.haut_page a:hover, li.haut_page a:focus, li.haut_page a:active {
	background-position: 0px -37px;
}

.copyright {
	white-space: nowrap;
	text-align: center;
	font-size: 0.7em;
}