/******************************************************************************/
/* cette feuille de style permet de mettre des template de couleur pour le    */ 
/* menu et pour le reste du texte rentré dans l'holosium                      */
/******************************************************************************/



/** NAVIGATION (navcontainer) *************************************************/

/* PREMIER NIVEAU */
/*** jaune ***/
#nav li.jaune {
    text-align:               center;
    width:                    188px;
    /*background:               yellow;*/
}

/*** rouge ***/
#nav li.rouge {
    text-align:               center;
    width:                    239px;
    /*background:               red;*/
}

/*** vert ***/
#nav li.vert {
    text-align:               center;
    width:                    282px;
    /*background:               green;*/
}

/*** violet ***/
#nav li.violet {
    text-align:               center;
    width:                    266px;
    /*background:               purple;*/
}


/*** Gestion de tout les hover sur le premier niveau **/
#nav li a.jaune:hover,
#nav li a.jaune-selected:hover,
#nav li a.rouge:hover,
#nav li a.rouge-selected:hover,
#nav li a.vert:hover,
#nav li a.vert-selected:hover,
#nav li a.violet:hover,
#nav li a.violet-selected:hover {
    color:                  #353535;
}

/*** Gestion du selected de premier niveau **/
/* DEUXIEME NIVEAU */
#nav li a.jaune-selected,
#nav li a.rouge-selected,
#nav li a.vert-selected,
#nav li a.violet-selected {
    color:                  #353535;
}


/* DEUXIEME NIVEAU */
#nav ul li a.jaune:link,
#nav ul li a.jaune:visited {
    color:                  #353535;
    background:             url(images/menu/niveau-2/jaune.gif) no-repeat top left;
}

#nav ul li a.jaune:hover {
    color:                  #fff;
    background:             #f7bb09 url(images/menu/niveau-2/blanc.gif) no-repeat top left;
}

#nav ul li a.jaune-selected {
    color:                  #353535;
    text-decoration:        underline;
    background:             url(images/menu/niveau-2/jaune.gif) no-repeat top left;
}

#nav ul li a.rouge:link,
#nav ul li a.rouge:visited {
    color:                  #353535;
    background:             url(images/menu/niveau-2/rouge.gif) no-repeat top left;
}

#nav ul li a.rouge:hover {
    color:                  #fff;
    background:             #db4706 url(images/menu/niveau-2/blanc.gif) no-repeat top left;
}

#nav ul li a.rouge-selected {
    color:                  #353535;
    text-decoration:        underline;
    background:             url(images/menu/niveau-2/rouge.gif) no-repeat top left;
}

#nav ul li a.vert:link,
#nav ul li a.vert:visited {
    color:                  #353535;
    background:             url(images/menu/niveau-2/vert.gif) no-repeat top left;
}

#nav ul li a.vert:hover {
    color:                  #fff;
    background:             #15980b url(images/menu/niveau-2/blanc.gif) no-repeat top left;
}

#nav ul li a.vert-selected {
    color:                  #353535;
    text-decoration:        underline;
    background:             url(images/menu/niveau-2/vert.gif) no-repeat top left;
}

#nav ul li a.violet:link,
#nav ul li a.violet:visited {
    color:                  #353535;
    background:             url(images/menu/niveau-2/violet.gif) no-repeat top left;
}

#nav ul li a.violet:hover {
    color:                  #fff;
    background:             #7c10cf url(images/menu/niveau-2/blanc.gif) no-repeat top left;
}

#nav ul li a.violet-selected {
    color:                  #353535;
    text-decoration:        underline;
    background:             url(images/menu/niveau-2/violet.gif) no-repeat top left;
}

/* TROISIEME NIVEAU */
#nav ul ul li a.jaune:link,
#nav ul ul li a.jaune:visited {
    color:                  #353535;
    background:             url(images/menu/niveau-3/jaune.gif) no-repeat top left;
}

#nav ul ul li a.jaune:hover {
    color:                  #fff;
    background:             #f7bb09 url(images/menu/niveau-3/blanc.gif) no-repeat top left;
}

#nav ul ul li a.jaune-selected {
    color:                  #353535;
    text-decoration:        underline;
    background:             url(images/menu/niveau-3/jaune.gif) no-repeat top left;
}

#nav ul ul li a.rouge:link,
#nav ul ul li a.rouge:visited {
    color:                  #353535;
    background:             url(images/menu/niveau-3/rouge.gif) no-repeat top left;
}

#nav ul ul li a.rouge:hover {
    color:                  #fff;
    background:             #db4706 url(images/menu/niveau-3/blanc.gif) no-repeat top left;
}

#nav ul ul li a.rouge-selected {
    color:                  #353535;
    text-decoration:        underline;
    background:             url(images/menu/niveau-3/rouge.gif) no-repeat top left;
}

#nav ul ul li a.vert:link,
#nav ul ul li a.vert:visited {
    color:                  #353535;
    background:             url(images/menu/niveau-3/vert.gif) no-repeat top left;
}

#nav ul ul li a.vert:hover {
    color:                  #fff;
    background:             #15980b url(images/menu/niveau-3/blanc.gif) no-repeat top left;
}

#nav ul ul li a.vert-selected {
    color:                  #353535;
    text-decoration:        underline;
    background:             url(images/menu/niveau-3/vert.gif) no-repeat top left;
}

#nav ul ul li a.violet:link,
#nav ul ul li a.violet:visited {
    color:                  #353535;
    background:             url(images/menu/niveau-3/violet.gif) no-repeat top left;
}

#nav ul ul li a.violet:hover {
    color:                  #fff;
    background:             #7c10cf url(images/menu/niveau-3/blanc.gif) no-repeat top left;
}

#nav ul ul li a.violet-selected {
    color:                  #353535;
    text-decoration:        underline;
    background:             url(images/menu/niveau-3/violet.gif) no-repeat top left;
}

/* QUATRIEME NIVEAU */
#nav ul ul ul li a.jaune:link,
#nav ul ul ul li a.jaune:visited {
    color:                  #353535;
    background:             url(images/menu/niveau-4/jaune.gif) no-repeat top left;
}

#nav ul ul ul li a.jaune-selected {
    color:                  #353535;
    text-decoration:        underline;
    background:             url(images/menu/niveau-3/jaune.gif) no-repeat top left;
}

#nav ul ul ul li a.rouge:link,
#nav ul ul ul li a.rouge:visited {
    color:                  #353535;
    background:             url(images/menu/niveau-4/rouge.gif) no-repeat top left;
}

#nav ul ul ul li a.rouge-selected {
    color:                  #353535;
    text-decoration:        underline;
    background:             url(images/menu/niveau-3/rouge.gif) no-repeat top left;
}

#nav ul ul ul li a.vert:link,
#nav ul ul ul li a.vert:visited {
    color:                  #353535;
    background:             url(images/menu/niveau-4/vert.gif) no-repeat top left;
}

#nav ul ul ul li a.vert-selected {
    color:                  #353535;
    text-decoration:        underline;
    background:             url(images/menu/niveau-3/vert.gif) no-repeat top left;
}

#nav ul ul ul li a.violet:link,
#nav ul ul ul li a.violet:visited {
    color:                  #353535;
    background:             url(images/menu/niveau-4/violet.gif) no-repeat top left;
}

#nav ul ul ul li a.violet-selected {
    color:                  #353535;
    text-decoration:        underline;
    background:             url(images/menu/niveau-3/violet.gif) no-repeat top left;
}