body
{
   background-image: url("degrade.png");
   background-attachment: fixed;  /* Le fond restera fixe */
   background-repeat: repeat-x; /* Le fond ne se répètera que sur la première ligne, horizontalement */
   font-family: "Trebuchet MS", Georgia, serif;
   font-size: 16px; 
   color:gray;
}
input
{
   width:20%;
   text-align: center;
}
#entete
{  
   width: 760px; 
   height: 100px;
   background-image: url("titre.png");
   background-repeat: no-repeat;
   margin:auto;
   top:0px;
}
address a
{
   display:block;
   text-align: center;
   color: yellow;
   position:fixed;
   left:10px;
   bottom:2%;      
}
#menu
{
   position:fixed;
   left:1px;
   top:38%;
}
#menu a
{
   display: block;   /* devient un bloc ... donc propriétés de blocs appliquées */
   width:200px;
   height:50px;
   background-image:url("bouton.png");
   text-align: center;
   text-decoration: none ;
   background-position: 0px -5px;
   background-repeat: no-repeat;
}
#menu li
{
   list-style-type: none;  

}
#corps
{
   width: 800px; /* On a indiqué une largeur (obligatoire) */
   margin: auto; /* On peut donc demander un block centré avec "auto" */
   margin-top: 30px;
}
legend
{
   color:orange;
   border:1px;
}
fieldset
{
   width:180px;
   border-color:cyan;
   color:cyan;
}
form #date
{
   position:absolute; 
   left:25%;
   top:38%;
}
form #lieu
{
   position:absolute; 
   left:46%;
   top:38%;
}
form #astre
{
   position:absolute; 
   left:67%;
   top:38%;
}
form #result
{
   width:350;
   color:white;
   position:absolute; 
   left:47%;
   top:88%;
}
em
{
   position:relative;
   top:-3%;
   left:20%;
   color:orange;
}
#Calculer
{
   width:12%;
   position:absolute; 
   left:26%;
   top:88%;
}