* {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	color:#575757;
	border:0px;
}
/*  on supprime les marges internes et externes pour tous les blocs qui on des marges par défaut (H1 .... H6, p, ul ... */

html, body {
	height: 100%;
	font-size:12px;
}

body {
	background: url(background.jpg) repeat-x;
}

h1
{
	color:#1B87B8;
	font-size:16px;
	font-weight:bold;
	margin:5px 0px 10px 0px;
	padding:0px;
}
h2
{
	color:#1B87B8;
	font-size:14px;
	padding:0px;
	margin:5px 0px 10px 0px;
	font-weight:bold;
}
a
{
	color:#1B87B8;
	font-weight:bold;
	text-decoration:underline;
}
a:hover
{
	text-decoration:none;
}
/* ************************ GLOBAL ********************************** */
.general {
/* c'est le cadre le plus large de la page */
	position:relative;
	overflow:hidden;
	/*min-height: 100%;*/
	width: 990px;
	margin: 0 auto; /* permet de centrer un élément */
}

/* ************************ HEADER ********************************** */
#header {
	height: 235px;
	width:990px;
	background:url(header.jpg);
	margin:0px 0px 28px 0px;
}
	

/* ************************ MENU ********************************** */

ul#menu {
	position:absolute;
	top:175px;
	left:15px;
	list-style-type:none;
}

#menu li {
	float:left;
	width:148px;
	height:110px;
}

#menu li a {
	display:block;
	width:148px;
	height:55px;
	background:url(bp_menu.jpg);
	background-position:top;
	text-align:center;
	line-height:70px;
	color:#FEFEFE;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
#menu li a:hover {
	background-position:bottom;
}


ul#menuhaut {
	position:absolute;
top:20px;
	right:15px;
	list-style-type:none;
	font-variant:small-caps;
}

#menuhaut li {
display:inline;
}


/* *********************** SOUS MENU ******************************** */
#sousmenu
{
	position:absolute;
	top:240px;
	left:70px;
	display:block;
	width:600px;
	margin:0px 0px 0px 0px;
	padding:0px;
	z-index:2;
	/*
	background-color:#3399CC;
	border:1px solid black;  */

}
#sousmenu li
{
	position:relative;
	float:left;
	top:5px;
	margin:0px 20px 0px 0px;
	padding:0px;
	list-style:none;
}
#sousmenu li img, #sousmenu li a
{
	margin:0px;
	padding:0px;
}
/* ************************ CONTENT ********************************** */
#content {
/* On laisse de la place à droite pour l'autre colonne */
	float: left;
	width:653px; 
	overflow:hidden;	
}

#content .top
{
	width:653px;
	height:24px;
	background:url(content_top.png);
}

#content .bottom
{
	width:653px;
	height:18px;
	background:url(content_bottom.png);
}
#content .background{
	background:url(content_fond.png) repeat-y;
	overflow:hidden;	
}
#content .contenu{
	position:relative;
	margin:0px 25px 0px 25px;
	overflow:hidden;	
}

#content .top
{
	width:653px;
	height:24px;
	background:url(content_top.png);
	z-index:1;
}

#content .gauche
{
	float:left;
	width:350px;
	margin:0px 20px 0px 0px;
}
#content .gauche p {	text-align:justify; }
#content .droite p {	text-align:justify; font-size:11px;}
#content .droite h2 { text-align:center; color:#E57B0B; font-weight:normal; }

table { border:0px; }

form
{
	margin:10px 0px 0px 0px;
}
form input, form textarea
{
	width:350px;
	border:1px solid #0099FF;
	margin:5px 0px 0px 0px;
	padding:2px;
}
/* ************************ SIDEBAR ********************************** */
#barre_droite {
	float:left;
	width: 337px;
	overflow:hidden;
}


/* ************************ FOOTER ********************************** */
#footer {
	position: absolute;
	width: 800px;
	bottom: 0;
	height:32px;
	z-index:10;
	background:pink;
}

#footer p {
	position:absolute;
	right:15px;
	bottom:5px;
}