#tête
{
position:relative;
}

body
{
Background-color:#5394a4;
font-family:Georgia, Times New Roman;
width:100%;
}
p
{
font-family: 80% georgia, Times New Roman;

}

#menu{
margin-left:23%;
font-size : 18px; 

}
#menu ul {
 list-style-type:none;
 text-align:center;
 color:white;
 list-style-type : none;
padding-left:15px;

 }
#menu li {
 float:left;
 padding : 0 1.5em;
 background-color:#476B6B;
 list-style-type : none;
 }
#menu li a {
 display:block;
 width:125px;
 color:white;
 text-decoration:none;
padding-left:20px;
background-color:#476B6B;
margin-left:-70px;
 }
#menu li a:hover {
 color:black; 
 margin-left:-70px;
 background-color:white;
 }
#menu ul li ul {
 display:none;
 }
 #menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }

 #menu li ul {
 position:absolute;
 }
 #menu {
 height:5px;
 }

a /* couleur des liens */
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: black; /* Les liens seront en noir au lieu de bleu */
 }
a:hover /* Quand le visiteur pointe sur le lien */
{
background: white;
}
.lien-souligne a
{
text-decoration:underline;
color: #0000CC;
}