/* CSS Document */



dl, dt, dd, ul, li {
margin: 10px;
padding:10px;
}

#menu {
	position:fixed;  /*placement du menu, à modifier selon vos besoins 	background-image:url(../Degrades/Logo&Bandeau.jpg);*/
	width:20%;
	top:100px;
	left:15px;
	vertical-align:middle
}
#menu {
width: 12em;
}
#menu dt {
cursor: pointer;
margin: 5px 0;
top:-40px;
height: 20px;
line-height: 15px;
text-align: right;
text-indent:15px;
font-weight: bold;
border: 1px solid gray;
/*background-image:url(../Degrades/Logo&Bandeau.jpg);*/
}
#menu dd {
border:  1px solid gray;
}
#menu li {
text-align: center;
/*background: #0099CC;*/
}
#menu li a, #menu dt a {
color: #0099CC;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;

}
#menu li a:hover, #menu dt a:hover {
background: #6699FF;
}





body {
margin: 0;
padding: 0;
background:#FFFFFF;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
text-indent:10px;
list-style-type:square;
list-style:outside;
}
#menuacc {
float:left ; /* top: 160px;placement du menu, à modifier selon vos besoins */

left: 1%;
/*width:100%;
margin-left:8px;*/
}
#menuacc {
width: 12em;
}
#menuacc dt {
cursor: pointer;
margin: 3px 0;
height: 20px;
line-height: 15px;
text-align: left; 
margin-left: 10px;
font-weight:normal;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
border: 1px solid gray;
background-image:url(../Degrades/Logo&Bandeau.jpg);
}
#menuacc dd {
border: 1px solid gray;
}
#menuacc li {
text-align: left;
background: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
background:#FFFF99;
}
#menuacc li a, #menuacc dt a {

left:20px;
color: #000;
text-decoration: none;
display: block;
border: thin ;
height: 100%;
}
#menuacc li a:hover, #menuacc dt a:hover {
background: #0033CC;
color:#FFFF66;
font-size:12px;
}