/*
CHEAT SHEET:
	
*/



body {
	padding			: 0;
	margin			: 0;
	text-align		: center;
	/*font-family		: verdana;*/
	font-family		: Helvetica, Arial, Verdana, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #595959;
	background		: #343434 url(img/bg.jpg) repeat-x;
}


/* GLOABAL */

a img {
	border: 0;
}

input {
	border			: 1px solid #000;
	margin			: 0;
	padding			: 0;
}

h1 {
	display			: block;
	color			: #fff;
	font-size		: 1em;
	padding			: 6px;
	/*background		: url(img/arrow.gif) 95% 50% no-repeat #A90000;*/
	background		: url(img/arrow.gif) 95% 50% no-repeat #F66501;
}

ul {
	border			: 1px solid #e4e4e4;
	border-top		: 2px solid #bfbfbf;
	padding			: 10px;
	list-style		: none;
	margin-top		: -7px;
}

ul li {
	background		: url(img/arrow2.gif) left 55% no-repeat #fff; 
	border-bottom	: 1px solid #e3e3e3;
	margin-top		: 10px;
}

ul li a {
	text-decoration	: none;
	color			: #5d5d5d;
	padding			: 6px;
	display			: block;
}

ul li a:hover {
	/*background		: url(img/arrow.gif) 95% 50% no-repeat #A90000;*/
	background		: url(img/arrow.gif) 95% 50% no-repeat #F66501;
	color			: #fff;
	padding			: 6px;
}

#container {
	width			: 1017px;
	display			: block;
	margin			: 0 auto;
	padding			: 0;
	text-align		: left;
	background		: #FFF url(img/bgmain_1017.jpg) repeat-y center;
}

#inner {
	background		: #FFF url(img/bgmain_1017.jpg) repeat-y center;
	color			: #5d5d5d; 
	margin			: 0 auto; 
	padding			: 0; 
	width			: 1017px;
}

#header_nav {
	float			: right;
	list-style		: none;
	display			: block;
	clear			: both;
	border			: 0;
	margin			: 0;
	padding			: 0;
	margin-bottom	: 10px;
}

#header_nav li {
	display			: inline;
	background		: #fff;
	border			: 0;
}

#header_nav li a {
	display			: inline;
}

#header_nav li a:hover {
	background		: #fff;
	color			: #595959;
}

#header {
	display			: block;
	clear			: both;
	height			: 166px; 
	color			: #fff;
}

#header .title {
	color			: #fff;
	display			: block;
	padding-top		: 40px;
	padding-left	: 60px;
	font-family		: Arial, Verdana, Helvetica, sans-serif;
	font-size		: 22px; 
	font-weight		: bold;
}

#header .title a {
	color: #fff;
	text-decoration: none;
}

#header .slogan {
	color			: #A90000;
	padding-left	: 60px;
	display			: block;
	text-transform	: uppercase;
	font-weight		: bold;
	font-family		: Arial, Verdana, Helvetica, sans-serif;
	font-size		: 12px;
	
}

#header .login {
	float			: right;
	margin-right	: 20px;
	margin-top		: -30px;
}

#header .login input {
	border			: 1px solid #A90000;
	font-size		: 10px;
	margin			: 0;
	padding			: 2px;
}

#header .login label {
	color			: #A90000;
	font-weight		: bold;
}

#header .login span {
	float			: right;
	margin-right	: 80px;
}

#header .login a {
	color			: #fff;
	font-weight		: bold;
	text-decoration	: none;
}





/* CSS Tabs */
#header_menu {
		margin: 0; 
        padding: 3px 0;
        padding-top: 42px;
        margin-left: 10px;
        margin-right: 10px;
        font: bold 10px Verdana, sans-serif;
        display: block;
        background: none;
        border: 0;
}

#header_menu li {
        list-style: none;
        margin: 0;
        border: 0;
        display: inline;
        background: none;
}

#header_menu li a {
        padding: 6px 0.5em;
        margin-left: 3px;
        border: 1px solid #778;
        border-bottom: none;
        background: #DDE;
        text-decoration: none;
        display: inline;
}

