// set up drop downs anywhere in the body of the page. I think the bottom of the page is better.. 
    // but you can experiment with effect on loadtime.
    if (mtDropDown.isSupported()) {

        //==================================================================================================
        // create a set of dropdowns
        //==================================================================================================
        // the first param should always be down, as it is here
        //
        // The second and third param are the top and left offset positions of the menus from their actuators
        // respectively. To make a menu appear a little to the left and bottom of an actuator, you could use
        // something like -5, 5
        //
        // The last parameter can be .topLeft, .bottomLeft, .topRight, or .bottomRight to inidicate the corner
        // of the actuator from which to measure the offset positions above. Here we are saying we want the 
        // menu to appear directly below the bottom left corner of the actuator
        //==================================================================================================
        var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 0, mtDropDown.reference.bottomLeft);

        //==================================================================================================
        // create a dropdown menu
        //==================================================================================================
        // the first parameter should be the HTML element which will act actuator for the menu
        //==================================================================================================
        // Use a '#' to represent no URL
        
        // menu : Accueil
        
        //var menu1 = ms.addMenu(document.getElementById("menu1"));
        //menu1.addItem("  Accueil ", "index.php?p=1.1"); 
        
    
        //==================================================================================================

        //==================================================================================================
        // add a sub-menu
        //==================================================================================================
        // to add a sub menu to an existing menu object, call it's addMenu method and pass it the item from
        // the parent menu which should act as it's actuator. To add a submenu to the fourth item of a menu
        // called "theMenu", you would do theMenu.addMenu(theMenu.items[3])
        //==================================================================================================

        // menu : Le produit
        
        var menu2 = ms.addMenu(document.getElementById("menu2"));
        

        menu2.addItem("  Généralités", "index.php?page=2.1");
        /*var ssMenu1 = menu2.addMenu(menu2.items[0]);
        ssMenu1.addItem("  trucs", "index.php?p=2.4");
        ssMenu1.addItem("  Quelques exemples de pièces", "index.php?p=2.7");
        ssMenu1.addItem("  Découpage en bande", "index.php?p=2.8");*/


        menu2.addItem("  VGED", "index.php?page=2.2");
        menu2.addItem("  VPAC", "index.php?page=2.3");
        menu2.addItem("  VCRM", "index.php?page=2.4");
        menu2.addItem("  VSRM", "index.php?page=2.5");
        menu2.addItem("  VPMO", "index.php?page=2.6");


        
        // menu : Espace collaboratif
        
        var menu3 = ms.addMenu(document.getElementById("menu3"));


        menu3.addItem("  Définition", "index.php?page=3.1");
        menu3.addItem("  Intranet / Extranet", "index.php?page=3.2");
        menu3.addItem("  Contexte", "index.php?page=3.3");
        menu3.addItem("  Enjeux", "index.php?page=3.4")
        menu3.addItem("  Implanter sa plateforme", "index.php?page=3.5")



        // menu : Espace démo

        /*var menu4 = ms.addMenu(document.getElementById("menu4"));
        menu4.addItem("  Espace démonstration", "index.php?p=4.2");*/
        
                

        // menu : Contacts

        /*var menu5 = ms.addMenu(document.getElementById("menu5"));
        menu5.addItem("  Contacts", "index.php?p=5.1");*/
        




        //==================================================================================================
        // write drop downs into page
        //==================================================================================================
        // this method writes all the HTML for the menus into the page with document.write(). It must be
        // called within the body of the HTML page.
        //==================================================================================================
        mtDropDown.renderAll();
    }