/* menu::base */
div#menu {position:relative; height:60px; width:990px; margin:0;}

/*elements positionnement*/
.sf-menu, .sf-menu * {margin:0;	padding:0;list-style:none;}
.sf-menu ul {position:	absolute; top:-960em; margin-top:35px;}
.sf-menu ul ul {margin-top:0;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {	visibility:	inherit;}
.sf-menu li {float:	left;position:	relative;}
.sf-menu a {display:block;position:	relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:2.5em;	z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -960em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em; top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -960em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:	10em; top:0;}
.sf-menu a.sf-with-ul {	min-width:	1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {	position:	absolute;	display:block;	right:	.75em;	top:1.05em; /* IE6 only */ width: 10px;	height:	10px; text-indent: -960em; overflow: hidden;}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:	.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/*fin element positionnement*/

/*Mise en forme menu*/
div#menu span { display: block; cursor: pointer;}

div#menu a {}
div#menu ul a:hover { text-decoration:none;}
div#menu a span {color: #fff;}

.navitem1 ul { border: solid #D5AF04;}
.navitem2 ul { border: solid #146C5C;}
.navitem3 ul { border: solid #E58654;}
.navitem4 ul { border: solid #0F3268;}
.navitem5 ul { border: solid #D08580;}
.navitem6 ul { border: solid #0F565F;}
.navitem7 ul { border: solid #BDA27D;}
.navitem8 ul { border: solid #6C4E2B;}

.navitem1 ul li:hover { background-color:#D5AF04;}
.navitem2 ul li:hover { background-color:#146C5C;}
.navitem3 ul li:hover { background-color:#E58654;}
.navitem4 ul li:hover { background-color:#0F3268;}
.navitem5 ul li:hover { background-color:#D08580;}
.navitem6 ul li:hover { background-color:#0F565F;}
.navitem7 ul li:hover { background-color:#BDA27D;}
.navitem8 ul li:hover { background-color:#6C4E2B;}


div#menu ul ul { padding: 0.2em; background-color:#E3E3E3; width:250px;}
div#menu ul ul li {  width: 100%;}
div#menu ul ul a {color:#646466;background:none; height: auto; float: none; display: block; line-height: 20px; text-align:left; padding:0 0 0 0.2em; font-size:72%; width:95%; position:relative; z-index:7;font-weight:bold;}
div#menu ul ul a:hover {background:none;color:#FFFFFF;}
div#menu ul ul a.sublast { background:url(/content/images/flechegrisfonce.gif) no-repeat 230px 6px;}
div#menu ul ul a.sublast:hover{ background:url(/content/images/flechegrise.gif) no-repeat 230px 6px;}

div#menu ul ul ul{ background-color:#E3E3E3;}
div#menu ul ul ul ul { background-color:#E3E3E3;}

/*particularité navitem673 QUICAILLERIE derniere ŕ droite du menu*/
div#menu ul li.navitem8 ul.subnav{ margin-left:-135px;}
div#menu ul li.navitem8 ul.subnav ul{ margin:0 0 0 -420px; z-index:inherit;}

div#menubar{width:100%;clear:both;height:8px;}