#header_menu li a:link { color: #448; }
#header_menu li a:visited { color: #667; }

#header_menu li a:hover {
        color: #000;
        background: #AAE;
        border-color: #227;
}

#header_menu li a#current {
        background: white;
        border-bottom: 1px solid white;
}

#headercontainer {
	display			: block;
	clear			: both;
	list-style		: none;
	border			: 0;
	margin			: 0;
	height			: 60px;
	margin-left		: 8px;
	width			: 1000px;
	background		: #A90000 url(bgmenu_1017.jpg) repeat-y center;
}


#header_menu form {
	float			: right;
	margin-top		: -4px;
}

#header_menu form label {
	color			: #fff;
}

#left {
	width			: 210px;
	float			: left;
	margin-left		: 20px;
}

#rightPanel {
	width			: 210px;
	float			: left;
	margin-left		: 20px;
}

#calendar {
	padding			: 0;
	margin			: 0 auto;
}

#calendar td, #calendar th, #calendar tr {
	padding			: 5px;
	margin			: 0;	
	border			: 1px solid #c9d3c6;
	text-align		: center;
}

#calendar .row1 {
	background-color	: #DAF3C3;
}

#calendar .row2 {
	background		: #fff url(img/calback.png) no-repeat top left;
}

#calendar a {
	text-decoration	: none;
	color			: #595959;
}

#calendar a:hover {
	text-decoration	: underline;
}

#calendar .today {
	background-color	: #F66501;
	background-image	: none;
}


#left form {
	margin				: 3px;
	padding				: 0;
}

#left select {
	width				: 89%;
}

.submit {
	 border				: 0;
	 font-weight		: bold;
	 font-size			: 11px;
	 padding			: 3px;
	 color				: #fff;
	 background-color	: #BCBCBC;
}

#content {
	width			: 520px;
	margin-left		: 20px;
	float			: left;
	text-align		: justify;
}

#content .splash {
	border-top		: 2px solid #bfbfbf;
	padding-top		: 1px;
	width			: 460px;
}


.news ul li img {
	float			: left;
	border			: 1px solid #595959;
	padding			: 1px;
	margin			: 5px;
}

.news ul li a {
	background		: #fff;
}

.news ul li a:hover {
	color			: #545454;
	background		: #fff url(img/arrow2.gif) 100% 90% no-repeat;
}

.news span.title {
	display			: block;
	clear			: both;
	color			: #6D2329;
	font-size		: 11px;
	font-weight		: bold;
	text-align		: left;
	margin			: 0;
	padding			: 0;
}

.news ul a.more {
	color			: #7C2525;
	text-decoration : none;
	float			: right;
}

.input {
	border			: 0;
	margin			: 0;
	font-size		: 11px;
	padding			: 3px;
	color			: #000;
	border			: 1px solid #BCBCBC;
}

#header .input {
	width			: 120px;
}

#footer {
	display			: block;
	clear			: both;
	padding			: 10px;
	padding-bottom	: 20px;
	background		: #fff url(img/footer_1017.jpg) bottom no-repeat; 
}

#footer a {
	color			: #595959;
	text-decoration : none;
	padding			: 20px;
}
	
#footer div {
	display			: block;
	text-align		: center;
	margin-top		: 10px;
}

#footer div img {
	height			: 30px;
	border			: 0;
}

#sponsors img {
	height			: 45px;
	display			: block;
	margin			: 0 auto;
	margin-top		: 10px;
}


#messageboard textarea {
	width			: 100%;
	height			: 140px;
	margin-bottom	: 20px;
	display			: block;
}

#messageboard .comment {
	display			: block;
	padding			: 10px;
}


#messageboard .title {
	display			: block;
	padding			: 6px;
	color			: #fff;
	font-weight		: bold;
	font-size		: 1.2em;
	background-color: #F66501;
}

#messageboard .title .date {
	float			: right;
	clear			: both;
	width			: 120px;
}



#messageboard .usercomment {
	display			: block;
	padding			: 10px;
	border			: 1px solid #F66501;
}


#registration fieldset {
	margin			: 0 auto;
	display			: block;
	border			: 0;
	padding			: 10px;
	width			: 300px;
}

