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

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

a:link, a:visited { color: black; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

img
{
	border: 0px;
}

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

#wrapper h1
{
	font-size: 9px;
	color: #000;
	padding-left: 13px;
}

/**********************************************************************************
/* HEADER
/**********************************************************************************/
#header
{
	width: 100%;
	height: 66px;
}
#header #logo
{
	float: left;
	width: 435px;
	height: 66px;
	background: transparent url(/graphics/logo.gif) 0px 0px no-repeat;
}
#header #logo img
{
	width: 435px;
	height: 66px;
	border: 0px none;
}

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

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

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

	#content h2
	{
		height: 69px;
		font-weight: bold;
		font-size: 25px;
		color: #8e8568;
		padding-top: 20px;
	}
	
#entrer{
	margin: 15px;}
#entrer a{
	font-size:28px;font-weight:bold;color:#000;text-decoration:none;}
#entrer a:hover{
	font-size:28px;font-weight:bold;color:#bcb087;text-decoration:underline;}
#sortir {
	margin-top: 15px;}
#sortir a{
	font-size:18px;font-weight:bold;color:#bcb087;text-decoration:none;}
#sortir a:hover{
	font-size:18px;font-weight:bold;color:#000;text-decoration:none;}

/**********************************************************************************
/* FOOTER
/**********************************************************************************/
#footer
{
	clear: both;
	width: 100%;
	height: 48px;
	padding-top: 15px;
	font-weight: bold;
	text-align: center;
	color: #000;
	background: transparent url(/graphics/footer.gif) 0px 0px no-repeat;
}

#footer #pagination
{
}

#footer p
{
	padding-top: 20px;
}

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

/**********************************************************************************
/* Sites
/**********************************************************************************/
.sites
{
	text-align:left;
	clear: both;
	width: 770px;
	height: 100px;
	margin: 0px 10px 10px 10px;
	background: #ddd2b2;
	border: 1px solid #bcb087;
}
.sites span
{
	float: right;
	width: 600px;
}
.sites .titre
{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.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: #f4ebce;
	margin-top: -5px;
}