/* bloc de navigation 1 --> arborescence du site avec les boutons de menu */
/* Modification de la feuille de style CSS pour la nouvelle charte graphique du lycee Theophile Gautier de Tarbes */
/* Realisation: Florent Lafabrie, CDDP des Hautes-Pyrenees */
/* Dernieres modifications: mai 2008 */

.nav1 {
        /*bloc contenant la hierarchie*/
        width: 100%;
        padding:0px;
        font-size: 12px;
}

/* THEME GENERAL POUR UN MENU AFFICHANT LES RUBRIQUES ET SOUS RUBRIQUES SOUS SPIP */
/* Si on veut avoir un style differents (image de fond par exemple) pour chaque rubrique, il faut dupliquer l'ensemble des definitions */
/* ci-dessous en indiquant le numero de rubrique attribue par SPIP */

/* Exemple: rubrique numero 17 */
/* il faudra alors modifier les definitions comme ceci: ul.menulist17 */
/* puis changer les liens vers les images constituant le rubriques et modifier les valeur rgb des couleurs utilisees */

/******************************************************************************************************/
/* Ne pas oublier dans le repertoire noisettes de modifier le fichier bloc-gauche-menu-deroulant.html */
/******************************************************************************************************/

/* en y ajoutant cet ensemble de ligne pour faire afficher la nouvelle rubrique. */
/* En reprenant l'exemple de la rubrique numero 17, voici le code à copier: */

/*---------------------------------------------------------------------------------------------------
<ul class="menulist17">
<BOUCLE_smenuspipr17(RUBRIQUES){racine}{id_rubrique!==#RUBRIQUE_SPECIALISEE}{id_rubrique=17}{tout}>
         <li<BOUCLE_smenr17(RUBRIQUES){id_parent}{0,1}{tout}> class="smenu"</BOUCLE_smenr17>>
            <a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a>
            <B_smenuspip17>
               <ul>
            <BOUCLE_smenuspip17(RUBRIQUES){id_parent}{par num titre}{tout}>
               <li<BOUCLE_smen17(RUBRIQUES){id_parent}{0,1}{tout}> class="smenu"</BOUCLE_smen17>>
                  <a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a>
                  <BOUCLE_ssmenu17(boucle_smenuspip)></BOUCLE_ssmenu17>
               </li>
            </BOUCLE_smenuspip17>
               </ul>
         </B_smenuspip17>
         </li>
</BOUCLE_smenuspipr17>
</ul> <!-- menulist17 -->
--------------------------------------------------------------------------------------------------*/

/* DEFINITIONS GENERALES POUR SPIP POUR UN MENU AVEC DES COULEURS ET IMAGES IDENTIQUES */
ul.menulist li ul{ display:none; }

ul.menulist li:hover>ul{ display:block; }

ul.menulist,
ul.menulist ul{
 /* definition du bouton representant les rubriques en mode normal */
 background:rgb(149,211,226);              /* couleur de fond du menu deroulant */
 border:1px solid white;                   /* couleur de la bordure de 1 pixel en blanc */
 border-bottom: 0px;
 list-style:none;
 margin:0px;
 padding:0px;
 width:180px;
 _width:182px;
}

ul.menulist ul{
 position:absolute;
 top:-1px;
 left:180px;
}

ul.menulist li{
 position:relative;
 margin:0px;
 padding:0px;
 border-bottom: 1px solid white;
}

ul.menulist a{
/* definition du bouton representant les rubriques en mode normal */
 display:block;
 _width: 100%;
 color: white; 
 text-decoration:none;
 padding: 5px;
}

ul.menulist a:hover{
/* definition du bouton representant les rubriques en mode survole */
 background: rgb(242,141,37);           /* couleur de fond du menu deroulant survole */
 color: white;                          /* couleur du texte en blanc */
}

