@charset "iso-8859-2";

body { width: 1008px; margin: 0 auto; background: #272727 url("images/background.png") repeat-x center top; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.small { font-size: 9px; color:white; }
.partfooter { font-size: 11px; color:#e74acf; text-align: center; }
.partfooter a { color:#727272; text-decoration: none; }

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: 1008px;	height: 139px;	background: url("images/head.jpg") no-repeat;	padding: 6px 0 0 20px; }
#header p { color: white }
#header span { color: white;	}

#conteneur {	width: 1008px;	background: url("images/fondc.jpg") repeat-y; padding: 20px 0 0 0; }
#gauche h2, #droite h2 {	width: 187px;	text-align: center;	margin: 0;	height: 58px;	color: black;	padding: 6px 0 0 0; }
#gauche { width: 187px;	 float: left; margin: 0 0 0 26px; }
#droite { width: 144px; 	float: right; margin: 0 26px 0 0; }
#droite h2 { width: 144px;}
.fmenu { width: 187px; background: url("images/fond-menu.jpg") repeat-y; margin: 0 0 20px 0; }
.accueilmenu { width: 187px; background: url("images/accueil-menu.jpg") no-repeat; }
.gainmenu { width: 187px; background: url("images/gain-menu.jpg") no-repeat; }
.funmenu { width: 187px; background: url("images/fun-menu.jpg") no-repeat; }
.diversmenu { width: 187px; background: url("images/divers-menu.jpg") no-repeat; }
.partenairemenu { width: 187px; background: url("images/partenaire-menu.jpg") no-repeat; }

.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: 700px; background: url("images/menu_skyscraper.jpg") no-repeat; text-align: center; }
.menuskyscraper img { padding: 10px 0 0 0; }
.fmenu a { display: block; width: 187px; background: url("images/separation_menu.jpg") no-repeat; background-position: bottom left; text-decoration: none; color: white; padding: 0 0 4px 20px; font-weight: bold; }
.fmenu a:hover { color: black;  background: url("images/menu-actif.jpg") no-repeat;  }

#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-	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: white; margin: 0; font-size: 18px; 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: 16px; 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 { color: white; width: 1008px; height:100px; background:url("images/footer.jpg") no-repeat; text-align: center; 	padding: 1px 0 0 0; font-size: 11px;}
#footer a { color: #e447cc; text-decoration: none; }
#footer a:hover { text-decoration: none; }