/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

*{margin:0; padding:0;}

body {
	background: #a9d8fc url(/images/bg.gif) repeat-x;
	color: #193146;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

a img {border: 0;}



a, a:active, a:focus {outline:none;}
a:active {color: #ff0000;}

h1 {
	font: normal 17px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	color: #00529b;
	margin: 25px 10px 5px 10px;
	position:relative;
}
h2 {
	font: normal 15px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	color: #f15c22;
	margin: 0 10px 3px 10px;
}
h3 {
	font: bold 14px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	color: #00529b;
	margin: 0 10px;
}
h4{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #00529b;
	margin: 0 10px;
}

.clear {clear: both;}
.fright {float: right;}
.fleft {float: left;}
.mleft {margin: 0 8px 0 0; padding: 0 0 8px 0;}
.mright {margin: 0 0 0 8px;}
.bleu {color: #00529b;}

.bord {border: 3px solid #ffb400;}


/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 760px;
	margin: 0 auto 20px auto;
}

#main {
	background: #fff url(/images/bg-main.gif) no-repeat top;
}

#main2 {
	background: #fff url(/images/bg-main2.gif) no-repeat top;
}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
	height: 300px;
	background: url(/images/bg-header.jpg) no-repeat bottom;
	color: #64aee7;
	font-weight: bold;
	font-weight:100;
	font-size: 13px;
}
#header p {
	text-align: right;
	padding: 10px 0 0 0;
}

#header a {
	color: #fff;
	text-decoration: none;
}
#header a:hover {text-decoration: underline;}

#header #anim{
	padding-top:6px;
}
#header li a {
	padding: 0 10px 17px 10px;
	display: block;
}

#header li a:hover {
	background: url(/images/menu-o.gif) no-repeat 50% 21px;
	text-decoration: none;
}

.en #header li a {
	padding: 0 20px 17px 20px;
	display: block;
}

.accueil #header a#accueil,
.activites #header a#activites,
.aqua #header a#aqua,
.services #header a#services,
.tarifs #header a#tarifs,
.plan #header a#plan,
.album #header a#album,
.attraits #header a#attraits,
.joindre #header a#joindre,
.activities #header a#aqua,
.map #header a#map {background: url(/images/menu-o.gif) no-repeat 50% 21px;}

.fr a#francais, .en a#english {font-weight: bold;}

/*--- Menu ---*/

#header ul {
	text-align: center;
	list-style: none;
	padding: 10px 0 0 35px;
}

.en #header ul {
	padding: 10px 0 0 100px;
}


#header li {
	text-align: center;
	float: left;
}
/*--- Fin Menu ---*/



/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {
	width: 500px;
	float: right;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

#content p {margin: 0 10px 12px 10px;}

#content a {color: #156d3d;}
#content a:hover {}

#content blockquote {}

#content ul {
	list-style-image: url(/images/bg-li.gif);
	margin: 0 0 12px 50px;}

#content ol {margin: 0 0 12px 55px;}

 table {margin: 0 10px 12px 10px; clear:both;}

 th,  td {padding: 4px 2px;}
 th {background: #ffb400; color: #00529b;}
 td {
	border-bottom: 1px solid #ffb400;
	text-align: center;
}
 table.simple td{
	border:none;
}

#content .info {text-align: left;}

input {border: 1px solid #ffb400; background: #fffef7; color: #00529b; padding: 3px; font: 11px Verdana, Arial, Helvetica, sans-serif;}

#carte{
	border:3px solid #ffb400;
	width:474px;
	height:300px;
	text-align:center;
	margin:0 auto;
	margin-bottom:15px;
}

/* La Sidebar
--------------------------------------------------------------------------------------- */

#sidebar {
	width: 230px;
	float: left;
}

img, .img-frame, .img-frame-ce, #sidebar li, #specBox li, .img-frame-album {behavior: url(/iepngfix.htc);}

#sidebar a {color: #fff; text-decoration: none;}
#sidebar a:hover {color: #00529b;}

#sidebar ul, #specBox ul {
	width: 218px;
	margin: 25px 0 0 12px;
	list-style: none;
}

#sidebar li, #specBox li {
	width: 190px;
	background: url(/images/bg-sidebar.png) repeat-y;
	color: #00529b;
	padding: 0 14px;
}

#sidebar li span {color: #193146;}
#sidebar li a:hover span {color: #00529b;}

#sidebar li.first, #specBox li.first {
	height: 39px;
	background: url(/images/bg-sidebar-top.png) no-repeat;
	font-weight: bold;
	text-align: center;
	padding: 7px 14px 0 14px;
}

#sidebar li.first span {
	color: #00529b;
	text-transform: uppercase;
	padding: 0 3px;
}

#sidebar li.last {
	height: 25px;
	background: url(/images/bg-sidebar-bottom.png) no-repeat;
	text-align: right;
	padding: 10px 14px 0 14px;
}

#sidebar table {margin: 0;}

 #sidebar th, #sidebar td {padding: 0;}
 #sidebar th {background:inherit;color: inherit;}
	#sidebar  td {
		border:none;
		text-align:inherit;
	}


#sidebar td {
	padding: 5px 0 0 0;
	vertical-align: middle;
}

#sidebar #cal th, #sidebar #cal td {
	width: 24px;
	height: 16px;
}

#sidebar #cal th {
	color: #fff;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#sidebar #cal td {
	background: url(/images/bg-cal.gif) no-repeat;
	text-align: center;
	padding: 0;
}

#sidebar #cal td a {
	color: #e85311;
	font-weight: bold;
	text-decoration: none;
}

#sidebar #cal td a:hover {color: #00529b;}

.img-wrap
{
	margin: 0 auto;
	position: relative;
	width: 38px;
	height: 38px;
}
.img-wrap-big
{
	margin: 0 auto;
	position: relative;
	width: 73px;
	height: 73px;
}

.img-frame
{
	background: url(/images/img.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 38px;
	height: 38px;
}
.img-frame-ce
{
	background: url(/images/imgCe.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 38px;
	height: 38px;
}

/* Nouvelles listes */
.img-frame-album
{
	background: url(/images/imgAlbum.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 73px;
	height: 73px;
}
/*#content table {margin: 0 10px 12px 10px;}

#content th, #content td {padding: 4px 2px;}*/
#content .liste th {background: #ffb400; }
#content .liste td {
	border-bottom: none;
	text-align: left;
	color: #193146;
}
/*------------------*/
/* SPECBOX */
#specBox{
	float:right;
	margin-right:8px;
}
#specBox ul { 
	overflow:hidden;
}
#specBox li p {
 	color:#FFF;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:5px 0 6px 0;
}
#specBox li.last{
	height:20px;
	background:url(/images/bg-sidebar_ce.gif) center bottom no-repeat;}
/*---------*/


/* Les logos
--------------------------------------------------------------------------------------- */

#logo {
	padding: 10px 0 0 0;
	clear: both;
}

/* Album*/
#album{
	padding:10px;
}
#album .img{
	float:left;
	margin:0 10px 10px 0;
}
#album a img{
	border:2px solid #ffb400;
}
#album a:hover img{
	border:2px solid #f15c22;
}



/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	background: url(/images/bg-footer.gif) no-repeat top;
	padding: 12px 0 0 0;
	clear: both;
}

#footer p {padding: 0 20px;}

#footer a {color: #f15c22; text-decoration: none;}
#footer a:hover {color: #00529b;}

#copyright {
	text-align: center;
	margin: 28px 0;
	clear: both;
}

#footer #copyright a {color: #193146; text-decoration: none;}
#footer #copyright a:hover {color: #f15c22;}


.orange{color: #f15c22;}