ul.menulist li.smenu {
/* image de la petite fleche pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(../images/arrow.gif) !important;
        background-position: 171px;   /* position de l'image à 171 pixels du bord du bouton */
        background-repeat: no-repeat; /* pas de repetition de l'image */
}

ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
/* image de la petite fleche en mode survole pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(../images/arrowb.gif) !important;
        background-position: 168px;   /* position de l'image à 168 pixels du bord du bouton */
        background-repeat: no-repeat; /* pas de repetition de l'image */
}

/**************************************************************************/
/* DEFINITIONS POUR LA RUBRIQUE 56 -> couleur bleu clair rgb(150,212,227) */
/* Presentation du lycee                                                  */
/**************************************************************************/
ul.menulist56 li ul{ display:none; }

ul.menulist56 li:hover>ul{ display:block;}

ul.menulist56,
ul.menulist56 ul{
 /* definition du bouton representant les rubriques en mode normal */
 background:rgb(150,212,227);                  /* couleur de fond du menu deroulant */
 background-image: url(img/bouton1.jpg);       /* image de fond de la rubrique 56 */
 /*background-repeat: no-repeat;*/                 /* pas de repetition de l'image */
 background-position: right top;               /* position de l'image à droite et en haut */
 border:1px solid rgb(150,212,227);            /* couleur de la bordure de 1 pixel en bleu ciel */
 border-bottom: 0px;
 list-style:none;
 margin:0px;
 padding:0px;
 width:180px;
 _width:182px;
}

/*position des sous-menus */
ul.menulist56 ul{
 position:absolute;
 top:-1px;
 left:180px;
}

ul.menulist56 li{
 position:relative;
 margin:0px;
 padding:0px;
 height:40px;
 border-bottom: 1px solid rgb(150,212,227); /* couleur de la bordure en bas de 1 pixel en bleu ciel */
}

ul.menulist56 li:hover{
 background: rgb(150,212,227); 
}

ul.menulist56 a{
/* definition du bouton representant les rubriques en mode normal */
 display:block;
 _width: 100%;
 color: white; 
 /*color: #2b2b4e;*/
 text-decoration:none;
 padding: 5px;
}

ul.menulist56 a:hover{
/* definition du bouton representant les rubriques en mode survole */
 background: rgb(150,212,227);                   /* couleur de fond du menu deroulant survole */
 background-image: url(img/bouton1vide.jpg);     /* image de fond de la rubrique 56*/
 background-repeat: no-repeat;                   /* pas de repetition de l'image */
 background-position: right top;                 /* position de l'image à droite et en haut */
 /* color: white; */           /* couleur du texte en blanc */ 
 color: white;   
 border-color: rgb(150,212,227);                 /* couleur de la bordure de 1 pixel en bleu ciel */
}

ul.menulist56 li.smenu {
/* image de la petite fleche pour indiquer que le menu peut-être ouvert sur un autre niveau */
        /*background-image: url(img/bleu-ciel-arrow.jpg) !important;*/
        background-image: url(img/bleu-ciel-arrow-bis.jpg) !important;
        background-position: right top;   /* position de l'image en haut à droite */
        background-repeat: no-repeat;     /* pas de repetition de l'image */
}

ul.menulist56 li.smenu:hover, ul.menulist56 li.smenu>a:hover {
/* image de la petite fleche en mode survole pour indiquer que le menu peut-être ouvert sur un autre niveau */
        /*background-image: url(img/bleu-ciel-arrowb.jpg) !important;*/
        background-image: url(img/bleu-ciel-arrowb-bis.jpg) !important;
        background-position: right top;   /* position de l'image à 168 pixels du bord du bouton */
        background-repeat: no-repeat;     /* pas de repetition de l'image */
}

/************************************************************************/
/* DEFINITIONS POUR LA RUBRIQUE 17 -> couleur vert fonce rgb(208,13,57) */
/* Theo: son histoire                                                   */
/************************************************************************/
ul.menulist17 li ul{ display:none; }

