@charset "utf-8";
/* CSS Document */
 #header.header-content{
 	background-image: url('../images/bg-header-6.jpg');
 }
 .header-content{
 	background-image: url('../images/bg-header-6.jpg'); width:100%; height:150px; float:left
 }
.body-enseigne {
background-image:linear-gradient(#efdec1, #fff) !important;
}
.enseigne-color{color:#b7a26b}
/*#footer{ background:#fcf9f3}*/
.top-border{ border-top:3px solid #b7a26b 
}
.top-border >a { color:#b7a26b} 

#main-nav .sub-menu{
	display: none;
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	border-top: 3px solid #b7a26b;
	background: #fff;
	width: 16rem;
	box-shadow: 0 7px 15px rgba(0, 0, 0, 0.12);
	z-index: 1;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}
#main-nav .sub-menu::before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #b7a26b transparent;
	position: absolute;
	top: -7px;
	left: 20px;
}
/*******/
#nestedlist, #nestedlist ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  list-style-type: none;
  margin-left:0;
  padding-left:20px;
  /* text-indent: -4px; Not used due to class .connect below */
}

/* UL Layer 1 Rules */
#nestedlist {
  font-size: 20px;
  font-weight:bold;
}

/* UL Layer 2 Rules */
#nestedlist ul {
  font-size: 18px;
  font-weight: normal;
  margin-top: 3px;
}

/* UL Layer 3 Rules */
#nestedlist ul ul {
  font-size: 16px;
}

/* UL 4 Rules */
#nestedlist ul ul ul {
  font-size: 14px;
}

.menu-g li > a {
    border-bottom: 1px solid rgba(230, 145, 1, 0.5);
    display: block;
    font-size: 1.3rem;
    max-width: 250px;
    padding: 8px 0;
    position: relative;
    text-decoration: none;
}
.menus li >  a:active {font-weight: bold}

.menu-g ul li a::before{
	content:"\f0c8";
	font-family: FontAwesome, Verdana, Geneva, sans-serif;
   display: inline-block;
   padding-right: 5px;
   vertical-align: middle; font-size:50%; color:rgba(230, 145, 1, 0.89)
}
#nestedlist li a { padding:3px
}

.connect {
  border-left: 0px solid black;
}
#content{
	padding-top: 0px !important;
}
body {background:#f4e9d3 !important }
footer {background:#f4e9d3 !important }
.thalionmenu{
	background: rgba(0, 0, 0, 1) -moz-linear-gradient(right center , rgba(230, 145, 1, 0.89) 0%, rgba(230, 145, 1, 0.89) 1%, rgba(230, 145, 1, 0) 100%) repeat scroll 0 0; /* FF3.6+ */
	background: -webkit-gradient(linear, right top, right top, color-stop(0%,rgba(230,145,1, 0.89)), color-stop(1%,rgba(230,145,1, 0.89)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(right,  rgba(230,145,1, 0.89)) 0%,rgba(230,145,1, 0.89)) 1%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(right,  rgba(230,145,1, 0.89) 0%,rgba(230,145,1, 0.89) 1%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(right,  rgba(230,145,1, 0.89)) 0%,rgba(230,145,1, 0.89) 1%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to left,  rgba(230,145,1, 0.89)) 0%,rgba(187, 147, 101, 0.89) 1%,rgba(0,0,0,1) 100%); /* W3C */
	
	}
/*
.h-over ul {
    display: none;
}
    
.h-over a:hover + ul {
    display: block;
}
*/


.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}

h4.widget-title {
    margin: 0;
}
/**************menu drop down menuu effet****/
.menus {
    text-align:left;
}
.menus ul{ 
  -webkit-transition: 0.9s linear 0.8s;
  -o-transition: 0.9s linear 0.8s;
  transition: 0.9s linear 0.8s;
}
.submenus {
    margin-top:2px;
    display:none;

    color: black;
}
#menu1outer:hover #submenus1 {
    display: block;
}
#menu2outer:hover #submenus2 {
    display: block;
}

/* NAVIGATION */

.navigation, .navigation a.main {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.navigation:hover, .navigation:hover a.main {
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}

.navigation a.main {
  display: block; 
  text-decoration: none; 
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.navigation:hover a.main {

}

.navigation li { 
  -webkit-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(350px) rotateX(-90deg);
  -o-transform: perspective(350px) rotateX(-90deg);
  transform: perspective(350px) rotateX(-90deg);
}



.navigation li.n1 { 
  -webkit-transition: 0.2s linear 1s;
  -o-transition: 0.2s linear 1s;
  transition: 0.2s linear 1s;
}
.navigation li.n2 {
  -webkit-transition: 0.2s linear 0.8s;
  -o-transition: 0.2s linear 0.8s;
  transition: 0.2s linear 0.8s;
}
.navigation li.n3 {
  -webkit-transition: 0.2s linear 0.6s;
  -o-transition: 0.2s linear 0.6s;
  transition: 0.2s linear 0.6s;
}
.navigation li.n4 { 
  -webkit-transition:0.2s linear 0.4s;
  -o-transition:0.2s linear 0.4s;
  transition:0.2s linear 0.4s;
}
.navigation li.n5 {
  border-radius: 0px 0px 4px 4px;
  -webkit-transition: 0.2s linear 2s;
  -o-transition: 0.2s linear 2s;
  transition: 0.2s linear 2s;
}

.navigation li.n6 {
  border-radius: 0px 0px 4px 4px;
  -webkit-transition: 0.2s linear 0s;
  -o-transition: 0.2s linear 0s;
  transition: 0.2s linear 0s;
}

.navigation:hover li {
  -webkit-transform: perspective(350px) rotateX(0deg);
  -o-transform: perspective(350px) rotateX(0deg);
  transform: perspective(350px) rotateX(0deg);
  -webkit-transition:0.2s linear 0s;
  -o-transition:0.2s linear 0s;
  transition:0.2s linear 0s;
}
.navigation:hover .n2 {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.navigation:hover .n3 {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.navigation:hover .n4 {
  transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.navigation:hover .n5 {
  -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.navigation:hover .n5 {
  -webkit-transition-delay: 1s;
    -o-transition-delay: 1;
  transition-delay: 1s;
}
  
  
/**************menu drop down menuu effet****/
.menu-g > a {
    border-bottom: 1px solid rgba(230, 145, 1, 0.5);
    display: block;
    font-size: 1.3rem;
    max-width: 250px;
    padding: 8px 0;
    position: relative;
    text-decoration: none;
}
li.navi {
    border-bottom: 1px solid rgba(230, 145, 1, 0.5);
    display: block;
    padding: 8px 0;
    position: relative;
    text-decoration: none; transform: none;
}
#side { margin-top:10px !important}
.active-c {color: #8d6808 ;}


@media (max-width:1423px)
{

#header {
    width:100%;
}
}

@media (max-width:1120px)
{
#secondary-nav .menu > .menu-item:first-child {
    position: relative !important;
    width: 100% !important;
}
#secondary-nav .menu > .menu-item {
    width: 20%;
}
#main-nav .menu {
    margin: 0;
    padding: 0;
}

}