/*
 * Project: FH Mega Menu
 * Author: Filiz ÖZER
 * Author URI: http://codecanyon.net/user/designingmedia
 * Description: A Bootstrap 3 Mega Drop Down Menu
 * License: GPL
 */


 
.fhmm .dropdown a,
.fhmm .dropdown-menu  a {
	color:#6c635e;
}


.fhmm .dropdown-menu > li > a {
	padding:6px 15px;
}

.fhmm i {
	color:#BFBFBF
}
.fhmm .dropdown-menu {
	/*box-shadow:none;
	border:0px solid #e6e6e6; /*#ece8e4*/;

	padding:0;
}
.fhmm .form-control {
	margin-top:10px;
	border:1px solid #efefef;
}
.fhmm .btn {
	margin:10px 0 20px
}
.fhmm video {
	max-width: 100%;
	height: auto;
}
.fhmm iframe,
.fhmm embed,
.fhmm object {
	max-width: 100%;
}

 .fhmm .withoutdesc {
    background-color: #e6e6e6; /*#ece8e4*/;
}

.fhmm .dropdown-menu .withoutdesc{    
	margin-top:0;
	padding:15px 20px;
    display: block;
    text-align: left;
    text-transform: none;
    margin-left: 0px;
   /* width: 100%;*/
  /* font : 300 14px/16px 'Quattrocento',serif; */

}

.dropdown-menu  {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 0px;
}

.fhmm a:hover {
	text-decoration:none
}
.fhmm .dropdown-menu .withoutdesc ul li {
	padding:3px 10px;

    font-family:'Roboto Condensed',sans-serif;
}

.fhmm .dropdown-menu .withoutdesc ul li:hover a {
  color: #ffffff;
}

.fhmm .dropdown-menu .withoutdesc ul li:hover,
.fhmm .dropdown-menu .withoutdesc ul li:focus {
	
	text-decoration:none;
	/* 
  color:#262626;
  background-color:#f5f5f5 !important 
  */
  background-color:#6c635e !important;
  
}
.fhmm .dropdown-menu .withoutdesc li:last-child {
	border-bottom:0 solid #fff;
}
.fhmm .fhmm-content.withdesc a:after {
    color: #CFCFCF;
    content: attr(data-description);
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 0;
    margin: 10px 0 15px;
    text-transform: uppercase;
}

.fhmm .dropdown-submenu{
	position:relative;
}
.fhmm .dropdown-submenu>.dropdown-menu{
	top:0;
	left:100%;
	margin-top:0;
	margin-left:-1px;
    /*
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
	*/
}

/*
.fhmm .dropdown-submenu:hover>.dropdown-menu{
	display:block;
}
*/


.fhmm .dropdown-submenu>a:after{
	display:block;
	content:" ";
	float:right;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-left-color:#cccccc;
	margin-top:5px;
	margin-right:-10px;
}
.fhmm .dropdown-submenu:hover>a:after{
	border-left-color:#ffffff;
}
.fhmm .dropdown-submenu.pull-left{
	float:none;
}
.fhmm .dropdown-submenu.pull-left>.dropdown-menu{
	left:-100%;
	margin-left:10px;
    /*
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
	*/
}
.fhmm p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
	color:#656565;
}
.fhmm .nav,
.fhmm .collapse,
.fhmm .dropup,
.fhmm .dropdown {
	position: static;
}
.fhmm .half {
    width: 50%;
	left: auto !important;
    right: auto !important;
}
.fhmm .container {
	position: relative;
}
.fhmm .dropdown-menu {
	left: auto;
}
.fhmm .nav.navbar-right .dropdown-menu {
	left: auto;
	right: 0;
}
.fhmm .fhmm-content {
	padding: 15px 25px;
    width: 1404px;
}
.fhmm .dropdown.fhmm-fw .dropdown-menu {
	left: 0;
	right: 0;
}

