@charset "utf-8";
/* CSS Document */

#menu_haut{
	width: 1000px;
	padding: 5px;
	margin:-10px 0 0 0;
	/*height:25px;*/
}

#menu_haut a{
}
#bande_qui_reste{
	margin-top:8px;
	padding:0px 10px 0 10px;
	position:absolute;
	z-index:9;
	background-image:url(../images/menu/bande_sous_menu.png);
	height:30px;
	font-size:10px;
	width:1000px;
	
}
#fil_ariane{
	/*float:left;*/
	font-size:12px;
	color:#FFF;
}
#fil_ariane a {
	color:#FFF;
}
.menu {
	font-family: arial, verdana, sans-serif;
	position: relative;
	background-color:#567aaa;
	border:1px solid #fff;
	padding:0 10px;
	z-index:10;
	color:#FFF;
	max-width:130px;
}

/* accueil*/
.menu_accueil {
	border:1px solid #fff;
	font-family: arial, verdana, sans-serif;
	position: relative;
	background-color:#c2a000;
	padding:0 10px;
	z-index:10;
	height: 25px;
  	line-height: 25px;
	width:70px;
}
.menu_accueil .items {
  background-color:#c2a000;
  position: absolute;
  left: 0px;
  top: 25px;
  padding:0 10px;
  display:none;
}

.menu, .menu .toggle{
  height: 25px;
  line-height: 25px;
 
}
.menu .toggle {
  cursor: hand;
  cursor: pointer;
 /* position: absolute;
  left: 0;
  top: 0;*/
 
}
.menu:hover {
	background-color:#563aaa;
}
.r_racine{
	/*padding:0 10px;*/
	position:absolute;
	top:25px;
	left:0;
	z-index:10;
	width:1000px;
	display:none;
	cursor: hand;
  	cursor: pointer;

}
.m_racine{
	padding:0 10px;
	float:left;
	background-color:#99c21b;/**/
	border-left:1px solid #000;
	z-index:10;
	
	height:25px;
}


.menu .items {
  background-color:#567aaa;
  position: absolute;
  left: 0px;
  top: 25px;
  padding:0 10px;
  display:none;
  border:1px solid #FFF;
}
.items_m { /* avec racine*/
  background-color:#c2e556;
  padding:0 10px;
  margin-left:-10px;
  display:none;
  clear:both;

}

#sous_menu{
  background-image:url(../images/menu/separateur.png);
  background-position:bottom;
  background-repeat:no-repeat;

}
#sous_menu a:hover{
	color:#FFF;
}

#sous_menu_else{
  background-image:url(../images/menu/separateur.png);
  background-position:bottom;
  background-repeat:no-repeat;
  float:left;
  background-color:#99c21b;
  height:25px;
  border-left:1px solid #000;
	padding:3px 10px;
	z-index:10;

}
#sous_menu_else a:hover{
	color:#963;

}

.menu .items a {
  /*font-size: 16px;
  font-weight: regular;
  color: #f90;*/
  text-decoration: none;
 
}
.menu .items a:hover {
  text-decoration: underline;
}
.menu .items a.current {
  color: #fff;
}


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear:right; 
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*.menu {
  font-family: arial, verdana, sans-serif;
}
.menu, .menu .toggle {
 
}
.menu .toggle {
	cursor: hand;
	cursor: pointer;
	background-color: #6C0;
	height:25px;
	border-left:1px solid #000;
	position:absolute;
	float:left;
}
.menu .toggle a{
	text-decoration:none;
	padding:5px 10px 0 10px;

}

.menu .toggle-hover a{
	color: #06F;
}

.menu .items {
	position: absolute;
	left: 00px;
	top: 30px;
	background-color: #009036;
	width:auto;
}

.menu .items ul,
.menu .items li {
  list-style-type:none;
  padding: 0px;
  margin: 0;
}
.menu .items li {
  height: 25px;
  line-height: 25px;
  padding: 0 20px;
}
.menu .items a {
	color: #6CF;
	text-decoration: none;
}
.menu .items a:hover {
	color:#900;
}
.menu .items a.current {
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
/* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */