/* global
------------------------------------------------------------------*/
html, body, ul, ol {
	margin: 0;
	padding:0;
}

body {
	color:#fff;
	background: #055397 url(../img/background.jpg) no-repeat top center;
}

img {
	border:0;
}

/*page structure
------------------------------------------------------------------*/
#header {
	height: 44px;
	background:#1B338B;
}

#container {
	width: 852px;
	margin:auto;
	position:relative;
}

	#content {
		width: 852px;
		height: 510px;
	}

	#footer {
		width: 832px;
		height: 18px;
		font-size: 10px;
		padding: 5px 10px 0 10px;
	}

/*footer menus
------------------------------------------------------------------*/
#footer ul li{
	text-indent:-9999px;
}
#footer ul li a{
	outline:none;
}
#menu1 {
	position : relative;
	float: left;
	width: 300px;
	clear:both;
	padding:0;
	margin: 0;
	height:14px;
	}

		#menu1 ul {
		float:left;
		margin: 0;
		padding: 0;
		}

		#menu1 li {
		float:left;
		color: #fff;
		list-style: none;
		margin: 0;
		padding: 0;
		}

		#menu1 li a {
		margin:0;
		display:block;
		color: #fff;
		height:14px;
		}

		#menu1 li a:hover {
		color:#fff;
		}

			.panel1 {
			width:76px;
			height:14px;
			background: url(../img/reglement.gif) 0 0 no-repeat;
			margin: 0;
			padding: 0;
			}
			#on.panel1 {
			width:76px;
			height:14px;
			color:#C6B19C;
			text-decoration: none;
			background: url(../img/reglement.gif) 0 -14px no-repeat;
			voice-family: "\"}\"";
			voice-family:inherit;
			height:14px;
			voice-family: "\"}\"";
			}
			.panel1 a {
			color:#fff;
			font-weight:normal;
			text-align: center;
			width:76px;
			height:7px;
			margin: 0;
			padding: 0;
			text-decoration: none;
			}
			.panel1 a:hover, li.panel1over a {
			width:76px;
			height:14px;
			color:#C6B19C;
			text-decoration: none;
			background: url(../img/reglement.gif) 0 -14px no-repeat;
			voice-family: "\"}\"";
			voice-family:inherit;
			height:7px;
			voice-family: "\"}\"";
			}

			.panel2 {
			width:111px;
			height:14px;
			background: url(../img/respect.gif) 0 0 no-repeat;
			margin: 0;
			padding: 0;
			}
			#on.panel2 {
			width:111px;
			height:14px;
			color:#C6B19C;
			text-decoration: none;
			background: url(../img/respect.gif) 0 -14px no-repeat;
			voice-family: "\"}\"";
			voice-family:inherit;
			height:14px;
			voice-family: "\"}\"";
			}
			.panel2 a {
			color:#fff;
			font-weight:normal;
			text-align: center;
			width:111px;
			height:7px;
			margin: 0;
			padding: 0;
			text-decoration: none;
			}
			.panel2 a:hover, li.panel2over a {
			width:111px;
			height:14px;
			color:#C6B19C;
			text-decoration: none;
			background: url(../img/respect.gif) 0 -14px no-repeat;
			voice-family: "\"}\"";
			voice-family:inherit;
			height:7px;
			voice-family: "\"}\"";
			}

			.panel3 {
			width:54px;
			height:14px;
			background: url(../img/credits.gif) 0 0 no-repeat;
			margin: 0;
			padding: 0;
			}
			#on.panel3 {
			width:54px;
			height:14px;
			color:#C6B19C;
			text-decoration: none;
			background: url(../img/credits.gif) 0 -14px no-repeat;
			voice-family: "\"}\"";
			voice-family:inherit;
			height:14px;
			voice-family: "\"}\"";
			}
			.panel3 a {
			color:#fff;
			font-weight:normal;
			text-align: center;
			width:54px;
			height:7px;
			margin: 0;
			padding: 0;
			text-decoration: none;
			}
			.panel3 a:hover, li.panel3over a {
			width:54px;
			height:14px;
			color:#C6B19C;
			text-decoration: none;
			background: url(../img/credits.gif) 0 -14px no-repeat;
			voice-family: "\"}\"";
			voice-family:inherit;
			height:7px;
			voice-family: "\"}\"";
			}

