/* ******************************************************************************************************************* */
div#menuContainer{
	background-color:#E2E2E0;
	clear:both;
	font-family:Arial;
	font-size:11px;
	height:22px;
	padding: 0;
	width:770px;
	/*position:absolute;*/
	
}
div#menu22{
	background:transparent url(../../images/menu2-bg.gif) repeat-x scroll 0 -3px;
	clear:both;
	height:98px;
	position:absolute;
	top:22px;
	width:770px;
	z-index:10000;
}
div#menuContainer ul{
	margin:0;
	float:right;
	padding:0;
/*	padding:2px 0 0 130px;
	list-style-type:none;
	width:616px;*/

}

div#menuContainer ul li{
	display:inline;
	float:left;
	position: relative;
	height:18px;
	line-height:18px;
	padding:0 5px;
	color:#49515C;
	background:transparent url(../../images/separateur_noir.jpg) no-repeat scroll 0 0;
	
}
div#menuContainer ul li a{
	font-size:11px;
}
div#menuContainer ul li.first{
	background:0 none;}
div#menuContainer ul li input.newsletter{
	padding:0;
	height:14px;
	font-size:11px;
	float:left;
}
div#menuContainer ul li input.valid{
	float:left;
	font-size:11px;
	height:19px;
	line-height:19px;
	padding:0;
	width:28px;
}
div#menuContainer ul li a{
	display:block;
	padding:0;
	text-decoration:none;
	color:#49515C;
	
}
div#menuContainer ul li a.middle{
	display:block;
	padding:2px 8px;
	text-decoration:none;
	color:#49515C;
	width:111px;
}
div#menuContainer ul li a.middle:hover{
	text-decoration:none;
	color:#953306;
}
div#menuContainer ul li ul{
	left: 0;
	top: 0;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
	background:none;
	padding:0 0 0 0;
	border:1px solid #999;
	width:97px;

}
div#menuContainer ul li ul li{
	display:inline;
	float:none;
}
div#menuContainer ul li ul li a{
	display:block;
	width:100%;
	padding:2px 5px;
}

div#menu22 ul#menu_header_middle{
	margin:0;
	list-style-type:none;
	/*width:322px;
	float:left;*/
	text-align:left;
	right:0;
	/*padding:0px;*/
	position:absolute;
	z-index:1000;
}
div#menu22 ul#menu_header_middle li{
	display:inline;
	float:left;
	position: relative;
	height:18px;
	line-height:18px;
	color:#49515C;
	font:bold 13px "Times New Roman", Times, serif;
	background:transparent url(../../images/arrow.gif) no-repeat scroll 0% 3px;
	
}
div#menu22 ul#menu_header_middle li a.middle{
	display:block;
	padding:0 3px 0 7px;
	text-decoration:none;
	color:#49515C;
}
div#menu22 ul#menu_header_middle li a.middle:hover{
	text-decoration:none;
	color:#953306;
}
div#menu22 ul#menu_header_middle li ul.gamme{
	left: 0;
	top: 10px;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 700;
	background:white;
	padding:0 0 0 0;
	border:1px solid #999;
	width:100%;

}
div#menu22 ul#menu_header_middle li ul.gamme li{
	display:inline;
	float:none;
	background:none;
}
div#menu22 ul#menu_header_middle li ul.gamme li a{
	display:block;
	padding:0;
	color:#67797B;
	width:auto;
	padding:0 9px;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	
}
div#menu22 ul#menu_header_middle li ul.gamme li a:hover{
	display:block;
	color:#000;
	width:auto;
	background-color:#F2F2F4;
	padding:0 9px;
}
div#menu22 span#logo{
	float:left;
	display:block;
	padding:15px 0 0 0;
}
div#menu22 span#gamme{
	float:right;
	display:block;
	padding:15px 10px 0 0;
	height:83px;
	line-height:83px;
}

div#menu22 span img#logo_gamme{
	display:block;
	float:left;
}

div#menuContainer .arrowdiv{
position: absolute;
right: 0;
background: transparent url(../../images/menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */

#nav, #nav ul {
padding: 0;
margin: 4px 0 0 0;
list-style: none;
text-align:center;
}

#nav a {
display: block;
width: 10em;
}

#nav li {
float: left;
width: 10em;
}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/* ******************************************************************************************************************* */

#site{
	/*margin: 0 auto;	*/
	width: 780px;
}

#body{
	border:1px solid #E5E5E5;
	clear:both;
	color:black;
	padding:5px;
	margin:10px 0;
}
#footer {
	border:1px solid #E5E5E5;
	clear:both;
	color:black;
	padding:5px;
	margin:10px 0;
	text-align:left;
}

div#header{
	color:black;
	margin:0 auto;
	padding:0;
	width:770px;
	height:111px;
	display:none;
}

#header h1 {
	background:transparent url(../imgs/croche-p.gif) no-repeat scroll 0 0;
	color:#646567;
	float:right;
	font-family:"Trebuchet MS",sans-serif;
	font-size:24px;
	height:80px;
	letter-spacing:-0.05em;
	line-height:80px;
	margin:0;
	text-align:center;
	width:660px;
}

#logo {
	display:block;
	float:left;
}