body {	
background: url(img/planisphere.jpg);	
margin: 0;
padding: 0;
}
img {
border: 0;
}
#header {	
text-align: center; 
}
#haut {
height: 30px;
}
#conteneur {
position: relative;
width: 100%;
margin: 0 auto; 
background:url(img/planisphere.jpg);
}
#animation {
text-align: center;
}
#titre {
text-align: center;
}
h1 {
font-family: georgia, sans-serif;
font-size: 250%;
font-style: italic;
font-weight: bold;
color: #0000ff;
}
#citation {
text-align: center;
padding:5px;	
font-family: georgia, sans-serif;
font-size: 28px;
font-style: italic;
font-weight: bold;
color: #ffff00;
}		
#centre {
background: url(img/fond.gif);
margin-left: 280px;
margin-right: 280px;
padding: 10px;
}
#gauche {
position: absolute;
left:0;
width: 280px;
}
#droite {
position: absolute;
right:0;
width: 280px;
}
#pied {
height: 50px;
background: url(img/beige.gif);
}
.menuhaut a:hover {
text-decoration: underline;
color: #ffff00;
}
.menuhaut {
list-style-type: none;
margin: 0;
padding: 0;
}
.menuhaut li {	
display: inline;
text-align: center;
}
.menuhaut a {
margin: 0 8px;
text-decoration: underline;
font-weight: bold;
font-style: italic;
font-size: 130%;
color:#0000ff;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: underline;
color: #ffff00;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 50px;
}
.menugauche a {
margin-left: 20px;
text-decoration: underline;
font-weight: bold;
font-style: italic;
font-size: 160%;
color:#0000ff;
}
.menugauche a:hover {
text-decoration: underline;
color: #ffff00;
}
#droite {
margin: 0;
padding: 0;
}
.calendrier {
margin-bottom: 60px;	
}
.boussole {
padding-left: 45px;	
}
p { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 100%;
text-align: justify;
text-indent: 50px;
margin: 10px;
}
.h3 {
font-family: georgia, sans-serif;
color: #000000;
font-weight: bold;
font-style: italic;
font-size: 130%;
text-align: center;
}
.copyright {
color: #000000;
font-style: italic;
font-size: 100%;
text-align: center;
margin: 0;
padding: 10px;
}
.compteur {
position: absolute;
margin-top: 10px;
margin-left: 20px;
}
.photonous_deux {
float: left;
margin-left: -25px;
margin-right: 10px;
}
.chantal_et_ses_chiens {
float: right;
margin-right: 10px;
margin-left: -25px;
}
.le_philateliste {
float: left;
margin-left: -25px;
margin-right: 10px;
}
.renvoi {
font-size: 110%;
font-style: normal;
text-decoration: none;
color: #0000ff;
}
.renvoi {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
padding: 15px;
}
.renvoi a:hover {
text-decoration: none;
}
a {
color: blue;
text-decoration: none;
font-size: 110%;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-style: italic;
}
th {
background-color: #40e0d0;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
font-size: 100%;
}
td {
text-align: center;
font-size: 95%;
}
table {
background-color: #fcdd00;
text-align: center;
}
.date {
text-align: right;
font-size: 95%;
font-family: Georgia, Arial, Helvetica, sans-serif;
color: #ff0000;
font-style: italic;
text-decoration: underline;
padding-right: 20px;
}
span th {
background-color: #87cefa;
font-size: 95%;
}
span td {
background-color: #87cefa;
font-weight: bold;
text-align: center;
font-size: 100%;
}
tfoot {
font-weight: bold;
font-size: 110%;
}
thead {
font-weight: bold;
font-size: 110%;
}
h4 {
text-decoration: none;
font-size: 110%;
font-family: Georgia, Arial, Helvetica, sans-serif;
}
span h4 {
text-decoration: underline;
font-size: 110%;
font-family: Georgia, Arial, Helvetica, sans-serif;
}
.horloge {
padding-top: 80px;
padding-left: 20px;
}
.photo{
text-align: center;
margin-left: -40px;
}
.légende{
text-align: center;
margin-left: -50px;
font-style: italic;
font-size: 110%;
color: #a52a2a;
}


#40e0d0: turquoise
#fcdd00: or
#87cefa: lightskyblue
#15a1ff: dodgerblue