/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

codes couleurs
CEC0E8
9F98AE moyen
5D3E97
DFD4F3 clair
E4DCF3 trés clair


=================================================================== */
#flyout 
{float:left; 
padding:0 0; 
margin:3px 0 0; 
list-style:none; 
position:relative; 
width:85px;
position : fixed;
 clip:    rect(   )
}

.nomCompositeur {
float:left; 
padding:0 0; 
margin:3px 0 0; 
position:relative; 
width:150px;
font-size: 22px;
background-color:#5D3E97;
color:#FFF;
margin-left: 10px;
text-align: center
}

.titreMenuDeroulant {
float:left; 
padding:0 0; 
margin:3px 0 0; 
position:relative; 
width:130px;
height:auto;
line-height:24px;
font-family:arial; 
sans-serif;
font-size: 11px;
text-decoration:none;
background-color:#996AD6;
color:#FFF;
margin-left: 10px;
padding-left: 10px;
font-weight: bold
}




#flyout ul 
{padding:0 0; 
margin:0 0; 
list-style:none; 
width:85px; 
height:auto; 
position:absolute; 
left:-9999px; 
top:10;
clip:    rect(   )}

#flyout table 
{border-collapse:collapse; 
width:0; 
height:0; 
margin:-1px -10px;}

#flyout li /*espace entre cases*/
{float:left; 
margin-bottom:10px;}




#flyout li:hover 
{position:relative;; clip:    rect(   )}

#flyout li a:hover 
{position:relative; 
background-color:#ff0000; 
color:#fff;; clip:  rect(   )}

#flyout li:hover >a /*survol 1er niveau sans developpement "<a =class précedente" ">a couleur fond en dessous"*/
{background-color:#4F2982/*couleur fond survol 1er niveau*/; 
color:#FFF /*couleur texte survol 1er niveau AVEC et SANS develloppement*/;}



/* 1er niveau */
/* --------- */

#flyout li a /*menu 1er niveau sans developpement*/
{
	display:block;
	float:left;
	width:85px; /*largeur bouton*/
	height:auto;
	background:#996AD6/*couleur fond cellule*/;
	color:#fff /*couleur police*/;
	line-height:24px;
	font-family:arial; 
sans-serif;
	font-size:11px;
	text-decoration:none;
	clip:    rect(   );
	margin-left: 10px;
	padding-left: 10px;
}


#flyout li a.fly <a/*menu 1er niveau avec developpement "<a=renvoit sur #flyout li:hover"*/
{
	/*background-color: #996AD6;
	background-image: url(right-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;*/
}



/* 2e niveau */
/* --------- */
#flyout ul li a /*couleur fond 2e niveau sans developpement*/
{background:#8243D6;}

#flyout ul li a.fly /*couleur fond 2e niveau avec developpement*/
{background:#8243D6 url(right-arrow.gif) no-repeat right center;}



/* 3e niveau */
/* --------- */

#flyout ul ul li a /*couleur fond 3e niveau sans developpement*/
{background:#ccc;}

#flyout ul ul li a.fly /*couleur fond 3e niveau avec developpement*/
{background:#ccc url(right-arrow.gif) no-repeat right center;}



/* 4e niveau */
/* --------- */

#flyout ul ul ul li a /*couleur fond 4e niveau sans developpement*/
{background:#ddd;}



/*case selectionnée par défaut*/
/*----------------------------*/
#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current 
{background-color:#530FAD /*couleur fond*/; 
color:#fff /*couleur texte*/;}




/*emplacement des niveaux 2-3-4 par raport à la gauche*/
/*----------------------------------------------------*/
#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:100px ;}




#flyout :hover ul ul,
#flyout :hover ul :hover ul ul 
{left:-9999px;}




#flyout ul li:hover > a 
{background-color:#330570 /*couleur survol 2e niveau*/; 
color:#fff;}

#flyout ul ul li:hover > a 
{background-color:#e60; 
color:#fff;}