div#menu
{
	margin: 0 ;
	padding: 0 ;
	position: absolute;
	left: 218px; 
	top:110px;

}
/* Je donne une hauteur au menu, correspondant a
 la taille de l'image utilisée dans les hover, je mets ensuite l'image de fond */
 
ul#menuliste
{
	height: 40px;
	width:530px;
	margin: 0 ;
	padding: 0 ;
	background: transparent url(../images/fondmenu.png) repeat-x;
	list-style-type: none ;
}
 
 
ul#menuliste li#qui
{
	float:left;
	display:block;
	list-style-type: none ;
	text-align:center;
	height: 30px ;
	width:140px;
	padding:0 ;
	margin:0 ;
	background-position :left 0;
	
}
/* Je rend les li en flottant pour pouvoir les
 afficher horizontalement, je cache les puces */

ul#menuliste li#qui a
 {
	width: 140px ;
	padding:0;
	margin:0;
 }
 
 ul#menuliste li#cv
{
	float:left;
	display:block;
	list-style-type: none ;
	text-align:center;
	width:215px;
	height: 30px ;
	margin:0 ;
	padding:0 ;


}
/*h,d,b,g*/

 ul#menuliste li#cv a
 {
	width:215px;
	padding:0;
	margin:0;
 }

 ul#menuliste li#realisations
{
	float:right;
	display:block;
	list-style-type: none ;
	text-align:center;
	height: 30px ;
	width:170px;
	padding:0;
	margin:0;

}
 
ul#menuliste li#realisations a
 {
	width: 170px ;
	margin:0;
	border-right: 2px dashed  #cc3333 ;
	
 }
 
 ul#menuliste li#realisations a 
 {
	
	text-indent:-20px;
	
 }  

ul#menuliste li a
{
	
	line-height: 30px ;
	font-size: 1.2em ;
	color: #000000;
	text-decoration:none;
	font-weight:normal ;
	letter-spacing: 2px;
	display: block;
	text-align:right ;
	margin-left:5px;
	background: transparent url(../images/ahover.png) repeat-x;
	border-left: 2px dashed  #cc3333 ;

	
}

/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
Je redimentionne grâce à la propriété display: block ; */


  
ul#menuliste li a:hover
{
	
	background-position :left 0;
	font-weight: bold ;
	background: transparent url(../images/amenu.png) no-repeat;
	
}


ul#menucote
{
	

	padding-bottom:30px;
	width:115px;
	position:relative ;
	left:40px;
	text-decoration: none;
}

/*h,d,b,g*/

ul#menucote li
{
	text-decoration:none;
	line-height:1.5em;
	padding-bottom:20px;
	width:100%;
	color:Black ;
	list-style-image: url(../images/puce2.png);
	text-decoration: none;
}

ul#menucote li a
{

	width:100%;
	color:Black ;
	text-decoration: none;
	display:block;
	position:relative;

}

/*je positionne mes liens à cause des puces images
qui ne fonctionnent pas sous ie*/

ul#menucote li a:hover
{
	text-decoration:none;

	width:100%;
	color:Black ;
	border-bottom: 1px dashed  black ;
	border-top: 1px dashed  black ;
	text-decoration: none;
}