/*******************Navigation***********************/


/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <ul><li><a href="#"><span>level 3</span></a></li></ul>
 *                  </li>
 *              </ul>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
#bandeBas{
	height:25px;
}
#menu {
    height:25px;
	text-align:center;
	/*    background:url(images/main-bg.png) repeat-x;
	background-position: 10px 20px;*/
	
}

div#menu ul {
   /* margin-left: 15px;*/
    padding: 0px 0px 0px 0px;
    list-style: none;
	margin-left:10px;
	/*background-color:#896F60;*/
}
div#menu ul.menu {
    
}

div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding:0px;
    display: inline-block;
	background-color:#FFF;
	
}
div#menu li.MenuN1 {
    background-image:url(../images/separation-menu.png);
	background-position:right;
	background-repeat:no-repeat;
	}
div#menu li.last {
    }
div#menu li:hover>ul {
    left:-2px;
}

div#menu a {
    position: relative;
    z-index: 10;
    display: block;
    float: left;
    text-decoration: none;
	text-transform:none;
	padding:0 15px;
	margin-left:1px;
	color: #FFF;
	text-align:center;
	background-image:url(../images/fondMenu.jpg);
	background-repeat:repeat-x;
	display:block;
	height:26px;
	}
div#menu .last a {
   	background-image:url(../images/fondMenuLast.jpg);
	height:25px;
	margin-right:1px;
	}
div#menu a span{
  	font-size:14px;
	display: block;
	 cursor: pointer;
	 margin-top:5px;
	}
div#menu h2 a span {
  font-family: "Archivo Narrow",sans-serif;
  font-size: 17px;
  font-weight: normal;
  line-height: 21px;
  margin-top: 0;
}
div#menu li li a{
	text-transform:none;
	font-size:12px;
	font-weight:normal;	
}
div#menu a:hover, div#menu a:hover span { 
	color: #fff;
	background-color: #999;
}
div#menu a:hover {
	background-image:none;
	background-color: #999;
}
div#menu li.current a span{
		color: #fff;
		}
div#menu li.current a {
		background-color: #999;
		}
div#menu ul ul a.parent span {
    background-position:100% 50%;
    background-image: url(images/item-pointer.gif);
	
}
div#menu ul ul a.parent:hover span {
    background-image: url(images/item-pointer-mover.gif);
}

/* menu::level1 */
div#menu a {
   
    
}

div#menu span {
   
}/**@replace#1*/
div#menu li {/* background: url(images/main-delimiter.png) 98% 4px no-repeat;*/ }
div#menu li.last {  }

/* menu::level2 */
div#menu ul ul li { 
	background: none;
	/*border-bottom:1px solid #CCC;*/
	}
/*div#menu ul ul li a:hover{
	background-color:#896F60;
	
		
}*/

div#menu ul ul {
	position: absolute;
	top:25px;
	left:2px!important;
	margin-left:0px;
	width: 220px;
	/*padding:5px;*/
	background-color:#999;
	margin-top:0px;
	
}
div#menu ul ul a {
	padding:5px 0;
    height: auto;
    float: none;
    display: block;
    line-height: 12px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
	color:#FFF;
}
div#menu ul ul span {
    margin: 0 0 0 15px;
    padding-right: 15px;
	font-size:12px;
	font-weight:normal;
    
}

div#menu ul ul li a span{
    color: #FFF!important;
	
}
div#menu ul ul a:hover span {
    font-weight: bold!important;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

div#menu ul ul li:hover {
   
 
}
div#menu ul ul li a  {
   background: none;
}
/* menu::level3 */
div#menu ul ul ul {
	width: 200px;
	/*padding:5px;*/
    margin: -25px 0 0 218px !important;
    margin-left:200px;	
}
div#menu  .last ul {
	margin: 0px 0 0 0px !important;
    margin-left:-80px;	
}
div#menu  .last ul ul {
	width: 175px;
	 margin: -35px 0 0 -172px !important;
    margin-left:-180px;
	
}


