/*   Instruction spécifiques à ce fichier */
#entrees {
/*  height: 380px; */
  height:500px ;
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
}
/* Le div class=entrees est nécessaire avec IE pour séparer une partie transparente et non réactive,
d'une partie non transparente et réactive */

#triangle {
/*  top: 380px ; */
  top: 500px;
  height:0px ;
/* position : 500 (taille de l'image principale) - 120 (taille de l'image IE) */
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
/*  background-position: 0% -380px ;*/
}

h3#le_titre, #formulaire, h3#retour {
  position: absolute ;
  width: 250px ;
  padding: 0px ;
  margin: 0px ;
  left: 0px;
  text-align: center ;
}

h3#le_titre {
  font-weight: bold;
  top: 20px ;
}

h3#le_titre a, h3#retour a {
  position: absolute ;
  width: 250px ;
  padding: 0px ;
  margin: 0px ;
  left: 0px;
}


#le_titre a, #le_titre a:link, #le_titre a:visited, #le_titre a:focus,
#retour a, #retour a:link, #retour a:visited, #retour a:focus {
  color: rgb(102, 51, 0); 
}

#le_titre a:hover {
  color: rgb(153,51,0) ; 
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -520px ; /* 500 + 20  (taille du menu) */
}

#formulaire {
  top: 60px ;
}

ul#liste_menu {
  top: 100px ; /* Décalage de la liste par rapport au haut */
}

#liste_menu a {
  height: 20px ;
  line-height: 20px ;
  font-size: 15px ;
}

ul#apropos {
  top: 340 ; 
/* (à modifier à chaque ajout d'une entrée ) */
}

a#entrees1:hover {
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -600px ; /* 500 + 100  (taille du menu) */
}

a#entrees2:hover {
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -620px ; /* 500 + 100 + 20 (taille du menu) */
}

a#entrees3:hover {
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -640px ; /* 500 + 100 + 2*20 (taille du menu) */
}

a#entrees4:hover {
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -660px ; /* 500 + 100 + 3*20 (taille du menu) */
}

a#entrees5:hover {
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -680px ; /* 500 + 100 + 4*20 (taille du menu) */
}

a#entrees6:hover {
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -700px ; /* 500 + 100 + 5*20 (taille du menu) */
}

a#entrees7:hover {
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -720px ; /* 500 + 100 + 6*20 (taille du menu) */
}

a#entrees8:hover {
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -740px ; /* 500 + 100 + 7*20 (taille du menu) */
}

a#entrees9:hover {
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -760px ; /* 500 + 100 + 8*20 (taille du menu) */
}

a#entrees10:hover {
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -780px ; /* 500 + 100 + 8*20 (taille du menu) */
}

a#entrees11:hover {
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -800px ; /* 500 + 100 + 8*20 (taille du menu) */
}

/* À modifier à chaque nouvelle entrée, modifier aussi ul#apropos plus haut 
et h3#retour ci-dessous */
a#entrees20:hover {
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -840px ; /* 500 + 300 (taille du menu) */
}




/* Entrée retour, impliquée dans le site complet pour les photos en relief */
h3#retour {
  font-size: 12pt; /* Par défaut en 14 pt mais c'est trop gros */
  font-style: italic ; 
  top: 360px ;
}


h3#retour a:hover {
  color: rgb(153,51,0) ; 
  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;
  background-position: 0% -840px ; /* 500 (hauteur d'image) + 320 (pos. du haut) */
}