body

{
   width: 90%;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 20px;
   padding: 0px;
   font-family:  Arial, sans-serif;
   text-align: center;
   color: navy;
  
   background-color: rgb(23,23,59);
}
h1
{
font-family: Verdana, Arial, cursive;
font-size: 20px;
text-align: center;
/*background-color:pink;*/

}
h1 a
{
color:  rgb(117,255,255);
text-decoration: none;
font-size: 25px;
}

h2
{
font-family: Verdana, Arial, cursive;
font-size: 16px;
text-align: center;
color: white;
/*background-color:pink;*/

}

h3
{
font-family: Verdana, Arial, cursive;
font-size: 16px;
font-weight: bold;
text-align: center;
color: navy;

}
p
{
color: lightblue;
}

a 
{
color: white;
text-decoration: none;
font-size: 20px;
}
a:hover
{
color: pink;
background-color: none;
text-decoration: none;
} 
p a
{
color: white;
text-decoration: none;
font-size: 14px;
}
hr
{
color: white;
background-color: white;
width: 50px;
height: 10px;
text-align: center;
margin-left: auto;
margin-right: auto;

}
td
{
margin:auto;
}
/* L'en-tête */
#premiere
{
    width: 260px;
    height: 560px;
	margin: 10px;
	margin-top: 0px;
	
    float: left;
	background-color: rgb(23,23,59);
	z-index: 20;
	padding: 0px;
padding-top: 5px;
}

#deuxieme
{ 
width: 260px;
  height: 560px;
  position:absolute;
  left:50%;
  top:10px;
   margin-left: -130px;
  
   margin-top: 0px;
   background-color: rgb(23,23,59);
   z-index: 20;
   overflow: auto;
   padding: 0px;
padding-top: 5px;

}

#troisieme
{
width: 260px;
height: 560px;
float: right;
margin: 10px;
margin-top: 0px;
background-color: rgb(23,23,59);
z-index: 20;
overflow: auto;
padding: 0px;
padding-top: 5px;
}

.etoile
{
background:url("images/etoilsourir.gif");
width: 50px;
height: 47px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: none;
}
#fond
{
width: 860px;
height: 580px;
position: absolute;
top: 85px;
left: 50%;
margin-left: -430px;
text-align: center;
 padding: 0px;
 padding-top: 10px;
 padding-bottom: 8px;
border: 3px solid midnightblue;
 background-color: rgb(16,133,171);
z-index: 30;
}

#legende
{
color: chocolate;

font-weight: bold;
}
.centre
{
margin:auto;
text-align: center;
}