body
{
	background-color: #9d9da1;
	font: 75%/150% "Trebuchet MS", Tahoma, Arial;
}

h1
{
	font-size: 160%;
	font-weight: bold;
}

h2
{
	font-size: 120%;
	font-weight: bold;
}

#rap {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 1px solid white;
	width: 935px;
	background: url("images/background-cols.png") repeat;
}

#header {
	margin: 0 0 10px 0;
	border-bottom: 1px solid white;
}
#header img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#side-left 
{
	color: White;
	float: left;
	width: 156px;
}

#side-left ul {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
	vertical-align: top;
}

.nav
{
	padding: 10px;
}
.nav a, .nav a:visited
{
	color: White;
	text-decoration: none;
}
.nav a:hover
{
	color: White;
	text-decoration: underline;
}

#side-right 
{
	color: White;
	float: right;
	width: 156px;
}

#content  
{
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	width: 62%;
}

#footer {
	clear: both;
	background: #A2A2A2;
}

#home 
{
	margin: 0px;
	padding:0px;
	background: url("images/sujet_home.jpg") no-repeat;
	background-position: right top;
}

#content ul {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
	vertical-align: top;
}
#content li
{
	vertical-align: top;
	margin: 0px;
	padding: 2px 0px 2px 20px;
	background: url("images/li.png") no-repeat left center;
}

.box
{
	padding: 3px;
	border: 1px solid white;
	margin: 5px;
	color: Black;
}
 .box h2
{
	color: White;
}

#login
{
	background: url("images/bg_login.png") no-repeat left center;
	height: 172px;
	width: 266px;
}