sfHover = function() {
             var sfEls = document.getElementsByTagName("li");
             for (var i=0; i<sfEls.length; i++) {
              sfEls[i].onmouseover = function() {
                this.className = this.className.replace(new RegExp(" sfhover"), "");
                this.className += " sfhover";
              }
              sfEls[i].onmouseout = function() {
                this.className = this.className.replace(new RegExp(" sfhover"), "");
              }
             }
        }
        if (window.attachEvent) window.attachEvent("onload", sfHover);



$(document).ready(function() {

$('dt').bind('click', clickM1);

var ouvert = true;

function clickM1(e){
 
      if(ouvert){
            $(e.target).next().slideToggle();
            ouvert = false;
            
        }else{
            $(e.target).next().slideToggle();
            ouvert = true;
        }
 
}


$('.jeu1').bind('click', clickjeux);

function clickjeux (e){
    
      $('#grillejeu').toggle(200);
       $('#grillejeu4').fadeOut();
        $('#grillejeu2').fadeOut();
      $('#grillejeu3').fadeOut();
       $('#grillejeu5').fadeOut();
        $('#grillejeu6').fadeOut();
		$('#grillejeu7').fadeOut();

}


$('.jeu2').bind('click', clickjeu2);


function clickjeu2 (e){
 
      $('#grillejeu2').toggle(200);
       $('#grillejeu').fadeOut();
        $('#grillejeu4').fadeOut();
      $('#grillejeu3').fadeOut();
       $('#grillejeu5').fadeOut();
        $('#grillejeu6').fadeOut();
			$('#grillejeu7').fadeOut();
}

$('.jeu3').bind('click', clickjeu3);
function clickjeu3 (e){
      $('#grillejeu3').toggle(200);
       $('#grillejeu').fadeOut();
        $('#grillejeu2').fadeOut();
      $('#grillejeu4').fadeOut();
       $('#grillejeu5').fadeOut();
        $('#grillejeu6').fadeOut();
			$('#grillejeu7').fadeOut();
}

$('.jeu4').bind('click', clickjeu4);


function clickjeu4 (e){
 
      $('#grillejeu4').toggle(200);
       $('#grillejeu').fadeOut();
        $('#grillejeu2').fadeOut();
      $('#grillejeu3').fadeOut();
       $('#grillejeu5').fadeOut();
        $('#grillejeu6').fadeOut();
			$('#grillejeu7').fadeOut();
}

$('.jeu5').bind('click', clickjeu5);


function clickjeu5 (e){
 
      $('#grillejeu5').toggle(200);
       $('#grillejeu').fadeOut();
        $('#grillejeu2').fadeOut();
      $('#grillejeu3').fadeOut();
       $('#grillejeu4').fadeOut();
        $('#grillejeu6').fadeOut();
			$('#grillejeu7').fadeOut();
}

$('.jeu6').bind('click', clickjeu6);

function clickjeu6(e){
 
      $('#grillejeu6').toggle(200);
       $('#grillejeu').fadeOut();
        $('#grillejeu2').fadeOut();
      $('#grillejeu3').fadeOut();
       $('#grillejeu5').fadeOut();
        $('#grillejeu4').fadeOut();
			$('#grillejeu7').fadeOut();
}


$('.jeu1').bind('mouseover', overjeux);

function overjeux (e)
{
                $('.jeu1').css('background', '#578BA8');
            }

$('.jeu1').bind('mouseout', outjeux);

function outjeux (e)
{
                $('.jeu1').css('background', '#afb962');
  }

$('.jeu2').bind('mouseover', overjeu2);

function overjeu2 (e)
{
                $('.jeu2').css('background', '#578BA8');
            }

$('.jeu2').bind('mouseout', outjeu2);

function outjeu2 (e)
{
                $('.jeu2').css('background', '#afb962');
  }

  
  $('.jeu3').bind('mouseover', overjeu3);

function overjeu3 (e)
{
                $('.jeu3').css('background', '#578BA8');
            }

$('.jeu3').bind('mouseout', outjeu3);

function outjeu3 (e)
{
                $('.jeu3').css('background', '#afb962');
  }

  
  $('.jeu4').bind('mouseover', overjeu4);

function overjeu4 (e)
{
                $('.jeu4').css('background', '#578BA8');
            }

$('.jeu4').bind('mouseout', outjeu4);

function outjeu4 (e)
{
                $('.jeu4').css('background', '#afb962');
  }

  
  $('.jeu5').bind('mouseover', overjeu5);

function overjeu5 (e)
{
                $('.jeu5').css('background', '#578BA8');
            }

$('.jeu5').bind('mouseout', outjeu5);

function outjeu5 (e)
{
                $('.jeu5').css('background', '#afb962');
  }

  
  $('.jeu6').bind('mouseover', overjeu6);

function overjeu6 (e)
{
                $('.jeu6').css('background', '#578BA8');
            }

$('.jeu6').bind('mouseout', outjeu6);

function outjeu6 (e)
{
                $('.jeu6').css('background', '#afb962');
  }

  
  

}
)