/* menu_d.css Document */

/*_________ MENU ACCORDEON_____________ */

#psup .accordeon {
		display: block;
		float: left;
		height: auto;
		margin: 20px 0px;
		padding: 0px 0px 20px 10px;
		position: relative;
		width: 191px;
		z-index: 10;
}

#psup .accordeon a, .accordeon span {
	  border-bottom: 1px solid transparent;
      color: #FFFFFF;
      display: block;
      height: 25px;
	  margin: 0px auto;		
      padding: 1px 0px 0px 10px;
	  text-align: left;	
      text-decoration: none;
}


#psup .accordeon a:hover { color:#FFFFFF;
	text-decoration: none;
	background: transparent  url(../ima/fleche_pointe_2.png) top left no-repeat;
    border-bottom: 1px solid #FFF;
	height: 25px;
	padding-left: 25px;
    width: 150px;
	
}   

psup .accordeon a:focus { color:#FFFFFF; 
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	background: transparent  url(../ima/fleche_pointe_2.png) top left no-repeat;
	height: 25px;
	padding-left: 25px;

}   


#psup .accordeon .acc_menu {
		background: url(../ima/fond_menu_d5m.png) left top repeat-y; 
		color: #FFF;
      	font: 0.55em  "Century Gothic", "Arial Rounded MT Bold", "Trebuchet MS", arial, Verdana, sans-serif;
		letter-spacing: 0.2em;
		font-size: 0.7em;
		font-weight: 100;
		height: auto;
		line-height:  25px;
      	list-style: none;
		z-index: 10;
				width: 191px;

}

#psup .accordeon #acc_menu_haut {background: url(../ima/fond_menu_d5h.png) left 0px no-repeat;
		height: 25px;}


#psup .accordeon #acc_menu_bas {background: url(../ima/fond_menu_d5b.png) left bottom no-repeat;
		height: 30px;}









/*_________ SOUS-MENU ACCORDEON_____________ */

#psup .accordeon ul.ss_acc {
	background: url(../ima/ssm_006.png) bottom left no-repeat;
	border: 0px solid #800000;
	color: #800000;
	font-family: Verdana, Arial, Helvetica, "Arial Rounded MT Bold", Arial, "Lucida Sans", Geneva, Arial, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: 100;
	height: auto;
    margin: 0 0 0 30px;
    padding: 0 0 30px 0;
    text-align: left;	
	text-indent: 15px;
	width: 310px;  
}

#psup .accordeon ul.ss_acc_2 {
	background: url(../ima/ssm_006.png) bottom left no-repeat;
	border: 0px solid #800000;
	color: #800000;
	font-family: Verdana, Arial, Helvetica, "Arial Rounded MT Bold", Arial, "Lucida Sans", Geneva, Arial, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: 100;
	height: 400px;
    margin: 0 0 0 30px;
	padding-left: 50px;
	text-align: left;
	width: 310px;  
}



#psup .accordeon #largeur_produits {
	background: url(../ima/ssm_005.png) top left no-repeat;
	margin: 0 0 0px 30px;
	padding-bottom: 30px;
	width: 580px;
	text-align: left;
  }


#psup .accordeon #largeur_produits a:hover{	
 	background-image: url(../ima/fleche_pointe_3.png);
	background-position: left;
	background-repeat: no-repeat;
    border-bottom: 1px solid #800000;
	color:  #000; 
	height: 20px;
    margin: 0 0;	 
    padding: 0px 0px;
	  text-align: left;	
	text-decoration: none;
	text-indent: 25px;
	width: 460px;
 }


li {    height: 18px;
		margin: 0 0;
   		padding: 0 0;
		list-style: none; 
}   



#psup .accordeon ul.ss_acc li a {
	  color:  #800000;
	  margin: 0 0;	 
      padding: 0px 0px;
      }
	  
#psup .accordeon ul.ss_acc li a:hover {
	background-image: url(../ima/fleche_pointe_3.png);
	background-position: left;
	background-repeat: no-repeat;
    border-bottom: 1px solid #800000;
	color:  #000; 
	height: 20px;
    margin: 0 0;	 
    padding: 0px 0px;
    text-align: left;	
	text-decoration: none;
	text-indent: 25px;
	width: 260px;
}


/*_________Panneau non clicable_____________	 */

#psup .accordeon .ss_acc_2 {
	font-style: normal;
	font-weight: 100;
	height: auto;
	line-height:   15px;
    list-style: none;
    text-align: left;	
	text-transform: capitalize;

}




/*_________FIN DU MENU ACCORDEON_____________	 */