/*

	Copyright: (c) 2015 TheGrue
*/


#gruemenu, #gruemenu ul,#gruemenu ul li, #gruemenu ul li a {
margin: 0; 
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative; 
-webkit-box-sizing: 
border-box;-moz-box-sizing: 
border-box;box-sizing: 
border-box; 
z-index:999999;
color:#FFECB5;
}
#gruemenu.top {
max-width:980px;
margin:auto;
}
#gruemenu.regions {
width:99%;
margin:auto;
}
.regions ul li{
display:inline-block!important; 
}
#gruemenu.top > ul > li > a{
padding:20px 30px;
color:#D3B357;
font-size:0.9em;
font-family:'Ubuntu', cursive, Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#gruemenu.regions > ul > li > a{
padding:3px 10px;
font-size:0.80em;
text-transform:none; 
}
#gruemenu.regions > ul > li > a:hover{
text-decoration:underline;
}

#gruemenu.top > ul { 
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0) !important;
}

#gruemenu.top li{
float:left
 }

#gruemenu.top > ul > li > a:hover,#gruemenu.top > ul > li > a:focus{
text-decoration:none;
background-image: url("../images/flch_menu.png");
background-position: 50% 50%;
background-repeat:no-repeat;
}


#gruemenu.top > ul > li.active > a { 
background-color: rgba(0, 0, 0, 0.05);  
}
#gruemenu > ul > li.has-sub > a {
padding-right: 45px;
}

#gruemenu > ul > li.has-sub > a::after {
content: ""; 
position: absolute; 
width: 0; 
height: 0; 
border: 6px solid transparent;
}

#gruemenu > ul > li.has-sub.active > a::after,  
#gruemenu > ul > li.has-sub:hover > a {}

#gruemenu:after, #gruemenu > ul:after {
content: ".";
display: block;
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0;
}

#gruemenu ul ul li a { 
text-decoration: none; 
padding: 11px 25px; 
width: 220px; 
/*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);*/
}

#gruemenu > ul > li > ul::after { 
position: absolute; 
display: block;
}

#gruemenu ul ul li.has-sub > a::after { 
content: ""; 
position: absolute; 
width: 0; 
height: 0; 
border: 4px solid transparent;
}  

 /*Menu  grue menu-secondaire*/


 
 /*Menu reponsive top */
 
 
.sidr ul li {
border-bottom: 1px solid #021929;
}
.sidr ul li a,.sidr ul li span{
color:#E3DCC8;
}
.sidr-class-current > a{
 background:#021929;
 }

 
/* Left-to-Right */

#gruemenu.grue > ul li {
 margin:0!important; 
 padding:0!important 
 }

#gruemenu.grue > ul > li {
 display:block 
 }

#gruemenu.grue > ul > li.has-sub > a::after {
border-left-color: #B7723D;  
right: 17px; top: 20px;
 }

#gruemenu.grue > ul > li.has-sub.active > a::after,#gruemenu.grue > ul > li.has-sub:hover > a {
border-left-color:#B7723D;
}

#gruemenu.grue ul ul {
 position: absolute; 
 left: -9999px; 
 top: auto; 
 padding-left: 6px;
 }

#gruemenu.grue > ul > li > ul::after {
 content: ""; 
 position: absolute; 
 width: 0; 
 height: 0; 
 border: 5px solid transparent; 
 top: 20px; left: -3px;
 }

#gruemenu.grueul ul ul::after {
content: "";
position: absolute; 
width: 0; height: 0; 
border: 5px solid transparent;  
top: 11px; 
left: -3px;
}

#gruemenu.grue > ul > li:hover > ul {
top:0;left:100%;
}

#gruemenu.grue ul ul ul {
padding-top: 0;
padding-left: 6px;
}

#gruemenu.grue ul ul > li:hover > ul {
left: 220px;top: 0;}

#gruemenu.grue > ul > li > ul::after {
 border-right-color: #B7723D
 }

#gruemenu.grue ul ul ul::after {
border-right-color: #B7723D 
}

#gruemenu.grue ul ul li.has-sub > a::after {
border-left-color: #B7723D;   
right: 17px; top: 14px; 
}

#gruemenu.grue ul ul li.has-sub.active > a::after, 
#gruemenu.grue ul ul li.has-sub:hover > a::after {
border-left-color:#B7723D; 
}

#gruemenu.grue > ul > li > a { 
color:  #6e1a27;
}

#gruemenu.grue > ul > li:hover > a,#gruemenu.grue > ul > li > a:hover, 
#gruemenu.grue > ul > li.active > a {
color:  #6e1a27; background: #fff;
}

#gruemenu.grue ul ul li:hover > a,#gruemenu.grue ul ul li.active > a {
color: #6e1a27; 
background:#eee;
}

#gruemenu.grue ul ul li a, #navigation-toggle {
color:  #eee; 
background:#6e1a27;
}

#gruemenu.grue ul ul li:hover > a,#gruemenu.grue ul ul li.active > a,
#navigation-toggle:hover {
color: #eee; 
background:#E3C87D;
}