.fhmm .title:hover a {
  color: #ffffff;
}

.fhmm .title:hover {
  background-color:#6c635e !important;
}


.fhmm .title {
	font-size:16px;
	font-weight:700;
	margin-top:0px;
	
  margin-bottom: 1px;
  padding: 4px 4px 4px 4px;
	/* border-bottom:1px solid #efefef; */
	/* padding-bottom:2px; */
}
.fhmm ul {
  font-size:16px;
    list-style:none;
	padding-left:0px;
  margin-top: 1px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px; 
}

/** COLOR SCHEMES **/
.navbar-houles {
	/*background: #ffffff; */
    width: 1404px;
    font-size:20px;
    line-height:22px;
    font-family:'Roboto Condensed',sans-serif;
    margin-left: auto;
    padding-left: 200px;
    /*border: none;*/
    /*border: 0px;*/

	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
}


.navbar-houles .navbar-nav > .open > a,
.navbar-houles .navbar-nav > .open > a:hover,
.navbar-houles .navbar-nav > .open > a:focus,
.navbar-houles .navbar-nav > li > a:hover,
.navbar-houles .navbar-nav > li > a:focus,
.navbar-houles .navbar-nav > .active > a,
.navbar-houles .navbar-nav > .active > a:hover,
.navbar-houles .navbar-nav > .active > a:focus,
.navbar-houles .navbar-nav > .disabled > a,
.navbar-houles .navbar-nav > .disabled > a:hover,
.navbar-houles .navbar-nav > .disabled > a:focus {
	/*color: #ffffff !important;*/
	background-color: #e6e6e6 /*#e2dcd6*/;
}
.navbar-houles .navbar-collapse,
.navbar-houles .navbar-form {
	border-color: #6c635e;
}
.navbar-houles .navbar-brand i,
.navbar-houles a,
.navbar-houles .navbar-brand:hover,
.navbar-houles .navbar-brand:focus {
  color: #ffffff;
}
.navbar-houles .navbar-link,
.navbar-houles .navbar-brand,
.navbar-houles .navbar-text,
.navbar-houles .navbar-nav > li > a {
  text-transform:uppercase;
  font-size: 20px;
	color: #231F20;
  /*  padding-top: 10px;
    padding-bottom: 10px;
    */
}
.navbar-houles .navbar-toggle {
  border-color: #eeeeee;
}
.navbar-houles .navbar-toggle:hover,
.navbar-houles .navbar-toggle:focus {
  background-color: #877B76;
}
.navbar-houles .navbar-toggle .icon-bar {
  background-color: #eeeeee;
}
.navbar-houles .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-houles .navbar-nav > .dropdown > a .caret {
  border-top-color: #eeeeee;
  border-bottom-color: #eeeeee;
}
.navbar-houles .navbar-nav > .open > a .caret,
.navbar-houles .navbar-nav > .open > a:hover .caret,
.navbar-houles .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
/*
@media (max-width: 767px) {
  .navbar-houles .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #ffffff;
  }
  .navbar-houles .dropdown a, 
  .navbar-houles .dropdown-menu a,
  .navbar-houles .title,
  .navbar-houles p,
  .navbar-houles .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-houles .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-houles .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-houles .dropdown-menu .withoutdesc ul li:hover,
  .navbar-houles .dropdown-menu .withoutdesc ul li:focus,
  .navbar-houles .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-houles .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-houles .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff !important;
    background-color: #877B76 !important;
    font-size: 10px !important;
  }
  .navbar-houles .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-houles .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-houles .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ffffff;
    background-color: #877B76;
  }
}
*/
/** COLOR SCHEMES **/


.onglet_actif {
    color: #ffffff !important;
    background-color: #6c635e !important;
}


.sousonglet_actif {
    /*background-color: white;
    color: #ffffff !important;*/
    text-decoration: underline;
}

.sousonglet_actif:hover {
    text-decoration: none;
}


