body {
	text-align			:	center;
}
#page {
	width				:	600px;
	margin				:	0 auto;
}
#menu {
	margin				:	0 auto;
	width				:	600px;
	padding				:	0;
	list-style-type		:	none;
}
#menu li {
	float				:	left;
	height				:	40px;
	width				:	200px;
}
#menu li a {
	display				:	block;
	text-decoration		:	none;
	text-align			:	center;
	height				:	40px;
	font				:	2em;
	line-height			:	2em;
	color				:	#FFFFFF;
	font-weight			:	bold;
}
#menu_login {
	background			:	url(../images/menu.jpg) no-repeat;
}
#menu_register {
	background			:	url(../images/menu_actif.jpg) no-repeat;
}
#menu_recover {
	background			:	url(../images/menu.jpg) no-repeat;
}
#menu li a:hover {
	text-decoration		:	underline;
}

#contenu {
	clear				:	left;
	padding				:	10px 0;
	width				:	600px;
	margin				:	0 auto;
	background-color	:	#993333;
	color				:	#FFFFFF;
	text-align			:	left;
}
#contenu a {
	color				:	#FFFFFF;
	font-weight			:	bold;
}

#erreur {
	text-align			:	center;
	font-weight			:	bold;
}

#login, #register, #recover, #logout {
	width				:	550px;
	margin				:	auto;
	text-align			:	left;
	color				:	#FFFFFF;
	
}
#register fieldset {
	margin				:	0;
	font-style			:	normal;
	padding				:	0 1em 1em;
}
#register legend, #login legend, #recover legend {
	font-weight			:	bold;
	color				:	#CCCCCC;
	background			:	transparent;
}
#login {
	display				:	none;
}
#register {
	display				:	block;
}
#recover {
	display				:	none;
}
#register label, #login label, #recover label {
	float				:	left;
	width				:	25%;
	padding				:	0 .5em 0 0;
	text-align			:	right;
}
#register label:hover, #register input, #login label:hover, #login input, #recover label:hover, #recover input {
	cursor				:	pointer;
}
.piedForm {
	text-align			:	right;
}

.bouton {
	background			:	transparent url(../images/fond_bouton.jpg) repeat scroll 0%;
	border				:	1px solid #9C9C9C;
	color				:	#6E1D2E;
	font-family			:	Verdana;
	font-size			:	10px;
	text-decoration		:	none;	
}

#tete {
	height				:	20px;
	background-color	:	#993333;
	color				:	#FFFFFF;
	font-weight			:	bold;
}
#tete_gauche {
	background			:	url(../images/tete_gauche.jpg);
	width				:	20px;
	height				:	20px;
	float				:	left;
}
#tete_droite {
	background			:	url(../images/tete_droite.jpg);
	width				:	20px;
	height				:	20px;
	float				:	right;
}

#pied {
	background-color	:	#993333;
	color				:	#CCCCCC;
	font-weight			:	bold;
	height				:	20px;
}
#pied a {
	text-decoration		:	none;
	color				:	#FFFFFF;
}
#pied_gauche {
	background			:	url(../images/pied_gauche.jpg);
	width				:	20px;
	height				:	20px;
	float				:	left;
}
#pied_droit {
	background			:	url(../images/pied_droit.jpg);
	width				:	20px;
	height				:	20px;
	float				:	right;
}
#cat {
	margin				:	10px 50px;
}
#catalogue {
	margin				:	0 auto;
	width				:	400px;
	padding				:	0;
	list-style-type		:	none;
}
#catalogue li a {
	color				:	#FFFFFF;
}
.contact {
	margin-top			:	20px;
	text-align			:	center;
	color				:	#333333;
	font-weight			:	bold;
	font-size			:	small;
}
.contact a {
	color				:	#333333;
	text-decoration		:	none;
}