#groupe, #editique, #communication, #archivage {
 display: block;
 float: left;
 height: 27px;
 line-height: 27px;

 padding: 0 0 0 25px;
 vertical-align: middle;

 color: #fff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
}

#groupe {
 width: 172px;
 background-image: url(../pix/rub_groupe.gif);
 background-color:  #0A95EB;
}

#editique {
 width: 215px; 
 background-image: url(../pix/rub_editique.gif);
 background-color:  #FD9A52;
}

* html #editique { 
 width: 209px;
 margin-right: 2px;
}

#communication { 
	width: 215px;
	background-image: url(../pix/rub_interactif.gif);
	background-color:#00B400;
}

#archivage { 
  width: 213px;
  background-image: url(../pix/rub_durable.gif);
  background-color:#5D3AD6;
	background-repeat:repeat;
}

.dhtmlmenu {
	position: absolute;
	visibility: hidden;
	display: none;
	z-index: 1000;
	height: 25px;
	border-bottom: 2px solid #fff;
	width: 897px;
	margin-top: 27px;
	padding-left: 18px;
}

.dhtmlmenu a:link, .dhtmlmenu a:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  
  color:white;

  display: block;
  float: left;

  padding: 0 23px 0 23px;

  width: auto;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;

  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid #fff;

  background-repeat:no-repeat;
  background-position:right;
}

.dhtmlmenu a:hover {
  border-left: 2px solid white;
  border-right: 2px solid white;
  background-color: #0D3896;
}

* html .dhtmlmenu a:link, * html .dhtmlmenu a:visited { 
 border:0;
}

* html .dhtmlmenu a:hover { 
  padding: 0 21px 0 21px;
}