/* Corps du document */
body {
margin: 0; /* La page sera collée aux bords */
background-color:#002040;
font-family: verdana, arial, sans-serif; /* Police de base dans la page */
font-size: 10pt; /* Taille de la police de base dans la page */
}

/* En-tête de la page, dans lequel se trouver l'image du titre */
#header {
background-image: url('design/head.jpg'); /* Arrière-plan du header */
background-color:#0066CC;
width:100%;
height: 138px;
}

/* Logo du site */
#title {
float: none; /* Pas d'alignement */
margin-left:3%;  /* Placement du logo dans son conteneur : header */
margin-right:2%;
margin-top:7px;
border:0;
}

/* Second en-tête dans lequel on retrouve les liens */
#headlink {
background-image: url('design/head2.jpg'); /* Arrière-plan du 2e header */
background-color:#0066CC;
width:100%;
height:36px;
}

#googleheader {
float: left; /* on aligne le menu vertical à droite de son conteneur, head3 */
margin-right: 10px;
margin-top: 10px;
}

#linkheader {
float: right; /* on aligne le menu vertical à droite de son conteneur, head3 */
margin-right: 10px;
margin-top: 10px;
}

a.linkheader {
font-size: 12.3pt;
font-weight: bold;
color: #FFFF99;
text-decoration: none; /* pour éviter le soulignement au survol */
margin-left: 20px; /* espacement entre chaque sous-menu */
}

a.linkheader:hover {
font-size: 12.3pt;
font-weight: bold;
color:#ffa000;
text-decoration: none; /* pour éviter le soulignement au survol */
margin-left: 20px; /* espacement entre chaque sous-menu */
}

/* Propriétés de la barre latérale de gauche */
#leftbar {
left:0;
width: 231px;
background-color:#002040;
position:absolute;
}

/* Définition du premier menu gauche*/
.left ul, li { /* Utilisation de liste pour le menu */
list-style-type: none;  /* Suppression des puces de liste */
margin:0;
padding:0;
}

.left ul {
position: absolute; /* Positionnement pour IE5 et IE5.5 */
left:0;
top:0;
background: transparent url('design/menu.jpg') top left no-repeat; /* Arrière-plan général du menu */
height: 300px;
width: 231px;
text-align: center;
}

.left li {
display: inline; /* Correction pour IE5 et IE5.5 */
}

.left li a { /* Dimensions et définitions des boutons */
display: block;  /* Mise en block de <a> pour lui donner des dimensions */
height: 40px;
width: 231px;
line-height: 40px;  /* Hauteur de ligne pour &eacute;viter les paddings */
color: #ffa000;
text-shadow: #000000 2px 2px 1px;  
font-size: 13.5pt;
font-family: "Comic Sans MS",Georgia, serif;
text-decoration: none;
}

.left li a:hover {
color:#c00000;
background: transparent url(design/menu.jpg) top left no-repeat;
}

a#menu1:hover {
background-position: 0% -300px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}

a#menu2:hover {
background-position: 0% -340px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}

a#menu3:hover {
background-position: 0% -380px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}

a#menu4:hover {
background-position: 0% -420px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}

a#menu5:hover {
background-position: 0% -460px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}

a#menu6:hover {
background-position: 0% -500px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}

a#menu7:hover {
background-position: 0% -540px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}
/*Fin de la d&eacute;finition du menu gauche*/

/* Titre du 2e menu gauche */
#titleleft2 {
margin-left:10px;
margin-right:10px;
margin-top:320px;
margin-bottom:15px;
font-family:"Comic Sans MS",Arial,sans-serif;
color:white;
font-size:13.5pt;
font-weight:lighter;
font-style:italic;
text-decoration:underline;
}

/* D&eacute;finition du 2e menu gauche */
.left2 {
position:absolute;
}

.left2 ul, li { /* Utilisation de liste pour le menu */
list-style-type: none;  /* Suppression des puces de liste */
margin:0;
padding:0;
}

.left2 ul {
position: absolute; /* Positionnement pour IE5 et IE5.5 */
left:0;
top:0;
background: transparent url(design/menu2.jpg) top left no-repeat; /* arri&egrave;re-plan g&eacute;n&eacute;ral du menu */
height: 300px;
width: 231px;
text-align: center;
}

.left2 li {
display: inline; /* Correction pour IE5 et IE5.5 */
}

.left2 li a { /* Dimensions et d&eacute;finitions des boutons */
display:block;  /* Mise en block de <a> pour lui donner des dimensions */
height:40px;
width:231px;
line-height:40px;  /* Hauteur de ligne pour &eacute;viter les paddings */
color:#ffa000;
text-shadow: #000000 2px 2px 1px;  
font-size:13.5pt;
font-family:"Comic Sans MS",Georgia, serif;
text-decoration:none;
}

.left2 li a:hover {
color: #c00000;
background: transparent url(design/menu2.jpg) top left no-repeat;
}

a:hover {
border-bottom: 0px;
}

a#menu8:hover {
background-position: 0% -300px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}

a#menu9:hover {
background-position: 0% -340px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}

a#menu10:hover {
background-position: 0% -380px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}

a#menu11:hover {
background-position: 0% -420px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}

a#menu12:hover {
background-position: 0% -460px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}

a#menu13:hover {
background-position: 0% -500px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}

a#menu14:hover {
background-position: 0% -540px; /* D&eacute;calage de l'arri&egrave;re-plan pour chaque bouton */
}
/*Fin de la d&eacute;finition du 2e menu de gauche*/

#center {
margin:0 0 0 231px; /* On place le bloc centre par rapport &agrave; la largeur du bloc gauche */
background-color:#88b0d8;
min-height:750px;
}

