h1{
font-family:"Arial Black"
color:green;
}
h2
{
font-family:"Arial Black" 
}
body
{
   width:800px;
   margin:auto;
   margin-top:20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom:20px;
   background-color: #ABCCFD;
  }
 #en_tete

{
   width: 760px;
   height: 200px;
   text-align:right;
   font-size:22px;
   font-family:cursive;
   background-image: url("/images/simpsonspi.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#menu
{
   float:left; /* Le menu flottera à gauche */
   width:130px;
   height: 610px;/* Très important : donner une taille au menu */
   border:2px solid black; 
   background-color: #FFFFFF;
}
.corps
{
   height: 600px;
   margin-left:150px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom:20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border:2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   background-color: #FFFFFF;
}
.cadre1
{
	height: 596px;
	width: 325px;
	float: left;
	
}

.cadre2
{
	height: 596px;
	width: 325px;
	margin-left: 325px;
	
}

.pied_de_page
{
padding:5px;
   clear:both;
   text-align:center;
   color: #B3B3B3;
   background-color: #DDDDDD;
   border: 2px solid black;
}
   

p.important{
font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
font-variant:small-caps;
padding:10px;
border-width:3px;
border-style:outset;
}

a:focus /* Quand le visiteur sélectionne le lien */
{
   background-color: #FFCC66;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: green;
}
a /* Liens par défaut (non survolés) */
{
   text-decoration: none;
   color: black;
   
}