#menu2 {
	position : relative;
	float: right;
	width: 300px;
	padding:0;
	margin: 0;
	height:14px;
	}

		#menu2 ul {
		float:right;
		margin: 0;
		padding: 0;
		}

		#menu2 li {
		float:left;
		color: #fff;
		list-style: none;
		margin: 0;
		padding: 0;
		}

		#menu2 li a {
		margin:0;
		display:block;
		color: #fff;
		height:14px;
		}

		#menu2 li a:hover {
		color:#fff;
		}

			.panel4 {
			width:174px;
			height:14px;
			background: url(../img/rejoindre.gif) 0 0 no-repeat;
			margin: 0;
			padding: 0;

			visibility:hidden;
			}
			#on.panel4 {
			width:174px;
			height:14px;
			color:#C6B19C;
			text-decoration: none;
			background: url(../img/rejoindre.gif) 0 -14px no-repeat;
			voice-family: "\"}\"";
			voice-family:inherit;
			height:14px;
			voice-family: "\"}\"";
			}
			.panel4 a {
			color:#fff;
			font-weight:normal;
			text-align: center;
			width:174px;
			height:7px;
			margin: 0;
			padding: 0;
			text-decoration: none;
			}
			.panel4 a:hover, li.panel4over a {
			width:174px;
			height:14px;
			color:#C6B19C;
			text-decoration: none;
			background: url(../img/rejoindre.gif) 0 -14px no-repeat;
			voice-family: "\"}\"";
			voice-family:inherit;
			height:7px;
			voice-family: "\"}\"";
			}

			.panel5 {
			width:53px;
			height:14px;
			background: url(../img/danette.gif) 0 0 no-repeat;
			margin: 0;
			padding: 0;
			}
			#on.panel5 {
			width:53px;
			height:14px;
			color:#C6B19C;
			text-decoration: none;
			background: url(../img/danette.gif) 0 -14px no-repeat;
			voice-family: "\"}\"";
			voice-family:inherit;
			height:14px;
			voice-family: "\"}\"";
			}
			.panel5 a {
			color:#fff;
			font-weight:normal;
			text-align: center;
			width:53px;
			height:7px;
			margin: 0;
			padding: 0;
			text-decoration: none;
			}
			.panel5 a:hover, li.panel5over a {
			width:53px;
			height:14px;
			color:#C6B19C;
			text-decoration: none;
			background: url(../img/danette.gif) 0 -14px no-repeat;
			voice-family: "\"}\"";
			voice-family:inherit;
			height:7px;
			voice-family: "\"}\"";
			}

			.panel6 {
			width:73px;
			height:14px;
			background: url(../img/copyright.gif) 0 0 no-repeat;
			margin: 0;
			padding: 0;
			}
			#on.panel6 {
			width:73px;
			height:14px;
			color:#C6B19C;
			text-decoration: none;
			background: url(../img/copyright.gif) 0 -14px no-repeat;
			voice-family: "\"}\"";
			voice-family:inherit;
			height:14px;
			voice-family: "\"}\"";
			}
			.panel6 a {
			color:#fff;
			font-weight:normal;
			text-align: center;
			width:73px;
			height:7px;
			margin: 0;
			padding: 0;
			text-decoration: none;
			}
			.panel6 a:hover, li.panel6over a {
			width:73px;
			height:14px;
			color:#C6B19C;
			text-decoration: none;
			background: url(../img/copyright.gif) 0 -14px no-repeat;
			voice-family: "\"}\"";
			voice-family:inherit;
			height:7px;
			voice-family: "\"}\"";
			}