.navbar-submenu {
    font-family: 'Quattrocento, serif';
    min-height: 28px;
    padding-left: 2px;
    background-color: #e6e6e6; /*#ece8e4*/;
    border-radius: 0px;
    width: 1404px;
    /*border: none;*/
    /* border: 0px; */
}

.navbar-submenu .navbar-nav > .open > a,
.navbar-submenu .navbar-nav > .open > a:hover,
.navbar-submenu .navbar-nav > .open > a:focus,
.navbar-submenu .navbar-nav > li > a:hover,
.navbar-submenu .navbar-nav > li > a:focus,
.navbar-submenu .navbar-nav > .active > a,
.navbar-submenu .navbar-nav > .active > a:hover,
.navbar-submenu .navbar-nav > .active > a:focus,
.navbar-submenu .navbar-nav > .disabled > a,
.navbar-submenu .navbar-nav > .disabled > a:hover,
.navbar-submenu .navbar-nav > .disabled > a:focus {
    color: #ffffff !important;
    background-color: #6c635e;
    text-decoration: none !important;
    /*text-decoration: underline !important;
    background-color: transparent;*/

}
.navbar-submenu .navbar-nav > li > a:focus > div,
.navbar-submenu .navbar-nav > li > a:hover > div {
    background-image: url('../../../images/arrow_down_over.png');
}

.fhmm-fw a:hover {
/*    color: red !important;*/
}

.navbar-submenu .navbar-collapse,
.navbar-submenu .navbar-form {
    border-color: #6c635e;
}

.navbar-submenu .navbar-brand i,
.navbar-submenu a,
.navbar-submenu .navbar-brand:hover,
.navbar-submenu .navbar-brand:focus {
  color: #ffffff;
}
    
.navbar-submenu .navbar-link,
.navbar-submenu .navbar-brand,
.navbar-submenu .navbar-text,
.navbar-submenu .navbar-nav > li > a {
    text-transform:uppercase;
    font : 400 16px/16px 'Quattrocento',serif;
    /*font-size: 16px;*/
    padding: 10px;
    color: #6c635e;
    margin-top: -1px;
}
.navbar-submenu .navbar-toggle {
    border-color: #eeeeee;
}
.navbar-submenu .navbar-toggle:hover,
.navbar-submenu .navbar-toggle:focus {
    background-color: #6c635e;
}
.navbar-submenu .navbar-toggle .icon-bar {
    background-color: #eeeeee;
}
.navbar-submenu .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
.navbar-submenu .navbar-nav > .dropdown > a .caret {
    border-top-color: #eeeeee;
    border-bottom-color: #eeeeee;
}
.navbar-submenu .navbar-nav > .open > a .caret,
.navbar-submenu .navbar-nav > .open > a:hover .caret,
.navbar-submenu .navbar-nav > .open > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
/*
@media (max-width: 767px) {
    .navbar-submenu .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #ffffff;
    }
    .navbar-submenu .dropdown a,
    .navbar-submenu .dropdown-menu a,
    .navbar-submenu .title,
    .navbar-submenu p,
    .navbar-submenu .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-submenu .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-submenu .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
        background-color: transparent;
    }
    .navbar-submenu .dropdown-menu .withoutdesc ul li:hover,
    .navbar-submenu .dropdown-menu .withoutdesc ul li:focus,
    .navbar-submenu .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-submenu .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-submenu .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff !important;
        background-color: #6c635e !important;
        font-size: 10px !important;
    }
    .navbar-submenu .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-submenu .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-submenu .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ffffff;
        background-color: #6c635e;
    }
}*/



.open .img-categ {
    background-image: url('../../../images/arrow_down_over.png');
    color: #ffffff;
}

.img-categ {
    background-image: url('../../../images/arrow_down.png');
    background-size: 20px 20px;
    background-position: 50% 30%;
    background-repeat: no-repeat;
    padding-left: 5px;
    width: 20px;
    height: 12px;
    display: inline-block;
    vertical-align: top;
}