ul.menulist17 li:hover>ul{ display:block; }

ul.menulist17,
ul.menulist17 ul{
 /* definition du bouton representant les rubriques en mode normal */
 background:rgb(208,13,57);                 /* couleur de fond du menu deroulant */
 background-image: url(img/bouton8.jpg);    /* image de fond de la rubrique 17 */
 /*background-repeat: no-repeat;*/              /* pas de repetition de l'image */
 background-position: right top;            /* position de l'image à droite et en haut */
 border:1px solid rgb(208,13,57);           /* couleur de la bordure de 1 pixel en brun */
 border-bottom: 0px;
 list-style:none;
 margin:0px;
 padding:0px;
 width:180px;
 _width:182px;
}

ul.menulist17 ul{
 position:absolute;
 top:-1px;
 left:180px;
}

ul.menulist17 li{
 position:relative;
 margin:0px;
 padding:0px;
 height:40px;
 border-bottom: 1px solid rgb(208,13,57); /* couleur de la bordure en bas de 1 pixel en noir */
}

ul.menulist17 li:hover{
 background: rgb(208,13,57);
}

ul.menulist17 a{
/* definition du bouton representant les rubriques en mode normal */
 display:block;
 _width: 100%;
 color: white; 
 text-decoration:none;
 padding: 5px;
}

ul.menulist17 a:hover{
/* definition du bouton representant les rubriques en mode survole */
 background: rgb(208,13,57);                 /* couleur de fond du menu deroulant survole */
 background-image: url(img/bouton8vide.jpg); /* image de fond de la rubrique 17*/
 background-repeat: no-repeat;               /* pas de repetition de l'image */
 background-position: right top;             /* position de l'image à droite et en haut */
 color: white;                               /* couleur du texte en blanc */
}

ul.menulist17 li.smenu {
/* image de la petite fleche pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/marron-arrow-bis.jpg) !important;
        background-position: right top;   /* position de l'image en haut à droite */
        background-repeat: no-repeat;     /* pas de repetition de l'image */
}

ul.menulist17 li.smenu:hover, ul.menulist17 li.smenu>a:hover {
/* image de la petite fleche en mode survole pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/marron-zrrowb-bis.jpg) !important;
        background-position: right top;   /* position de l'image en haut à droite */
        background-repeat: no-repeat;     /* pas de repetition de l'image */
}

/************************************************************************/
/* DEFINITIONS POUR LA RUBRIQUE 2 -> couleur vert fonce 2 rgb(32,79,37) */
/* Formations et Orientation                                            */
/************************************************************************/
ul.menulist2 li ul{ display:none; }

ul.menulist2 li:hover>ul{ display:block; }

ul.menulist2,
ul.menulist2 ul{
 /* definition du bouton representant les rubriques en mode normal */
 background:rgb(32,79,37);               /* couleur de fond du menu deroulant */
 background-image: url(img/bouton3.jpg); /* image de fond de la rubrique 2 */
 /*background-repeat: no-repeat;*/           /* pas de repetition de l'image */
 background-position: right top;         /* position de l'image à droite et en haut */
 border:1px solid rgb(32,79,37);         /* couleur de la bordure de 1 pixel en orange */
 border-bottom: 0px;
 list-style:none;
 margin:0px;
 padding:0px;
 width:180px;
 _width:182px;
}

ul.menulist2 ul{
 position:absolute;
 top:-1px;
 left:180px;
}

ul.menulist2 li{
 position:relative;
 margin:0px;
 padding:0px;
 height:40px;
 border-bottom: 1px solid rgb(32,79,37); /* couleur de la bordure en bas de 1 pixel en orange */
}

ul.menulist2 li:hover{
 background: rgb(32,79,37); 
}

ul.menulist2 a{
/* definition du bouton representant les rubriques en mode normal */
 display:block;
 _width: 100%;
 color: white; 
 text-decoration:none;
 padding: 5px;
}

