/* ================================================================ 

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/dd_valid.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: arial, sans-serif; 

	width:960px;

	height:0; /*ne pas toucher : prmet un affichage correct sous IE7*/

	/*position:relative; */

	font-size:13px;

	z-index:100; 

	/*ajout perso*/

	margin:-28px 0 0 5px;

	_margin:-27px 0 0 5px; /*corrige bug ie6*/

	color:#FFF;



}

.menu ul li a, .menu ul li a:visited {

	display:block;

	text-decoration:none; 

	/*color:#000;*/

	width:156px; 

	height:20px; 

	text-align:center; 

	color:#fff; 

	border-bottom:1px solid #C33;

	_border-bottom:0;

	background-color:#C33;

	line-height:20px; 

	overflow:hidden;

	/*ajout perso*/

	padding:3px 0;

}

.menu ul {

	padding:0; 

	margin:0; 

	list-style: none;

}

.menu ul li {

	float:left; 

	position:relative;

	margin:0 1px;

}

.menu ul li ul {

	display: none;

	font-size:12px;

	text-align:left;

	margin:0;

}



/* specific to non IE browsers */

.menu ul li:hover a {

	/*color:#fff; */

	background:#CCC;

	border-bottom:1px solid #CCC;

}

.menu ul li:hover ul {

	display:block; 

	position:absolute; 

	top:27px; 

	left:0; 

	width:15px;

}

.menu ul li:hover ul li a.hide {background:#666;	/*background-image:url('/Design/fleche_blc.jpg');*/

	background-repeat:no-repeat;

	background-position: center right;}

.menu ul li:hover ul li:hover a.hide {background:#ccc; /*color:#000;*/	/*background-image:url('/Design/fleche_blc2.jpg');*/

	background-repeat:no-repeat;

	background-position: center right;}

.menu ul li:hover ul li:hover ul li a.hide {background:#666; /*color:#000;*/}

.menu ul li:hover ul li:hover ul li:hover a.hide {background:#ccc; /*color:#000;*/}



.menu ul li:hover ul li:hover ul li a.hide {background:#666;	/*background-image:url('/Design/fleche_blc.jpg');*/

	background-repeat:no-repeat;

	background-position: center right;

}

.menu ul li:hover ul li:hover ul li:hover a.hide {background:#ccc; /*color:#000;*/	/*background-image:url('/Design/fleche_blc2.jpg');*/

	background-repeat:no-repeat;

	background-position: center right;}



.menu ul li:hover ul li ul {

	display: none;

	width:201px;

}

.menu ul li:hover ul li a {

	display:block; 

	background:#666; 

	/*border:1 px solid #666;*/

	/*color:#000;*/

	width:201px;

	border:0;

	text-align:left;



}



.menu ul li:hover ul li a:hover {

	background:#ccc; 

	/*color:#000;*/

}

.menu ul li:hover ul li:hover ul {

	display:block; 

	position:absolute; 

	left:200px; 

	top:0;

}



.menu ul li:hover ul li:hover ul {

	

}

.menu ul li:hover ul li:hover ul.left {

	left:-200px;

}



/*ajout perso*/

.menu ul li:hover ul li:hover ul li ul {

	display: none;

}

.menu ul li:hover ul li:hover ul li:hover ul {

	display:block; 

	position:absolute; 

	left:200px; 

	top:0;

}