function AffichageVin (element)
{
    var indice = element.id; /*on récupère l'identité de l'element concerné (mot clé "this" dans doc html)*/
    indice = indice.match(/[0-9]{1,2}/); /*on récupère le nombre contenu dans la chaîne de caractère qui défini l'identité de l'élément*/
    indice = parseInt(indice); /*on convertit en entier, le chiffre defini en chaine de caractère*/ 
 
    var parent = element.parentNode.getElementsByTagName("LI"); /*on recupere un tableau avec l'ensemble des balises <li> contenu dans la balise parent <ul>*/

    var z;
    var zbis;
    var a;
    var abis;

    var type = element.getAttribute("type"); /*On récupère le type du vin concerné (blanc ou rouge)
    //
    //
    /*On defini la couleur et l'epaisseur de tous les elements du tableaux de balise <LI>*/ 
    //
    for (z=0; z<parent.length ; z++)
    {
        zbis=z+1;/*la position de l'élément dans le tableau UL est décalé de 1 par rapport au chiffre de son identité*/
        document.getElementById("BoutonVin"+zbis).style.color="rgb(50,50,50)";
        document.getElementById("BoutonVin"+zbis).style.backgroundColor="rgb(230,230,230)";
    }
    //
    //
    /*puis on redefini la couleur et l'epaisseur de l'élément survolé en fonction de son type (blanc ou rouge)*/
    //
    if (type=="blanc")
   {
        element.style.backgroundColor="rgb(135,200,110)";
   }
    else
   {
        element.style.backgroundColor="rgb(200,80,80)";
   }
    element.style.color="rgb(255,255,255)";          
    //
    //
    //
    //
    //
    //
    /*On parcours l'ensemble du tableau de balises <li>,
    et on efface toutes les balises "Vinx" dont l'exposant de l'identité correspond à la position concerné.
    Ensuite, on affiche uniquement la balise contenu correspondante à l'élément survolé*/ 
    //
    for (a=0; a<parent.length; a++)
    {

        abis=a+1;/*la position de l'élément dans le tableau UL est décalé de 1 par rapport au chiffre de son identité, lequel correspond au chiffre de l'identité de la DIV "Vinx"*/

        document.getElementById("Vin"+abis).style.display="none";
        document.getElementById("Vin"+indice).style.display="block";
    }
}
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
function HauteurFichesTechnique()
{
    var ContenuVins = document.getElementById("Contenu2");
    
    var ListeVins = document.getElementById("ListeVins");
    
    //Pour récupérer la hauteur d'un élément, ce dernier doit être visible
    ContenuVins.style.display = "block";
    
    var HauteurListeVins = ListeVins.offsetHeight;
    
    //Une fois la hauteur récupérée, on remet l'élément invisible
    ContenuVins.style.display = "none";
    
    var ContenuVins = document.getElementById("Contenu2");
    
    var TableauFichesTechnique = ContenuVins.getElementsByTagName("DIV");
    
    //On met toutes les fiches techniques egales a la hauteur de la liste de vins, a moins que la hauteur de la liste de vins soit inférieure à la hauteur normale des fiches techniques (soit 500pixel)
    for (i=0; i < TableauFichesTechnique.length; i++)
    {
        if (HauteurListeVins > 500)
        {
            TableauFichesTechnique[i].style.height =  HauteurListeVins; 
        }
    }    
}
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
//////////////////////////////////////
function couleurPremierBoutonVin()
{
    var premierBoutonVin = document.getElementById("BoutonVin1");
    premierBoutonVin.style.color = "rgb(255,255,255)";
    
    var typePremierVin = premierBoutonVin.getAttribute("type");
    
    switch (typePremierVin)
    {
        case "rouge":
            premierBoutonVin.style.backgroundColor = "rgb(200,80,80)";
            break;
            
        case "blanc":
            premierBoutonVin.style.backgroundColor = "rgb(135,200,110)";
            break;
    }
}