ul.menulist2 a:hover{
/* definition du bouton representant les rubriques en mode survole */
 background: rgb(32,79,37);                   /* couleur de fond du menu deroulant survole */
 background-image: url(img/bouton3vide.jpg);  /* image de fond de la rubrique 2*/
 background-repeat: no-repeat;                /* pas de repetition de l'image */
 background-position: right top;              /* position de l'image à droite et en haut */
 color: white;                                /* couleur du texte en blanc */
}

ul.menulist2 li.smenu {
/* image de la petite fleche pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/orange-arrow-bis.jpg) !important;
        background-position: right top;   /* position de l'image en haut à droite */
        background-repeat: no-repeat;     /* pas de repetition de l'image */
}

ul.menulist2 li.smenu:hover, ul.menulist2 li.smenu>a:hover {
/* image de la petite fleche en mode survole pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/orange-arrowb-bis.jpg) !important;
        background-position: right top;   /* position de l'image en haut à droite */
        background-repeat: no-repeat;     /* pas de repetition de l'image */
}

/*****************************************************************************/
/* DEFINITIONS POUR LA RUBRIQUE 101 -> couleur vert caca d'oie rgb(165,199,63)*/
/* Classe prepa Economique                                                   */
/*****************************************************************************/
ul.menulist101 li ul{ display:none; }

ul.menulist101 li:hover>ul{ display:block; }

ul.menulist101,
ul.menulist101 ul{
 /* definition du bouton representant les rubriques en mode normal */
 background:rgb(165,199,63);             /* couleur de fond du menu deroulant */
 background-image: url(img/bouton4.jpg); /* image de fond de la rubrique 4 */
 /*background-repeat: no-repeat;*/           /* pas de repetition de l'image */
 background-position: right top;         /* position de l'image à droite et en haut */
 border:1px solid rgb(165,199,63);       /* couleur de la bordure de 1 pixel en rouge */
 border-bottom: 0px;
 list-style:none;
 margin:0px;
 padding:0px;
 width:180px;
 _width:182px;
}

ul.menulist101 ul{
 position:absolute;
 top:-1px;
 left:180px;
}

ul.menulist101 li{
 position:relative;
 margin:0px;
 padding:0px;
 height:40px;
 border-bottom: 1px solid rgb(165,199,63); /* couleur de la bordure en bas de 1 pixel en rouge */
}

ul.menulist101 li:hover{
 background: rgb(165,199,63); 
}

ul.menulist101 a{
/* definition du bouton representant les rubriques en mode normal */
 display:block;
 _width: 100%;
 color: white; 
 text-decoration:none;
 padding: 5px;
}

ul.menulist101 a:hover{
/* definition du bouton representant les rubriques en mode survole */
 background: rgb(165,199,63);                /* couleur de fond du menu deroulant survole */
 background-image: url(img/bouton4vide.jpg); /* image de fond de la rubrique 4*/
 background-repeat: no-repeat;               /* pas de repetition de l'image */
 background-position: right top;             /* position de l'image à droite et en haut */
 color: white;                               /* couleur du texte en blanc */
}

ul.menulist101 li.smenu {
/* image de la petite fleche pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/rouge-arrow-bis.jpg) !important;
        background-position: right top;   /* position de l'image en haut à droite */
        background-repeat: no-repeat;     /* pas de repetition de l'image */
}

ul.menulist101 li.smenu:hover, ul.menulist101 li.smenu>a:hover {
/* image de la petite fleche en mode survole pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/rouge-arrowb-bis.jpg) !important;
        background-position: right top;   /* position de l'image en haut à droite */
        background-repeat: no-repeat;     /* pas de repetition de l'image */
}

/************************************************************************/
/* DEFINITIONS POUR LA RUBRIQUE 5 -> couleur marron fonce rgb(72,49,33) */
/* Classe prepa Scientifique                                            */
/************************************************************************/
ul.menulist5 li ul{ display:none; }

