/* Design général */

body
{
	margin:0;
	font-size:12px;
	font-family:"trebuchet ms";
	background-color:#eaeaea;
}

#header
{
	background:url(images/fond.png) repeat-x top;
	height:98px;
	position:relative;
}

#bandeau
{
	background:url(images/bandeau.png) no-repeat;
	height:89px;
	width:990px;
	margin:auto;
}

#pub
{
	float:right;
	margin-top:15px;
}

#boutons
{
	margin-left:150px;
	height:47px;
}

#boutons a
{
	background:url(images/bouton.png);
	display:block;
	width:95px;
	height:30px;
	line-height:30px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	float:left;
	margin-right:1px;
}

#boutons a:hover
{
	background:url(images/bouton_hover.png);
}

#bords
{
	background:url(images/bords.png) repeat-x top;
	height:350px;
}

#corps
{
	width:950px;
	padding:0 20px 20px 20px;
	border-left:1px solid #a5a5a5;
	border-right:1px solid #a5a5a5;
	margin:auto;
	background:url(images/ombre.gif) repeat-x top;
	background-color:#fff;
}

#contenu
{
	margin-left:255px;
}

#footer
{
	border-left:1px solid #a5a5a5;
	border-right:1px solid #a5a5a5;
	border-bottom:1px solid #a5a5a5;
	margin:auto;
	width:990px;
	padding-top:20px;
	padding-bottom:10px;
	background-color:#fff;
	text-align:center;
	color:#a8b2bc;
	-moz-border-radius-bottomleft:14px;
	-moz-border-radius-bottomright:14px;
}

#menu
{
	width:230px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	background:#f7f7f7;
	border:1px solid #bfbfbf;
	padding:11px 0 11px 0;
	float:left;
}

#menu a
{
	display:block;
	color:#3f3f3f;
	text-decoration:none;
	padding-left:30px;
	height:24px;
	line-height:24px;
	border-bottom:1px solid #bfbfbf;
	background:url(images/menu.gif) no-repeat 15px;
}

#menu .new
{
	background:url(images/new.gif) repeat-x;
	font-weight:bold;
	color:#fff;
}

#menu .new:hover
{
	background-color:#ff8c00;
	color:#fff;
}

#menu a:hover
{
	background-color:#eaeaea;
	color:#000;
}

h1
{
	margin:0 0 10px 0;
	font-size:17px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#437287;
	background:url(images/menu.gif) no-repeat 5px ;
	padding:0 0 1px 20px;
}

p
{
	text-indent:20px;
	color:#2c3239;
}

form
{
	margin:0;
	padding:0;
}

.text
{
	padding:3px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	font-size:12px;
	font-family:"trebuchet ms";
	width:200px;
	margin-bottom:6px;
}

.valid
{
	padding:3px 5px 3px 5px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	font-size:12px;
	font-family:"trebuchet ms";
	border:0;
	font-weight:bold;
	color:#fff;
}

.valid:hover
{
	cursor:pointer;
}

h2
{
	margin:0 0 5px 0;
	font-size:14px;
}

a
{
	color:#e57e00;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

/* Cadre d'inscription */

#ins
{
	background:#c9e19d;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	padding:10px;
	text-align:center;
	width:250px;
	float:left;
	margin-right:20px;
	border:2px solid #769e2d;
	margin-left:30px;
}

#ins .text
{
	border:2px solid #85b133;
}

#ins .text:focus
{
	border:2px solid #597622;
}

#ins .valid
{
	background:#84af35;
}

#ins h2
{
	color:#3b4e17;
}

/* Cadre de connection */

#connect
{
	background:#c7dae9;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	padding:10px;
	text-align:center;
	width:250px;
	border:2px solid #4785b7;
	margin-left:350px;
}

#connect .text
{
	border:2px solid #6c9dc5;
}

#connect .text:focus
{
	border:2px solid #396a92;
}

#connect .valid
{
	background:#4786b7;
}

#connect h2
{
	color:#2a4f6e;
}

/* Messages d'erreurs et d'infos */

.error, .info
{
	text-align:center;
	display:block;
	padding:5px;
	text-decoration:none;
	margin-bottom:12px;
	-moz-border-radius:10px;
	font-weight:bold;
}
.error
{
	color:#b22222;
	border:2px solid #de5353;
	background:#f6d4d4;
}
.info
{
	color:green;
	border:2px solid #00b200;
	background:#b2ffb2;
}
.error:hover
{
	text-decoration:none;
	color:#b22222;
}
.info:hover
{
	text-decoration:none;
	color:green;