/*
feuille de design
*/

body
{
	width: 780px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color : #FFFFFF;
	background-image: url("images/fond.png");
}

body a img
{
	border : none;
}

/* L'en-tête */

#en_tete
{
	width: 760px;
	height: 120px;
	
	text-align : center;
	
	margin : 0px;
	margin-bottom: 10px;
	padding : 0px;
}


/* Le menu */

#menu
{
	float : left;
	width : 150px;
}

.element_menu
{
	background-color: #525252;
	background-image: url("images/motif_menu.png");
	background-repeat: no-repeat;
	
	border: none;
	border-bottom: 1px solid black;
	
	overflow : hidden;
	
	margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{
	color: #FFFFFF;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	
	margin-left : 5px;
	margin-right : 5px;
}

.element_menu ul
{
	list-style-image: url("images/puce.png");
	list-style-position: outside;
	
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	margin-bottom: 5px;
}

.element_menu a
{
	color: #B35555;
	text-decoration : none;
	font-weight : bolder;
}

.element_menu a:hover
{
	background-color: #31314D;
	border-top : 1px black solid;
	border-left : 1px black solid;
}


/* Le corps de la page */

#corps
{
	margin-left: 160px;
	margin-bottom: 20px;
	padding: 5px;
	
	color: #000000;
	background-color: #9F2E2E;
	background-image: url("images/motif_corp.png");
	background-repeat: no-repeat;
	
	border: none;
}

#corps h1
{
	color: #FFFFFF;
	font-weight : bolder;
	text-align: center;
	font-family: "Comic Sans MS", Arial, "Arial Black", "Times New Roman", Times, serif;
	
	margin-bottom : 2em;
}

#corps h2
{
	height: 30px;
	
	padding : 0px;
	padding-left: 30px;
	margin : 0px;
	
	color: #FFFFFF;
	text-decoration : underline;
	font-weight : normal;
	text-align: left;
}

#corps a
{
	color: #000080;
}

#corps a:hover
{
	background-color: #832E45;
	border-top : 1px black solid;
	border-left : 1px black solid;
}

#corps #date, #corps #date a, #corps #date a:hover
{
	text-align : right;
	text-decoration : none;
	font-size : 10px;
	color: #409040;
	background-color : #4F1717;
	
	margin : 0px;
	margin-top : 5px;
	border-style : none;
}

#message
{
	margin: 1em;
	padding : 0.5em;
	
	border : 1px black inset;
	
	background-color: #BCCDFF;
}

#toolbar
{
	margin: 1em;
	margin-top : 2em;
	margin-bottom : 0px;
	padding : 0.5em;
	
	border : 2px black solid;
	
	background-color: #1C1C5D;
	background-image: url("images/toolbar.png");
	background-repeat: repeat-x;
}

#toolbar img
{
	border : 1px black outset;
}

#toolbar img:active
{
	border : 1px black inset;
}

#contenu
{
	margin : 0em 1em;
	
	width : 568px;
	height : 40em;
}

#xiti
{
	text-align : center;
}