/* CSS issu des tutoriels http://css.alsacreations.com */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu, #navsites
{
	z-index:100;
	width: 608px;
	margin:0px auto 40px;	
	border-collapse: collapse;
}
#menu td, #navsites td {
z-index:80;
margin: 0;
padding: 0;
border: none;
}
#menu dt, #navsites dt {
cursor: pointer;
text-align: center;
font-weight: bold;
border-left: 1px solid rgb(255, 248, 43);
border-right: 1px solid rgb(201, 32, 32);
}
#menu1 dt {
border-left: 0px solid;
}
#menu5 dt {
border-right: 0px solid;
}
#menu dd, #navsites dl dd {
position: absolute;
margin-left: 3px;
margin-top: 1px;
border-left: 1px solid rgb(166, 117, 7);
border-top: 1px solid rgb(166, 117, 7);
border-right: 1px solid rgb(248, 217, 152);
border-bottom: 1px solid rgb(248, 217, 152);
}
#menu li, #navsites li {
background-color: rgb(239, 180, 46);
text-align: left;
font-size: 14px;
}
#menu li a, #menu dt a, #navsites li a, #navsites dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a, #navsites li a {
padding-left: 10px;
padding-right: 5px;
}
#menu dt a, #navsites dt a {
padding-left: 5px;
}
.extend {
background: url(fleche.gif) bottom no-repeat;
}
.extend:hover {
background: url(fleche-clic.gif) bottom no-repeat;
}
#menu li a:hover {
background: rgb(255, 248, 43) url(etoile.gif) left no-repeat;
}
#navsites li a:hover{
background: rgb(239, 180, 46)!important;
}