@charset "utf-8";
/* CSS Document */

body {
	background-image:url(images/fond.png);
	background-repeat:repeat-x;
	background-color:#8c5843;
	background-position:top center;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#content {
	width:1066px;
	margin:auto;
}

#header {
	background-image:url(images/header.png);
	width:1066px;
	height:364px;
}

.header1 {
	float:left;
	width:477px;
	height:50px;
	margin-left:120px;
	font-size: 11px;
	margin-top: 3px;
	color: #407aba;
	font-weight: bold;
}

a {
	text-decoration:none;
	color:#FFF;
}

.footer2 a {
	color:#644130;
}

.footer2 a:hover {
	color:#FFF;
}

.header2 a {
	color:#407aba;
}

.clear {
	clear:both;
}

img {
	border:none;
}

.header2 {
	float:left;
	width:210px;
	margin-left:20px;
	margin-top: 4px;
	line-height: 22px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #407aba;
}

.header2 a:hover {
	color:#FFF;
}



.s1 {
	background-image:url(images/s1.png);
	width:27px;
	height:27px;
	float:left;
	margin-left:2px;
}

.s2 {
	background-image:url(images/s2.png);
	width:36px;
	height:27px;
	float:left;
	margin-left:2px;
}

.s3 {
	background-image:url(images/s3.png);
	width:32px;
	height:27px;
	float:left;
	margin-left:2px;
}

.s1:hover, .s2:hover, .s3:hover {
	background-position:bottom;
}

.s1, .s2, .s3 {
	margin-top:2px;
}

.social {
	float:left;
	width: 140px;
	margin-top: 1px;
	margin-left: 5px;
}

.logo {
	width:900px;
	height:220px;
	clear: both;
	margin: auto;
}

.pub1 {
	width:731px;
	height:92px;
	margin:auto;
	padding-bottom: 13px;
}

.top {
	background-image:url(images/top.png);
	width:866px;
	height:90px;
	margin: auto;
	padding-top: 25px;
}

.centre {
	background-image:url(images/centre.png);
	width:826px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

#footer1 {
	background-image:url(images/footer1.png);
	background-repeat:repeat-x;
	width:100%;
	height:159px;
	background-position:bottom;
}

.footer2 {
	background-image: url(images/footer.png);
	width:868px;
	height:84px;
	margin: auto;
	background-repeat:repeat-y;
	text-align: center;
	padding-top: 75px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #644130;
	line-height: 18px;
}

.m1 {
	background-image:url(images/accueil.png);
	width:170px;
	height:56px;
	float:left;
	margin-left: 22px;
}

.m1:hover {
	background-position:bottom;
}

.m2 {
	background-image:url(images/+joues.png);
	height:56px;
	width:175px;
	float:left;	
}

.m2:hover {
	background-position:bottom;
}

.m3 {
	background-image:url(images/nouveautes.png);
	width:238px;
	height:56px;
	float:left;
}

.m3:hover {
	background-position:bottom;
}

.m4 {
	background-image:url(images/hasard.png);
	width:237px;
	height:56px;
	float:left;
}

.m4:hover {
	background-position:bottom;
}


.vignette {
	background-image:url(images/vignette.png);
	width:181px;
	height:129px;
	float: left;
	margin-left: 20px;
	text-align:center;
	padding-left:0px;
	padding-top:9px;
	font-size:11px;
	font-weight:bold;
	color:#432618;
	margin-bottom:25px;
}

.vignette a {
	color:#432618;
	text-decoration:none;
}

.vignette a:hover {
	color:#FFF;
	text-decoration:none;
}

.vignette:hover {
	background-position:bottom;
}

.vignette img {
	margin-bottom:11px;
}


form{
	width:420px;;
	margin:auto;
	background-color:#dfdfdf;
	border:1px solid #bbb;
	padding:10px;
}
form label{
	display:block;
	padding:10px;
	background-color:#fff;
	margin-bottom:10px;
}
form input, form textarea{
	width:100%;
}
form textarea{
	height:200px;
}
form input.submit{
	background-color:#aaa;
	color:#fff;
	text-align:center;
	font-weight:bold;
	border:1px solid #888;
}