/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 10
   ============================================== */

/* --- NAVIGATION PRINCIPALE GENERALITES + COULEURS --- */

/* --- MENU : COULEURS des RUBRIQUES ---- */
#menu a:hover.couleur_actualites {
  color: #CC3333; /* RUBRIQUE 1 = Actualités : ROUGE = 204|051|051 */
}
#menu a:hover.couleur_institut {
  color: #33CC00; /* RUBRIQUE 2 = L'Institut : VERT = 051|204|000 */
}
#menu a:hover.couleur_activites {
  color: #3399FF; /* RUBRIQUE 3 = Activités Scientifiques  : BLEU = 051|153|255 */
}
#menu a:hover.couleur_enseignement {
  color: #58FAAC; /* RUBRIQUE 4 = Enseignement : JAUNE = 255|153|000 */
}
#menu a:hover.couleur_science {
  color: #FA58F4; /* RUBRIQUE 5 = Science et vous : VIOLET = 102|051|102 */
}
#menu a:hover.couleur_partenariats {
  color: #FF6600; /* RUBRIQUE 6 = Partenariats : ORANGE  = 255|102|000 */
}

/* NAVIGATION */
#navigation {
  background: #FFFFFF;
}
#navigation a {
  color: #003366;
}
#navigation a:hover, #navigation a:focus {
  background: #FFFFFF;
}
#navigation {
  float: left;
  width: 220px;
  padding-top: 20px;
  height: 600px;         /* SEB: change here!!!!! */
}
#navigation ul {
  margin: 0;
  /*padding: 20px 10px 20px 10px;*/
  list-style: none;
}

/* --- MENU DE NAVIGATION PRINCIPALE --- */
#menu {
  margin-top: 15px;
  background: #FFFFFF;
  padding: 5px 10px;
}
#menu li a {
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
  line-height: 1.3em;
}
#menu a.niveau_1 {
  border-bottom: 2px solid;
  padding: 4px 0;
  font-weight: bold;
  font-size: 1.2em;
  font-family: Arial, Verdana, sans serif;
}
#menu ul.niveau_1 {
  margin-bottom: 8px;
}
#menu a.niveau_2 {
  font-size: 1.1em;
  font-weight: bold;
  color: #004080;
  margin: 8px 0 5px;
  padding-left: 12px;
  background: #FFFFFF url("../wimages/puce_menu.gif") no-repeat 1px 1px;
}
#menu a.rub_choix, #menu a.niveau_2:hover {
  background-position: 1px -79px;
}
#menu a.rub_choix {
  font-weight: bold;
}
#menu a.niveau_3 {
  color: #004080;
  padding-left: 12px;  
  font-family: Arial, Verdana, sans serif;
}
#menu .outil a:hover, #menu .outil a:focus {
  color: #3333FF;
}
#menu .outil {
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
}

/* --- MENU DE NAVIGATION PRINCIPALE : MODULE RECHERCHE --- */
#menu_recherche_mc {
  padding: 3px;
  margin: 0;
  margin-left: 10px;
  border: 1px solid #003366;
  width: 15em;
}
#menu_recherche_mc input.champ {
  font-family: "Book Antiqua", "Courier New", monospace;
  width: 10em;
  border: 1px solid #FFFFFF;
  background-color:#FFFFFF;
  color: #003366;
  font-weight: bold;
  font-size: 1.2em;
}
#menu_recherche_mc input.soumettre {
  text-indent: -9999px;
  width: 18px;
  height: 22px;
  background: #FFFFFF url("../wimages/soumettre.png") no-repeat;
  border: none;
  outline: none;
  cursor: pointer;
  color: #003366;
  font-size: .1em;
}