/* ----------------------------------------------------------- */
/* Section et Groupe */

body { margin: 0px; width: 95%; }

#sg {
  margin-top: 10px;
  margin-bottom: 8px;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color:#FFFF33 ;
  }

#sg span { height: 30px; font-size: 12px; font-weight: bold; } /*taille des cases menus*/

#sg div.section {
  width: 100%; height: 30px;
  background: #FFFFFF url(menu_fond_section.gif) repeat-x bottom center;
  margin-top: 7px;
  }

#sg span.s_off {
 /* background: #1e74b0;*/
  background-image:url(sistema/imagenes/bouton.gif);

  margin: 0px; margin-left: 3px; margin-right: 3px;
   /*border: 1px solid #f17b1b;                                          couleur du tour d'une cellule quand la rubrique est FERMEE*/
  padding: 2px; padding-left: 10px; padding-right: 10px;
  }
  
 #sg span.s2_off { /* RUBRIQUE EN AVANT : NOEL , PROMOS etc ... */

  background-image:url(sistema/imagenes/bouton-noel3.gif);
  margin: 0px; margin-left: 3px; margin-right: 3px;
  padding: 2px; padding-left: 10px; padding-right: 10px;
  } 
  
#sg a.s_off { color: #FFFFFF; text-decoration: none; } /*couleur du texte dans une cellule de  menu*/
#sg a.s_off:hover { text-decoration: underline; }
/*#sg a.s_off:hover { color: #f17b1b; text-decoration: none; }  couleur orange quand on survole un groupe fermé */
#sg span.s_on {
  background: #e2edf2;
  margin: 0px; margin-left: 3px; margin-right: 3px;
   border: 1px solid #00ffff; border-bottom: 1px solid #e2edf2; /*couleur du tour d'une cellule qund la rubrique est OUVERTE*/
  padding: 2px; padding-left: 10px; padding-right: 10px;
  }
#sg a.s_on { color: #FF6600; text-decoration: none; }/* couleur du texte d'un menu actif */
#sg a.s_on:hover { text-decoration: underline; }

#sg div.groupe {
  width: 100%; height: 20px;
  background: #e2edf2 url(menu_fond_groupe2.gif) repeat-x bottom center; /* l'image est blanche. il suffit de la changer pour faire apparaitre une trainée comme NO */
  }
#sg div.separ_groupe {
  width: 100%; height: 7px;
  background: #e2edf2;
  }
#sg div.termine_groupe {
  width: 100%; height: 4px;
  background: #e2edf2;
  }

#sg span.g_off {
  background: #FFFFFF;/* fond bleu pale des cellules sous menu  à l'intérieur de la case*/
  margin: 0px; margin-left: 3px; margin-right: 3px;
  border: 1px solid #1e74b0;
  padding: 2px; padding-left: 10px; padding-right: 10px;
  }
#sg a.g_off { color: #1e74b0; text-decoration: none; } /* couleur du texte d'un sous menu  non actif */
#sg a.g_off:hover { text-decoration: underline; }

#sg span.g_on {
  background: #FFFFFF;
  margin: 0px; margin-left: 3px; margin-right: 3px;
  border: 1px solid #1e74b0;
  padding: 2px; padding-left: 10px; padding-right: 10px;
  }
#sg a.g_on { color:#FF6600 ; text-decoration: none; } /* couleur du texte d'un sous menu  actif */
#sg a.g_on:hover { text-decoration: underline; }

/* ----------------------------------------------------------- */