/* Style sheet GesWeb */
/* Theme Portdecheyres.ch - Left Menu */
/* Copyright 2008 Obtic Sàrl e-consultant	*/

/*Menu Gauche*/
#MenuGaucheContainer { 
	float:left; 
	width: 179px;																		/* Largeur de la boite de menu */
	padding-top:10px;
	background-color:#f1e7c4;
}
	#MenuGaucheContainer h1 {
		font-size:13px;
		color:#f60;
		margin:5px 0px ;
		padding:1px 0px 1px 10px;
		background-image:url(../image/MenuGauchebgr.jpg);
		background-repeat:no-repeat;
	}

	#MenuGauche 				 { 
		padding:0px 0px 0px 0px; 
		font-size:1.0em;
	}

	#MenuGaucheBottom { 
		margin-bottom: 1em;
		height:20px;
	}
	
/* LEVEL 1 */
		#MenuGauche ul
		{
			list-style: none;
			margin: 0px ;															/* Empèche les options de menu de dépasser la largeur */
			padding: 0px ;														/* Empèche les options de menu de dépasser la largeur */
			width:100%;	
			font-size:1.1em;
		}
		
		#MenuGauche ul li
		{
		}
		
		#MenuGauche ul li a
		{
			display: block;
			padding: 3px;															/* Définir la hauteur des option de Menu en correlation avec height et Background position de la puce*/
			padding-left: 25px;												/* Modifier le retrait gauche du sous menu */
			color: #500000;
			font-weight:bold;
			text-decoration: none;										/* Souligner */
			height:15px;															/* Définir la hauteur des options de menu en correlation avec Padding et Background position de la puce */
			
			background-image: url(Images/Puce.gif);
			background-repeat:no-repeat;
			background-position: 10px 7px;
			
			border-bottom:1px solid #fff;
			margin:0 1px;
		}
		
		
		#MenuGauche li a:hover
		{
			/*
			border-left: 10px solid #1c64d1;
			border-right: 2px solid #ff9900;
			background-color: #CBB834;
			border-bottom:1px solid #ccc;
			margin:1px;
			*/

			color: #f1e7c4;
			background-color:#996633;
			
			background-image: url(Images/Puce_ov.gif);
			background-repeat:no-repeat;
			background-position: 10px 7px;
		}
		
		#MenuGauche li a.select{
			/*
			background-color:#CBB834;
			color: #500000;
			*/
			font-weight:bold;
			
			color: #fff;
			background-color:#996633;
			
			background-image: url(Images/Puce.gif) ;
			background-repeat:no-repeat;
			background-position: 10px 7px;
		}
		
		#MenuGauche li a.select:hover{
			/*
			color: #f1e7c4;
			*/
			background-color:#996633;
			background-image: url(Images/Puce_ov.gif) ;
			background-repeat:no-repeat;
			background-position: 10px 7px;
		}
		
/* LEVEL 2 */
		#MenuGauche ul ul
		{
			width:100%;	
			background:#fff;	
			font-size:12px;
		}
		#MenuGauche li li
		{
			/*
			border-top: 1px solid #000;
			border-top:0;
			border-bottom: 0;
			*/
		}
		
		#MenuGauche li li a
		{
			display: block;
			padding: 3px ;
			padding-left: 40px;																	/* Modifier le retrait gauche du sous menu */
			/*
			border-left: 10px solid #1958b7;
			border-right: 2px solid #000;
			background-color: #000;
			*/
			color: #666;
			font-weight:normal;
			
			background-image: url(Images/Puce.gif);
			background-repeat:no-repeat;
			background-position: 25px 7px;											/* Modifier la position gauche/haut de la puce */
		}
		#MenuGauche li li a:hover
		{
			/*
			border-left: 10px solid #1c64d1;
			border-right: 2px solid #ff9900;
			background-color: #CBB834;
			*/
			color: #ccc;
			
			background-image: url(Images/Puce_ov.gif);					/* Modifier la puce (mettre background-image:none si pas de puce */
			background-repeat:no-repeat;
			background-position: 25px 7px;											/* Modifier la position gauche/haut de la puce */
		}
		
		#MenuGauche li li a.select{
			/*
			border-right: 2px solid #000;
			color:#f60;
			*/
			color: #500000;
			background-color:#fff;
			font-weight:bold;
			
			background-image: url(Images/Puce.gif) ;
			background-repeat:no-repeat;
			background-position: 25px 7px;											/* Modifier la position gauche/haut de la puce */
		}
		#MenuGauche li li a.select:hover{
			/*
			border-right: 2px solid #ff9900;
			background-color: #CBB834;
			*/
			color: #500000;
			
			background-image: url(Images/Puce_ov.gif) ;
			background-repeat:no-repeat;
			background-position: 25px 7px;
		}
		
/*Level 3 */

		#MenuGauche ul ul ul { 
			width:100%;	
		}
		
		#MenuGauche li li li { 
			/*
			border-top: 0; 
			border-bottom: 0;	
			*/
		}
		
		#MenuGauche li li li a 			{	
			display: block;
			padding: 3px ;
			padding-left: 55px;																	/* Modifier le retrait gauche du sous menu */
			/*
			border-left: 10px solid #1958b7;
			border-right: 2px solid #000;
      background-color: #000;
			*/
			color: #666;
			
			background-image: url(Images/Puce.gif);
			background-repeat:no-repeat;
			background-position: 40px 7px;
		}
		#MenuGauche li li li a:hover {
			/*
			border-right: 2px solid #ff9900;
			*/
			color: #f60;
			
			background-image: url(Images/Puce_ov.gif);					/* Modifier la puce (mettre background-image:none si pas de puce */
			background-repeat:no-repeat;
			background-position: 40px 7px;											/* Modifier la position gauche/haut de la puce */
		}
		#MenuGauche li li li a.select{
			/*
			background-color:#fff;
			*/
			color:#f60;
			font-weight:bold;
			
			background-image: url(Images/Puce.gif) ;						/* Modifier la puce (mettre background-image:none si pas de puce */
			background-repeat:no-repeat;
			background-position: 40px 7px;											/* Modifier la position gauche/haut de la puce */
		}
		#MenuGauche li li li a.select:hover{
			/*
			border-right: 2px solid #ff9900;
			background-color: #CBB834;
			*/
			color: #f60;
			
			background-image: url(Images/Puce_ov.gif) ;					/* Modifier la puce (mettre background-image:none si pas de puce */
			background-repeat:no-repeat;
			background-position: 40px 7px;											/* Modifier la position gauche/haut de la puce */
		}