body
{
   width: 770px;
   margin: auto;
   margin-top: 10px;
   margin-bottom: 10px;   
   background-image: url("images/aikuu.jpg");
   background-attachment: fixed;
   font-family: "Trebuchet MS", Arial, serif;
}

/* L'en-tête */

.baniere
{
	border: 6px groove #37b0a9;
	width: 760px;
}


/* Le menu */

#menu
{
   float: left;
   width: 130px;
   right:640px;
   top: 140px;
}

.element_menu
{
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   text-decoration: underline;
   border: 2px solid black;
   color: black;
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{   
   color: black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

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

.element_menu a
{
   color: black;
}

.element_menu a:hover
{
   background-color: #8AB9BD;
   color: black;
}


/* Le corps de la page */

#corps
{
   margin-left: 140px;
   margin-bottom: 20px;
   padding: 5px;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   min-height: 920px;
   border: 2px solid black;
}

#corps h1
{
   color: #36676b;
   text-align: center;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
}

#corps h3
{
   color: #cb1b1b;
   height: 30px;
   font-family: "Comic Sans MS", "Arial Black", "Times New Roman", Times, serif;
   background-image: url("images/patte.png");
   background-repeat: no-repeat;
   padding-left: 40px;
   text-align: left;
}

.p
{
   text-indent: 20px;
}

.histoire
{
	text-indent: 30px;
	color: #704019;
	font-weight: bold;
	text-align: justify;
}

.imageflottante1
{
   float: left;
   margin-right: 10px;
   width: 420px;
   border: 5px outset #704019;
}

.imageflottate2
{
	float: right;
	margin-left: 10px;
	width: 250px;
	border: 5px outset #704019;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   text-align: center;
   color: Black;
   background-color: #f8eedf;
   border: 2px solid black;
   margin-top: 5px;
}
.contact
{
	text-align: right;
	padding: 40px;
}
.image_contact
{
	float: left;
}
.contact a
{
	text-decoration: none;
}
.contact a:hover
{
    color: red;
}

.legende
{
	text-align: center;
}

.pub
{
	margin-right:36px;
	margin-left:36px;
}

.imagecentree
{
	margin-right:105px;
	margin-left:105px;
}