/* ================================================================ 
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/example_flyout.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 */

/* body {
      behavior:url("http://agency.sqli.com/dev/lyxor/fileadmin/templates/css/csshover.htc");
}*/

#col_gauche .leftMenu
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	width:100%;
	position: relative;
	font-size: 11px;
	z-index:1000;
}
/**************************/
.leftMenu li ul
{
	visibility: hidden;
	position: absolute;
	height: 0;
	overflow: hidden;
	top: 0px;
	left: 167px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.leftMenu li
{
	vertical-align:top;
	position: relative;
	z-index: 90;
	width: 100%;
}
.leftMenu li.last
{
	border: none;
}

.leftMenu li a, .leftMenu li a:visited {
	display: block;
	text-decoration: none;
	font-weight: bold;
}
/*****************************/
/* for IE < 7 */
.leftMenu table
{
	border-collapse: collapse;
	border: 0;
	padding: 0;
	font-size: 1em;
	position: absolute;
	left: 0;
	top: 0;
}

.leftMenu li:hover a,
.leftMenu li a:hover
{
	color: white;
	background: url("../images/arrow2.png") #b22020 8px 8px no-repeat;
}
* html .leftMenu li a{
	width:95%;
}
*:first-child+html .leftMenu li a{
	width:95%;
}


.leftMenu li a:hover {position:relative; z-index:100;}

.leftMenu li:hover ul,
.leftMenu li a:hover ul,
.leftMenu li:hover ul li:hover ul,
.leftMenu li a:hover ul li a:hover ul,
.leftMenu li:hover ul li:hover ul li:hover ul,
.leftMenu li a:hover ul li a:hover ul li a:hover ul
{
	visibility: visible;
	width: 167px;
	z-index: 10;
	overflow: visible;
	position: absolute;
	/* left: 170px; */
}
.leftMenu li:hover ul{left: 167px;}
.leftMenu li a:hover ul{left: 167px;}

.leftMenu li:hover ul li a,
.leftMenu li a:hover ul li a
{
	display: block;
	color: #494D50;
	background: none;
	line-height: 15px;
	text-decoration:none;
}

.leftMenu li:hover ul li:hover a,
.leftMenu li a:hover ul li a:hover,
.leftMenu li:hover ul li:hover ul li:hover a,
.leftMenu li a:hover ul li a:hover ul li a:hover,
.leftMenu li:hover ul li:hover ul li:hover ul li:hover a,
.leftMenu li a:hover ul li a:hover ul li a:hover ul li a:hover,
.leftMenu li:hover ul li:hover ul li:hover ul li:hover ul li:hover a,
.leftMenu li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover
{
	color: white;
}
.leftMenu li:hover ul li:hover ul li a,
.leftMenu li:hover ul li:hover ul li:hover ul li a,
.leftMenu li:hover ul li:hover ul li:hover ul li:hover ul li a
{
	color: #494D50;
	background: none;
}


.leftMenu li:hover ul li ul,
.leftMenu li a:hover ul li a ul,
.leftMenu li:hover ul li:hover ul li ul,
.leftMenu li a:hover ul li a:hover ul li a ul,
.leftMenu li:hover ul li:hover ul li:hover ul li ul,
.leftMenu li a:hover ul li a:hover ul li a:hover ul li a ul
{
	visibility: hidden;
	position: absolute;
	height: 0;
	overflow: hidden;
	top: 0;
}

.leftMenu li:hover ul li:hover ul,
.leftMenu li a:hover ul li a:hover ul,
.leftMenu li:hover ul li:hover ul li:hover ul,
.leftMenu li a:hover ul li a:hover ul li a:hover ul,
.leftMenu li:hover ul li:hover ul li:hover ul li:hover ul,
.leftMenu li a:hover ul li a:hover ul li a:hover ul li a:hover ul
{
	visibility: visible;
	position: absolute;
	height: auto;
	padding: 0;
}

#col_gauche .leftMenu a{
	background:url(../img/puce_carre_gris2.gif) 2px center no-repeat #e5e5e5;
	padding-left:10px;	
}
#col_gauche .leftMenu a:hover{
	background:url(../img/puce_carre_bleu.gif) 2px center no-repeat #494d50;
	color:#FFFFFF;
	text-decoration:none;
}

#col_gauche .leftMenu li:hover{
  background:url(../img/puce_carre_bleu.gif) 2px center no-repeat #494d50;
}

