/* sectionmenu.css */

.SectionMenu {
  font-weight: bold;
  margin: -10px 0 0 0;
  border-top: 2px solid white;
  height: 35px;
  background: transparent url(/images/sectionmenu/background-rubric.gif) repeat-x;
}
.SectionMenu ul {
  border-top: 4px solid #B20504;
  list-style-type: none;
}
.SectionMenu ul li {
  float: left;
  padding-right: 1px;
}
.SectionMenu .section li a {
  line-height: 31px;
  padding: 0 5px 0 3px;
  text-decoration: none;
  color: #1D354D;
  font-size: 12px;
  display: block;
}

.SectionMenu .section li a.important {
  background: transparent url(/images/menu/important.gif) no-repeat 2px;
  padding-left: 14px;
}

.SectionMenu .section li {
  background: transparent url(/images/menu/separate.gif) no-repeat right;
}

.SectionMenu .section .end {
  background: none;
}

.SectionMenu .section li a.sectionArray {
  background: transparent url(/images/menu/section-arrow.gif) no-repeat right;
  margin-right: 3px;
}

.SectionMenu .section li a:hover {
  background: white;
  color: #B20504;
}

.SectionMenu .section li a.important:hover {
  background: white url(/images/menu/important.gif) no-repeat 3px;
}

.SectionMenu .section li .sectionArray:hover,
.SectionMenu .section li .sectionArray.selected {
  background: white url(/images/menu/section-hover.gif) no-repeat center bottom;
  margin-right: 0px;
  padding-right: 8px;
}

.SectionMenu .section li .selected {
  color: #B20504;
  background: white;
}

/* Rubric */

.SectionMenu .rubric li {
  float: none;
}

.SectionMenu .rubric li a {
  text-decoration: none;
  margin: 0;
  padding: 2px;
  padding-left: 10px;
  font-size: 13px;
  line-height: 18px;
  color: #3d6277;
  background: white url(/images/menus/sectionmenu-rubric.gif) repeat-x left -48px;
  text-transform: none;
  width: 198px;
}

.rubric {
  font-size: 12px;
  text-transform: none;
}

/* Root Menu Last Element */

/* 2nd Menu */
ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute; /* For ie6 */
}

/* Root Menu Hover Persistence */
ul#navmenu li a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a,
ul#navmenu li .current {
  display: block; 
}

ul#navmenu li:hover ul,
ul#navmenu li.iehover ul {
  width: 220px;
  z-index: 100;
  border: 1px solid #C8D0D4;
  position: absolute;
  border-top: none;
}

/* For IE6 */
* html ul#navmenu li.end ul li {
  position: relative;
  left: -132px;
  width: 225px;
}

* html ul#navmenu li:hover ul,
* html ul#navmenu li.iehover ul {
  margin-left: -15px;
}

ul#navmenu li:hover li,
ul#navmenu li.iehover li {
  width: 219px;
  text-align: left;
  line-height: 20px;
  margin: 0;
  border-top: none;
  display: block;
  background: red;
  float: left;
  background: #F3F3E8;
}

* html ul#navmenu li:hover li,
* html ul#navmenu li.iehover li {
  padding: 0;
  margin: 0 13px;
  height: 23px;
  display: inline;
}

ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: white;
  border-top: 1px solid #C8D0D4;
  font-weight: normal;
  text-align: left;
  color: #1D354D;
  padding: 3px 0 3px 5px;
  margin: 0 8px;
  background: #F3F3E8;
  display: block; /* For IE6 */
}

ul#navmenu li:hover .rubric .rubricmenu a {
  background: #F3F3E8 url(/images/menu/section-arrow.gif) no-repeat right;
}

ul#navmenu li:hover li.rubricmenu a {
  background: transparent url(/images/menu/section-arrow.gif) no-repeat right;
  margin-right: 3px;
}

* html ul#navmenu li:hover ul.rubric li.rubricmenu a,
* html ul#navmenu li:hover ul.rubric li.rubricmenu a,
* html ul#navmenu li.iehover ul.rubric li.rubricmenu a,
* html ul#navmenu li.iehover ul.rubric li.rubricmenu a {
  background: white url(/images/menu/section-arrow.gif) no-repeat right;
  margin-right: 3px;
}

