div.page-concept .content {
  float: left;
  width: 587px;
  height: 474px;
}

div.page-concept div.navigation {
  float: left;
  height: 474px;
  width: 187px;
}

  div.page-concept div.navigation img.illustration {
    margin: 130px 0 0 59px;
  }
  
  div.page-concept div.navigation.c_au-fil-du-temps {
    background-color: #c1d9e3;
  }
  
  div.page-concept div.navigation.c_creation-et-innovation {
    background-color: #ddd;
  }
  
  div.page-concept div.navigation.c_le-salon-sevigne {
    background-color: #e4e4e4;
  }
  
  div.page-concept div.navigation.c_1-coupe-5-coiffures {
    background: #949494 url('../images/concept/fond/nuance_7.jpg') repeat scroll top left;
  }

  div.page-concept div.navigation ul {
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
  }
  
    div.page-concept div.navigation li {
      background: transparent url('../images/concept/menu/menu.gif') no-repeat scroll top left;
      padding-left: 60px;
    }
    
    div.page-concept div.navigation.c_creation-et-innovation li {
      background-image: url('../images/concept/menu/creation-et-innovation/menu.gif');
    }
    
    div.page-concept div.navigation.c_au-fil-du-temps li {
      background-image: url('../images/concept/menu/au-fil-du-temps/menu.gif');
    }
    
    div.page-concept div.navigation.c_le-salon-sevigne li {
      background-image: url('../images/concept/menu/le-salon-sevigne/menu.gif');
    }
    
    div.page-concept div.navigation.c_alchimie li {
      background-image: url('../images/concept/menu/alchimie/menu.gif');
    }

    div.page-concept div.navigation.c_ses-conseils li {
      background-image: url('../images/concept/menu/ses-conseils/menu.gif');
    }
    
    div.page-concept div.navigation.c_relooking-avant-apres li {
      background-image: url('../images/concept/menu/relooking-avant-apres/menu.gif');
    }
    
    div.page-concept div.navigation.c_1-coupe-5-coiffures li {
      background-image: url('../images/concept/menu/1-coupe-5-coiffures/menu.gif');
    }

    div.page-concept div.navigation li a:focus {
      outline: none;
    }
  
    div.page-concept div.navigation li a {
      display: block;
      padding-left: 0px;
    }
    
      div.page-concept div.navigation li {
        opacity: .25;
      }
    
      div.page-concept div.navigation li a span {
        display: none;
      }
                  
    div.page-concept div.navigation li a:hover,
    div.page-concept div.navigation li.current a {
      opacity: 1;
    }
  
      div.page-concept div.navigation li:hover,
      div.page-concept div.navigation li.current {
        opacity: 1;
      }