body
{
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	background: #bdd3e8 url(/graphics/bg.gif) 0px 0px repeat-x;
	color: #000;
}

h1, h2
{
	margin: 0px;
	padding: 0px;
}

img
{
	border: 0px;
}

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

/**********************************************************************************
/* WRAPPER
/**********************************************************************************/
#wrapper
{
	width: 880px;
	margin: 0px auto;
}

/**********************************************************************************
/* HEADER
/**********************************************************************************/
#header {
	position: relative;
	margin: 0px auto;
	height: 227px;
	background: transparent url(/graphics/gay_gratuit.jpg) no-repeat 0 0;
}
#header h1
{
	position: relative;
	top: 200px;
	left: 630px;
	font-size: 9px;
	color: #000;
}

/**********************************************************************************
/* MAIN
/**********************************************************************************/
#main
{
	float: left;
	width: 100%;
	background: transparent url(/graphics/main.gif) 0px 0px repeat-y;
}

/**********************************************************************************
/* CONTAINER
/**********************************************************************************/
#container
{
	display: inline;
	float: left;
	width: 880px;
	margin: 0px;
	background: transparent url(/graphics/head.gif) top left no-repeat;
}

/**********************************************************************************
/* CONTENU PRINCIPAL
/**********************************************************************************/
#content
{
	width: 840px;
	text-align:center;
	padding: 0px 30px;
	color:#000;
}

	#content h2
	{
		font-weight: bold;
		font-size: 20px;
		color: #000;
		padding: 18px 0px 25px 0px;
	}

/**********************************************************************************
/* FOOTER
/**********************************************************************************/
#footer
{
	clear: both;
	width: 100%;
	height: 20px;
	padding-top: 15px;
	text-align: center;
	color: #000;
	background: transparent url(/graphics/footer.gif) 0px 0px no-repeat;
}
#footer_gay
{
	clear: both;
	width: 100%;
	height: 67px;
	padding: 0px;
	margin: 0px;
	padding-top: 50px;
	text-align: center;
	color: #000;
	background: transparent url(/graphics/footer_gay.gif) 0px 0px no-repeat;
}
#legal
{
	clear: both;
	width: 100%;
	text-align: center;
}

/**********************************************************************************
/* Sites
/**********************************************************************************/
.sites
{
	text-align:left;
	clear: both;
	width: 800px;
	height: 100px;
	margin: 0px 10px 10px 10px;
	background: #bdd3e8;
	border: 1px solid #8d8d8d;
}
.sites span
{
	float: right;
	width: 620px;
}
.sites .titre
{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.sites .titre a:link, .sites .titre a:visited { text-decoration: none; }
.sites .titre a:hover, .sites .titre a:active { text-decoration: underline; }
.sites .thumb
{
	float: left;
	width: 110px;
}
.sites .thumb img
{
	margin-left: 5px;
	margin-top: 5px;
}
.sites .desc
{
	font-size: 11px;
	color: #000;
}
.sites .num
{
	position: relative;
	width: 15px;
	height: 55px;
	padding-left: 5px;
	padding-right: 20px;
	padding-top: 40px;
	font-size: 22px;
	font-weight: bold;
	color: #000;
	margin-top: -5px;
}