#container {
min-height:750px;
}

#footer {
position: inherit;
bottom:0;
clear:both;
text-align:center;
color:white;
font-size:8pt;
font-weight:bold;
background-color:#0066CC;
height:50px;
}

/* Polices*/

h1 { /* Titre 1 */
margin:0 8px 0 8px;
font-family:"Comic Sans MS",Arial,sans-serif;
color:#333366;
font-size:24pt;
font-weight:bold;
font-style:italic;
line-height:25pt;
}

h2 { /* Titre 2 */
margin:15px 8px 0 15px;
font-family:"Comic Sans MS",Arial,sans-serif;
color:#003366;
font-size:12pt;
line-height:normal;
font-weight:lighter;
text-decoration:none;
}

h3 { /* Titre 3 */
margin:15px 8px 0 20px;
font-family:"Comic Sans MS",Arial,sans-serif;
color:#333366;
font-size:12pt;
font-style:italic;
line-height:normal;
font-weight:lighter;
text-decoration:none;
}

h4 { /* Titre 4 */
margin:15px 8px 0 25px;
font-family:"Comic Sans MS",Arial,sans-serif;
color:#003366;
font-size:12pt;
line-height:normal;
font-weight:lighter;
text-decoration:none;
}

p { /* Paragraphe */
margin-left:10px;
margin-right:10px;
text-indent:30px;
line-height:22px;
text-align:justify;
}

.ancres { /* Ancres amenant &agrave; diff&eacute;rents endroits de la page */
margin-left:8px;
margin-right:8px;
margin-top:0px;
font-family:"Comic Sans MS",Arial,sans-serif;
color:#333366;
font-size:15pt;
line-height:17pt;
font-weight:lighter;
text-decoration:none;
}

#signature { /* Signature */
margin-left:25px;
margin-right:10px;
margin-top:0px;
margin-bottom:0px;
font-style:italic;
font-size:18px;
color:#333366;
}

a.dico {
font-style:italic;
color:black;
}

a.dico:hover {
font-style:italic;
color:black;
text-decoration:underline;
cursor:help;
}

a.titres {
color:#c00000;
text-decoration:none;
list-style-type:square;
list-style-position:outside;
margin-left:0;
margin-right:10px;
margin-bottom:0;
line-height:22px;
text-indent:0cm;
display:list-item;
}

a.titres:hover {
color:#c00000;
text-decoration:overline underline;
list-style-type:square;
list-style-position:outside;
margin-left:0;
margin-right:10px;
margin-bottom:0;
line-height:22px;
text-indent:0cm;
display:list-item;
}

a.retour{ /*Lien de retour au haut de page*/
margin-left:10px;
font-family:"Comic Sans MS",Arial,sans-serif;
color:#c00000;
font-size:12pt;
font-weight:lighter;
font-style:italic;
}

a.chapitre{ /*Lien de retour au chapitre*/
margin-left:10px;
font-family:"Comic Sans MS",Arial,sans-serif;
color:#c00000;
font-size:10.5pt;
font-weight:bold;
font-style:italic;
}

.liste li {
list-style-type:decimal;
list-style-position:outside;
margin-left:0;
margin-right:10px;
margin-bottom:0;
line-height:22px;
text-indent:0cm;
display:list-item;
}

.liens {
list-style-type:disc;
list-style-position:outside;
margin-left:0;
margin-right:10px;
margin-bottom:0;
line-height:22px;
text-indent:0cm;
display:list-item;
color:black;
}

a.liens:hover {
list-style-type:disc;
list-style-position:outside;
margin-left:0;
margin-right:10px;
margin-bottom:0;
line-height:22px;
text-indent:0cm;
display:list-item;
font-weight:bold;
color:black;
}

#credits {
color:white;
font-size:10px;
font-weight:lighter;
text-decoration:none;
}

/* Tableau de la page Constellations */
table {
padding:2px;
border-collapse:separate;
border-spacing:2px;
border:1px inset white;
text-align:center;
}

th {
font-family:"Comic Sans MS",Arial,sans-serif;
font-size:12.2pt;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
border:1px outset white;
background-color:white;
color:#000077;
text-align:center;
font-weight:bold;
}

td {
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
border:1px outset white;
text-align:center;
color:#002040;
}

tr.dark {
background-color:#002040;
}

td.dark {
color:#9999cc;
}

a.dark {
color:#9999cc;
text-decoration:underline overline;
font-weight:bold;
}

a.dark:hover {
color:#9999cc;
text-decoration:none;
font-weight:bold;
}

a.constel {
color:#002040;
text-decoration:underline overline;
font-weight:bold;
}

a.constel:hover {
color:#002040;
text-decoration:none;
font-weight:bold;
}
/* Fin des propri&eacute;t&eacute;s du tableau des constellations */

/*D&eacute;but des propri&eacute;t&eacute;s des tableau du syst&egrave;me solaire*/
table.systeme {
padding:2px;
border-collapse:separate;
border-spacing:2px;
border:1px inset white;
text-align:center;
margin-left:15px;
margin-right:10px;
margin-top:10px;
}

th.systeme {
font-family:"Comic Sans MS",Arial,sans-serif;
font-size:12.2pt;
padding-left:2px;
padding-right:2px;
padding-top:5px;
padding-bottom:5px;
border:1px outset white;
background-color:white;
color:#003366;
font-weight:lighter;
}

td.systeme {
padding-left:2px;
padding-right:2px;
padding-top:5px;
padding-bottom:5px;
border:1px outset white;
color:#002040;
}
/*Fin des propri&eacute;t&eacute;s des tableau du syst&egrave;me solaire*/