function affichageContenuCorrespondant (element)
{    
    var indice = element.id; /*on récupère l'identité de l'element concerné (mot clé "this" dans doc html)*/
    indice = parseInt(indice); /*on convertit en entier, l'identité defini en chaine de caractère*/ 

    var i;
 
    var parent = element.parentNode.getElementsByTagName("LI"); /*on recupere un tableau avec l'ensemble des balises <li> contenu dans la balise parent <ul>*/
    var y = parent.length; /*on recupere la longueur du tableau contenant les balises <li>*/

    var z;

    var a;
    

    /*On defini tous les elements du tableaux de balise comme des liens passif et on leur attribut les couleurs correspondantes<LI>*/
    for (z=1; z<=y ; z++)
    {
        document.getElementById(z).setAttribute("type","lienPassif");
        document.getElementById(z).style.color="rgb(180,180,180)";
        document.getElementById(z).style.backgroundColor="rgb(255,255,255)";
    }
    
    /* Ensuite on redefini l'element cliqué comme un lien actif et on lui attribut les couleurs couleur correspondantes*/
    element.setAttribute("type","lienActif");
    element.style.color="rgb(255,255,255)";
    element.style.backgroundColor="rgb(180,180,180)";

    /*On parcours l'ensemble des positions impairs du tableau de balises <li>(ce qui correspond aux balises <li> de class="Lien"),
    et on efface toutes les balises contenu dont l'exposant de l'identité correspond à la position concerné.*/ 
    for (a=1; a<=y; a++)
    {
        document.getElementById("Contenu"+a).style.display="none"; 
    }
    /*Ensuite, on affiche uniquement la balise contenu correspondante à l'élément survolé*/ 
    document.getElementById("Contenu"+indice).style.display="block";
}

/*Pour changer la couleur du lien lors du survol, on utilise le mot clé (this) dans le code html sur l'evenement onmouseover*/
/*On ne veut pas que celà fonctionne sur le lien <li> séléctionné, donc la fonction est active sur les liens qui ne sont pas en caractère gras*/
function couleurLienActif(element)
{
    var type = element.getAttribute("type")
    
    if(type == "lienPassif")
    {
        element.style.color="rgb(255,255,255)";
        element.style.backgroundColor="rgb(180,180,180)";
    }
}

function couleurLienPassif(element)
{
    var type = element.getAttribute("type")
    
    if(type == "lienPassif")
    {
        element.style.color="rgb(180,180,180)";
        element.style.backgroundColor="rgb(255,255,255)";
    }
}


