@import url("cinemanime/2005/style.css");
ul#menu li ul {display: none;}          /* On cache les sous éléments */
ul#menu li:hover > ul {display: block;} /* On affiche les éléments survolés par la souris */
ul#menu * {z-index: 60000;}             /* Permet au menu de passer au dessus des autres éléments de la page */


ul#menu{
    margin: 0px 0px 0px 0px;           /* On ajoute un espace de 10px, en dessous du menu ancien 0px 0px 10px 0px */
    width: 158px;                       /* Définit la taille du menu ancien 200*/
    }
    
ul#menu, ul#menu ul{                    /* On selectionne le menu et les sous menus */
    list-style: none;                   /* Supprime les puces */
    /*border-top: solid 1px #dcdcdc;       On met des lignes en haut et bas des blocs "ul" */
    /*border-bottom: solid 1px #000000;    On mettra ensuite des lignes à gauche à droie sur les elements "li" */
    background-color: #cccccc;          /* Couleur de fond du menu */
    margin:0px; padding:0px;            /* On supprime tout les espaces entre les menus */
    }
    
ul#menu ul{
    margin: 0px;                        /* Enleve les marges de gauche, pour que le sous menu colle son parent */
    position: absolute;                 /* Permet de positionner le sous menu par rapport à son element parent */
    top: -1px;                          /* On remonte le sous menu de 1px, la hauteur de la bordure */
    left: 159px;                        /* Le menu se place à 199px du bord droit, juste au dessus de la bordure du menu */
    width: 158px;                       /* On définit la taille des sous menus à 300pxancien */
    }
    
ul#menu ul ul {left: 180px;}            /* Position des sous sous menus APPAREMENT INUTIL*/

ul#menu li{
    background-image: url(index/fondnavsalle.png);   /* Image des fonds des elements non survolés */
    background-repeat: repeat-y;        /* L'image de fond ne se repete que selon l'axe y */
    background-color: #cccccc;          /* Couleur de fond, cette couleur sera affiché aprés l'image#C6C6C6 */
    position: relative;                 /* Permet de positionner le sous menu par rapport à son element parent */
    /*border-left: solid 0px #dcdcdc;      Ici on met les lignes à droite et gauche des elements du menu */
    /*border-right: solid 0px #000000;     Lignes du menu */
    height:20px;line-height:20px;       /* On fixe la hauteur de l'element à ANCIEN 20px  */
    }

ul#menu li a{
	display: block; /*   On ne peut pas mettre de largeur a un element inline */
	width: 158px; /* 200px du menu - 2*1px de bordure - 10px de padding */
	padding-left: 13px; /* On ecarte le texte de 10px des bordures du menu */
	font-weight: bold; /* mis en gras du texte*/
	font-size: 10px; /* taille du texte */
	color: #000000; /* Couleur du texte SANS SURVOL*/
	text-decoration: none; /* Aura pour effet de supprimer la ligne du lien */
	font-family: Arial, "Arial Narrow", Verdana, Helvetica, sans-serif;
}
ul#menu li li a{width: 130px;}          /* les sous elements font 300px - 2*1px de bordure - 10px de paddingANCIEN 300PX */
 
html ul#menu li a {display: inline-block;}    /* Hack pour IE pour forcer le texte à se positionner au milieu */

ul#menu li a:hover{
    background-image: url(index/fondnavsalle_2.png);    /* Image des elements survolés */
	width: 158px; /* 200px du menu - 2*1px de bordure - 10px de padding */
    background-position: inherit bottom;        /* L'arriere plan se trouve en bas  */
    background-repeat: repeat-y;        /* On affiche l'arriere plan seulement dans l'axe x */
    background-color: #ECECEC;          /* Couleur de fond, la ou l'image d'arriere plan ne sera pas visible */      
    text-decoration: none;         /* On souligne le lien quand la souris passe au dessus*/
    color: #99ccff;                     /* Couleur du texte AU SRUVOL */
    /*border-bottom: solid 0px #000000;    On met une ligne en haut et en bas */
    /*border-top: solid 0px #dcdcdc;       */
    line-height:19px; 					/* On met la hauteur de la ligne à 18px pour tenir compte des 2px EN +DESbordures ANCIEN 18*/
	font-weight: bold;                  /* mis en gras du texte*/
    font-size: 10px;
    font-family: Arial, "Arial Narrow", Verdana, Helvetica, sans-serif;       
    }
.essaiimg {
	border: 10px solid #666699;
}