/* CSS Document */

/* ================================================================ 
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.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/photo.gif);
	font-variant:small-caps;
	width:190px;
	background-repeat:no-repeat;
	background-position:left;
	background-position: 0% 110%;
	height:400px;
	font-size:11px;
	float: left;
	margin-right:60px;
	}
.menu ul li a, .menu ul li a:visited {
	display:block; text-decoration:none; color:#000; width:150px; height:25px; text-align:right; border:1px solid #fff; border-width:2px 1px 0 0; background-color:#e9e5d9; line-height:23px; font-size:14px; }

.menu ul {
	padding:0; margin:0;list-style-type: none;
	 }

.menu ul li {
	float:left;
	margin-right:1px;
	position:relative;
	}
.menu ul li ul {display: none;}

#cl {padding-right: 10px;

	}

#c2 {padding-right: 10px;
	}
	
#c3 {padding-right: 10px;
	}

#c4{padding-right: 10px;
	}

#c5{padding-right: 10px;

}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;}
.menu ul li a:hover {color:#fff; background:#FFCC00;}
/* changer les hover */
.menu ul li a:hover#cl {color:#fff; background:#006699;}
.menu ul li a:hover#c2 {color:#fff; background:#66CC00;}
.menu ul li a:hover#c3 {color:#fff; background:#00CCFF;}
.menu ul li a:hover#c4 {color:#fff; background:#666666;}
.menu ul li a:hover#c5 {color:#fff; background:#006699;}


.menu ul li:hover ul {display:block; position:absolute; top:0; left:160px; width:190px; }
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#66FF00; color:#000; width:143px;text-align:left;
padding-left:6px;}

/* sous menus */
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#CC9966; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}