ul.menulist5 li:hover>ul{ display:block; }

ul.menulist5,
ul.menulist5 ul{
 /* definition du bouton representant les rubriques en mode normal */
 background:rgb(72,49,33);                 /* couleur de fond du menu deroulant */
 background-image: url(img/bouton5.jpg);   /* image de fond de la rubrique 5 */
 /*background-repeat: no-repeat;*/             /* pas de repetition de l'image */
 border:1px solid rgb(72,49,33);           /* couleur de la bordure de 1 pixel en brun */
 border-bottom: 0px;
 list-style:none;
 margin:0px;
 padding:0px;
 width:180px;
 _width:182px;
}

ul.menulist5 ul{
 position:absolute;
 top:-1px;
 left:180px;
}

ul.menulist5 li{
 position:relative;
 margin:0px;
 padding:0px;
 height:40px;
 border-bottom: 1px solid rgb(72,49,33); /* couleur de la bordure en bas de 1 pixel en brun */
}

ul.menulist5 li:hover{
 background: rgb(72,49,33); 
}

ul.menulist5 a{
/* definition du bouton representant les rubriques en mode normal */
 display:block;
 _width: 100%;
 color: white; 
 text-decoration:none;
 padding: 5px;
}

ul.menulist5 a:hover{
/* definition du bouton representant les rubriques en mode survole */
 background: rgb(72,49,33);                  /* couleur de fond du menu deroulant survole */
 background-image: url(img/bouton5vide.jpg); /* image de fond de la rubrique 5*/
 background-repeat: no-repeat;               /* pas de repetition de l'image */
 background-position: right top;             /* position de l'image à droite et en haut */
 color: white;                               /* couleur du texte en blanc */
}

ul.menulist5 li.smenu {
/* image de la petite fleche pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/brun-arrow-bis.jpg) !important;
        background-position: right top;   /* position de l'image en haut à droite */
        background-repeat: no-repeat;     /* pas de repetition de l'image */
}

ul.menulist5 li.smenu:hover, ul.menulist5 li.smenu>a:hover {
/* image de la petite fleche en mode survole pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/brun-arrowb-bis.jpg) !important;
        background-position: right top;   /* position de l'image en haut à droite */
        background-repeat: no-repeat;     /* pas de repetition de l'image */
}

/*******************************************************************/
/* DEFINITIONS POUR LA RUBRIQUE 31 -> couleur rouge rgb(231,78,34) */
/* Espace pedagogique                                              */
/*******************************************************************/
ul.menulist31 li ul{ display:none; }

ul.menulist31 li:hover>ul{ display:block; }

ul.menulist31,
ul.menulist31 ul{
 /* definition du bouton representant les rubriques en mode normal */
 background:rgb(231,78,34);               /* couleur de fond du menu deroulant */
 background-image: url(img/bouton6.jpg); /* image de fond de la rubrique 31 */
 /*background-repeat: no-repeat;*/            /* pas de repetition de l'image */
 background-position: right top;          /* position de l'image à droite et en haut */
 border:1px solid rgb(231,78,34);         /* couleur de la bordure de 1 pixel en bleu */
 border-bottom: 0px;
 list-style:none;
 margin:0px;
 padding:0px;
 width:180px;
 _width:182px;
}

ul.menulist31 ul{
 position:absolute;
 top:-1px;
 left:180px;
}

ul.menulist31 li{
 position:relative;
 margin:0px;
 padding:0px;
 height:40px;
 border-bottom: 1px solid rgb(231,78,34); /* couleur de la bordure en bas de 1 pixel en bleu */
}

ul.menulist31 li:hover{
 background: rgb(231,78,34); 
}

ul.menulist31 a{
/* definition du bouton representant les rubriques en mode normal */
 display:block;
 _width: 100%;
 color: white; 
 text-decoration:none;
 padding: 5px;
}

