@charset "utf-8";

body {
font-family: Arial, Helvetica, sans-serif;
background-image: url(../img/fond.jpg);
background-repeat: no-repeat;
background-attachment: fixed; 
background-color: #F6D57B;
width: 890px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}

a { text-decoration: none; color: black; }
a:hover { text-decoration: underline; color: black; }

.h3
{
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
}

p { margin: 0; }
img { border: none; }

#header {
background-image: url(../img/header.png);
width: 890px;
height: 170px;
text-align: right;
color: #000;
font-size: 13px;
}
	#header p {
	padding-right: 20px;
	padding-top: 1px;
	}
	#header a {
	color: #000;
	text-decoration: none;
	}
	#header a:hover {
	color: #000;
	text-decoration: underline;
	}
	
#content {
background-color: white;
width: 890px;
padding-top: 20px;
}

#left {
vertical-align: top;
width: 162px;
padding-left: 10px;
}
	#left ul {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 10px;
	padding-bottom: 0;
	list-style: none;
	background-image: url(../img/mn-background.png);
	background-repeat: repeat-y;
	width: 162px;
	font-size: 12px;
	color: #ffffff;
	}
	#left ul li {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 15px;
	}
	#left ul li:hover {
	background-color: #02cb24;
	}
	#left ul li a {
	display:block;
	color: #ffffff;
	text-decoration: none;
	}
	#left ul li a:hover {
	text-decoration: none;
	}
	#left .mn-bottom {
	background-image: url(../img/mn-bottom.png);
	width: 162px;
	height: 33px;
	margin-bottom: 20px;
	}
	#left .class-img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	display: block;
	}

#right {
vertical-align: top;
padding-left: 5px;
}
	#right .box-pub {
	background-image: url(../img/publicite.png);
	width: 507px;
	height: 124px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}
	#right .box-pub img {
	margin-top: 45px;
	margin-left: 19px;
	}
	#right .box-top {
	background-image: url(../img/box-top.png);
	width: 704px;
	height: 34px;
	}
	#right .box-background {
	background-image: url(../img/box-background.png);
	background-repeat: repeat-y;
	width: 664px; /*-40px*/
	padding-left: 20px;
	padding-right: 20px;
	font-size: 13px;
	}
	#right .box-bottom {
	background-image: url(../img/box-bottom.png);
	width: 704px;
	height: 33px;
	}
	#right .box-newsletter {
	background-image: url(../img/registerbox.png);
	width: 593px;
	height: 188px;
	margin-left: auto;
	margin-right: auto;
	}
		#right .box-newsletter form {
		height: 50px;
		width: 100%;
		padding-top: 120px;
		text-align: center;
		}
		#right .box-newsletter form label {
		display: block;
		color: #666666;
		font-size: 12px;
		font-weight: bold;
		}
	#right img {
	margin-bottom: 10px;
	}
	#right p {
	color: black;
	text-align: justify;
	font-size: 12px;
	padding-bottom: 20px;
	}
	
#footer {
width: 890px;
height: 54px;
background-image: url(../img/footer.png);
text-align: center;
}
	#footer p {
	color: black;
	font-weight: bold;
	font-size: 12px;
	padding-top: 12px;
	}
	#footer a {
	color: #FF6600;
	text-decoration: none;
	}
	#footer a:hover {
	text-decoration: underline;
	}

input.submit
{
	font-weight: bold;
	font-size: 11px;
	width: 30px;
	padding: 4px;
	padding-right: 6px;
	text-align: center;
	border: 1px solid orange;
	background-color: orange;
	cursor: pointer;

	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius: 5px
}
#flashJeu
{
	position:absolute;
	height:335px;
	left:384px;
	top:147px;
	width:462px;
}
.formulaireRegisterV
{
	color: #000;
	font-size: 11px;
	background-color: #FFF;
	border: 1px solid #333;
	padding-left: 5px;
	padding-right: 5px;
}

.first p label {
	width: 200px;
	display: block;
	float: left;
}