ul#navmenu li:hover li a:hover,
ul#navmenu li.iehover li a:hover {
  color: #B20504;
  background: white url(/images/menu/rubric-hover.gif) no-repeat center left;
  padding-left: 10px;
}
ul#navmenu li:hover li.rubricmenu a:hover,
ul#navmenu li.iehover li.rubricmenu a:hover {
  background: white url(/images/menu/section-hover.gif) no-repeat right;
  margin-right: 3px;
  padding-left: 5px;
}

/* hack to chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ul#navmenu li:hover li a,
  ul#navmenu li.iehover li a {
    clear: both;
	padding: 2px 10px !important;
	margin: 0 5px !important;
  }
}

* html ul#navmenu li:hover ul.rubric li.rubricmenu a:hover,
* html ul#navmenu li:hover ul.rubric li.rubricmenu a:hover,
* html ul#navmenu li.iehover ul.rubric li.rubricmenu a:hover,
* html ul#navmenu li.iehover ul.rubric li.rubricmenu a:hover {
  background: white url(/images/menu/section-hover.gif) no-repeat right;
  margin-right: 3px;
  padding-left: 5px;
}

ul#navmenu li:hover li.rubricmenu .category a {
  background: none;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover ul.rubric li.js a:hover,
ul#navmenu li:hover ul.rubric li.js:hover a,
ul#navmenu li.iehover ul.rubric li.js a:hover,
ul#navmenu li.iehover ul.rubric li.js.iehover a {
  color: #B20504;
  background: transparent url(/images/menu/rubric-hover.gif) no-repeat center left;
  padding-left: 10px;
}

* html ul#navmenu ul.rubric {
  border: none;
}

/* ie6 ignores this selector */
html>body ul#navmenu ul,
html>body ul#navmenu ul ul,
html>body ul#navmenu ul ul ul {
  position: relative;
}

* html ul#navmenu .sectionArray:hover,
* html ul#navmenu .sectionArray ul a:hover,
* html ul#navmenu .sectionArray ul ul a:hover {
  display: block;
}

* html ul#navmenu ul.rubric {
  border: none;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/* 3rd Menu */

ul#navmenu ul.category {
  position: absolute;
  left: 220px;
  margin-top: -25px;
}

ul#navmenu ul.rubric ul.category a:hover {
  background: white;
}

* html ul#navmenu li:hover ul,
* html ul#navmenu li.iehover ul ul {
  border: none;
  margin-left: 0;
}

* html ul#navmenu li:hover ul.rubric li.js ul.category,
* html ul#navmenu li.iehover ul.rubric li ul.category a {
  color: black;
  background: none;
  padding-left: 0px;
}

* html ul#navmenu li:hover ul.rubric li.js ul.category:hover,
* html ul#navmenu li.iehover ul.rubric li ul.category a:hover {
  color: #B20504;
  background: none;
}

/* estimation */

.SectionMenu .estimation li a {
  padding: 0 23px 0 23px; 
}

.SectionMenu .estimation li a.sectionArray {
  background: transparent url(/images/menu/section-arrow.gif) no-repeat right;
  margin-right: 10px;
}

.SectionMenu .estimation li .sectionArray:hover,
.SectionMenu .estimation li .sectionArray.selected {
  padding: 0 33px 0 23px;
  margin-right: 0;
}

/* diagnostic */

.SectionMenu .expertise li a {
  padding: 0 17px 0 17px; 
}

.SectionMenu .expertise li a.sectionArray {
  background: transparent url(/images/menu/section-arrow.gif) no-repeat right;
  margin-right: 10px;
}

.SectionMenu .expertise li .sectionArray:hover,
.SectionMenu .expertise li .sectionArray.selected {
  padding: 0 27px 0 17px;
  margin-right: 0;
}


/* credit immobilier */

.SectionMenu .credit li a {
  padding: 0 5px 0 2px; 
}

.SectionMenu .credit li a.sectionArray {
  background: transparent url(/images/menu/section-arrow.gif) no-repeat right;
  margin-right: 1px;
}

.SectionMenu .credit li .sectionArray:hover,
.SectionMenu .credit li .sectionArray.selected {
  padding: 0 6px 0 2px;
  margin-right: 0;
}


/* assurance */


.SectionMenu .assurance li a {
  padding: 0 45px 0 45px; 
}

.SectionMenu .assurance li a.sectionArray {
  background: transparent url(/images/menu/section-arrow.gif) no-repeat right;
  margin-right: 10px;
}

.SectionMenu .assurance li .sectionArray:hover,
.SectionMenu .assurance li .sectionArray.selected {
  padding: 0 55px 0 45px;
  margin-right: 0;
}