.child_categ {
    font : 300 14px/16px 'Quattrocento',serif;
}

.panelhoules_img {
    display:inline-block;
}
.panelhoules_img img {
    height: 180px;
}



.panelhoules_links {
    display:inline-block;
    width: 740px;
}


.societetop {
  width:100%; 
  overflow:auto;
}

.societetop ul {
  overflow:hidden;
  /*white-space:nowrap;*/
  padding:0; 
  margin:0;
}


.societetop li {
  display:inline-block;
  padding-left: 20px;
  border-right: 1px solid #CBC5C0;  
  list-style-type:none;
  padding-top: 20px;
  width:33%;
}
.societetop li:last-child {
  border-right: 0px;
}
.societetop ul:last-child li {
  padding-bottom: 20px; 
  margin-bottom: 20px;
}


.societe {
  font-family: 'Roboto Condensed',sans-serif !important;
  font-size: 20px !important;
  
}

.societe a {
  padding-right: 10px;
}


.responsive-container {
    position: relative;
    width: 100%;
}

.dummy {
    padding-top: 200px; /* forces 1:1 aspect ratio */
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.img-container .centerer {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
    max-height: 100%;  /* <-- Set maximum height to 100% of its parent */
    max-width: 100%;   /* <-- Set maximum width to 100% of its parent */
}

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

    .navbar-houles {
        width: 1204px;
        font-size:20px;
        line-height:24px;
        padding-left: 180px;
    }
    .navbar-houles .navbar-nav > li > a {
        font-size: 18px;
    }
    .fhmm .fhmm-content {
        width:  1204px;
    }


    .societe {
        font-size: 18px !important;
    }
    .societe a {
        padding-right: 6px;
    }
    .societetop li {
        padding-left: 40px;
        padding-top: 10px;
        width:30%;
    }
    .societetop ul:last-child li {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .panelhoules_img {
        height: 180px;
    }
    .panelhoules_links {
        width: 700px;
    }

    .navbar-submenu {
        width: 1204px;
    }
    .navbar-submenu .navbar-nav > li > a {
        font : 400 14px/14px 'Quattrocento',serif;
        padding: 8 0 8 0px;

    }

    .child_categ {
        font : 300 8px/14px 'Quattrocento',serif;
    }
}


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

    .navbar-houles {
        width: 968px;
        font-size:20px;
        line-height:24px;
        padding-left: 150px;
        min-height: 20px;
    }
    .fhmm .fhmm-content {
        width:  968px;

    }

    .navbar-houles .navbar-nav > li > a {
        font-size: 16px;
        line-height:6px;
    }

    .societe {
        font-size: 16px !important;
    }
    .societe a {
        padding-right: 2px;
    }
    .societetop li {
        padding-left: 6px;
        padding-top: 10px;
        width:32%;
    }
    .societetop ul:last-child li {
        padding-bottom: 20px;
        margin-bottom: 10px;
    }


    .panelhoules_img img {
        height: 120px;
    }

    .panelhoules_img {
        height: 120px;
    }

    .panelhoules_links {
        height: 120px;
        width: 600px;
    }

    .navbar-submenu {
        width: 968px;
    }


    .navbar-submenu .navbar-nav > li > a {
        font : 400 14px/14px 'Quattrocento',serif;
        padding: 8px;
    }

    .dummy {
        padding-top: 120px; /* forces 1:1 aspect ratio */
    }
    .child_categ {
      font : 300 8px/14px 'Quattrocento',serif;
    }
}


.navbar-collapse.collapse {
    display: block!important;
}

 .navbar-nav>li, .navbar-nav {
    float: left !important;
}

.navbar-nav.navbar-right:last-child {
    margin-right: -15px !important;
}

.navbar-right {
    float: right!important;
}