// 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("  Qui sommes nous ?", "index.php?p=1_1");
        menu1.addItem("  Les membres", "index.php?p=1_2");
        menu1.addItem("  Nos commissions", "index.php?p=1_3&sm=13");
        menu1.addItem("  Nos actions & projets", "index.php?p=1_4");
        
    
        //==================================================================================================

        //==================================================================================================
        // 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 : Échanges d'expérience
        
        var menu2 = ms.addMenu(document.getElementById("menu2"));

        menu2.addItem("  Prochains échanges", "index.php?p=2_1");
        menu2.addItem("  Archives", "index.php?p=2_25&sm=22");
        menu2.addItem("  Offre / Demande", "index.php?p=2_3");

        
        // menu : Conférences
        
        var menu3 = ms.addMenu(document.getElementById("menu3"));

        menu3.addItem("  Prochaines conférences", "index.php?p=3_1");
        menu3.addItem("  Conférences réalisées", "index.php?p=3_2");
        menu3.addItem("  Offre / Demande", "index.php?p=3_3");


        // menu : Formations

        var menu4 = ms.addMenu(document.getElementById("menu4"));
        //menu4.addItem("  Actualités", "index.php?p=4_1");
        menu4.addItem("  L’offre de formation", "index.php?p=4_1");
        menu4.addItem("  Catalogue formation", "index.php?p=4_2");
        menu4.addItem("  Offre / Demande", "index.php?p=4_3");
		menu4.addItem("  Fiches outil", "index.php?p=4_4");
		menu4.addItem("  Enquête formation", "index.php?p=4_5");


        // menu : Publications
        
        var menu5 = ms.addMenu(document.getElementById("menu5"));
        menu5.addItem("  La lettre", "index.php?p=5_1");
        menu5.addItem("  PerfoNews", "index.php?p=5_2");
        menu5.addItem("  Enquêtes et études", "index.php?p=5_3");

        // menu : Contacts

        var menu6 = ms.addMenu(document.getElementById("menu6"));
        menu6.addItem("  Coordonnées", "index.php?p=6_1");
        menu6.addItem("  Vos questions", "index.php?p=6_2");
        




        //==================================================================================================
        // 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();
    }