function ajoute() {

// +------------------------------------------------------------------+
// | on crée un élément de liste qui correspond                       |
// | au texte suivant :                                               |
// | <li class="ajout" id="mars">Mars </li>                           |
// | on l'ajoute ensuite après les deux mois de la liste dont l'id    |
// | est "mois"                                                       |
// +------------------------------------------------------------------+

      nouveaui = document.createElement("li") ;
      nouveaui.setAttribute("id","mars") ;

      nouveaui.setAttribute("class","ajout") ;     // FIREFOX
      nouveaui.textContent = "Mars1";

      nouveaui.setAttribute("className","ajout") ; // IE
      nouveaui.innerText = "Mars2";

      document.getElementById("mois").appendChild(nouveaui);

} // fin de fonction ajoute

function cree() {

// +------------------------------------------------------------------+
// | on crée un paragraphe entre les deux précédents qui correspond   |
// | au texte suivant :                                               |
// | <p id="milieu" class="demo">                                     |
// | Me voici, me voilà.                                              |
// | </p>                                                             |
// | on l'insère ensuite avant le paragraphe dont l'id est "nuit"     |
// +------------------------------------------------------------------+

      nouveaup = document.createElement("p") ;
      nouveaup.setAttribute("id","np") ;

      nouveaup.setAttribute("class","ajout") ;     // FIREFOX
      nouveaup.textContent = "Me voici, me voilà.";

      nouveaup.setAttribute("className","ajout") ; // IE
      nouveaup.innerText = "Me voici, me voilà.";

      document.getElementById("lesp").insertBefore(nouveaup,document.getElementById("nuit"));

} // fin de fonction cree

function ajoute2() {

// +------------------------------------------------------------------+
// | on crée un élément de liste qui correspond                       |
// | au texte suivant :                                               |
// | <li class="ajout" id="mars">Mars </li>                           |
// | on l'ajoute ensuite après les deux mois de la liste qui contient |
// | la chaine "Janvier2"                                             |
// +------------------------------------------------------------------+

      nouveaui = document.createElement("li") ;
      nouveaui.setAttribute("id","mars") ;

      nouveaui.setAttribute("class","ajout") ;     // FIREFOX
      nouveaui.textContent = "Mars3";

      nouveaui.setAttribute("className","ajout") ; // IE
      nouveaui.innerText = "Mars4";

      document.getElementById("mois").appendChild(nouveaui);

} // fin de fonction ajoute2

function cree2() {

// +------------------------------------------------------------------+
// | on crée un paragraphe entre les deux précédents qui correspond   |
// | au texte suivant :                                               |
// | <p id="milieu" class="demo">                                     |
// | Me voici, me voilà.                                              |
// | </p>                                                             |
// | on l'insère ensuite avant le paragraphe dont le texte commence   |
// | par "Rebonjour".                                                 |
// +------------------------------------------------------------------+

      nouveaup2 = document.createElement("p") ;
      nouveaup2.setAttribute("id","np2") ;

      nouveaup2.setAttribute("class","ajout2") ;     // FIREFOX
      nouveaup2.textContent = "Me voici, me voilà2.";

      nouveaup2.setAttribute("className","ajout2") ; // IE
      nouveaup2.innerText = "Me voici, me voilà2.";

      document.body.insertBefore(nouveaup2,document.getElementById("nuit2")) ;

} // fin de fonction cree2