if (mtDropDown.isSupported()) {

//===============================================================================================================================================
// Variable ms = création du set de dropdown
//===============================================================================================================================================
// Le premier parametre devrait toujours être (mtDropDown.direction.down) comme il l'est maintenant
//
// Le deuxième et troisième paramètre (0, 0) sont la distance "top" et "left" par rapport à l'image qui les fait ouvrir
// Pour faire apparaitre le dropdown un peu plus a gauche et plus bas vous pouvez utiliser ceci (-5, 5)
//
// Le dernier paramètre (reference.bottomLeft) est remplacable par (.topLeft), (.bottomLeft), (.topRight), ou (.bottomRight)
// Ce paramètre indique à quel coin de l'image le dropdown devrait apparaitre
//===============================================================================================================================================


var ms = new mtDropDownSet(mtDropDown.direction.down, 0, -5, mtDropDown.reference.bottomLeft);


//===============================================================================================================================================
// Ajouter un sous-menu
//===============================================================================================================================================
// var subMenu(# du sous-menu) = menu(# du menu a qui il appartient).addMenu(menu(# du menu a qui il appartient).items[# de l'objet ici 0 = 1]);
//
// Pour ajouter ont doit incrémenter la valeur du subMenu exemple (subMenu++) peut-importe à quel menu on le passe
// si le 3ieme sous menu est passé au premier objet du 4ieme menu ca donne... var subMenu3 = menu4.addMenu(menu4.items[0]);
//===============================================================================================================================================


// menu : #1
var menu1 = ms.addMenu(document.getElementById("menu1"));


// menu : #2
var menu2 = ms.addMenu(document.getElementById("menu2"));
menu2.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Pr&eacute;sentation", "produits_fr_1.html");
menu2.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Fleet Manager", "produits_fr_2.html");
//menu2.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Fleet 100", "produits_fr_3.html");
//menu2.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Fleet Distributeur", "produits_fr_5.html");

// menu : #3
var menu3 = ms.addMenu(document.getElementById("menu3"));
menu3.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> D&eacute;ploiement", "support_fr_1.html");
menu3.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Audit", "support_fr_2.html");
menu3.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Contr&ocirc;les", "support_fr_3.html");
menu3.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Optimisation", "support_fr_4.html");
menu3.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Economie", "support_fr_5.html");

// menu : #4
var menu4 = ms.addMenu(document.getElementById("menu4"));

// menu : #5
var menu5 = ms.addMenu(document.getElementById("menu5"));
menu5.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Etre partenaire", "partenaires_fr_1.html");
menu5.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> B&eacute;n&eacute;fices", "partenaires_fr_2.html");
menu5.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Devenir partenaire", "partenaires_fr_3.html");
menu5.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Nos partenaires ", "partenaires_fr_4.html");
var subMenu1 = menu5.addMenu(menu5.items[3]);
subMenu1.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Belgique", "partenaires_fr_4.html");
subMenu1.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Espagne", "partenaires_fr_4_2.html");
subMenu1.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> France", "partenaires_fr_4_3.html");
subMenu1.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Portugal", "partenaires_fr_4_4.html");
subMenu1.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Suisse", "partenaires_fr_4_5.html");

// menu : #6
var menu6 = ms.addMenu(document.getElementById("menu6"));
menu6.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Pr&eacute;sentation", "societe_fr_1.html");
menu6.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> R&eacute;f&eacute;rences", "societe_fr_2.html");
menu6.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Dans la presse", "societe_fr_4.html");
menu6.addItem("<img src='images_modeles/puce.gif' hspace='5' width='5' height='5' align='absmiddle'> Contacts", "societe_fr_5.html");



//===============================================================================================================================================
// Écrire le code dans la page
//===============================================================================================================================================
mtDropDown.renderAll();
}