// Define the tour!



    
    var tour = {

      id: "hello-hopscotch",

      steps: [

       

//frise

	   {

          title:"Aspects chronologiques",

          content: "Vous retrouvez sur la frise les dates importantes du brevet. Passez votre souris sur les différents champs afin d'obtenir les détails. Vous retrouvez (dans la fenêtre des commentaires) une synthèse en cliquant sur l'icône dates",

          target: "frise",

          placement: "bottom"

        },

	  {

		  

          title:"Histogrammes ou autres représentations",

          content: "Ici, chaque critère évalué est représenté. L'aire du champ est proportionnelle à la force du critère. Vous pouvez cliquer sur chacun des critères pour voir les commentaires apparaitre dans la fenêtre de commentaires.",

          target: "myChart",

          placement: "right"

        },

        {

          title:"Affichage de détails (Commentaires, autres graphiques...)",

          content: "Dans cet exemple, les détails sont des commentaires. Quand vous cliquez sur les critères de l'histogramme, ici s'affichent les commentaires, associés à des codes couleur (vert, jaune, orange, rouge) qui expliquent les forces et faiblesses mises en évidence.",

          target: "idalerte",

          placement: "left"

        },

        {

          title:"Aspects Géographiquess",

          content: "Nous avons différentes cartes qui nous permettent de représenter des criteres géographiques. Ici, la couleur des pays représente la portée des revendications dans les différentes zones géographiques. Nous nous sommes basés sur la portée des revendications (champ du possible commercial) du document initial et des modifications restreignant ces dernières sont reportées sur la carte. Vous pouvez afficher des commentaires de la carte en cliquant sur l'icône CARTE.",

          target: "mapdiv",

          placement: "left"

        },

		 	

				  {

          title:"Génération de rapports automatiques",

          content: "Nous pouvons générer des rapports automatiques au format qui vous convient (inactif sur cet exemple)",

          target: "monrap",

          placement: "right"

        }







      ]

    };

    // Start the tour!

    hopscotch.startTour(tour);