#col_gauche .leftMenu li a.on{
color:#000;
}
#col_gauche .leftMenu li a.on:hover{
color:#fff;
}
#col_gauche .leftMenu .actions a:hover
{
	background:url(../img/puce_carre_bleu.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
#col_gauche .leftMenu .obligations a:hover{
	background:url(../img/puce_carre_rouge.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
#col_gauche .leftMenu .mat_prem a:hover{
	background:url(../img/puce_carre_vert.gif) 2px center no-repeat #494d50;
	color:#FFFFFF;
}
#col_gauche .leftMenu .strategie a:hover{
	background:url(../img/puce_carre_orange.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
#col_gauche .leftMenu .agriculture a:hover{
	background:url(../img/puce_carre_agriculture.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
#col_gauche .leftMenu .gold a:hover{
	background:url(../img/puce_carre_gold.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
#col_gauche .leftMenu .silver a:hover{
	background:url(../img/puce_carre_silver.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
#col_gauche .leftMenu .energy a:hover{
	background:url(../img/puce_carre_energy.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
#col_gauche .leftMenu .oil a:hover{
	background:url(../img/puce_carre_oil.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}

#col_gauche .leftMenu .menu_carre_seul{
	background:url(../img/puce_carre_gris.gif) 2px center no-repeat #e5e5e5;
}

body #col_gauche .leftMenu a.menu_carre_seul:hover{
	background:url(../img/puce_carre_bleu2.gif) 2px center no-repeat #494d50;
}
body #col_gauche .leftMenu .obligations .menu_carre_seul:hover{
	background:url(../img/puce_carre_rouge2.gif) 2px center no-repeat #494d50;
}
body #col_gauche .leftMenu .mat_prem .menu_carre_seul:hover{
	background:url(../img/puce_carre_vert2.gif) 2px center no-repeat #494d50;
}
body #col_gauche .leftMenu .strategie.menu_carre_seul:hover{
	background:url(../img/puce_carre_orange2.gif) 2px center no-repeat #494d50;
}
body #col_gauche .leftMenu .agriculture .menu_carre_seul:hover{
	background:url(../img/puce_carre_agriculture2.gif) 2px center no-repeat #494d50;
}
body #col_gauche .leftMenu .gold .menu_carre_seul:hover{
	background:url(../img/puce_carre_gold2.gif) 2px center no-repeat #494d50;
}
body #col_gauche .leftMenu .silver.menu_carre_seul:hover{
	background:url(../img/puce_carre_silver2.gif) 2px center no-repeat #494d50;
}
body #col_gauche .leftMenu .energy.menu_carre_seul:hover{
	background:url(../img/puce_carre_energy2.gif) 2px center no-repeat #494d50;
}

body #col_gauche .leftMenu .oil.menu_carre_seul:hover{
	background:url(../img/puce_carre_oil2.gif) 2px center no-repeat #494d50;
}

/* .leftMenu li a:hover ul li a:hover ul{left: 150px;} */
#col_gauche .leftMenu li li{
	width:250px;
}
.leftMenu li ul ul li{
	left:83px;
}
* html .leftMenu li ul ul li{
	left:81px;
}
*:first-child+html .leftMenu li ul ul li{
	left:81px;
}
body #col_gauche .leftMenu li ul li a{
	background:url(../img/puce_carre_gris_long.gif) 2px center no-repeat #e5e5e5;
}
#col_gauche .leftMenu .actions li a:hover,
body #col_gauche .leftMenu li ul li a:hover,{
	background:url(../img/puce_carre_bleu_long.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}

#col_gauche .leftMenu .obligations li a:hover{
	background:url(../img/puce_carre_rouge_long.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
#col_gauche .leftMenu .mat_prem li a:hover{
	background:url(../img/puce_carre_vert_long.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}

#col_gauche .leftMenu li.mat_prem:hover{
display:block;
  background: black;
}


#col_gauche .leftMenu .strategie li a:hover{
	background:url(../img/puce_carre_orange_long.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
#col_gauche .leftMenu .agriculture li a:hover{
	background:url(../img/puce_carre_agriculture_long.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
#col_gauche .leftMenu .oil li a:hover{
	background:url(../img/puce_carre_oil_long.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
#col_gauche .leftMenu .gold li a:hover{
	background:url(../img/puce_carre_gold_long.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
#col_gauche .leftMenu .silver li a:hover{
	background:url(../img/puce_carre_silver_long.gif) 2px center no-repeat #494d50;
		color:#FFFFFF;
}
.actions a.menu_carre_seul:hover{
	background:url(../img/puce_carre_bleu2.gif) 2px center no-repeat #494d50!important;
}
.oblig .menu_carre_seul:hover{
	background:url(../img/puce_carre_rouge2.gif) 2px center no-repeat #494d50!important;
}
.mat_prem .menu_carre_seul:hover{
	background:url(../img/puce_carre_vert2.gif) 2px center no-repeat #494d50!important;
}
.strat a.menu_carre_seul:hover{
	background:url(../img/puce_carre_orange2.gif) 2px center no-repeat #494d50!important;
}

.oil a.menu_carre_seul:hover{
	background:url(../img/puce_carre_rouge2.gif) 2px center no-repeat #494d50 !important;
}

.strategie a.menu_carre_seul:hover{
	background:url(../img/puce_carre_orange2.gif) 2px center no-repeat #494d50 !important;
}