body
{
	margin: 0px ;
	padding: 0 ;
	font: 12px "Verdana", helvetica, sans-serif ;
	background: url(images/pattern.gif) ;
}

div#conteneur
{
	width: 960px ;
	position : relative ;
	margin: 0 auto ;
	padding : 0 ;
	text-align: left ;
	border: 1px dotted silver ;
	background: #fff ;
	
}

div#header
{
	height: 180px ;
	margin: 0px ;
	padding : 0px ;
	background: url(images/logo.gif) no-repeat 10px 50px;
	border-bottom : 1px dotted #8a0;

}


div#menu {
position : absolute;
top : 0px ;
left : 0px ;
clear : left ;
width: 100%; 
height : 200px ;
margin : 2px 0px 0px 0px ;
padding : 0 ;
z-index : 100 ;


}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;

}



.petitmenu
{
float : left ;
width : 80px ;
}

.grandmenu
{
float: left;
width: 220px;
}




#menu dt
{
	height: 40px ;
	margin: 0 ;
	padding: 0 ;
	text-align : center ;
}

#menu dt a
{
	line-height: 40px ;
	font-size: 12px ;
	letter-spacing:1px ;
	font-weight:bold ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #fff ;
	background-color: #9b2 ;
}

#menu dt a:hover
{
	background-color: #8a0;
}

#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: left;
background: #fff;
}
#menu li a 
{
font-size : 10px ;
color: #000;
text-decoration: none;
display: block;

border: 0 none;
padding-top : 6px ;
padding-left : 10px ;
}

#menu dd a:hover, #menu dd a:focus 
{
background: #9b2;
color : #fff ;
}

div#contenu
{
	
	margin: 50px 0px 0px 20px;
	padding: 0 10px 0 10px ;
	
}