/* colors */
div#menu ul ul ul {
	background-color:#999;
}

div#menu ul ul ul ul {
	background-color:#999;
}
div#menu ul ul ul ul {
	background-color:#999;
}
/*  div#menu #SousMenu3 ul {background-color:#caa5cb;}
  div#menu #SousMenu3 ul li a:hover{background-color:#954a97;}
  div#menu #SousMenu21 ul {background-color:#c1ddec;}
  div#menu #SousMenu21 ul li a:hover{background-color:#82bbd8;}
  div#menu #SousMenu21 ul ul {background-color:#9bcfea;}
  div#menu #SousMenu4 ul {background-color:#f4aabe;}
  div#menu #SousMenu4 ul li a:hover{background-color:#e8547d;}
  div#menu #SousMenu5 ul {background-color:#f1da86;}
  div#menu #SousMenu5 ul li a:hover{background-color:#e2b50c;}
  div#menu #SousMenu6 ul {background-color:#f4c787;}
  div#menu #SousMenu6 ul li a:hover{background-color:#e98f0e;}
  div#menu #SousMenu7 ul {background-color:#87b495;}
  div#menu #SousMenu7 ul li a:hover{background-color:#0f692a;}
  div#menu #SousMenu8 ul {background-color:#dee999;}
  div#menu #SousMenu8 ul li a:hover{background-color:#bcd233;}
  div#menu #SousMenu8 ul ul {background-color:#d2e270;}*/

/* lava lamp */
div#menu li.back {
    background: url(images/lava.png) no-repeat right -44px !important;
    background-image: url(images/lava.gif);
    width: 13px;
    height: 30px;
    z-index: 8;
	position: absolute;
    margin: -1px 0 0 0px;
}
div#menu li.back .left {
    background: url(images/lava.png) no-repeat top center !important;
    background-image: url(images/lava.gif) no-repeat top center;
    height: 87px;    
}
/****************************Menu-arbre Gauche*************************************/
#ColGauche #MenuArbre{
	margin:35px 0 15px 25px;
	width:247px;
}
	
#ColGauche #haut{
	width:247px;
	height:13px;
	background-image:url(../images/Haut_MenuArbre.gif);
	background-repeat:no-repeat;

	
}
#ColGauche #bas{
	width:247px;
	height:13px;
	background-image:url(../images/Bas_MenuArbre.gif);
	background-repeat:no-repeat;

	
}
#ColGauche #SousMenu{
	padding:10px 0;
	background-color:#E9EBDD;
	
	
}
#ColGauche #SousMenu h1{
	font-size:18px;
	margin:0px 0 15px 15px;
	color:#8c9d33;
	font-weight:bold;
	
}
#ColGauche #SousMenu ul li{
	margin:0 0 10px 25px;

	}
#ColGauche #SousMenu ul li a{
	background-image:url(../images/flecheMenu.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	}
#ColGauche #SousMenu ul li a span{
	font-size:14px;
	color:#000;
	font-weight:900;
	margin-left:15px;
	}
#ColGauche #SousMenu ul li.current span{
	color:#f38143;
	}
#ColGauche #SousMenu ul li:hover span{
	color:#f38143;
	}
#ColGauche #SousMenu ul li.current li span{
	color:#f00;
	}
#ColGauche #SousMenu ul li:hover li span{
	color:#f00;
	}
#ColGauche #SousMenu ul li.current li.current span{
	color:#f38143;
	}
#ColGauche #SousMenu ul li li:hover span{
	color:#f38143;
	}
#ColGauche #SousMenu ul ul {
	margin-top:5px;

	}
#ColGauche #SousMenu ul ul li{
	margin:0 0 5px 20px;
	}
#ColGauche #SousMenu ul ul li a {
	background:none;
}
#ColGauche #SousMenu ul ul li a span{
	font-size:12px;
	background:none;
	}