body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url(http://hippocampe21.free.fr/fond1.jpg);
}

p
{
text-indent: 30px;
}

#en_tete
{
width: 760;
height: 142;
background-image: url(http://hippocampe21.free.fr/bann1.JPG);
background-repeat: no-repeat;
margin-bottom: 10px;
}

#menu
{
float: left;
width: 130px;
}

.element_menu
{
background-color: #/;
background-image: url(http://hippocampe21.free.fr/barre1.gif);
background-repeat: repeat-x;
border: 2px solid #8a5725;
margin-bottom: 20px;
}

.element_menu h3
{    
color: #f4ba2a;
font-family: "Comic Sans MS", serif;
text-align: center;
}

.element_menu ul 
{
list-style-image: url(http://hippocampe21.free.fr/puce1.png); /* On change l'apparence des puces */
padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
color: #d8b836;
font-family: Georgia, serif;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
color: #b89b24;
border: #b89b24 2px dotted;
}

#corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;
color: #d8b836;
background-color: #/;
background-image: url(http://hippocampe21.free.fr/barre1.gif);
background-repeat: repeat-x;
border: 2px solid #8a5725;
font-family: Georgia, serif;
}

#corps h1
{
color: #f4ba2a;
text-align: center;
font-family: "Comic Sans MS", serif;
}

#corps h2
{
height: 30px;
background: url(http://hippocampe21.free.fr/puce2.gif) no-repeat;
padding-left: 40px;
color: #b89b24;
text-align: left;
font-family: Georgia, serif;
}

#corps h3
{
font-family: Georgia, serif;
font-size: 1.2em;
}

#pied_de_page
{
padding: 5px;
text-align: center;
color: #d8b836;
background-image: url(http://hippocampe21.free.fr/barre1.gif);
background-repeat: repeat-x;
background-color: #/;
border: 2px solid #8a5725;
} 

a 
{
color: #d8b836;
font-family: Georgia, serif;
}

a:hover 
{
color: #b89b24;
border: #b89b24 2px dotted;
}

h4
{
text-align: right;
}

img
{
border: 0px;
}