:focus {
  outline: none;
}
.row {
  margin-right: 0;
  margin-left: 0;
}
.side-menu {
  position: relative;
  width: 300px;
  height: 100%;
  background-color: transparent;
  border-right: 1px solid #e7e7e7;
  z-index:100;
}
.side-menu .navbar {
  border: none;
}
.side-menu .navbar-header {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  top:0px;
  left:0px;
}
 .active3 {
  background-color:transparent;
  margin-right: -1px;
  border-right: 5px solid #88bd2f;
  color:#454444;
  font-weight: 900;

}
.side-menu .navbar-nav .active2 a {
  background-color:transparent;
  margin-right: -1px;
  border-right: 5px solid #88bd2f;
  color:#454444;
  font-weight: 900;
   display: block;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  font-size: 12px;
}
.side-menu .navbar-nav .active a {
  background-color:transparent;
  margin-right: -1px;
  border-right: 5px solid #88bd2f;
  color:#454444;
  font-weight: 900;
}
.side-menu .navbar-nav li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  font-size: 12px;
}
.societe {
  padding: 8px;
  color:#88bd2f!important;
}
.societe .fa {
  padding-right: 10px;

}
.side-menu .navbar-nav li a {
  padding: 8px;
}
.side-menu .navbar-nav li a .fa {
  padding-right: 10px;
}
.side-menu #dropdown {
  border: 0;
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
.side-menu #dropdown .caret {
  float: right;
  margin: 9px 5px 0;
}
.side-menu #dropdown .indicator {
  float: right;
}
.side-menu #dropdown > a {
  border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body {
  padding: 0;
  background-color: white;
}
.side-menu #dropdown .panel-body .panel-body {
  padding: 0;
  background-color:  white;
}
.side-menu #dropdown .panel-body .panel-body .panel-body {
  padding: 0;
  background-color:  white;
 margin-left:-30px;
}
.side-menu #dropdown .panel-body .navbar-nav {
  width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
  padding-left: 15px;
  border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
  border-bottom: none;
}
.side-menu #dropdown .panel-body .panel > a {
  margin-left: -20px;
  padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
  margin-left: -15px;
}
.side-menu #dropdown .panel-body .panel-body li {
  padding-left: 30px;
}

.side-menu #search-trigger {
  background-color: #f3f3f3;
  border: 0;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 18px;
}
.side-menu .brand-name-wrapper {
  height: 40px;
}
.side-menu .brand-name-wrapper .navbar-brand {
  display: block;
}
.side-menu #search {
  position: relative;
  z-index: 1000;
}
.side-menu #search .panel-body {
  padding: 0;
}
.side-menu #search .panel-body .navbar-form {
  padding: 0;
  padding-right: 50px;
  width: 100%;
  margin: 0;
  position: relative;
  border-top: 1px solid #e7e7e7;
}
.side-menu #search .panel-body .navbar-form .form-group {
  width: 100%;
  position: relative;
}
.side-menu #search .panel-body .navbar-form input {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  height: 40px;
}
.side-menu #search .panel-body .navbar-form .btn {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0;
  background-color: #f3f3f3;
  padding: 15px 18px;
}
/* Main body section */
.side-body {
  margin-left: 310px;
}
/* small screen */
@media (max-width: 768px) {

  .side-menu {
	  z-index:999!important;
	margin-top:-35px;
    position: relative;
    width: 100%;
    height: 0;
    border-right: 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .side-menu .brand-name-wrapper .navbar-brand {
    display: inline-block;
  }
  /* Slide in animation */
  @-moz-keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @-webkit-keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @-moz-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  @-webkit-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  @keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  /* Slide side menu*/
  /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment 
  .side-menu-container > .navbar-nav.slide-in {
    -moz-animation: slidein 300ms forwards;
    -o-animation: slidein 300ms forwards;
    -webkit-animation: slidein 300ms forwards;
    animation: slidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }*/
  .side-menu-container > .navbar-nav {
    /* Add position:absolute for scrollable menu -> see top comment
    position: fixed;
    left: -300px;
    width: 300px;
    top: 43px;
    height: 100%;
    border-right: 1px solid #e7e7e7;
    background-color: white;
    -moz-animation: slideout 300ms forwards;
    -o-animation: slideout 300ms forwards;
    -webkit-animation: slideout 300ms forwards;
    animation: slideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; */
  }
  /* Uncomment for scrollable menu -> see top comment */
  /*.absolute-wrapper{
        width:285px;
        -moz-animation: slideout 300ms forwards;
        -o-animation: slideout 300ms forwards;
        -webkit-animation: slideout 300ms forwards;
        animation: slideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }*/
  @-moz-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 300px;
    }
  }
  @-webkit-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 300px;
    }
  }
  @keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 300px;
    }
  }
  @-moz-keyframes bodyslideout {
    0% {
      left: 300px;
    }
    100% {
      left: 0;
    }
  }
  @-webkit-keyframes bodyslideout {
    0% {
      left: 300px;
    }
    100% {
      left: 0;
    }
  }
  @keyframes bodyslideout {
    0% {
      left: 300px;
    }
    100% {
      left: 0;
    }
  }
  /* Slide side body*/
  .side-body {
    margin-left: 5px;
    margin-top: 70px;
    position: relative;
    -moz-animation: bodyslideout 300ms forwards;
    -o-animation: bodyslideout 300ms forwards;
    -webkit-animation: bodyslideout 300ms forwards;
    animation: bodyslideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .body-slide-in {
    -moz-animation: bodyslidein 300ms forwards;
    -o-animation: bodyslidein 300ms forwards;
    -webkit-animation: bodyslidein 300ms forwards;
    animation: bodyslidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  /* Hamburger */
  .navbar-toggle {
    border: 0;
    float: right;
    padding: 18px;
	margin:4px;
    
    border-radius: 0;
    background-color: white;
  }
  .navbar-header {
    /* this is probably redundant */
    position: fixed;
    z-index: 3;
    background-color: white;
  }
  /* Dropdown tweek */
  #dropdown .panel-body .navbar-nav {
    margin: 0;
  }
}
.fa-size-150{
	font-size:150%!important;
}
.fa-size-110{
	font-size:110%!important;
}
.sousmenu-marge {
	margin-left:15px;
}

/* RESEAUX SOCIAUX MENU BAS */
.social-media {
    position: relative;
	text-align:right;
}

.social-media i {
    z-index: 2200;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    text-align: center !important;
    font-size: 14px;
    background: #ddd;
    color: #333;
    border-radius: 2px
}
.social-media .facebook {
    background: #43609c;
    color: #fff
}

.social-media .twitter {
    background: #28a9e2;
    color: #fff
}

.social-media .google {
    background: #dd4b39;
    color: #fff
}

.social-media .linkedin {
    background: #0177b5;
    color: #fff
}

.social-media .viadeo {
    background: #f4982b;
    color: #fff
}

.social-media .pinterest {
    background: #bd081c;
    color: #fff
}

.social-media .instagram {
    background: #7c4e3a;
    color: #fff
}

.social-media .youtube {
    background: #cf3427;
    color: #fff
}

.social-media .tripadvisor {
    background: #448929;
    color: #fff
}

.social-media .flickr {
    background: #0063db;
    color: #fff
}


.social-media i:hover {
    background: #3f413c;
    color: #a1a1a1
}