/* Par MaLeFiC, modifié le 06/12/07 */

body /* propriétés générales du site : */
{
	background:#000 url("images/motif_body.jpg") repeat-x; /* motif bandes bleues */
	color:#44453f;
	font-size:14px;
	width:800px; /* largeur maximale (pour résolution faible) */
	margin:auto;
}
	img
	{
		border:none;
	}
	a
	{
		text-decoration:none;
		color:#54bafa;
	}
	a:hover
	{
		text-decoration:underline;
		color:#0975ba;
	}

#header /* HEADER : */
{
	width:756px;
	height:432px;
	background:url("images/header.jpg") no-repeat top left; /* header */
}

#lots
{
	width:436px;
	height:269px;
	background:url("images/lots.jpg") no-repeat;
	position:relative;
	top:-411px;
	left:19px;
	margin-bottom:-270px;
}

#gd_photo /* PHOTO : */
{
	width:344px;
	height:300px;
	background:url("images/gd_photo.gif") no-repeat top left; /* cadre photo */
	position:relative;
	top:-414px;
	left:35px;
	margin-bottom:-300px;
}

#son /* MUSIQUE : */
{
	position:relative;
	top:-65px;
	left:600px;
	margin-bottom:-50px;
	width:200px;
}

#menu #icones/* MENU : */
{
	width:560px;
	margin-left:auto;
	margin-right:auto;
}
	#menu #icones td
	{
		padding-bottom:14px; /* Pour que le hover des images soit visible */
	}
	#menu #accueil:hover
	{
		background:url("images/accueil_hover.gif") no-repeat bottom;
	}
	#menu #forums:hover
	{
		background:url("images/forums_hover.gif") no-repeat bottom;
	}
	#menu #chat:hover
	{
		background:url("images/chat_hover.gif") no-repeat bottom;
	}
	#menu #boutique:hover
	{
		background:url("images/boutique_hover.gif") no-repeat bottom;
	}
	#menu #photos:hover
	{
		background:url("images/photos_hover.gif") no-repeat bottom;
	}
	#menu #musiques:hover
	{
		background:url("images/musique_hover.gif") no-repeat bottom;
	}
	#menu #videos:hover
	{
		background:url("images/videos_hover.gif") no-repeat bottom;
	}
	#menu #liens:hover
	{
		background:url("images/liens_hover.gif") no-repeat bottom;
	}
	#menu #contacts:hover
	{
		background:url("images/contacts_hover.gif") no-repeat bottom;
	}
	#menu #administration:hover
	{
		background:url("images/administration_hover.gif") no-repeat bottom;
	}
	#menu #jeu
	{
		padding:0px 4px;
	}
	#menu #jeu:hover
	{
		background:url("images/jeu_hover.gif") no-repeat bottom;
	}

#contenu /* en dehors du header et du menu, le CONTENU : */
{
	
}
	#recherche
	{
		float:right; /* se trouve à droite de l'intro de la page */
		width:161px;
		height:61px;
		background:url("images/recherche.gif") no-repeat;
		margin-top:10px;
		margin-right:40px;
		padding-right:30px;
	}
		#frise
		{
			width:20px;
			height:360px;
			background:url("images/frise.gif") repeat-y top center;
			position:relative;
			left:180px;
			top:-70px;
		}
	#stats
	{
		float:right;
		width:161px;
		height:103px;
		background:url("images/statistiques.gif") no-repeat;
		margin-top:80px;
		margin-right:-198px;
		color:#b02305;
		font-weight:bold;
		padding-top:14px;
		padding-left:36px;
	}
	#pub_comclick
	{
		float:right;
		width:161px;
		height:103px;
		margin-top:178px;
		margin-right:-168px;
		color:#b02305;
		font-weight:bold;
		padding-top:14px;
		padding-left:16px;
	}
	#bulle
	{
		display:none;
		position:relative;
		top:-200px;
		left:-450px;
		margin-bottom:-202px;
		text-align:center;
		z-index:3;
		border:4px #169ad2 solid;
		border-right:8px #169ad2 solid;
		width:436px;
		height:269px;
	}
	a:hover #bulle
	{
		display:block;
		margin-bottom:-295px;
	}
	#intro
	{
		width:470px;
		margin-top:-4px;
		padding-left:40px;
		padding-right:40px;
		background:url("images/fond_intro_centre.gif") repeat-y;
		min-height:335px;
	}
	#logo
	{
		background:url('images/logo_tecktonik.gif') no-repeat center;
	}
	#logo:hover
	{
		background:none;
	}

#footer
{
	text-align:center;
	color:#e3e3e3;
}