body
{
	background-color: #ffafe0;
	background-image: url(koboshi-chan.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom right;
	text-align: center;
}

div#conteneur

{
	width: 700px;
	padding-top: 52px;
	background: url(images/gros_cadre_01.png) no-repeat top;
	margin: auto auto;
}
div#bloccadre {
	background: url(images/gros_cadre_02.png) no-repeat bottom;
	padding-bottom: 1100px;
	margin: auto auto;
}
	
h1#header
{
	height: 242px;
	background: url(images/titre.png) no-repeat top;
	margin: 0 ;
}
div#contenu
{
	padding: 250px 100px 0 100px ;
}


div#contenu p
{
	text-align: justify;
	text-indent: 2em;
	line-height: 1.7em;
	font-size: 11pt;
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-stretch: normal;

}

div#contenu a
{
	color: #df823f;
}

table {
	border: 3px solid #df823f;
	border-collapse: inherit;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
thead, tfoot {
	background-color: #ffddf2;
	border: 0px solid #df823f;
}
tbody {
background-color:#FFFFFF;
border:0px solid #df823f;
}
th {
	font-family: serif;
	font-size: 11pt;
	padding: 5px;
	border: 0px solid #df823f;
	text-align: justify;
	font-size-adjust: none;
}
td {
	font-family: sans-serif;
	font-size: 10pt;
	border: 0px solid #df823f;
	padding: 5px;
	text-align: justify;
}
caption {
font-family:sans-serif;
}

div#finaltexte
{
	padding: 20px 100px 0 100px ;
}


div#finaltexte p
{
	text-align: justify;
	text-indent: 2em;
	line-height: 1.7em;
	font-size: 11pt;
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
	font-stretch: normal;

}

div#finaltexte a
{
	color: #df823f;
}

ul#boutons
{
	height: 35px;
	margin: 0 auto auto;
	padding: 0;
	list-style-type: none;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
ul#boutons li
{
	float: right;
	text-align: center;
}