body {
	margin : 0;
	padding : 0;

	background-color : #797F84;

	background-image : url(../images/fond.gif);
	background-repeat : repeat-y;
	background-position : center;
}

#page {
	position : relative;

	background-color : #fff;
	background-image : url(../images/page-fond.gif);
	background-repeat : repeat-y;

	width : 914px;

	margin : auto;
}

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

#entete {
	position : relative;

	height : 187px;
	background-image : url(../images/entete-fond.jpg);
	border-bottom : 3px solid #787F83;
}

#logo {
	position : absolute;
	left : -37px;
	top : 53px;

	width : 265px;
	height : 88px;

	background-image : url(../images/logo.gif);
}


/*--------------------------------------------------------------------
/* BANDE GAUCHE
/**/

#bandeGauche {
	float : left;

	width : 204px;

	background-image : url(../images/bandegauche-tites_boules.jpg);
	background-repeat : no-repeat;
	background-position : 135px 346px;

	min-height : 600px;
}

* html #bandeGauche {
	height : 600px;
}

/*--------------------------------------------------------------------
/* RECHERCHE
/**/

#recherche {
	margin-top : 21px;
	margin-left : 12px;
	margin-bottom : 17px;
}

#recherche form {
	margin : 0;
	padding : 0;
}

#recherche #motsCles {
	font-family : tahoma;
	font-size : 12px;
	padding-left : 3px;

	width : 140px;

	border : 1px solid #731309;
}

#recherche input {
	vertical-align : middle;
}

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

#menu {
	margin : 0;
	padding : 0;

	list-style-type : none;

	padding-bottom : 13px;

	background-image : url(../images/menu-bas.gif);
	background-position : left bottom;
	background-repeat : no-repeat;
}

#menu li {
	padding-top : 16px;
	padding-bottom : 12px;
	padding-left : 48px;

	background-image : url(../images/menu-separateur.gif);
	background-repeat : no-repeat;
}

#menu a {
	font-size : 9pt;
	font-weight : bold;
	color : #fff;
	text-decoration : none;
}

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

/*--------------------------------------------------------------------
/* BANDE DROITE
/**/

#bandeDroite {
	position : relative;

	float : left;

	width : 710px;

	background-image : url(../images/bandedroite-fond.gif);
	background-repeat : no-repeat;
	background-position : 0px 25px;

	min-height : 570px;
}

* html #bandeDroite {
	height : 570px;
}

.page_accueil #bandeDroite {
	min-height : 605px;
	background-image : url(../images/bandedroite-fond-accueil.jpg);
}

* html .page_accueil #bandeDroite {
	height : 605px;
}

/*--------------------------------------------------------------------
/* CONTENU
/**/

#contenu {
	margin-left : 150px;
	margin-top : 135px;
	margin-right : 50px;

	color : #444;

	min-height : 410px;
}

* html #contenu {
	height : 410px;
}

.page_accueil #contenu {
	margin-left : 435px;
}

#titre {
	position : absolute;
	left : 100px;
	top : 45px;
}

#titre h1 {
	margin : 0;
	padding : 0;

	color : #fff;
	font-weight : normal;
	font-size : x-large;
	font-family : georgia,serif;
	

	letter-spacing : 1px;
}

/*--------------------------------------------------------------------
/* MENU HAUT
/**/

#menu-haut {
	margin : 0;
	padding : 0;

	list-style-type : none;

	margin-top : 6px;
	margin-right : 3px;

	float : right;
}

#menu-haut li {
	margin : 0;
	padding : 0;

	float : left;

	height : 24px;

	padding-left : 17px;
	padding-right : 21px;
	padding-top : 5px;

	background-image : url(../images/menu_haut-separateur.gif);
	background-repeat : no-repeat;
	background-position : top right;
}

#menu-haut .dernier {
	background-image : none;
	padding-right : 17px;
}

#menu-haut a {
	font-size : 8pt;
	color : #93362C;
	text-decoration : none;
	font-weight : bold;
}

#menu-haut a:hover {
	text-decoration : underline;
}

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

#pied {
	margin-top : 1.25em;
	margin-left : 150px;
	margin-right : 50px;

	font-size : 7pt;

	background-image : url(../images/pied-fond.gif);
	background-repeat : no-repeat;

	padding-top : 7px;

	line-height : 1.5em;

	color : #444;
}

#pied-gauche {
	padding-top : 1.5em;

	float : left;
}

#pied-droite {
	float : right;
	text-align : right;
}

#pied a {
	color : #444;
	text-decoration : none;
}

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