/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.enveloppe-menu { position: relative; height: auto;}
#menu2 {list-style-type:none; padding:3px 0 0 0; margin:0; width:220px; z-index:100;}
#menu2 ul {list-style-type:none; padding:0; margin:0; width:220px;}
#menu2 li {float:left; background: transparent url(/images/menu.gif) no-repeat; position:relative;}/* background du menu*/

#menu2 li.sub {background: transparent url(/images/menu.gif) no-repeat;} /*background du menu extensible*/

#menu2 li, #menu2 li a {display:block; color:#ddd; font-size:18px; line-height:36px; width:220px; text-decoration:none;  cursor:pointer; text-indent:5px;} /*si on met une valeur de height, le ss-menu ne pousse plus le footer*/

#menu2 li li {background:yellow;}

#menu2 ul,
#menu2 li.click ul ul,
#menu2 li.click ul li.hover ul ul {display:none;}

#menu2 li.hover {background: transparent url(/images/menu-hover.gif) no-repeat;color:#fff; z-index:500;} /* Background pour le hover */
#menu2 li.click {color:#ddd;}

#menu2 li.click ul {display:block;}

#menu2 li.click ul li {background: transparent url(/images/ss-menu.gif) no-repeat; height: 22px; text-align: right;} /*background sous-menu*/
#menu2 li.click ul li.hover {background: transparent url(/images/ss-menu-hover.gif) no-repeat;} /*background hover sous-menu*/

#menu2 li.click ul li a {width: 205px; line-height: 22px; font-size: 11px;margin: 0; color: #000;} /* une largeur plus faible pour décaler le texte du bord droit*/


/* --------------------------------------------------- */
/*           menu pour galerie                         */
/* --------------------------------------------------- */

#menu-galerie, #menu-galerie li ul {
	width: 220px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu-galerie li {

}

#menu-galerie li h3 {
	display:block;
	color:#ddd;
	font-size:18px;
	font-weight: normal;
	line-height:36px;
	width:220px;
	text-decoration:none;
	text-indent:5px;
	background: transparent url(/images/menu-hover.gif) 0 100% no-repeat;
}

#menu-galerie li ul {

}

#menu-galerie li ul li {
	background: transparent url(/images/ss-menu.gif) no-repeat;
	text-align: right;
	height: 22px;
	line-height: 22px;
}

#menu-galerie li ul li a {
	background: transparent url(/images/ss-menu.gif) no-repeat;
	display: block;
	width: 220px;
	height: 20px;
	text-decoration: none;
	font-size: 11px;
	color: #000;
}

#menu-galerie li ul li a:hover {
	background: transparent url(/images/ss-menu-hover.gif) no-repeat;
	text-decoration: none;
}

#menu-galerie li ul li a span {
	margin-right: 15px;
}