/*   Instruction spécifiques à ce fichier */
/* J'enlève la référence statique à l'image de l'Égypte : désormais l'image se charge dynamiquement, ça devrait
permettre un chargement plus rapide */
#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 */

/* Zone obsolète, nécessaire seulement pour IE6 */
#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 ;*/
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*, a#moins:link, a#plus:link, a#moins:focus, a#plus:focus, a#moins:visited, a#plus:visited, a#moins:hover, a#plus:hover*/
a#moins, a#plus {
  position: absolute ;
  width: 100px;  
  height: 8px;
  padding: 0px ;
  margin: 0px ;
  margin-left: 75px ;
  left: 0px;
  z-index: 1 ;
}


a#moins {
  top: 18px ;
}

a#plus {
  top: 338px ;
}

a#plus img, a#moins img {
 border: 0px solid ;
 width: 100px;  
 height: 8px;
/* Script destiné à assurer la transparence pour IE */
 behavior: url(png.htc) ; 
/* Je ne comprends rien à ce fichier png.htc, je l'ai pompé à cette adresse : noyau.pixtyle.net/viewtopic.php?pid=11496 */
}


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


a#retour:hover {
/*  background: transparent url(images/maquette/ssmenuegypte2005.png) top left no-repeat ;*/
  background-position: 0% -860px ; /* 500 (hauteur d'image) + 360 (pos. du haut) */
}