/* CSS Document */

#menuPrincipal{
	padding:50px 0 0 10px;
	 z-index:50;
	 position:absolute;
	 margin:0 0 0 100px;

}


#menuPrincipal li{
	float:left;
	border-left:1px dotted #d3d3d3;
	position: relative;


}
#menuPrincipal li.open a, #menuPrincipal li:hover a,#menuPrincipal li.menuActif a {
  background-color:#7c7c7c;  color:#fff;
  }
  
 /*couleurs*/
.decourvir #menuPrincipal li a.decouvrirActif{background-color:#b1c903;border-bottom:1px solid #b1c903; color:#fff;}
.vieQuotidienne #menuPrincipal li a.vieQuotidienneActif{background-color:#f0bc0f;border-bottom:1px solid #f0bc0f; color:#fff;}
.vieMunicipale #menuPrincipal li a.vieMunicipaleActif{background-color:#28cbae;border-bottom:1px solid #28cbae; color:#fff;}
.cadreVie #menuPrincipal li a.cadreVieActif{background-color:#7abe03;border-bottom:1px solid #7abe03; color:#fff;}
.culture #menuPrincipal li a.cultureActif{background-color:#fc8234;border-bottom:1px solid #fc8234; color:#fff;}
.sport #menuPrincipal li a.sportActif{background-color:#15b6fa;border-bottom:1px solid #15b6fa; color:#fff;}
.economie #menuPrincipal li a.economieActif{background-color:#006c94;border-bottom:1px solid #006c94; color:#fff;}
	  
	 
#menuPrincipal li.open a, #menuPrincipal li:hover a{ color:#fff;}

#menuPrincipal li a{
	display:block;
	float:left;

	padding:5px 10px 5px 10px;
	text-transform:uppercase;
	color:#696969;

}

#menuPrincipal li ul {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
   width:185px;
  padding: 0 0 5px;
  background: #7c7c7c;
  z-index:15;
 

  
  }


#menuPrincipal li:hover ul {
  display: block;
 
  }
#menuPrincipal li ul li {
  float: none;
  border:none;

  }
#menuPrincipal li ul li a,#menuPrincipal li.menuActif ul li a {
  padding: 7px ;
  display: inline-block;
  text-transform:none;
  border-bottom:1px dotted #aaaaaa;
  color:#aaaaaa;
  width:170px;
  float:none;
  background-color:transparent;
  }
  #menuPrincipal li.open  ul li a, #menuPrincipal li.menuActif  ul li a{border-bottom:1px dotted #aaaaaa; background-color:transparent;}
#menuPrincipal li ul li a {display: block;  }
#menuPrincipal li ul li a:hover,#menuPrincipal li.menuActif a:hover {
  background: #717171;
  color: #fff;
  border-bottom:1px dotted #aaaaaa;
  
  background-repeat:no-repeat;
  background-position:170px 10px;
  }


/* couleur*/

#menuPrincipal li ul.decouvrirRivedeGierUl li a:hover{background-image:url(../img/menu_hover_vert.jpg);} 
#menuPrincipal li.open a.decouvrirRivedeGier, #menuPrincipal li:hover a.decouvrirRivedeGier {
   border-bottom:1px solid #b1c903; 
  }

#menuPrincipal li ul.vieMunicipaleUl li a:hover{background-image:url(../img/menu_hover_muni.jpg);}
#menuPrincipal li.open a.vieMunicipale, #menuPrincipal li:hover a.vieMunicipale {
   border-bottom:1px solid #28cbae; 
  }
  
  #menuPrincipal li ul.vieQotiUl li a:hover{background-image:url(../img/menu_hover_vieQuoti.jpg);}
#menuPrincipal li.open a.vieQoti, #menuPrincipal li:hover a.vieQoti {
   border-bottom:1px solid #f0bc0f; 
  }
  
    #menuPrincipal li ul.cadreVieUl li a:hover{background-image:url(../img/menu_hover_cadreVie.jpg);}
#menuPrincipal li.open a.cadreVie, #menuPrincipal li:hover a.cadreVie {
   border-bottom:1px solid #7abe03; 
  }
  
      #menuPrincipal li ul.cultureUl li a:hover{background-image:url(../img/menu_hover_culture.jpg);}
#menuPrincipal li.open a.culture, #menuPrincipal li:hover a.culture {
   border-bottom:1px solid #fc8234; 
  }
  
       #menuPrincipal li ul.sportUl li a:hover{background-image:url(../img/menu_hover_sport.jpg);}
#menuPrincipal li.open a.sport, #menuPrincipal li:hover a.sport {
   border-bottom:1px solid #15b6fa; 
  }

       #menuPrincipal li ul.economieUl li a:hover{background-image:url(../img/menu_hover_economie.jpg);}
#menuPrincipal li.open a.economie, #menuPrincipal li:hover a.economie{
   border-bottom:1px solid #006c94; 
  }