ul.menulist31 a:hover{
/* definition du bouton representant les rubriques en mode survole */
 background: rgb(231,78,34);                  /* couleur de fond du menu deroulant survole */
 background-image: url(img/bouton6vide.jpg); /* image de fond de la rubrique 31*/
 background-repeat: no-repeat;               /* pas de repetition de l'image */
 background-position: right top;             /* position de l'image à droite et en haut */
 color: white;                               /* couleur du texte en blanc */
}

ul.menulist31 li.smenu {
/* image de la petite fleche pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/bleu-arrow-bis.jpg) !important;
        background-position: right top;   /* position de l'image en haut à droite */
        background-repeat: no-repeat;     /* pas de repetition de l'image */
}

ul.menulist31 li.smenu:hover, ul.menulist31 li.smenu>a:hover {
/* image de la petite fleche en mode survole pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/bleu-arrowb-bis.jpg) !important;
        background-position: right top;   /* position de l'image en haut à droite */
        background-repeat: no-repeat;     /* pas de repetition de l'image */
}
/********************************************************************/
/* DEFINITIONS POUR LA RUBRIQUE 6 -> couleur orange rgb(240,135,28) */
/* Espace lyceen                                                    */
/********************************************************************/
ul.menulist6 li ul{ display:none; }

ul.menulist6 li:hover>ul{ display:block; }

ul.menulist6,
ul.menulist6 ul{
 /* definition du bouton representant les rubriques en mode normal */
 background:rgb(240,135,28);              /* couleur de fond du menu deroulant */
 background-image: url(img/bouton7.jpg);  /* image de fond de la rubrique 6 */
 /*background-repeat: no-repeat;*/            /* pas de repetition de l'image */
 background-position: right top;          /* position de l'image à droite et en haut */
 border:1px solid rgb(240,135,28);        /* couleur de la bordure de 1 pixel en vert */
 border-bottom: 0px;
 list-style:none;
 margin:0px;
 padding:0px;
 width:180px;
 _width:182px;
}

ul.menulist6 ul{
 position:absolute;
 top:-1px;
 left:180px;
}

ul.menulist6 li{
 position:relative;
 margin:0px;
 padding:0px;
 height:40px;
 border-bottom: 1px solid rgb(240,135,28); /* couleur de la bordure en bas de 1 pixel en vert */
}

ul.menulist6 li:hover{
 background: rgb(240,135,28); 
}

ul.menulist6 a{
/* definition du bouton representant les rubriques en mode normal */
 display:block;
 _width: 100%;
 color: white; 
 text-decoration:none;
 padding: 5px;
}

ul.menulist6 a:hover{
/* definition du bouton representant les rubriques en mode survole */
 background: rgb(240,135,28);                /* couleur de fond du menu deroulant survole */
 background-image: url(img/bouton7vide.jpg); /* image de fond de la rubrique 6*/
 background-repeat: no-repeat;               /* pas de repetition de l'image */
 background-position: right top;             /* position de l'image à droite et en haut */
 color: white;                               /* couleur du texte en blanc */
}

ul.menulist6 li.smenu {
/* image de la petite fleche pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/vert-arrow-bis.jpg) !important;
        background-position: right top;        /* position de l'image en haut à droite *//
        background-repeat: no-repeat;          /* pas de repetition de l'image */
}

ul.menulist6 li.smenu:hover, ul.menulist6 li.smenu>a:hover {
/* image de la petite fleche en mode survole pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/vert-arrowb-bis.jpg) !important;
        background-position: right top;        /* position de l'image en haut à droite */
        background-repeat: no-repeat;          /* pas de repetition de l'image */
}

/************************************************************************/
/* DEFINITIONS POUR LA RUBRIQUE 1 -> couleur rouge fonce rgb(45,119,94) */
/* Actualités (ex-Evenements)                                                           */
/************************************************************************/
ul.menulist1 li ul{ display:none; }