#registration label {
	display			: inline;
	float			: left;
	margin-top		: -7px;
}

#registration input {
	float			: right;
	padding			: 3px;
	border			: 1px solid #F66501;
}

#registration fieldset label span {
	font-weight		: bold;
	color			: red;
	font-size		: 2em;
}

#registration fieldset label {
	font-size		: 12px;
	font-weight		: bold;
}

.site {
	background: url(img/small_box.gif) no-repeat;
	float: left;
	height: 190px;
	overflow: hidden;
	width: 190px;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
}

.site h1, .site h1 span, .site h2, .site h2 span {
	font-size: 10px !important;
	
	
}

.site img {
	margin			: 10px;
}

.largethumb {
	text-align		: center;
	margin			: 20px;
}



#bubble_tooltip{
	width:220px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('img/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('img/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('img/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:60px;
	position:relative;
	top:-6px;
}




#reservation {
	width			: 100%;
	text-align		: center;
	margin			: 0;
	padding			: 0;
}

#reservation td, #reservation th {
	width			: 65px;
	border			: 1px solid #ccc;
	margin			: 0;
	padding-top		: 15px;
	padding-bottom	: 15px;
}

#reservation th {
	border			: 1px solid #eee;
}

#reservation tr .half {
	border			: 1px solid #c0c0c0;
}

#reservation th.empty {
	border			: 1px solid #fff;
}

#reservation td.zone1 {
	border			: 1px solid green;
}

#reservation td.zone2 {
	border			: 1px solid red;
}

#reservation td.zone3 {
	border			: 1px solid blue;
}



.altCheckboxOff {
	display: inline;
	padding: 10px 2px; /* NS 6 problem */
	padding-left: 20px;
	color: #666;
	line-height: 30px;
	font-family: "Courier New", Courier, mono;
	font-size: 1.2em;
	background-image: url(img/alt_checkbox_off.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;
	cursor: pointer;
}
.altCheckboxOn {
	display: inline;
	padding: 10px 2px; /* NS 6 problem */
	padding-left: 20px;
	color: #000;
	line-height: 30px;
	font-family: "Courier New", Courier, mono;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(img/alt_checkbox_on.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;
}

#reservationform label .hidden {
	color: #fff;
}

.startpagedate {
	float			: right;
	width			: 100px;
}

.newsdate {
	float			: right;
	font-size		: 10px;
	clear			: both;
	display			: block;
	margin-top		: -12px;

}
.reservationtable {
	border			: 1px solid #ccc;
	padding			: 10px;
	margin			: 10px;
}
.reservationtable span {
	display			: block;
}

.ok {
	display			: block;
	text-decoration	: underline;
	color			: #6D2329;
	margin-top		: 10px;
	font-size		: 1.2em;
}
.ok:hover {
	text-decoration	: none;
}
.timeheader {
	margin: 0 auto;
	text-align: center;
}

#box {
	border-style:solid;
	border-width:1px;
	border-color:#E4E4E4;
	margin-top:-7px;
	text-align		: center;	
}

#box table {
}

#box th {
	background-color:#FFD88C;
}

#box td {
}

#fb {
	margin-top		: 10px;
}

.lightOrangeLine {
	background-color:#FFF5C6;
}

.tblSeperatorGrey {
	background-color:#E4E4E4;
}

#box_left {
	border-style:solid;
	border-width:1px;
	border-color:#E4E4E4;
	margin-top:-7px;
	text-align		: left;	
	padding-left: 2px;
}

.kiemelt {
	display			: block;
	color			: #fff;
	font-size		: 1em;
	padding			: 6px;
	/*background		: url(img/arrow.gif) 95% 50% no-repeat #A90000;*/
	background		: url(img/arrow.gif) 95% 50% no-repeat #6442FF;
}

p.erreur-title { font-size: 14px; font-weight: bold; color: #FFFF00; margin:0; height:40px; background:#000000 url('erreur.gif') no-repeat 5px 5px; padding-left:50px; padding-top:10px }
.erreur { color: #FF0000; }

