body {
	margin : 0;
	padding : 0;

	margin-bottom : 30px;

	background-color : #A8C8E9;
	background-image : url(../images/page-fond.jpg);
	background-repeat : repeat-x;
	background-position : left top;
}

#page {
	width : 714px;

	margin : auto;

	border-left : 3px solid #ffffff;
	border-right : 3px solid #ffffff;
	/*border-top : 3px solid #ffffff;*/
	border-bottom : 3px solid #ffffff;

	background-color : #6EA3C8;

	position : relative;
}

/*--------------------------------------------------------------------
/* ENTETE
/**/

#entete {
	position : relative;

	height : 146px;
}

#entete h1 {
	position : absolute;
	
	background-image : url(../images/e8_logo_forum.gif);

	left : 0;
	top : 0;

	width : 149px;
	height : 146px;

	margin : 0;
	padding : 0;
	font-size : 0;
	text-indent : -9000px;

	overflow : hidden;
}

/*--------------------------------------------------------------------
/* EMPLACEMENT
/**/

#emplacement {
	position : absolute;
	font-size : 7pt;
	z-index : 12;
	color : #E6E6E6;

	left : 180px;
	top : 110px;

	width : 400px;
}

#emplacement a {
	color : #E6E6E6;
	text-decoration : none;
}

#emplacement a:hover {
	color : #fff;
	text-decoration : underline;
}

/*--------------------------------------------------------------------
/* TOP MENU
/**/

#topmenu {
	position : absolute;

	background-color : #ffffff;
	background-image : url(../images/topmenu_back.gif);
	background-repeat : no-repeat;
	background-position : left bottom;

	right : 0;
	top : 0;

	height : 25px;

	margin : 0;
	padding : 0;

	padding-left : 35px;
	padding-right : 15px;

	padding-top : 4px;
}

#topmenu a {
	color : #000;
	font-weight : bold;
	text-decoration : none;
}

#topmenu a:hover {
	text-decoration : underline;
}

/*--------------------------------------------------------------------
/* PRINCIPAL
/**/

#principal {
	float : right;

	z-index : 10;
	width : 500px;

	margin-top : 10px;
	padding-left : 30px;
	padding-right : 30px;

	padding-bottom : 2em;
}

* html #principal {
	padding-left : 29px;
	padding-right : 29px;
}

#principal h1 {
	font-family : arial,helvetica,sans-serif;
	font-size : medium;
	font-weight : bold;
	color : #ffffff;

	background-image : url(../images/titre-back.gif);

	background-position : 0px 1px;
	background-repeat : no-repeat;

	margin : 0;
	padding : 0;

	padding-left : 10px;
	padding-top : 10px;
	padding-bottom : 10px;
	
	margin-bottom : 1em;

	position : relative;
	left : -7px;
	text-indent : -30px;
	padding-left : 40px;
}

* html #principal h1 {
	background-position : 0px 2px;
}

/*--------------------------------------------------------------------
/* PIED
/**/

#pied {
	position : relative;

	height : 90px;

	background-color : #BA0000;
	background-image : url(../images/pied_photos1.jpg);
	background-repeat : no-repeat;

	border-top : 2px solid #BA0000;

	clear : both;
}

#pied #copyrights {
	position : absolute;

	top : 100px;
	left : 15px;

	font-size : x-small;

	color : #0065A4;
}

#pied #conception {
	position : absolute;

	top : 100px;
	right : 15px;

	font-size : x-small;

	color : #0065A4;
}

#pied #conception a {
	color : #0065A4;
}

/*--------------------------------------------------------------------
/* LEFT PANEL
/**/

#leftpanel {
	background-color : #ffffff;

	float : left;
	width : 153px;

	background-image : url(../images/leftpanel-back.jpg);
	background-repeat : repeat-x;
	background-position : left bottom;

	padding-bottom : 150px;
}

#leftpanel #leftpanel-top {
	height : 32px;
	background-image : url(../images/leftpanel-top.gif);
}



#leftpanel #leftpanel-contenu {
	font-size : xx-small;
	line-height : 150%;

	margin-left : 10px;
	margin-right : 10px;

	color : #4B85AD;

	margin-top : 20px;
}

#leftpanel #leftpanel-contenu h2 {
	color : #BA0000;
	font-size : small;
	font-weight : bold;

	margin : 0;
	padding : 0;
}