ul.menulist1 li:hover>ul{ display:block; }

ul.menulist1,
ul.menulist1 ul{
 /* definition du bouton representant les rubriques en mode normal */
 background:rgb(45,119,94));                     /* couleur de fond du menu deroulant */
 background-image: url(img/bouton2.jpg);        /* image de fond de la rubrique 1 */
 /*background-repeat: no-repeat;*/                  /* pas de repetition de l'image */
 background-position: right top;                /* position de l'image à droite et en haut */
 border:1px solid rgb(45,119,94);               /* couleur de la bordure de 1 pixel en blanc */
 border-bottom: 0px;
 list-style:none;
 margin:0px;
 padding:0px;
 width:180px;
 _width:182px;
}

ul.menulist1 ul{
 position:absolute;
 top:-1px;
 left:180px;
}

ul.menulist1 li{
 position:relative;
 margin:0px;
 padding:0px;
 height:40px;
 border-bottom: 1px solid rgb(45,119,94); /* couleur de la bordure en bas de 1 pixel en vert */
}

ul.menulist1 li:hover{
 background: rgb(45,119,94);
}

ul.menulist1 a{
/* definition du bouton representant les rubriques en mode normal */
 display:block;
 _width: 100%;
 color: white; 
 text-decoration:none;
 padding: 5px;
}

ul.menulist1 a:hover{
/* definition du bouton representant les rubriques en mode survole */
 background: rgb(45,119,94);                      /* couleur de fond du menu deroulant survole */
 background-image: url(img/bouton2vide.jpg);      /* image de fond de la rubrique 1*/
 background-repeat: no-repeat;                    /* pas de repetition de l'image */
 background-position: right top;                  /* position de l'image à droite et en haut */
 color: white;                                    /* couleur du texte en blanc */
}

ul.menulist1 li.smenu {
/* image de la petite fleche pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/vert-clair-arrow-bis.jpg) !important;
        background-position: right top;        /* position de l'image en haut à droite */
        background-repeat: no-repeat;          /* pas de repetition de l'image */
}

ul.menulist1 li.smenu:hover, ul.menulist1 li.smenu>a:hover {
/* image de la petite fleche en mode survole pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/vert-cliar-arrowb-bis.jpg) !important;
        background-position: right top;        /* position de l'image en haut à droite */
        background-repeat: no-repeat;          /* pas de repetition de l'image */
}

/********************************************************************/
/* DEFINITIONS POUR LA RUBRIQUE 90 -> couleur mauve rgb(151,44,116) */
/* Association des Anciens eleves                                   */
/********************************************************************/
ul.menulist90 li ul{ display:none; }

ul.menulist90 li:hover>ul{ display:block; }

ul.menulist90,
ul.menulist90 ul{
 /* definition du bouton representant les rubriques en mode normal */
 background:rgb(151,44,116);             /* couleur de fond du menu deroulant */
 background-image: url(img/bouton9.jpg); /* image de fond de la rubrique 90 */
 /*background-repeat: no-repeat;*/           /* pas de repetition de l'image */
 background-position: right top;         /* position de l'image à droite et en haut */
 border:1px solid rgb(151,44,116);       /* couleur de la bordure de 1 pixel en jaune */
 border-bottom: 0px;
 list-style:none;
 margin:0px;
 padding:0px;
 width:180px;
 _width:182px;
}

ul.menulist90 ul{
 position:absolute;
 top:-1px;
 left:180px;
}

ul.menulist90 li{
 position:relative;
 margin:0px;
 padding:0px;
 height:40px;
 border-bottom: 1px solid rgb(151,44,116); /* couleur de la bordure en bas de 1 pixel en jaune */
}

ul.menulist90 li:hover{
 background: rgb(151,44,116); 
}

