/* Start of CMSMS style sheet 'bigblue : Simple - Vertical' */
/********************
MENU
*********************/
#menu_vert {
   padding-left: 0;
   margin-left: 1em;
}


/* Ce menu à 3 niveaux possède plusieurs décalages */

div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   border-bottom: 1px solid #c0c0c0;              /* Point 1 :couleur ligne séparation éléments niv 1 */
   display: block;
}

#menu_vert ul ul li {
   border: none;
}

/** fixe un bug de IE qui affiche le terme: block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* Premier niveau de lien */
div#menu_vert a {
   text-decoration:none;              /* pas de souligné pour les liens */
   display: block;                         /* règle le probleme de IE fixé au dessus */
   padding: 0.8em 0.5em 0.8em 1.5em;        /* donne un peu d'aération aux titres */
   color: #18507C;                                      /* Point 2 : coul titres tous niveaux menu non sélect */
   background: url(uploads/bigblue/arrow-right.gif) no-repeat 0.5em center;          /* Point 3 : on met l'image de la flèche droite devant les éléments de menu des niveaux 1 et 2 */
   min-height:1em;                                      /* Fixes IE7 whitespace bug */ 
}

/* Menus de niveau 2 : davantage de décalage et caractères plus petits */
div#menu_vert ul ul a {
   font-size: 90%;
   padding: 0.5em 0.5em 0.5em 2.8em;
   background-position: 1.5em center;
}

/* Menu de niveau 3 : davantage de décalage */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(uploads/bigblue/dash.gif) no-repeat 2.8em center;      /* Point 4 : en bg du lien, on met cette fois l'image d'un tiret horizontal à la place de la flèche droite  */   
}

/* Etat de survol pour tous les liens */
div#menu_vert a:hover {
   background-color: #C3D4DF;    /*  Point 5 : couleur de bg de survol des liens */
}

div#menu_vert a.activeparent:hover {
   background-color: #C3D4DF;                   /*  Point 6 : couleur de bg du lien parent  */
   color: #18507C;                           /* Point 7 : couleur des lien parents (pas le bg, mais le texte ! */
}

/* 
Concerne le parent actif qui est le premier niveau 
supérieur à celui de l'enfant page courante
*/
div#menu_vert li a.activeparent {
   background: url(uploads/bigblue/arrow-down.gif) no-repeat 0.4em center;     /* Point 8 : à ce niveau, c'est l'image d'une fléche vers le bas qui remplace la flèche latérale */ 
   background-color: #385C72;           /* Point9 : on change la couleur de bg du lien parent actif */
   color: #fff;                                     /* Point 10 : on change la couleur du lien parent actif (généralement blanc) */
}

div#menu_vert ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #18507C;
}


/*  Page courante par défaut qui apparait quand on charge le site
Ce menu n'est pas cliquable : C'est la page courante de premier niveau 
*/
div#menu_vert ul h3 {
   background: url(uploads/bigblue/arrow-right-active.gif) no-repeat 0.4em center;     /* Point 11 : Comme cette page est sélectionnée, l'icône devant est remplacée par une autre  */ 
   background-color: #385C72;           /* Point 12 : c'est la couleur du fond de l'item sélectionné */
   display: block; 
   padding: 0.8em 0.5em 0.8em 1.5em;      /* un peu d'espace autour */
   color: #ff00ff;                                        /* Point 13 : Couleur texte du lien sélect tous niveaux */
   font-size: 2em;                                      /* Point 14 : La taille du texte sélectionné est augmenté d'un point par rapport à la définition standard de la taille pour H3 : cela rehausse le lien sélectionné */
   margin: 0;                                             /* Comme <h3> a normalement les marges par défaut  */
}

/* 
Second niveau suivant de pages sélectionnées, davantage de retrait, polices de 
caractères plus petites, sans couleur de fond (bg) ni bordure basse 
*/
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

/* Troisième niveau de page sélectionnée : davantage de retrait */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(uploads/bigblue/arrow-right-active.gif) no-repeat 2.7em center;  /* Point 15 : On change aussi le coche devant l'item sélectionné */ 
}

div#menu_vert li.active0n h3 {
   background-color: #ff00ff;
   color: #FFFF00;
}



/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}


/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'bigblue : Simple - Vertical' */