/*
Rouge rgb(196,0,40)
Jaune rgb(255,230,0)
GrisF rgb(33,33,37)
Orange rgb(255,152,0)
BleuF rgb(4,4,46)

BleuEncre rgb(58,104,156)

bleuPale #E5EDF3 rgb(229,237,243)
bleuCiel #5079A8 rgb(80,121,168)
bleuCielF rgb(123,155,190)
bleuTexte #3A689C rgb(58,104,156)
gris #D7E3ED rgb(215,227,237)
violet #000099 rgb(0,0,153)
blanc #fffff rgb(255,255,255) 
 */
.tdMenu li
  { 
	behavior:url('js/CSSNavIEHover.htc');
	font-size:10px;
  }
.tdMenu a
  { 
	width:auto;
    display:block;
	font-size:10px;
  }
.tdMenu .root
  { 
    float:left;
  }
.tdMenu ul
  { 
    margin:auto;
    padding:0;
    width:18%;
	background:none;
	list-style-image:none;
  }
  .tdMenu>ul
  { 
    padding:0.1em;
  }
.tdMenu li
  { 
	
	display:block;
    list-style:none;
    padding:0.1em; 
	text-align:center;
  }
.tdMenu li:hover, .tdMenu li.hover
  { 
	background:none;
  }
li.title
  { 
	display:block;
    list-style:none;
	text-align:center;
	color:rgb(196,0,40);
	font-style:italic;
	background-image:url(../../images/elements/flecheR.gif); 
	background-position:80px 50%; 
	background-repeat:no-repeat;
	font-size:10px;
  }
li.title a:hover
  { 
	background-image:url(../../images/elements/flecheR.gif); 
	background-position:80px 50%; 
	background-repeat:no-repeat;
  }
.tdMenu ul.sub1, .tdMenu ul.sub2
  { 
	position:absolute;
    margin:auto auto auto -20px;
    border:solid 1px rgb(196,0,40); 
    padding:4px;
    background:rgb(255,230,0);
    width:150px;
    display:none;
  }
.tdMenu ul.sub2
  { 
    margin:0px auto auto 40px;
	 width:200px;
  }
ul.sub1 li
  { 
	text-align:left;
  }
.tdMenu ul.root li:hover ul.sub1, .tdMenu ul.root li.hassubhover ul.sub1
  { 
  display:block;
  }
.tdMenu ul.sub1 li:hover ul.sub2, .tdMenu ul.sub1 li.hassubhover ul.sub2
  { 
	display:block;
		 
  }