ul.menulist90 a{
/* definition du bouton representant les rubriques en mode normal */
 display:block;
 _width: 100%;
 color: white; 
 text-decoration:none;
 padding: 5px;
}

ul.menulist90 a:hover{
/* definition du bouton representant les rubriques en mode survole */
 background: rgb(151,44,116);                /* couleur de fond du menu deroulant survole */
 background-image: url(img/bouton9vide.jpg); /* image de fond de la rubrique 90*/
 background-repeat: no-repeat;               /* pas de repetition de l'image */
 background-position: right top;             /* position de l'image à droite et en haut */
 color: white;                               /* couleur du texte en blanc */
}

ul.menulist90 li.smenu {
/* image de la petite fleche pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/jaune-arrow-bis.jpg) !important;
        background-position: right top;        /* position de l'image en haut à droite */
        background-repeat: no-repeat;          /* pas de repetition de l'image */
}

ul.menulist90 li.smenu:hover, ul.menulist90 li.smenu>a:hover {
/* image de la petite fleche en mode survole pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/jaune-arrowb-bis.jpg) !important;
        background-position: right top;        /* position de l'image en haut à droite */
        background-repeat: no-repeat;          /* pas de repetition de l'image */
}

/************************************************************************/
/* DEFINITIONS POUR LA RUBRIQUE 57 -> couleur mauve fonce rgb(76,46,88) */
/* Nous contacter                                                       */
/************************************************************************/
ul.menulist57 li ul{ display:none; }

ul.menulist57 li:hover>ul{ display:block; }

ul.menulist57,
ul.menulist57 ul{
 /* definition du bouton representant les rubriques en mode normal */
 background:rgb(76,46,88);                /* couleur de fond du menu deroulant */
 background-image: url(img/bouton10.jpg); /* image de fond de la rubrique 57 */
 /*background-repeat: no-repeat;*/            /* pas de repetition de l'image */
 background-position: right top;          /* position de l'image à droite et en haut */
 border:1px solid rgb(76,46,88);          /* couleur de la bordure de 1 pixel en rose */
 border-bottom: 0px;
 list-style:none;
 margin:0px;
 padding:0px;
 width:180px;
 _width:182px;
}

ul.menulist57 ul{
 position:absolute;
 top:-1px;
 left:180px;
}

ul.menulist57 li{
 position:relative;
 margin:0px;
 padding:0px;
 height:40px;
 border-bottom: 1px solid rgb(76,46,88); /* couleur de la bordure en bas de 1 pixel en rose */
}

ul.menulist57 li:hover{
 background: rgb(76,46,88); 
}

ul.menulist57 a{
/* definition du bouton representant les rubriques en mode normal */
 display:block;
 _width: 100%;
 color: white; 
 text-decoration:none;
 padding: 5px;
}

ul.menulist57 a:hover{
/* definition du bouton representant les rubriques en mode survole */
 background: rgb(76,46,88);                   /* couleur de fond du menu deroulant survole */
 background-image: url(img/bouton10vide.jpg); /* image de fond de la rubrique 57*/
 background-repeat: no-repeat;                /* pas de repetition de l'image */
 background-position: right top;              /* position de l'image à droite et en haut */
 color: white;                                /* couleur du texte en blanc */
}

ul.menulist57 li.smenu {
/* image de la petite fleche pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/rose-arrow-bis.jpg) !important;
        background-position: right top;        /* position de l'image en haut à droite */
        background-repeat: no-repeat;          /* pas de repetition de l'image */
}

ul.menulist57 li.smenu:hover, ul.menulist57 li.smenu>a:hover {
/* image de la petite fleche en mode survole pour indiquer que le menu peut-être ouvert sur un autre niveau */
        background-image: url(img/rose-arrowb-bis.jpg) !important;
        background-position: right top;        /* position de l'image en haut à droite */
        background-repeat: no-repeat;          /* pas de repetition de l'image */
}