/* Menu de gauche */

#menuGauche { 
 float: left; 
 width: 143px; 
 border-top: 0px;
 border-right: 0px;
 margin: 0px; 
}

#menuGauche strong {
 display: block;
 padding: 8px 2px;
 color: #ffcc00;
 text-align: center;
 /*border-bottom: 1px solid white;*/
}

#menuGauche ul {
  margin: 0px;
  margin-right: 1px;
  padding: 0px;
}

#menuGauche li { 
 list-style-type: none;
 margin: 0; 
 padding: 0px;
 margin-bottom: 10px;
 border: 1px solid white;
 border-bottom: 2px outset #0c172a;
 border-right: 2px outset #0c172a;
 color: white;
 font-style: italic;
}

#menuGauche li a {
 display: block;
 margin: 0px;
 padding : 5px 0px 5px 30px;
 color: white;
 text-decoration: none;
}

#menuGauche .enCours, #menuGauche li:hover.enCours ul li a.enCours{
 color: #ff9600;
}

#menuGauche li:hover a, #menuGauche li:hover.enCours ul li a:hover {
 color: #eefe1d;
}

/* effet déroulant. */
#menuGauche li ul { 
  margin: 0px;
  display: none;
}

#menuGauche li.enCours, #menuGauche li.enCours ul, #menuGauche li:hover.enCours ul { 
  display: block;
}

#menuGauche li.enCours > a{
  background-color: #CF0000;
  color: #ffffff;
  font-style: normal;  
}

#menuGauche li:hover.enCours a{
  background-color: #3468BD; 
}

#menuGauche li:hover.enCours > a{
  background-color: #ff9600; 
}

#menuGauche li.enCours ul li{
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  border-top: 1px solid #0c172a;
}

#menuGauche li.enCours ul li a{
  padding-left: 20px;
}

#menuGauche li.enCours ul li.partie {
  background-color: #0c172a;
  text-align: center;
}

#menuGauche li:hover.enCours ul li a{
  color: white;
}

#menuGauche li:hover.anim ul{ 
  display: block;
  position: absolute;
  padding: 0;
  margin-top: -60px;
  margin-left: 139px;
  font-size: 11px;
  color: black;
  background-color: #3468BD;
  border: 2px solid #0c172a;
  border-top: 1px solid #0c172a;
  z-index: 100;
}

#menuGauche li:hover.anim li { 
  width: 140px;
  margin: 0px;
  padding:0px;
  border: 0px;
  background-color: #0c172a;
}

#menuGauche li:hover.anim li.partie { 
  text-align: center;
  background-color: #0c172a;
  padding: 4px 0px;
  font-style: normal;
  font-weight: bold;
}

#menuGauche li:hover.anim li a{ 
  display: block;
  padding: 8px 5px 8px 26px;
  text-align: left;
  background-color: #3468BD;
  color: white;
  border-top: 1px inset #0c172a;
}

#menuGauche li:hover.anim li a:hover{ 
 background-position: 2px 0px;
 color: #eefe1d;
 background-repeat: no-repeat;
 background-image: url('../images/template/h2_montgolfiades_bis.png');
}

/* Pour la gestion des sous-sous menu dans la partie : Anciennes éditions */

#menuGauche ul li.enCours ul li.anim ul{ 
  display: none;
}

#menuGauche ul li.enCours ul li:hover.anim ul, #menuGauche ul li.anim ul li:hover.anim ul{ 
  display: block;
  position: absolute;
  padding: 0;
  margin-top: -60px;
  margin-left: 139px;
  font-size: 11px;
  color: black;
  background-color: #3468BD;
  border: 2px solid #0c172a;
  border-top: 1px solid #0c172a;
  z-index: 100;
}

#menuGauche ul li.anim ul li.anim ul{ 
  display: none;
}

#menuGauche ul li.anim ul li:hover.anim ul{ 
  margin-left: 140px;
}

#menuGauche li:hover.anim ul li.anim a:hover {
 color: #eefe1d;
}