.std1     { display :block ; width:400px ; background-color: #ff9999;
            FONT-SIZE: 12px; FONT-FAMILY:verdana, sans-serif;
          }
div.page  { width:800px ;
            text-align:center;  background-color: #77aa55; /*336600   558833  */
          }

div.pagem  {  background-color: #ffcc00; /* menu */
          }
div.page1 { display :block ; width:800px ; background-color: #eeeeff;
            text-align:left; padding: 0;  padding-top:0;
          }
div.page2 { display :block ; width:800px ; background-color: #ffffff;
            text-align:left;
          }
a.bloc1  { display :block ; width:600px ;  background-color: #000000; text-align:left;
         }

/*  =============== menu et sous meunu =========== */

.slien
        {  color:#ffffff;   font-weight : bold;}

.em1    { FONT-SIZE: 24px; }  /* espace avant */
.em2    { FONT-SIZE: 3px; }   /* espace après */
div.bnavig
         {  width:800px ; background-color: #336600; /* barre navif - vert foncé */
             text-align:left; padding:0px; margin : 0px ; /*   */
             padding-top:3px; padding-bottom:3px;
             color:#ffffaa;   font-weight : bold;
         }
.mv      { width: 123px; display: block;   /* largeur select en survol pour selec toute la largeur  - même largeur que la col */
           margin: 0px; padding: 0px ;  border: 0; /* */
            background-color: #ffffcc;
         }
.m_m2    {  display: block; width: 130px; color:#000000;/* séparateur catégories */
            background-color: #ffcc33;
         }
.mp      {  display: block;  color:#000000;/* menu principal */
	     }

.mp0      {  } /*  background-color: #ffcc00;   fond pour mop   */
/*   --- ============ MENU PRINCIPAL  =========== ---*/
/* ---  bases --- */

#menuDeroulant
        { display :block ; width:130px ;	position: absolute;	z-index: 99;
          margin: 0px 0; margin: 0; padding: 0; border: 0; list-style-type: none;
         margin: 0; padding: 0;  padding-top: 0px;  padding-bottom: 0px;
        }
/*  --- listes --- */
#menuDeroulant li
       { width: 133px; /*  *** -- largeur col table menu -- *** */
         float: left;  /* --- ici, sinon ne fonctionne pas ---*/
         margin-top:10;  margin-bottom:10;  padding: 0;  padding-top: 0px;  padding-bottom: 0px;
         border: 0; font-size: 13px;
 text-align:center;
       }
/* --- liens --- */
#menuDeroulant li a:link,  #menuDeroulant li a:visited
     { display: block; 	  border-right: 0px solid #fff000;
      text-decoration: none;
	  font-weight :bold ;/*normal*/
     }
/* --- survol --- */
#menuDeroulant  li a:hover, #menuDeroulant  li a:active
    { display: block;  COLOR: #336600 ;
	  font-weight : bold;
    }
/* --- ======== SOUS MENUS ========== --- */
/* --- Bases --- */
#menuDeroulant .sousMenu,  #menuDeroulant .sousMenu2,   #menuDeroulant .sousMenuv
        { list-style-type: none;
          margin :0;
          margin-top: 0;  /*  ***** détermine la position de la liste *** */
		  padding: 0;
		   border: 0;
        }

/*  --- listes (blocs : largeur, flotaison ... ) --- */
#menuDeroulant .sousMenu li, #menuDeroulant .sousMenu2 li
      { width: 133px; float: left; /* -- selon mv  et largeur col table pour firefox -- */
        margin: 0;    padding: 0; padding-top: 0px;   padding-bottom: 0px;  padding-left:3px ; /* */
        border: 0;
		border-top: 1px solid #ffffcc;
		border-right: 1px solid #bbbbbb;
		border-bottom:1px solid #f5e972;
		border-left: 1px solid #f5e972;
        background-color: #ffffcc; /* répéter ici le fond si padding */
        color : 990000 ; text-align:left;   FONT-SIZE: 11px;
        font-weight :normal ;
      }
#menuDeroulant .sousMenu2 li
{		background-color: #ffcc33; padding:0px;
		border-top: 1px solid #ffffcc;
		border-right: 0px solid #ffcc33;
		border-bottom:1px solid #ffcc33;
	    color: #000000; font-weight :bold ;
}
#menuDeroulant .sousMenu2 li a:link , #menuDeroulant .sousMenu2 li a:visited ,
#menuDeroulant .sousMenu2 li a:hover
    { background-color: #ffcc33; cursor: text;  padding:0px;
	  color: #000000; 
    }
#menuDeroulant .sousMenuv li, #menuDeroulant .sousMenuv2 li
{ width: 1px; border : 0px ; margin: 0; padding: 0;  cursor: text;
  /* background-color: #c0c0c0; */
   FONT-SIZE: 15px; /* pour limiter hauteur avec IE */
   height: 15; /* ne veut  decendre en dessous de 10 */
}
/*  --- attributs visite (couleurs de fond...) --- */
/* ............. */
/* ffffcc : jaune clair (fond) ; ffff99 : jaune moyen (survol) ; ffcc33 (fond) f5e972 (bordure): jaune soutenu (bordure)*/
/* 336600: vert foncé  ; 99cc99 : vert pastel */

#menuDeroulant .sousMenu li a:link,  #menuDeroulant .sousMenu li a:visited  /* -- fond liste --   */
    { display: block; height: auto;
      margin: 0; padding: 0px ; /* padding-left:0px; */
	  /* border: 0;  border-top: 2px solid #ffff99; */
	  border-top: 1px solid #ffffcc ;
	  border-bottom: 1px solid #ffff99 ;
	  border-left: 2px solid #ffff99 ;
      background-color: #ffff99;
      color: #000000; font-weight :normal ; text-decoration: none;
    }

#menuDeroulant .sousMenuv li a:link,  #menuDeroulant .sousMenuv li a:visited
    { /*background-color: #c0c0c0;  */
    }
/*  ------------ survol --------------- */

#menuDeroulant .sousMenu li a:hover
    { display: block; background-color:#ffffcc;color:#336600;/*   */
	 padding :0;
	  border-top: 1px solid #ffffff ;
	  border-bottom: 1px solid #ffff99 ;
	  border-left: 2px solid #ffff99 ;
    }
#menuDeroulant .sousMenuv li a:hover
    { display: block;
    }
/*  ------------ affichage sous menu (sauf IE) --------------- */
#menuDeroulant li:hover  .sousMenu , #menuDeroulant li:hover  .sousMenu2
   { /*  background-color: #00dd99;display: block;  */
   }
/* ---- ==== MENU SP ------ */
#mdv  /* menuDeroulant pour col 1 & fin */
        { display :block ; width:5px ;	position: absolute;	z-index: 9;
          margin: 0px 0; margin: 0; padding: 0; border: 0; list-style-type: none;
        }
#mdv li
       {
         float: left;  /* --- ici, sinon ne fonctionne pas ---*/
         margin: 0; padding: 0;  padding-top: 5px;  padding-bottom: 5px;
         border: 0;  text-decoration: none;
       }
#mdv li a:link,  #mdv li a:visited,  #mdv li a:hover
     { display: block;
       text-decoration: none;
     }

/* =============== fenec =============== */
.feng     { display :block ; width:550px ; float: left; padding:2; padding-left:5;
            text-align:left; FONT-SIZE: 12px; FONT-FAMILY:verdana, sans-serif;
          }
.fend     { display :block ; width:50px ; float: right; padding-top:5;
            FONT-SIZE: 12px; FONT-FAMILY:verdana, sans-serif;
          }
tr.fenh  { background-color:#336600; color:#ffffff;  font-weight :bold ;}
tr.fenb  { background-color:#ffffcc; }