#gruemenu.grue #menu-button{
 color:  #6e1a27; 
 }

#gruemenu.grue {
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
-o-border-radius: 8px; 
border-radius: 8px;  
border-radius: 8px;
}

#gruemenu.grue ul li:first-child > a  {
 border-top-left-radius: 8px; 
 border-bottom-left-radius: 8px;
 }

#gruemenu.grue ul ul li:first-child > a {
 border-top-left-radius: 8px; 
 border-top-right-radius: 8px; 
 border-bottom-left-radius: 0px; 
 border-bottom-right-radius: px;
 }

#gruemenu.grue ul ul li:last-child > a {
border-top-left-radius: 0px; 
border-top-right-radius: 0px; 
border-bottom-left-radius: 8px; 
border-bottom-right-radius: 8px;
}

#gruemenu.grue #menu-button::after {
border-top: 2px solid #eee; 
border-bottom: 2px solid #ddd; 
}

#gruemenu.grue #menu-button::before {
border-top: 2px solid #ddd; 
}
/* Mobile Menu */

/* Enable Mobile Menu */

@media screen and (max-width: 700px) {

#navigation-toggle {
 z-index:999; 
 display:block;
  position:fixed; 
 top:10px; 
 right:10px; 
 padding:10px 10px; 
 box-shadow:0px 1px 1px rgba(0,0,0,0.15);	
 border-radius:3px;	
 text-shadow:0px 1px 0px rgba(0,0,0,0.5); 
 font-size:20px;		
 transition:color linear 0.15s; 
 text-decoration: none !important; 
 }

#navigation-toggle span.nav-line { 
display:block; 
height:3px; 
width:20px; 
margin-bottom:4px; 
background:#fff}

#navigation-toggle:hover {
text-decoration:none;	
}

#gruemenu.grue_<?php echo $module->id ?>  {
display: none;
}

#navigation-toggle, .sidr, #sidr-close { 
display: none 
}
}
  
  
  
/* ------ */ 
  
.sidr{
display:none;
position:fixed;
top:0;
height:100%;
z-index:999999;
width:320px;
overflow-x:auto;
overflow-y:auto; 
font-size:16px;
background:#38688E;
color:#E3DCC8;
}

.sidr .sidr-inner{
padding:0
}

.sidr .sidr-inner>p{
margin-left:15px;
margin-right:15px
}

.sidr.right{
left:auto;
right:-320px
}

.sidr.left{
left:-320px;
right:auto;
}

.sidr p{
font-size:16px;margin:0 0 12px
}
.sidr p a{
color:#E3DCC8;
}

.sidr>p{
margin-left:15px;
margin-right:15px
}

.sidr ul{
display:block;
margin:0 0 15px;
padding:0;
border-top:1px solid #2A0007;
border-bottom:1px solid #4B0611;
}

.sidr ul li{
display:block;
margin:0;
line-height:48px;
border-top:1px solid #021929;
border-bottom:1px solid #8aafc6;
}

.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{
 background:# 6e1a27; 
 line-height:48px
 }

.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,
.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span{}

.sidr ul li a,.sidr ul li span{
padding:0 15px;
display:block;
text-decoration:none;
color:#E3DCC8;
}

.sidr ul li ul{
border-bottom:none;
margin:0
}
.sidr ul li ul li{
line-height:40px;
font-size:14px
}
.sidr ul li ul li:last-child{
border-bottom:none
}

.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{
background:#333;
line-height:40px
}

.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span{
}

.sidr ul li ul li a,.sidr ul li ul li span{
color:rgba(255,255,255,0.8);
padding-left:30px
}
.sidr form{margin:0 15px
}
.sidr label{
font-size:13px
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],.sidr input[type="datetime"],
.sidr input[type="email"],.sidr input[type="number"],
.sidr input[type="search"],.sidr input[type="tel"],
.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,
.sidr select{
width:100%;
font-size:13px;
padding:10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 10px;
-webkit-border-radius:2px;-moz-border-radius:2px;
-ms-border-radius:2px;-o-border-radius:2px;
border-radius:2px;
border:none;
background:rgba(0,0,0,0.1);
color:rgba(255,255,255,0.6);
display:block;
clear:both
}

.sidr input[type=checkbox]{
width:auto;display:inline;clear:none
}
.sidr input[type=button],
.sidr input[type=submit]{
color:#333;
background:#fff
}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover{
background:rgba(255,255,255,0.9)
}

a.sidr-class-toggle-sidr-close {
color:#fff; 
text-decoration:none; 
display:block; 
text-align:right; 
padding:10px 20px;
}

a.sidr-class-toggle-sidr-close:before {
font-size:20px; 
font-weight:bold; 
color: #fff;
 margin: 0; 
text-decoration:none; 
content:"x"; 
background:#222222;
 padding:2px 10px; 
border-radius:50% 
}

.sidr-class-current > a{
 background:#021929;
 }