/***************************************************************************/
/******************************************************************* MenuG */
/***************************************************************************/
#menuG { 
  position:relative;
  margin:30px 0 0; padding:0;
  color:#4c4c4c;
}
#menuG>li { list-style-type: none; }

/**************************************************** Themes */
#menuG>li>a {
  display:block;
  text-transform: uppercase;
  width:219px;/* height:38px;*/
  letter-spacing:-1px;
  background:url(../img/squelette/bgThemeMenuG.png) no-repeat;
  background-size:100% 100%;
  color:white;
  font-family:verdana, arial;
  font-size:18px;
  margin:17px 0 5px -10px; padding:9px 10px 15px 25px;
  text-decoration:none;
}
#menuG>li>a:hover { color:#ff8706; }

/************************************************* Rubriques */
#menuG>li>ul {
  margin:0 15px 0 20px; padding:0;
  font-size:13px;
}
#menuG>li>ul>li { list-style-type:none; }
#menuG>li>ul>li>a { color:#4c4c4c; text-decoration:none; }
#menuG>li>ul>li>a:hover { color:#ff8706; }

/**************************************************** Sujets */
#menuG>li>ul>li>ul { margin:5px 15px 5px 25px; padding:0; }
#menuG>li>ul>li>ul>li>a { color:#4c4c4c; text-decoration:none; }
#menuG>li>ul>li>ul>li>a:hover { color:#ff8706; }



/*************************************************************************************************/
/*************************************************************************************************/
/********************************** surbrillance menus *******************************************/
/*************************************************************************************************/
/*************************************************************************************************/
#menuD a.themeActuel {
  background:url(../img/squelette/bgThemeMenuHOver.png) no-repeat;
  background-position:top right;
  color:black;
  padding:25px 47px 15px 15px;
  
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
#menuD a.themeActuel:hover { padding:25px 47px 15px 15px; }
.rubriqueActuel {}
.sujetActuel {}



/*************************************************************************************************/
/*************************************************************************************************/
/*********************************** menuD déroulant *********************************************/
/*************************************************************************************************/
/*************************************************************************************************/


#menuD li:first-of-type { margin-left:19px; }

/**************************************************** all menu links */
#menuD a, #subMenusContainer a {
  display:block;
  color:white;
  text-decoration:none;
  
  margin:0;
  text-transform:uppercase;
}
#menuD a:hover, #subMenusContainer a:hover {
  color:#343434;
  padding-top:27px; 
  padding-bottom:13px; 
}

/**************************************************** Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#menuD a {
  /*margin:0; padding:25px 31px 15px;
  text-transform:uppercase;*/
  padding:25px 18px 15px;
}
#menuD a:hover { 
  /*color:#343434;
  padding-top:27px; 
  padding-bottom:13px; */
}

/**************************************************** Just sub menu links */
#subMenusContainer a, #menuD li li a { 
  /*margin:0; padding:20px 12px;*/
  background-color:#ff8815;
  padding:5px 31px;
  border:1px solid #ff8815;
  width:100%;
}
#subMenusContainer a:hover, #menuD li li a:hover {
  padding:5px 31px;
  background-color:white;
  color:black;
  border:1px solid #ff8815;
}

/**************************************************** All menu links on hover or focus */
#menuD a:hover, #menuD a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #menuD a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused { }

/**************************************************** sub menu links on hover or focus */
#subMenusContainer a:hover, #subMenusContainer a:focus, #menuD a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused, #menuD li a:hover, #menuD li a:focus { }

/**************************************************** Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn { }

/**************************************************** Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused { }

/**************************************************** Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn { }

/**************************************************** Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{ }

/**************************************************** Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{
  display:none;
  position:absolute;
  overflow:hidden;
  /* the 2px left & right padding lets you have a 1px border on the ul or ol inside since overflow is set to hidden */
  margin:0 0 0 -1px; padding:0 2px;
}

/**************************************************** All submenu OLs and ULs */
#menuD ol, #menuD ul, #subMenusContainer ul, #subMenusContainer ol { left:0; }

/**************************************************** All ULs and OLs */
#menuD, #menuD ul, #menuD ol, #subMenusContainer ul, #subMenusContainer ol {
  margin: 0; padding: 0;
  list-style: none;
  line-height: 1em;
}

/**************************************************** List items in main menu --[for non-javascript users this applies to submenus as well]  */
#menuD li {
  /*great place to use a background image as a divider*/
  display:block;
  list-style:none;
  position:relative;
  float:left;
  margin:0;
}
#subMenusContainer li { list-style: none; }

/* main menu ul or ol elment */
#menuD {
  list-style:none;
  margin:0;
  z-index:5;
  display:block;
  background:url(../img/squelette/bgMenuH.jpg) no-repeat;
  background-position:bottom right;
  color:white;
  font-size:17px;
  position:absolute;
  top:-10px; left:0;
  width:1000px;
  
-moz-box-shadow: inset 0px -5px 5px -5px #656565;
-webkit-box-shadow: inset 0px -5px 5px -5px #656565;
-o-box-shadow: inset 0px -5px 5px -5px #656565;
box-shadow: inset 0px -5px 5px -5px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=90, Strength=5);
}

#subMenusContainer {
  display:block;
  position:absolute;
  top:0; left:0;
  width:100%; height:0;
  overflow:visible;
  z-index:1000000000;
}

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/

#menuD li li { float:none; }
/**************************************************** Just submenu links */
#menuD li li a{
  position:relative;
  float:none;
}
/**************************************************** second-level lists */
#menuD li ul {
  position: absolute;
  width: 10em;
  margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/**************************************************** third-and-above-level lists */
#menuD li ul ul { margin: -1em 0 0 -1000em; }
#menuD li:hover ul ul {	margin-left: -1000em; }

/**************************************************** lists nested under hovered list items */
#menuD li:hover ul{	margin-left: 186px; margin-top:-2.5em; }
#menuD li li:hover ul {	margin-left: 10em; }

/**************************************************** extra positioning rules for limited noscript keyboard accessibility */
#menuD li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; }
#menuD li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em; }
#menuD li li a:focus { left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em; }
#menuD li li li a:focus { left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em; }
#menuD li:hover a:focus { margin-left: 0; }
#menuD li li:hover a:focus + ul { margin-left: 10em; }



/*************************************************************************************************/
/*************************************************************************************************/
/********************************* menuD non déroulant *******************************************/
/*************************************************************************************************/
/*************************************************************************************************/
/*#menuD {
  margin:0; padding:0;
  list-style-type:none;
  background-color:orange;
}
#menuD>li { 
  float:right;
  cursor:pointer;
  padding:5px;
}
#menuD>li>a {
  padding:5px;
  text-align:center;
  position:relative;
}
#menuD>li>a:hover {  }
#menuD>li>ul {
  display:block;
  position:absolute;
  z-index:2;
  top:0; left:0;
  margin:0; padding:0;
  list-style-type:none;
  background-color:red;
}
#menuD>li>ul>li {
  float:left;
  margin:0; padding:5px;
}
#menuD>li>ul>li>a { padding:5px; }
#menuD>li>ul>li ul { margin:0; padding:0; }
#menuD>li>ul>li li {
  margin:0; padding:0;
  list-style-position: inside;
}
#menuD>li>ul>li li a { }
#menuD>li>ul>li a:hover { }*/