body 
{
   background-color: RGB(0,0,51);
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   color: white;
   font-weight:bold;
   font-family:comic sans MS;verdana;
   
   }
  
   
#en_tete
{
   font-family:comic sans MS;verdana;
   font-weight : bold;
   color: grey;
   font-size:x-large;
   background-repeat: repeat;
   margin-bottom:5px;
   text-align: center;
   text-decoration:blink;
   margin-top: 1px; /* Ca c'est pour éviter que le corps colle trop au menu en-dessus */
   margin-left:25px;
   float:center;
   }
 #corps
{
  margin-top: 100px; /* Ca c'est pour éviter que le corps colle trop au menu en-dessus */
  margin-bottom: 5px; /* 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 */
  color: white;
  font-weight:normal;
  font-size:32px;
  font-family:comic sans MS;verdana;
  font-variant:small-caps;  
}
 
 
dl, dt, dd, ul, li {
margin: 5;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 100;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
height: 5px;
color:white;
}
#menu dl {
float: right;
width: 100px;
font-variant:small-caps;
font-size:11px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: "fond.jpg";
list-style-image:url("planete_81.gif");
line-height: 20px;



margin: 1px;
}
#menu dd {
display: none;
}
#menu li {
text-align: center;
background: #ccc;;
font-size:10px;
width: 100px;
}
#menu li a, #menu dt a {
color: blue;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
background: #ccc;
font-weight:bold;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: "fond.jpg";
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

.cercle 
{font-weight:bold;
border: 1px solid gray;
background: #ccc;
color:blue;}


.groove
{
   border: 4px groove teal;
   background:white;
   color: black;
   font-size:12px;
   width: 95%;
   height: 170px;
   text-align: justify; /* Texte justifié pour mieux voir la largeur du block */
   overflow: hidden;
   overflow: scroll;
   overflow: auto;
   float:left;
   margin-left: 5px;

}

.test
{float:right;
margin-right: 5px;
margin-top: 5px; /* Ca c'est pour éviter que le corps colle trop au menu en-dessus */}

.test1
{float:center;
 margin-left: 5px;
 text-align:center;}
 
.test2
{float:left;
margin-right: 5px;
}


.test3
{float:center;
background-image: url("iles01.jpg");
height:100px;
width: 768px;
color: grey;
background-repeat:repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
color:blue}