function getFocus() {
  document.getElementById("exercice1").style.backgroundColor = "red"; } //  renvoie un objet Element représentant
                                                                        // l'élément dont la propriété id correspond
                                                                        // à la chaîne de caractères spécifiée

  document.getElementById("exercice1").onfocus = function() {getFocus()};

function getFocusBack() {
    document.getElementById("exercice1").style.backgroundColor = "white"; } 
  
    document.getElementById("exercice1").onblur = function() {getFocusBack()};


// exercice 2 et 3 

      var clicks=0; //creation variable

      function add(n) { 
        //recuperation nb click en assignant à l
	   var nbclick = document.getElementById("partenaires 1") 
       var newItem = document.createElement("LI");
		//Compteur de clicks
        clicks += 1;
		newItem.setAttribute("id","supp"+clicks);
		// nommer la ligne pour pouvoir la supprimer au besoin
		newItem.setAttribute("name", "partenaires"+(clicks+n));
        
      
        //Cree un input dynamic
        var element = document.createElement("input");
      
        //On assigne different element a chaque attribut
        element.setAttribute("type", "ajouter");
        element.setAttribute("value", "Nom du partenaire "+ (clicks+n)); // a partir du 4e partenaire
        element.setAttribute("name", "partenaire"+(clicks+n));
        element.setAttribute("onfocus","this.value=''");
        element.innerHTML="<br>";
		newItem.appendChild(element);
		// il y a 2 listes de partenaires - au début et à la fin
		var newItem1 = document.createElement("LI");
		// nommer la ligne pour pouvoir la supprimer au besoin
		newItem1.setAttribute("name", "partenaires"+(clicks+n));
        var list = document.getElementById("partenaires 1");
		list.insertBefore(newItem, null);
		
		//Cree un input dynamic
        var element1 = document.createElement("input");
		
        //On assigne different element a chaque attribut
        element1.setAttribute("type", "ajouter");
        element1.setAttribute("value", "Nom du partenaire "+ (clicks+n)); // a partir du 4e partenaire
        element1.setAttribute("onfocus","this.value=''");
        element1.innerHTML="<br>";
		newItem1.appendChild(element1);
		
		var list = document.getElementById("partenaires 2");
		list.insertBefore(newItem1, null);

        
        
        nbclick.setAttribute("value",clicks);
      
      }
      
      function rmv(n){ 
        var nbclick = document.getElementById("supprimer") 
        if (clicks<0){
          clicks=0;
          nbclick.setAttribute("value",clicks)
        }else{
          // partenaires+clicks est le nom de la ligne a supprimer
          var items = document.getElementsByName("partenaires"+(clicks+n));
          nbclick.setAttribute("value",clicks);
		  var nb_items = items.length;
		  for (i = 0; i < nb_items; i++) {
		  // c'est toujours le 1er item dans la liste qu'on veut enlever
		  items[0].remove();}
		clicks -= 1;
        } 
      }

      // exrecice 1

    function getFocus() {
       document.getElementById("exercice1").style.backgroundColor = "red"; } //  renvoie un objet Element représentant
                                                                        // l'élément dont la propriété id correspond
                                                                        // à la chaîne de caractères spécifiée

       document.getElementById("exercice1").onfocus = function() {getFocus()};

    function getFocusBack() {
       document.getElementById("exercice1").style.backgroundColor = "white"; } 
  
       document.getElementById("exercice1").onblur = function() {getFocusBack()};

      // exercice 4

      function mouseover() {
        document.getElementById("exercice4").style.backgroundColor = "red"; } 
    
        
        document.getElementById("exercice4").onmouseover = function() {mouseover()};
        
    
      function mouseout() {
        document.getElementById("exercice4").style.backgroundColor = "white"; } 
          

        document.getElementById("exercice4").onmouseout = function() {mouseout()};