@charset "iso-8859-2";
/* CSS Document */

body {
	width: 992px;
	margin: 0 auto;
	background: #8cd3e5;	
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
}
img { border: 0; } p { margin:0; }
a:link
{

	color:#000000;
text-decoration: none;
}

a:visited
{

	color:#000000;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
	color:#000000;
}

a:active
{

text-decoration: none;
	color:#000000;
}
a {
	color:#000000; text-decoration:underline;}
#header {
	width: 968px;
	height: 192px;
	background: url("images/header.jpg") no-repeat;
	border-left: 2px solid #706e6e;
	border-right: 2px solid #706e6e;
	padding: 6px 0 0 20px;
}
#header p { color: white }
#header span {
	color: #cbf4ff;	
}
#conteneur {
	width: 992px;
	background: url("images/fondcontent.jpg") repeat-y;
	padding: 20px 0 0 0;
}
#gauche {
	width: 187px;	
	float: left;
	margin: 0 0 0 18px;
}
#droite {
	width: 144px;
	float: right;
	margin: 0 18px 0 0;
}
#gauche h2, #droite h2 {
	width: 187px;
	text-align: center;
	margin: 0;
	height: 34px;
	color: black;
	padding: 6px 0 0 0;
}
#droite h2 { width: 144px;}
.fmenu {
	width: 187px;
	background: url("images/fond-menu.jpg") repeat-y;
	margin: 0 0 20px 0;
}
.dmenu {
	width: 187px;
	background: url("images/titre-menu.jpg") no-repeat;
}
.bmenu {
	width: 187px;
	background: url("images/fin-menu.jpg") no-repeat;
	background-position: bottom left;
	padding: 0 0 11px 0;
}
.menuskyscraper {
	width: 144px;
	height: 659px;
	background: url("images/menu_skyscraper.jpg") no-repeat;
	text-align: center;
}
.menuskyscraper img {
	padding: 10px 0 0 0;
}
.fmenu a {
	display: block;
	width: 170px;
 	background: url("images/separation_menu.jpg") no-repeat;
	background-position: bottom left;
	text-decoration: none;
	margin: 0 0 0 10px;
	color: #006599;
	padding: 0 0 2px 10px;
	font-weight: bold;
}
.fmenu a:hover { color: #56a1c8; }

#content {
	width: 548px;
	margin: 0 0 0 245px;
}
#newsletter {
	width: 548px;
	height: 37px;
	background: url("images/newsletter.jpg") no-repeat;
	padding: 6px 0 0 150px;
}
.input {
	width: 201px;
	height: 23px;
	border: 0;
	background: url("images/input.jpg") no-repeat;
	padding: 0 5px 0 5px;
	font-weight: bold;
	float: left;
	margin: 2px 0 0 10px;
}
.submit{
	width: 51px;
	height: 31px;
	background: url("images/submit.png") no-repeat;
	border: 0;
	float: left;
	margin: -2px 0 0 10px;
}
#newsletter label {
	font-weight: bold;	
	float: left;
	padding: 5px 0 0 0;
}

#bienvenue {
	width: 550px;
	background: url("images/bienvenue.jpg") repeat-y;
	margin: 10px 0 10px 0;
	text-align: center;
}
#hbienvenue {
	width: 550px;
	background: url("images/hbienvenue.jpg") no-repeat;
}
#fbienvenue {
	width: 550px;
	background: url("images/fbienvenue.jpg") no-repeat;
	background-position: bottom left;
	padding: 0 0 10px 0;
}
#vip {
	width: 267px;
	height:316px;
	float: left;
	background: url("images/vip.jpg") no-repeat;
	text-align: center;
}
#vip h1, #carrepub h1, #jeuxgratuits h1, #bienvenue h1 {
	color: black;
	margin: 0;
	text-align: center;
	font-size: 22px;
	padding: 16px 0 0 0;
}
.thumbs {
	margin: 30px 0 0 0;	
}
#carrepub {
	width: 267px;
	height:316px;
	float: right;
	background: url("images/carrepub.jpg") no-repeat;
	text-align: center;
}
#carrepub img {
	margin: 12px 0 0 0;	
}

#jeuxgratuits {
	width: 550px;
	background: url("images/jeuxgratuit.jpg") repeat-y;
	margin: 335px 0 0 0;
	text-align: center;
}
#hjg {
	width: 550px;
	background: url("images/hjeuxgratuit.jpg") no-repeat;
}
#fjg {
	width: 550px;
	background: url("images/fjeuxgratuits.jpg") no-repeat;
	background-position: bottom left;
}
#jeuxgratuits img {
	margin: 10px 0 10px;	
}
#bienvenuecontent {
	width: 530px;
	margin: 1px 0 0 10px;
	background: url("images/bienvenuecontent.jpg") repeat-y;
	text-align: left;
}
#hbc {
	width: 530px;
	background: url("images/hbc.jpg") no-repeat;
}
#fbc {
	width: 530px;
	background: url("images/fbc.jpg") no-repeat;
	background-position: bottom left;
}
#bienvenuecontent p{
	padding: 10px;	
}
#bienvenuecontent p:first-letter { padding: 0 0 0 30px; }


.fiche1 {
	width: 550px;
	height:229px;
	background: url("images/fiche1.jpg") no-repeat;
}
.fiche2 {
	width: 550px;
	height:229px;
	background: url("images/fiche2.jpg") no-repeat;
}
.fiche3 {
	width: 550px;
	height:229px;
	background: url("images/fiche3.jpg") no-repeat;
}
.fiche1 h1, .fiche2 h1, .fiche3 h1 {
	color: black;
	margin: 0;
	font-size: 22px;
	padding: 15px 0 0 50px;
	height: 30px;
}
.fiche1 h3, .fiche2 h3, .fiche3 h3{
	margin: 0;
	float: right;
	padding: 22px 10px 0 0;
}
.bigthumbs {
	float: left;
	margin: 12px 0 0 20px;
}
.fiche1 p {
	height: 100px;
	color: white;
	margin: 12px 20px 0 180px;
}
.fiche2 p {
	height: 100px;
	color: black;
	margin: 12px 20px 0 180px;
}.fiche3 p {
	height: 100px;
	color: black;
	margin: 12px 20px 0 180px;
}
.infos {
	width: 350px;
	height: 55px;
	margin: 5px 0 0 180px;
}
.note {
	font-weight: bold;	
	font-size: 14px;
	padding: 0 0 0 200px;	
}
.infos a {
	text-decoration: none;
	color: black;
	display: block;
	float: left;
	margin: 10px 18px 0 0;
}
.infos a:hover { text-decoration: underline;}

.clearer { clear: both; height: 1px;}
#footer {
	width: 992px;
	height:28px;
	background:url("images/footer.jpg") no-repeat;
	text-align: center;
	color: white;
	padding: 35px 0 0 0;
}
#footer a {
	color: #cbf4ff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;	
}