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: white;
   font-size:xx-large;
   background-repeat: repeat;
   margin-bottom:5px;
   text-align: center;
   text-decoration:blink;
	float:center;
   }
 #corps
{
  margin-top: 150px; /* 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 */
  margin-left:5px;
  padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
  text-align:justify;
  color: white;
  font-weight:normal;
  font-size:16px;
  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 */
}
#menu dl {
float: right;
width: 100px;
font-variant:small-caps;
font-size:13px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: "fond.jpg";
list-style-image:url("planete_81.gif");
margin: 1px;
}
#menu dd {
display: none;
border: 0 none; ;
}
#menu li {
text-align: center;
background: #ccc;;
font-size:10px;
width: 100px;
}
#menu li a,  {
color: blue;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu dt a{
color: white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#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}

.test4
{text-align:justify;
}


.image1
{float:left;
text-align:left;
font-size:16px;
}

.test
{float:right;
margin-right: 5px;
text-align:right;
}
.photo
{
background-color: RGB(0,0,51);}

.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;}

table
{
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
td,th,caption
{
   border: 2px solid white;
}

a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: blue; /* Les liens seront en rouge au lieu de bleu */
}