Mise en œuvre dans un projet professionnel
QUATRIÈME PARTIE
234
/* Menu vertical */
#menu {
float: left;
width: 15em;
padding: 0.5em 0 8em 0;
margin: 0px;
background: #336600 url(fondmenu.jpg) bottom left no-repeat;
}
#menu ul {
list-style-type: none;
padding: 0;
margin: 0 1em 0 1em;
}
#menu li a {
display: block;
text-decoration: none;
height: 1.4em;
line-height: 1.4em;
color: white;
font-weight: bold;
font-size: 120%;
text-indent: 1em;
}
#menu li a:hover {
background: #cccc33;
color: #336600;
}
/* Formulaire */
#menu p {
margin: 1.5em 0 0 1em;
font-weight: bold;
color: white;
}
#menu form {
margin:0 0 0 1em;
}
#menu form .champ {
width: 8em;
}