/* ----[ LINKS ]----*/

/* all menu links */
#s5_nav a, #subMenusContainer a{
  text-decoration: none;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#s5_nav a{
  margin: 0;
}

#subMenusContainer ul li {
   padding:0px;
   margin:0px;
}

/* Just sub menu links */
#subMenusContainer a, #s5_nav li li a {
  background-color: #FFFFFF;
  text-align: left;
  display: block;
  width: auto;
  color: #888888;
  padding-top: 4px;
  padding-right: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}
#subMenusContainer a:hover, #s5_nav li li a:hover{
   color: #0066FF;
   
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/


/* All ULs and OLs */
#nav, #s5_nav ul, #s5_nav ol, #subMenusContainer ul, #subMenusContainer ol {
  margin: 0;
  list-style: none;
  font-size: 98%; /*  taille Sous-Menu */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 4px;
  padding-left: 0;
}

/* All submenu OLs and ULs */
#s5_nav ol, #s5_nav ul, #subMenusContainer ul, #subMenusContainer ol {  
   left:0;
}

#subMenusContainer img {
  margin-right: 8px;
}

#s5_nav img {
     margin-right:6px;
     margin-top:2px;
}

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.s5_sub_wrap, .s5_sub_wrap_lower, .s5_sub_wrap_rtl, .s5_sub_wrap_lower_rtl { 
   display:none; 
   position: absolute; 
   overflow:hidden; 
   padding-right:4px;
   padding-bottom:4px;
}

.s5_sub_wrap_rtl, .s5_sub_wrap_lower_rtl { 
   margin-left:8px;
}

.mainParentBtn a {
  padding-right: 24px;
  background-image: url(../images/s5_menu_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
}

.subParentBtn .S5_submenu_item a {
  display: block;
  background-image: url(../images/s5_menu_arrow_subs.png);
  background-repeat: no-repeat;
  background-position: right center;
}

#subMenusContainer div.s5_sub_wrap ul, #subMenusContainer div.s5_sub_wrap_rtl ul {
  padding-bottom: 3px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #B1C6F3;
  border-right-color: #B1C6F3;
  border-bottom-color: #B1C6F3;
  border-left-color: #B1C6F3;
}

#subMenusContainer div.s5_sub_wrap_lower ul, #subMenusContainer div.s5_sub_wrap_lower_rtl ul {
   border:1px solid #B1C6F3;
   -moz-border-radius: 0px 6px 0px 0px;
   -webkit-border-radius: 0px 6px 0px 0px;
   border-radius: 0px 6px 0px 0px;
}

#subMenusContainer div.s5_sub_wrap ul ul, #subMenusContainer div.s5_sub_wrap_lower ul ul, #subMenusContainer div.s5_sub_wrap_rtl ul ul, #subMenusContainer div.s5_sub_wrap_lower_rtl ul ul {
  margin: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: none;
  -webkit-border-radius: none;
  border-radius: none;
  -khtml-border-radius: none;
  border: none;
  padding-top: 10px;
}

#subMenusContainer li.subParentBtn, #subMenusContainer li.subMenuBtn {
   padding:8px;
   clear:both;
   padding-top:0px;
   padding-bottom:0px;
   min-width:200px;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#s5_nav li {
  /*great place to use a background image as a divider*/
  position: relative;
  display: block;
  list-style: none;
  float: left;
  overflow: hidden;
  height: auto;
  padding-right: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 12px;
  margin-right: 10px;
  -moz-border-radius-topleft: 40px;
  -webkit-border-top-left-radius: 40px;
  border-top-left-radius: 40px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 40px;
  -webkit-border-bottom-right-radius: 40px;
  border-bottom-right-radius: 40px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #B1C6F3;
  background-color: #FFFFFF;
}
/*  Bordure blanche Main Menu  */  
#s5_nav li.active {
  border-bottom-width: 1px;
  border-bot tom-style: solid;
  border-bottom-color: #0066FF;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -khtml-border-radius: 6px;
  border-top-color: #0066FF;
  border-right-color: #0066FF;
  border-left-color: #0066FF;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  background-color: #FFFFFF;
}
/*  taille Menu principal */
#s5_nav li a {
  color: #999999;
  font-weight: bolder;
  font-size: 108%;
}

#s5_nav li.mainParentBtn .s5_level1_span2 a {
   padding-right:18px;
}

.S5_parent_subtext {
   display:block;
   clear:both;
   color:#CCCCCC;
   font-size:0.7em; /*  taille Sous-Texte */
   cursor:pointer;
}

#s5_nav li .s5_level1_span1 {
     background:none;
     height:32px;
     display:block;
}

#s5_nav li .s5_level1_span2 {
     background:none;
     height:32px;
     display:block;
     padding-top:6px;
}

#s5_nav li.active .s5_level1_span1, #s5_nav li.mainMenuParentBtnFocused .s5_level1_span1, #s5_nav li:hover .s5_level1_span1 {
     height:32px;
     display:block;
}

#s5_nav li.active .s5_level1_span2, #s5_nav li.mainMenuParentBtnFocused .s5_level1_span2, #s5_nav li:hover .s5_level1_span2  {
     height:32px;
     display:block;
     padding-top:6px;
}

#subMenusContainer .moduletable {
     padding:8px;
}

#subMenusContainer .moduletable h3 {
   margin-bottom: 8px;
}

.S5_submenu_item {
   padding:6px;
   display:block;
}
/*  déco Sous-Menu  */
.S5_submenu_item:hover {
  
}

.S5_grouped_child_item .S5_submenu_item {
   padding:4px;
   border:none;
}

#subMenusContainer li{
   list-style: none;
}


#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 ]--------------------------*/
#s5_nav li li{  
     float:none; 
}

#s5_nav li li a{ /* Just submenu links*/  
   position:relative;
   float:none;
}

#s5_nav li ul { /* second-level lists */
   position: absolute;
   width: 10em;
   margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
   margin-top:2.2em;
}

/* third-and-above-level lists */
#s5_nav li ul ul { margin: -1em 0 0 -1000em; }
#s5_nav li:hover ul ul {  margin-left: -1000em; }

 /* lists nested under hovered list items */
#s5_nav li:hover ul{  margin-left: 0; }
#s5_nav li li:hover ul {  margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#s5_nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#s5_nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#s5_nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#s5_nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#s5_nav li:hover a:focus{ margin-left: 0; }
#s5_nav li li:hover a:focus + ul { margin-left: 10em; }


span.menu_subtext {
   display: block;
   font-weight: normal;
   line-height: 10px;
}

.S5_subtext {
   font-size: 0.8em;
   padding-top: 2px;
   cursor: pointer;
   color: #888787;
}

.S5_grouped_child_item .S5_subtext {
     padding-left:20px;
     font-size:0.9em;
}

span.menu_title{
   line-height:12px;
   text-align:center;
}


div.has_description{
   height:auto;
}

div.S5_grouped_child_item span{
   font-size:0.9em;
}

div.S5_grouped_child_item {
   padding-top:0px;
   padding-bottom:2px;
   padding-left:14px;
}

div.S5_grouped_child_item span span.S5_submenu_item a{
   padding:0px;
   padding-left:12px;
   color:#333333;
}
/*  Couleur fond Hover */
#s5_nav li.mainMenuParentBtnFocused, #s5_nav li:hover {
  background-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

#s5_nav li.mainMenuParentBtnFocused .S5_parent_subtext, #s5_nav li:hover .S5_parent_subtext {
     color:#090909;
}

#s5_nav li.mainMenuParentBtnFocused a {
  background:url(../images/s5_menu_arrow_focus.png) no-repeat right center;
}